téléchargement de mojito - téléchargement du code source mojito

mojito

Autres ressources

v2.0.1

Télécharger

Mojito est une plate-forme de développement visuelle à faible code et évolutif

caractéristiques

Opérations visuelles du clic, de la traînée et du zoom
Groupe / Disser, annuler / refaire, calque afficher / masquer, verrouiller / déverrouiller, aligner et trier
Prend en charge les bibliothèques de composants personnalisés à l'aide de React et Vue3
Prend en charge l'isolement du style entre les composants
Configuration visuelle de style composant
Communication entre composants, synchronisation des événements, scripts dynamiques ...

?? Synchronisation des événements

Communication des composants

? Bibliothèque de composants de test

Fourmi

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

Échartes

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

Élément

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

? ️ Code backend

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

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

? Développement des composants

npx create-mojito-pack

Définir les composants

 < 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 >