@vtj/core 0.1.0

package/README.md

@@ -0,0 +1,2 @@
+# 天匠（ Tj ） 低代码平台核心库
+

package/index.cjs.js

@@ -0,0 +1,60 @@
+"use strict";var Ne=Object.defineProperty,Ce=Object.defineProperties;var Ie=Object.getOwnPropertyDescriptors;var re=Object.getOwnPropertySymbols;var Me=Object.prototype.hasOwnProperty,Te=Object.prototype.propertyIsEnumerable;var J=(t,e,n)=>e in t?Ne(t,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[e]=n,p=(t,e)=>{for(var n in e||(e={}))Me.call(e,n)&&J(t,n,e[n]);if(re)for(var n of re(e))Te.call(e,n)&&J(t,n,e[n]);return t},b=(t,e)=>Ce(t,Ie(e));var l=(t,e,n)=>(J(t,typeof e!="symbol"?e+"":e,n),n);Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});var oe=require("lodash-es"),Re=require("prettier"),Be=require("prettier/parser-html"),Ve=require("prettier/parser-babel"),De=require("prettier/parser-postcss"),Le=require("vue/compiler-sfc");function D(t){return t&&typeof t=="object"&&"default"in t?t:{default:t}}function k(t){if(t&&t.__esModule)return t;var e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});return t&&Object.keys(t).forEach(function(n){if(n!=="default"){var s=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(e,n,s.get?s:{enumerable:!0,get:function(){return t[n]}})}}),e.default=t,Object.freeze(e)}var G=D(Re),Fe=D(Be),Je=D(Ve),qe=D(De),A=k(Le);function W(t,e){if(t&&t.toSchema){if(e(t,t.parent)===!1)return;Object.values(t.config).forEach(s=>{Array.isArray(s)?s.forEach(r=>{W(r,e)}):W(s,e)})}}function O(t,e,n=null){if(t&&t.__model_id__){if(e(t,n)===!1)return;Object.values(t).forEach(r=>{Array.isArray(r)?r.forEach(o=>{O(o,e,t)}):O(r,e,t)})}}const V=class{constructor(e,n){l(this,"id");l(this,"config");l(this,"disposed",!1);l(this,"parent",null);l(this,"modelName","Base");this.config=p(p({},oe.cloneDeep(n)),e),this.id=(e==null?void 0:e.__model_id__)||he(),this.defineExtendMethods(),V.instances[this.id]=this}defineExtendMethods(){const e={enumerable:!1,writable:!1,configurable:!1};Object.keys(this.config).forEach(n=>{if(n.startsWith("__"))return;let s=oe.upperFirst(n);Object.defineProperty(this,`get${s}`,b(p({},e),{value:()=>this.get(s)})),Object.defineProperty(this,`set${s}`,b(p({},e),{value:o=>{this.set(s,o)}}));const r=this.config[n];Array.isArray(r)&&(s==="Classes"?s="Class":s=s.endsWith("s")?s.substring(0,s.length-1):s,Object.defineProperty(this,`add${s}`,b(p({},e),{value:(o,i)=>this.add(s,o,i)})),Object.defineProperty(this,`remove${s}`,b(p({},e),{value:(o,i)=>this.remove(s,o,i)})))})}get(e){return this.config[e]}set(e,n){if(!this.disposed)return this.config[e]=n}add(e,n,s){const r=this.get(e);!Array.isArray(r)||(!s||s&&!r.find(s))&&(n.parent=this,r.push(n))}remove(e,n,s){const r=this.get(e);if(!Array.isArray(r))return;const o=r.findIndex(s||(i=>i===n));o>-1&&(r[o].parent=null,r.splice(o,1))}clear(e){const n=this.config[e];!Array.isArray(n)||this.set(e,[])}dispose(){this.disposed=!0,this.parent=null,this.config=Object.create(null),delete V.instances[this.id]}toSchema(){const{config:e,id:n}=this,s=this.modelName,r={};return Object.keys(e).forEach(o=>{const i=e[o];Array.isArray(i)?r[o]=i.map(a=>a&&a.toSchema?a.toSchema():a):r[o]=i&&i.toSchema?i.toSchema():i}),p({__model_id__:n,__model_name__:s},r)}};let f=V;l(f,"instances",{});var E=(t=>(t.META="meta",t.ElementUI="element-ui",t.ElementPlus="element-plus",t.UI="ui",t.BLOCK="block",t.PAGE="page",t.CUSTOM="custom",t))(E||{});const K=class extends f{constructor(e,n){super(e,p(p({},K.defaults),n));l(this,"modelName","Tag");const{name:s}=this.config;this.config.name=s||`model_${this.id}`}dispose(){const e=this.get("props");for(let o of e)o.dispose();const n=this.get("slots");for(let o of n)o.dispose();const s=this.get("events");for(let o of s)o.dispose();const r=this.get("directives");for(let o of r)o.dispose();super.dispose()}append(e,n="default"){const{slots:s}=this.config,r=s.find(o=>o===n||o.config.name===n);r?r.add("children",e):console.error(`slot: ${n} not exist`)}unappend(e,n="default"){const{slots:s}=this.config,r=s.find(o=>o===n||o.config.name===n);r?r.remove("children",e):console.error(`slot: ${n} not exist`)}};let v=K;l(v,"defaults",{type:"div",props:[],events:[],directives:[],slots:[],style:{},classes:[],text:"",origin:"meta",file:"",visible:!0});var P=(t=>(t.DEFAULT="default",t.MODEL="model",t.SYNC="sync",t))(P||{}),x=(t=>(t.DEFAULT="default",t.SLOT="slot",t.DATA_SOURCE="data",t))(x||{}),Q=(t=>(t.STRING="string",t.NUMBER="number",t.BOOLEAN="boolean",t.OBJECT="object",t.ARRAY="array",t.FUNCTION="function",t.UNDEFINED="undefined",t))(Q||{});const Y=class extends f{constructor(e){const{type:n,value:s}=e;n||(e.type=Array.isArray(s)?"array":typeof s);super(e,Y.defaults);l(this,"modelName","Property")}};let w=Y;l(w,"defaults",{binding:{type:"default",source:"default",name:"",code:null}});const X=class extends f{constructor(e){super(e,X.defaults);l(this,"modelName","Slot")}dispose(){const{children:e}=this.config;for(let n of e)n.dispose();super.dispose()}};let N=X;l(N,"defaults",{name:"default",params:[],children:[]});var z=(t=>(t.STOP="stop",t.PREVENT="prevent",t.CAPTURE="capture",t.SELF="self",t.ONCE="once",t.PASSIVE="passive",t))(z||{});const Z=class extends f{constructor(e){super(e,Z.defaults);l(this,"modelName","Event")}};let C=Z;l(C,"defaults",{type:"",handler:"",params:[],modifiers:"",code:null});const ee=class extends f{constructor(e){super(e,ee.defaults);l(this,"modelName","Directive")}};let I=ee;l(I,"defaults",{name:"",value:"",arg:"",modifiers:""});const te=class extends v{constructor(e){super(e,te.defaults);l(this,"modelName","Page")}};let M=te;l(M,"defaults",b(p({},v.defaults),{imports:"",css:"",scoped:!0,dataSources:[],mixin:"",origin:E.PAGE}));var y=(t=>(t.JSON="json",t.CODE="code",t.API="api",t))(y||{});const ne=class extends f{constructor(e){super(e,ne.defaults);l(this,"modelName","DataSource")}};let T=ne;l(T,"defaults",{type:"code",name:"",code:null,api:null});var We=Object.freeze(Object.defineProperty({__proto__:null,Base:f,TagOrigin:E,Tag:v,BindingType:P,BindingSource:x,PropertyDataType:Q,Property:w,Slot:N,EventModifier:z,Event:C,Directive:I,Page:M,DataSourceType:y,DataSource:T},Symbol.toStringTag,{value:"Module"}));function ce(t,e){const n=t.__model_name__,s=We[n];if(s){const r=new s(t);return r.parent=e,r}else console.error(`__model_name__:${n} is not exist`)}function R(t,e=null){if(t.__model_name__){const n=ce(t,e);return Object.entries(n.config).forEach(([s,r])=>{if(Array.isArray(r)){const o=r.filter(i=>i&&i.__model_name__).map(i=>R(i,n));o.length&&n.set(s,o)}else if(r&&r.__model_name__){const o=R(r,n);o&&n.set(s,o)}}),n}}function ae(t){return R(t,null)}function He(t){const e=f.instances;return Object.values(e).filter(t)}function B(t){const{type:e,origin:n,__model_id__:s,slots:r,visible:o}=t,i={type:e,origin:n,__model_id__:s,visible:o,children:[]};if(r.length===0)return i;const a=r.length===1&&r[0].name==="default";return i.children=a?r[0].children.map(u=>B(u)):r.map(u=>({slot:!0,name:u.name,__model_id__:u.__model_id__,children:u.children.map(c=>B(c))})),i}function le(t){return B(t)}function H(t){return G.default.format(t,{parser:"html",bracketSameLine:!1,plugins:[Fe.default]})}function ue(t){return G.default.format(t,{parser:"babel",singleQuote:!0,semi:!0,trailingComma:"none",bracketSpacing:!0,bracketSameLine:!1,plugins:[Je.default]})}function U(t){return G.default.format(t,{parser:"scss",bracketSameLine:!1,plugins:[qe.default]})}function Ue(t,e){for(;t.length<e;)t="0"+t;return t}function h(t,e){var n,s,r;if(e.length===0)return t;for(n=0,r=e.length;n<r;n++)s=e.charCodeAt(n),t=(t<<5)-t+s,t|=0;return t<0?t*-2:t}function ke(t,e,n){return Object.keys(e).sort().reduce(s,t);function s(r,o){return de(r,e[o],o,n)}}function de(t,e,n,s){var r=h(h(h(t,n),Ge(e)),typeof e);if(e===null)return h(r,"null");if(e===void 0)return h(r,"undefined");if(typeof e=="object"||typeof e=="function"){if(s.indexOf(e)!==-1)return h(r,"[Circular]"+n);s.push(e);var o=ke(r,e,s);if(!("valueOf"in e)||typeof e.valueOf!="function")return o;try{return h(o,String(e.valueOf()))}catch(i){return h(o,"[valueOf exception]"+(i.stack||i.message))}}return h(r,e.toString())}function Ge(t){return Object.prototype.toString.call(t)}function Qe(t){return Ue(de(0,t,"",[]).toString(16),8)}var pe=Qe;function fe(){return"xxxxxxxxxxxx4xxxyxxxxxxxxxxxxxxx".replace(/[xy]/g,function(t){const e=Math.random()*16|0;return(t==="x"?e:e&3|8).toString(16)}).toLowerCase()}function me(t){return!t||typeof t=="string"?t:JSON.stringify(t).replace(/\"/g,"'")}function he(){return pe(fe())}function ge(t){const e=Object.create(null);return new URLSearchParams(t).forEach((s,r)=>{e[r]=s}),e}function _e(t=""){const e=t.indexOf("?"),n=e<=0?"":t.substring(e+1);return ge(n)}async function ye(t){return fetch(t).then(e=>e.json())}async function ve(t){return fetch(t).then(e=>e.text())}const ze=["Page","Tag"];function Ke(t){return t.length===1&&t[0].name==="default"&&t[0].params.length===0}function Ye(t){return t||""}function Xe(t){if(!t)return"";const{name:e,params:n,children:s}=t,r=n.length?`="{${n.join(",")}}"`:"";return`<template v-slot:${e}${r}>
+${be(s)}
+</template>`}function Ze(t){return Ke(t)?be(t[0].children):t.map(e=>Xe(e))}function et(t){const{name:e,modifiers:n}=t,s=t.arg?`:${t.arg}`:"",r=t.value?`="${t.value}"`:"";return`v-${e}${s}${n}${r}`}function tt(t){return t.map(e=>et(e)).join(" ")}function nt(t){return t?`data-model-id="${t}"`:""}function st(t,e,n,s){const o=s&&Object.keys(s).length>0?n||`model_${e}`:"",i=o?[o,...t]:t;return i.length?`class="${i.join(" ")}"`:""}function rt(t){const n=t.filter(c=>c.type!=="function"&&c.binding.type===P.DEFAULT&&c.binding.source===x.DEFAULT).map(c=>`${c.type==="string"?"":":"}${c.name}="${me(c.value)}"`),r=t.filter(c=>c.type==="function"&&c.binding.type===P.DEFAULT).map(c=>`:${c.name}="${c.binding.name||c.value}"`),i=t.filter(c=>c.binding.source===x.SLOT&&!!c.binding.name).map(c=>`:${c.name}="${c.binding.name}"`),u=t.filter(c=>c.binding.source===x.DATA_SOURCE&&!!c.binding.name).map(c=>`:${c.name}="${c.binding.name}"`);return[...n,...i,...r,...u].join(" ")}function ot(t){return t.filter(e=>e.type&&e.handler).map(e=>{const n=e.params.length?`(${e.params.join(",")})`:"";return`@${e.type}${e.modifiers}="${e.handler}${n}"`}).join(" ")}function Se(t){if(ze.includes(t.__model_name__)&&t.visible){const{type:e,text:n,slots:s,directives:r,name:o,classes:i,style:a,props:u,events:c}=t;return`<${e} 
+${nt(t.__model_id__)}
+${tt(r)}
+${st(i,t.__model_id__,o,a)}
+${rt(u)}
+${ot(c)}
+>
+${Ye(n)}
+${Ze(s)}
+</${e}>`}return""}function be(t=[]){return t.map(e=>Se(e)).join(`
+`)}function it(t){return Se(t)}function ct(t){if(!t.length)return"{}";const e=t.filter(s=>s.type===y.JSON).map(s=>`${s.name}: ${s.code}`).join(","),n=t.filter(s=>s.type!==y.JSON).map(s=>y.CODE===s.type?`${s.name}: ${s.code}`:y.API===s.type?`${s.name}: createApi({
+              url:'${s.api.url}',
+              method:'${s.api.method}'
+            })`:"").join(",");return`{
+      data() {
+        return {
+          ${e}
+        }
+      },
+      methods: {
+        ${n}
+      }
+    }`}function at(t){const e=[];return O(t,n=>{n.__model_name__==="Event"&&e.push(n)}),e.filter(n=>n.code&&n.handler).map(n=>`${n.handler}${n.code}`).join(",")}function lt(t){const e={};O(t,(r,o)=>{if([E.ElementPlus,E.ElementUI].includes(r.origin)&&r.visible){const i=e[r.origin];i?i.add(r.type):e[r.origin]=new Set([r.type])}});let n="",s=[];return Object.keys(e).forEach(r=>{const o=Array.from(e[r]);n+=`import {${o.join(",")}} from '${r}';`,s=s.concat(o)}),{imports:n,components:s}}function ut(t){const{imports:e,components:n}=lt(t);return`
+${e}
+${t.imports||""}
+const __mixin = ${t.mixin||"{}"}
+const __dataSources =  ${ct(t.dataSources)}
+export default {
+components: {${n.join(",")}},
+mixins:[__dataSources, __mixin],
+data() {
+return {}
+},
+methods: {
+  ${at(t)}
+}
+}
+`}function dt(t){const e={};O(t,(s,r)=>{if(s.style&&Object.keys(s.style).length>0){const o=s.name||`model_${s.id}`;e[`.${o}`]=s.style}});let n="";return Object.keys(e).forEach(s=>{const r=e[s]||{};n+=`
+${s} {`,Object.entries(r).forEach(([o,i])=>{n+=`${o}: ${i};`}),n+=`}
+`}),n}function pt(t){return t?"scoped":""}var $=(t=>(t.VUE2="VUE2",t.VUE3="VUE3",t.VUE3_TS="VUE3_TS",t.UNI_APP="UNI_APP",t))($||{});function $e(t="VUE3",e){const n=it(e),s=ut(e),r=dt(e);return H(`
+<template>
+${H(n)}
+</template>
+
+<script>
+${ue(s)}
+<\/script>
+
+<style lang="css" ${pt(e.scoped)}>
+${U(e==null?void 0:e.css)}
+${U(r)}
+</style>
+`)}async function xe(){return await Promise.resolve().then(function(){return k(require("systemjs"))}).then(async t=>window.System)}async function Oe(){return await Promise.resolve().then(function(){return k(require("systemjs-babel"))})}const ft=/\\/g;function ie(t,e){if(t.indexOf("\\")!==-1&&(t=t.replace(ft,"/")),t[0]==="/"&&t[1]==="/")return e.slice(0,e.indexOf(":")+1)+t;if(t[0]==="."&&(t[1]==="/"||t[1]==="."&&(t[2]==="/"||t.length===2&&(t+="/"))||t.length===1&&(t+="/"))||t[0]==="/"){const n=e.slice(0,e.indexOf(":")+1);let s;if(e[n.length+1]==="/"?n!=="file:"?(s=e.slice(n.length+2),s=s.slice(s.indexOf("/")+1)):s=e.slice(8):s=e.slice(n.length+(e[n.length]==="/")),t[0]==="/")return e.slice(0,e.length-s.length-1)+t;const r=s.slice(0,s.lastIndexOf("/")+1)+t,o=[];let i=-1;for(let a=0;a<r.length;a++)i!==-1?r[a]==="/"&&(o.push(r.slice(i,a+1)),i=-1):r[a]==="."?r[a+1]==="."&&(r[a+2]==="/"||a+2===r.length)?(o.pop(),a+=2):r[a+1]==="/"||a+1===r.length?a+=1:i=a:i=a;return i!==-1&&o.push(r.slice(i)),e.slice(0,e.length-s.length)+o.join("")}}function mt(t,e){return ie(t,e)||(t.indexOf(":")!==-1?t:ie("./"+t,e))}function Ee(t,e){var se;const n=pe(t+e),s="data-v-"+n,o=A.parse(e,{sourceMap:!1}).descriptor,i=o.styles.some(S=>S.scoped),a=A.compileTemplate({id:n,filename:t,source:((se=o.template)==null?void 0:se.content)||"",scoped:i,compilerOptions:{scopeId:i?s:void 0}}),u=A.compileScript(o,{id:n,templateOptions:{scoped:i,compilerOptions:{scopeId:i?s:void 0}}}),c=o.styles,d=[];if(c.length)for(let S=0;S<c.length;S++){const j=c[S];d.push(A.compileStyle({source:j.content,id:s,filename:t,scoped:j.scoped}).code)}let m=d.join(`
+`);const _=t+".css";m=m.replace(/url\(\s*(?:(["'])((?:\\.|[^\n\\"'])+)\1|((?:\\.|[^\s,"'()\\])+))\s*\)/g,function(S,j,Pe,we){return"url("+j+mt(Pe||we,_)+j+")"});const L="_sfc_render",g="_sfc_main",je=a.code.replace(/\nexport (function|const) (render|ssrRender)/,`
+$1 _sfc_$2`),F=[A.rewriteDefault(u.content,g),je,g+".render="+L,"export default "+g];i&&F.push(g+".__scopeId = "+JSON.stringify(s)),F.push(g+".__file = "+JSON.stringify(t));const Ae=F.join(`
+`);return{style:m,script:Ae}}class ht{constructor(e,n){l(this,"model");this.schema=e,this.contentWindow=n,this.model=ae(e)}getSchema(){return this.model.toSchema()}getModel(e){return f.instances[e]}getOutline(){const e=this.getSchema();return[le(e)]}getHoverModel(e=[]){var m,_;const n=e.find(L=>{var g;return(g=L.dataset)==null?void 0:g.modelId});if(!n)return null;const s=(m=n.dataset)==null?void 0:m.modelId,r=this.getModel(s),o=((_=r.parent)==null?void 0:_.get("children"))||[],{width:i,height:a,left:u,top:c}=n.getBoundingClientRect(),d=r.modelName!=="Page";return{el:n,id:s,model:r,props:{id:s,width:i,height:a,left:u,top:c,opacity:1,type:r.get("type"),removeable:d,first:!d||d&&o[0]===r,last:!d||d&&o[o.length-1]===r,label:!0}}}getSelectedById(e){const{contentWindow:n}=this;if(!n)return;const s=n.document.querySelector(`[data-model-id="${e}"]`);if(!!s)return this.getHoverModel([s])}getSelectedModel(e=[]){return this.getHoverModel(e)}getDropModel(e=[]){return this.getHoverModel(e)}async appendModel(e={},n,s="default"){const{path:r,origin:o}=e,i=await ye(r),a=(i.props||[]).map(d=>new w({name:d.name,type:d.type,value:d.value})),u=(i.slots||[]).map(d=>new N(p({},d))),c=new v({type:i.tag,props:a,slots:u,origin:o,text:i.text||"",style:i.style||{},file:r});n.append(c,s)}removeModel(e){const n=e.parent;n&&(n.remove("children",e),e.dispose())}moveNext(e){const n=e.parent;if(!n)return;const s=n.get("children"),r=s.findIndex(i=>i===e),o=s[r+1];!o||(s[r]=o,s[r+1]=e)}movePrev(e){const n=e.parent;if(!n)return;const s=n.get("children"),r=s.findIndex(i=>i===e),o=s[r-1];!o||(s[r]=o,s[r-1]=e)}updateProps(e,n={}){this.getModel(e).get("props").forEach(o=>{const i=o.get("name"),a=n[i];o.set("value",a)})}setVisible(e,n){this.getModel(e).set("visible",n)}}const q={};class gt{constructor(e){l(this,"config");l(this,"system");l(this,"libs",{});l(this,"scriptEl",null);l(this,"app",null);l(this,"helper",null);this.config=p({imports:{},loader:"/engine.js",vue:"/libs/vue3/vue.runtime.esm-browser.prod.js",dslType:$.VUE3},e),this.init()}async init(){this.setImportMap(),await this.initSystem(),await this.prepareEnv();const{onReady:e}=this.config;e&&e(this)}async initSystem(){let e=window==null?void 0:window.System;if(e)return this.system=e,e;e=await xe();const n=e.constructor.prototype;n.shouldFetch=function(o){return!0};const s=n.fetch,{loader:r}=this.config;return n.fetch=(o,i)=>o.includes(r||"")?this.intercepter(o,i):s(o,i),this.system=e,await Oe()}async intercepter(e,n){const{type:s,file:r,id:o}=_e(e)||{};if(s==="lib")if(r.endsWith(".css")){const i=await ve(decodeURIComponent(r));return this.adoptedStyleSheets(r,i),new Response(null)}else{const i=`
+        export * from '${decodeURIComponent(r)}';
+      `;return Promise.resolve(new Response(new Blob([i],{type:"application/javascript"})))}if(s==="schema"){const i=q[o],a=$e($.VUE3,i);delete q[o];const{script:u,style:c}=Ee(i.name,a);return this.adoptedStyleSheets(o,c),Promise.resolve(new Response(new Blob([u],{type:"application/javascript"})))}return fetch(e,n)}async prepareEnv(){const{system:e,config:n,libs:s}=this,{imports:r,loader:o,vue:i}=n,a=`${o}?type=lib&name=vue&file=${encodeURIComponent(i)}`;await e.import(a).then(c=>{s.Vue=c,e.set("app:vue",c)}),e.prepareImport(!0);const u=Object.entries(r||{});for(let[c,d]of u){const m=`${o}?type=lib&name=${c}&file=${encodeURIComponent(d)}`;await e.import(m).then(_=>{s[c]=_,e.set(`app:${c}`,_)})}e.prepareImport(!0)}setImportMap(){const{scriptEl:e,config:n}=this,{imports:s,vue:r}=n;let o=e;o||(this.scriptEl=o=document.createElement("script"),o.type="systemjs-importmap");const i={vue:"app:vue"};Object.keys(s||{}).forEach(a=>{i[a]=`app:${a}`}),o.innerHTML=JSON.stringify({imports:i}),document.body.appendChild(o)}adoptedStyleSheets(e,n){const{contentWindow:s}=this.config;if(!s)return;const r=new s.CSSStyleSheet;r.id=e,r.replaceSync(n);const o=s.document,i=Array.from(o.adoptedStyleSheets).filter(a=>a.id!==e);o.adoptedStyleSheets=[...i,r]}async load(e){const{config:n,system:s}=this,{loader:r,dslType:o,contentWindow:i,onLoad:a}=n,u=e.__model_id__;q[u]=e,this.helper=new ht(e,i);const c=`${r}?type=schema&dsl=${o}&id=${u}&t=${Date.now()}`;return await s.import(c).then(d=>{const m=this.createApp(d.default);return a&&a(m),m}).catch(d=>{console.warn(d)})}async reload(){var n;const e=(n=this.helper)==null?void 0:n.getSchema();return await this.load(e)}createApp(e){var r;const{dslType:n,contentWindow:s}=this.config;if(n===$.VUE3){(r=this.app)==null||r.unmount();const o=this.libs.Vue.createApp(e);o.mount(s.document.body),this.app=o}return this.app}dispose(){const{scriptEl:e,app:n,config:s}=this,{contentWindow:r,dslType:o}=s;if(e&&e.parentNode&&e.parentNode.removeChild(e),r){const i=r.document;i.adoptedStyleSheets=[]}n&&o===$.VUE3&&(n.unmount(),this.app=null)}}exports.Base=f;exports.BindingSource=x;exports.BindingType=P;exports.DSLType=$;exports.DataSource=T;exports.DataSourceType=y;exports.Directive=I;exports.Engine=gt;exports.Event=C;exports.EventModifier=z;exports.Page=M;exports.Property=w;exports.PropertyDataType=Q;exports.Slot=N;exports.Tag=v;exports.TagOrigin=E;exports.cleanJSON=me;exports.compiler=Ee;exports.craeteOutline=B;exports.createModel=ce;exports.createModelTree=R;exports.cssFormat=U;exports.fetchCSS=ve;exports.fetchJSON=ye;exports.findModel=He;exports.getQuery=_e;exports.hashId=he;exports.htmlFormat=H;exports.loadSystemJs=xe;exports.loadSystemJsBabel=Oe;exports.modelTraverse=W;exports.schemaTraverse=O;exports.scriptFormat=ue;exports.toDSL=$e;exports.toModel=ae;exports.toOutline=le;exports.urlParser=ge;exports.uuid=fe;

package/package.json

@@ -0,0 +1,26 @@
+{
+  "name": "@vtj/core",
+  "version": "0.1.0",
+  "description": "天匠（Tj）可视化低代码平台核心库",
+  "author": {
+    "name": "chenhuachun",
+    "email": "samchen08@163.com"
+  },
+  "main": "index.cjs.js",
+  "module": "index.es.js",
+  "types": "types.d.ts",
+  "dependencies": {
+    "hash-sum": "^2.0.0",
+    "lodash-es": "^4.17.21",
+    "prettier": "^2.6.1",
+    "systemjs": "^6.12.1",
+    "systemjs-babel": "^0.3.1"
+  },
+  "files": ["index.js", "types.d.ts"],
+  "repository": {
+    "type": "git",
+    "url": "https://gitee.com/vtj/core.git"
+  },
+  "homepage": "http://newgateway.gitee.io/my/",
+  "license": "MIT"
+}

package/types.d.ts

@@ -0,0 +1,275 @@
+declare module '@vtj/core' {
+  // Base >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
+  export interface BaseConfig {
+    __model_id__?: string;
+  }
+
+  export class Base {
+    id: string;
+    config: any;
+    disposed: boolean;
+    parent: Base | null;
+    modelName: string;
+    static instances: Record<string, Base>;
+    constructor(config?: BaseConfig, defaults?: BaseConfig);
+    get<T>(key: string): T;
+    set(key: string, value: any): void;
+    add<T>(key: string, item: any, finder?: (p: any) => boolean): void;
+    remove<T>(key: string, item: any, finder?: (p: any) => boolean): void;
+    clear(key: string): void;
+    dispose(): void;
+    toSchema(): object;
+  }
+
+  // Property >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
+  export enum BindingType {
+    // 静态模板
+    DEFAULT = 'default',
+    // 双向绑定
+    MODEL = 'model',
+    // 同步
+    SYNC = 'sync'
+  }
+
+  export enum BindingSource {
+    DEFAULT = 'default', // 默认
+    SLOT = 'slot', // 插槽提供
+    DATA_SOURCE = 'data'
+  }
+
+  export enum PropertyDataType {
+    STRING = 'string',
+    NUMBER = 'number',
+    BOOLEAN = 'boolean',
+    OBJECT = 'object',
+    ARRAY = 'array',
+    FUNCTION = 'function',
+    UNDEFINED = 'undefined'
+  }
+
+  export interface Binding {
+    type?: string;
+    source?: string;
+    name?: string; // source 为 slot或data时，需要设置名称
+    code?: string | null; // 手动调用数据源代码
+  }
+
+  export interface PropertyConfig extends BaseConfig {
+    name?: string;
+    value?: any;
+    type?: PropertyDataType; // 数据类型
+    binding?: Binding;
+  }
+
+  export class Property extends Base {
+    static defaults: PropertyConfig;
+    modelName: string;
+
+    constructor(config: PropertyConfig);
+  }
+
+  // Slot >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
+  export interface SlotConfig extends BaseConfig {
+    name?: string;
+    params?: string[];
+    children?: any;
+  }
+
+  export class Slot extends Base {
+    static defaults: SlotConfig;
+    modelName: string;
+
+    constructor(config?: SlotConfig);
+
+    dispose(): void;
+  }
+
+  // Event >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>.
+  export enum EventModifier {
+    STOP = 'stop',
+    PREVENT = 'prevent',
+    CAPTURE = 'capture',
+    SELF = 'self',
+    ONCE = 'once',
+    PASSIVE = 'passive'
+  }
+
+  export interface EventConfig extends BaseConfig {
+    // 事件类型
+    type: string | null;
+    // 处理句柄
+    handler: string | null;
+    // 参数
+    params?: EventModifier[];
+    // 修饰符
+    modifiers?: string;
+    // 自定义处理句柄代码
+    code?: string | null;
+  }
+
+  export class Event extends Base {
+    static defaults: EventConfig;
+    modelName: string;
+
+    constructor(config: EventConfig);
+  }
+
+  // Tag >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>.
+  export interface TagConfig extends BaseConfig {
+    type: string; // 组件名称
+    name?: string; // 组件实例名称
+    props?: Property[]; // 组件属性
+    events?: Event[]; // 事件
+    directives?: object[]; // 指令
+    slots?: Slot[]; // 插槽
+    style?: Record<string, string | number>;
+    classes?: string[];
+    text?: string; //内嵌文本
+    origin?: TagOrigin; // 组件来源
+    file?: string;
+    visible?: boolean;
+  }
+
+  export enum TagOrigin {
+    META = 'meta',
+    ElementUI = 'element-ui',
+    ElementPlus = 'element-plus',
+    UI = 'ui',
+    BLOCK = 'block',
+    PAGE = 'page',
+    CUSTOM = 'custom'
+  }
+
+  export class Tag extends Base {
+    static defaults: TagConfig;
+    modelName: string;
+    constructor(config: TagConfig, defaults?: TagConfig);
+    dispose(): void;
+    append(model: Tag, place: string | Slot): void;
+    unappend(model: Tag, place: string | Slot): void;
+  }
+
+  // Directive >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
+  export interface DirectiveConfig extends BaseConfig {
+    // 指令类型
+    name: string;
+    // 处理句柄
+    value?: string | null;
+    // 参数
+    arg?: string;
+    // 修饰符
+    modifiers?: string;
+  }
+
+  export class Directive extends Base {
+    static defaults: DirectiveConfig;
+    modelName: string;
+    constructor(config: DirectiveConfig);
+  }
+
+  // DataSource >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
+  export enum DataSourceType {
+    JSON = 'json',
+    CODE = 'code',
+    API = 'api'
+  }
+
+  export interface DataSourceApi {
+    url: string;
+    method: string;
+  }
+
+  export interface DataSourceConfig extends BaseConfig {
+    // 数据源类型
+    type: DataSourceType;
+    // 数据源名称
+    name: string;
+    code?: string | null;
+    api?: DataSourceApi | null;
+  }
+  export class DataSource extends Base {
+    static defaults: DataSourceConfig;
+    modelName: string;
+    constructor(config: DataSourceConfig);
+  }
+  // Page >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
+  export interface PageConfig extends TagConfig {
+    imports?: string;
+    css?: string;
+    scoped?: boolean;
+    dataSources?: object[];
+    mixin?: string;
+  }
+
+  export class Page extends Tag {
+    static defaults: PageConfig;
+    modelName: string;
+    constructor(config: PageConfig);
+    setText(text: string): void;
+  }
+
+  // engine >>>>>>>>>>>>>>>>>>>>>>>>
+
+  export function compiler(
+    filename: string,
+    source: string
+  ): { style: string; script: string };
+
+  export function loadSystemJs(): Promise<any>;
+  export function loadSystemJsBabel(): Promise<any>;
+  export function getQuery(url: string): Record<string, string>;
+  export function toDSL(dsl: DSLType, schema: any): string;
+
+  export enum DSLType {
+    VUE2 = 'VUE2',
+    VUE3 = 'VUE3',
+    VUE3_TS = 'VUE3_TS',
+    UNI_APP = 'UNI_APP'
+  }
+
+  export interface EngineConfig {
+    imports?: Record<string, string>;
+    loader?: string;
+    onReady?: (engine: Engine) => void;
+    onLoad?: (app: any) => void;
+    vue?: string;
+    dslType?: DSLType;
+    contentWindow?: any;
+  }
+  export class Engine {
+    config: EngineConfig;
+    system: any;
+    libs: Record<string, any>;
+    scriptEl: HTMLScriptElement | null;
+    app: any;
+    helper: Helper | null;
+    constructor(config: EngineConfig);
+    load(schema: any): Promise<any>;
+    reload(): Promise<any>;
+    dispose(): void;
+  }
+
+  export class Helper {
+    model: any;
+    constructor(schema: any, contentWindow: any);
+    getModel(id: string): Base;
+    getSchema(): any;
+    getOutline(): any;
+    getHoverModel(path: any[]): any;
+    getSelectedModel(path: any[]): any;
+    getDropModel(path: any[]): any;
+    appendModel(
+      defineConfig: any,
+      target: Base,
+      slotName?: string
+    ): Promise<any>;
+    removeModel(model: any): void;
+    moveNext(model: any): void;
+    movePrev(model: any): void;
+    updateProps(id: string, model: any): void;
+  }
+
+  // utils >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
+  export function fetchJSON(url: string): Promise<any>;
+  export function fetchCSS(url: string): Promise<any>;
+}