mojito 다운로드 - mojito 소스 코드 다운로드

mojito

기타 리소스

v2.0.1

다운로드

Mojito는 저 코드, 시각적, 확장 가능한 개발 플랫폼입니다

특성

클릭, 드래그 및 축소의 시각적 작업
Group/Subse, 실행 취소/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 >