mojitoダウンロードmojitoソースコードのダウンロード

mojito

その他のリソース

v2.0.1

ダウンロード

Mojitoは、低コードの視覚的なスケーラブルな開発プラットフォームです

特性

クリック、ドラッグ、ズームの視覚操作
グループ/disue、undo/redo、レイヤーショー/非表示、ロック/ロック解除、整列、並べ替え
ReactおよびVue3を使用してカスタムコンポーネントライブラリをサポートします
コンポーネント間のスタイルの分離をサポートします
コンポーネントスタイルの視覚構成
コンポーネント間の通信、イベント同期、動的スクリプト...

??イベント同期

コンポーネント通信

？テストコンポーネントライブラリ

antd

http://mojito.drinkjs.com/public/[email protected]/mojito-pack.json

echarts

http://mojito.drinkjs.com/public/[email protected]/mojito-pack.json

要素

http://mojito.drinkjs.com/public/[email protected]/mojito-pack.json

？§バックエンドコード

https://github.com/drinkjs/mojito-server

https://gitee.com/drinkjs/mojito-server

？コンポーネント開発

npx create-mojito-pack

コンポーネントを定義します

 < template >
	< div > { { text } } </ div >
</ template >

< script lang = "ts" >
import { CreatePack } from "@drinkjs/mojito-vue-pack" ;
import { defineComponent } from "vue" ;

// 常规vue组件定义
const Text = defineComponent ( {
	props : {
		text : String ,
	} ,
} ) ;

export default Text ;

// 定义Mojito组件
export const PackText = CreatePack ( Text , {
	name : "文本" , // 组件的名称
	category : "基础组件" , // 组件分类
    // 组件props定义
	props : {
		text : {  // 对应vue中props中的定义
			name : "文字" , // 属性名称
			type : "string" , // 属性类型
			default : "这里显示文本..." , // 默认值
		} ,
        ... // 更多属性
	} ,
} ) ;
< / script >