@vtj/renderer 0.7.28 → 0.7.30

package/dist/index.cjs

@@ -2,9 +2,9 @@
  * Copyright (c) 2024, VTJ.PRO All rights reserved.
  * @name @vtj/renderer 
  * @author CHC chenhuachun1549@dingtalk.com 
- * @version 0.7.28
+ * @version 0.7.30
  * @license <a href="https://vtj.pro/license.html">MIT License</a>
- */const C="0.7.28";var j=(r=>(r.Runtime="Runtime",r.Design="Design",r.Raw="Raw",r.VNode="VNode",r))(j||{});const N=["$el","$emit","$nextTick","$parent","$root","$attrs","$slots","$watch","$props","$options","$forceUpdate"],fe=["beforeCreate","created","beforeMount","mounted","beforeUpdate","updated","beforeUnmount","unmounted","errorCaptured","renderTracked","renderTriggered","activated","deactivated"],W=["vIf","vShow","vModel","vFor","vBind"],X={String,Number,Boolean,Array,Object,Function,Date};function I(r,e){return r.map(t=>c.isUrl(t)?t:`${e}${t}`)}function A(r){return/\.css$/.test(r)}function V(r){return/\.js$/.test(r)}function me(r){return r.map(e=>`<script src="${c.url.append(e,{v:C})}"><\/script>`).join("")}function he(r=[]){return r.map(e=>`<link rel="stylesheet" href="${c.url.append(e,{v:C})}" />`).join("")}function G(r,e){const t=r.filter(h=>!!h.enabled),s=[],n=[],o=[],i=[],a={},u=[],l={};return t.forEach(({urls:h,assetsUrl:m,library:p,assetsLibrary:g})=>{h?.forEach(S=>{V(S)&&s.push(S),A(S)&&n.push(S)}),p&&(i.push(p),a[p]=I(h||[],e)),m&&o.push(m),g&&u.push(g),p&&g&&(l[g]=p)}),{scripts:I(s,e),css:I(n,e),materials:I(o,e),libraryExports:i,materialExports:c.dedupArray(u),materialMapLibrary:l,libraryMap:a}}function Q(r,e){const{name:t,parent:s,alias:n}=r;return s?e[s]?.[n||t]:e[n||t]}function B(r){return c.isString(r)?r:JSON.stringify(r)}function k(r,e,t){const s=r.CSSStyleSheet;if(s.prototype.replaceSync){const n=new s;n.id=e,n.replaceSync(t);const o=r.document,i=o.adoptedStyleSheets,a=Array.from(i).filter(u=>u.id!==e);o.adoptedStyleSheets=[...a,n]}else{const n=r.document;let o=n.getElementById(e);o?o.innerHTML=t:(o=n.createElement("style"),o.id=e,o.innerHTML=t,n.head.appendChild(o))}}async function Z(r,e){const t=await window.fetch(e).then(s=>s.text()).catch(()=>"");t&&k(window,r,t)}function ee(r){return c.isFunction(r)||c.isFunction(r?.install)}function R(r,e,t=!1,s=!1){try{const n=['"use strict";',"var __self = arguments[0];"];n.push("return ");let o=(r.value||"").trim();o=o.replace(/this(\W|$)/g,(a,u)=>`__self${u}`),o=n.join(`
+ */const C="0.7.30";var j=(r=>(r.Runtime="Runtime",r.Design="Design",r.Raw="Raw",r.VNode="VNode",r))(j||{});const N=["$el","$emit","$nextTick","$parent","$root","$attrs","$slots","$watch","$props","$options","$forceUpdate"],fe=["beforeCreate","created","beforeMount","mounted","beforeUpdate","updated","beforeUnmount","unmounted","errorCaptured","renderTracked","renderTriggered","activated","deactivated"],W=["vIf","vShow","vModel","vFor","vBind"],X={String,Number,Boolean,Array,Object,Function,Date};function I(r,e){return r.map(t=>c.isUrl(t)?t:`${e}${t}`)}function A(r){return/\.css$/.test(r)}function V(r){return/\.js$/.test(r)}function me(r){return r.map(e=>`<script src="${c.url.append(e,{v:C})}"><\/script>`).join("")}function he(r=[]){return r.map(e=>`<link rel="stylesheet" href="${c.url.append(e,{v:C})}" />`).join("")}function G(r,e){const t=r.filter(h=>!!h.enabled),s=[],n=[],o=[],i=[],a={},u=[],l={};return t.forEach(({urls:h,assetsUrl:m,library:p,assetsLibrary:g})=>{h?.forEach(S=>{V(S)&&s.push(S),A(S)&&n.push(S)}),p&&(i.push(p),a[p]=I(h||[],e)),m&&o.push(m),g&&u.push(g),p&&g&&(l[g]=p)}),{scripts:I(s,e),css:I(n,e),materials:I(o,e),libraryExports:i,materialExports:c.dedupArray(u),materialMapLibrary:l,libraryMap:a}}function Q(r,e){const{name:t,parent:s,alias:n}=r;return s?e[s]?.[n||t]:e[n||t]}function B(r){return c.isString(r)?r:JSON.stringify(r)}function k(r,e,t){const s=r.CSSStyleSheet;if(s.prototype.replaceSync){const n=new s;n.id=e,n.replaceSync(t);const o=r.document,i=o.adoptedStyleSheets,a=Array.from(i).filter(u=>u.id!==e);o.adoptedStyleSheets=[...a,n]}else{const n=r.document;let o=n.getElementById(e);o?o.innerHTML=t:(o=n.createElement("style"),o.id=e,o.innerHTML=t,n.head.appendChild(o))}}async function Z(r,e){const t=await window.fetch(e).then(s=>s.text()).catch(()=>"");t&&k(window,r,t)}function ee(r){return c.isFunction(r)||c.isFunction(r?.install)}function R(r,e,t=!1,s=!1){try{const n=['"use strict";',"var __self = arguments[0];"];n.push("return ");let o=(r.value||"").trim();o=o.replace(/this(\W|$)/g,(a,u)=>`__self${u}`),o=n.join(`
 `)+o;const i=`with(${t?"{}":"$scope || {}"}) { ${o} }`;return new Function("$scope",i)(e)}catch(n){if(c.logger.error("parseExpression.error",n,r,e?.__self??e),s)throw n}}function D(r,e,t=!1,s=!1){const n=R(r,e,t,s);if(typeof n!="function"&&(c.logger.error("parseFunction.error","not a function",r,e?.__self??e),s))throw new Error(`"${r.value}" not a function`);return n}function y(r){return r&&r.type==="JSExpression"}function H(r){return typeof r=="object"&&r&&r.type==="JSFunction"}function te(r){return y(r)||H(r)}function ve(r){return te(r)?r.value:JSON.stringify(r)}let b=null;const _e=c.createRequest({settings:{type:"form",validSuccess:!0,originResponse:!1,loading:!0,validate:r=>r.data?.code===0||!!r.data?.success,failMessage:!0,showError:r=>{F.ElNotification.error({message:r||"未知错误"})},showLoading:()=>{b&&b.close(),b=F.ElLoading.service({lock:!0,text:"Loading",background:"rgba(0, 0, 0, 0.05)"})},hideLoading:()=>{b&&(b.close(),b=null)}}});function re(r,e){const{jsonp:t,request:s}=e;if(r.method==="jsonp")return(n={})=>t(r.url,{...r.jsonpOptions,query:n});{const n=r.headers?R(r.headers,{},!0):void 0,o={url:r.url,method:r.method,settings:{...r.settings,headers:n}};return(i,a)=>s.send(c.merge(o,a||{},{data:i}))}}function se(r=[],e){return r.reduce((t,s)=>(t[s.id]=re(s,e),t),{})}class ne{__id=null;__mode;__instance=null;__contextRefs={};__refs={};context={};state={};$props={};$refs={};$el=null;$emit=null;$nextTick=null;$parent=null;$root=null;$attrs=null;$slots=null;$watch=null;$options=null;$forceUpdate=null;$components={};$libs={};$apis={};__transform={};constructor(e){const{mode:t,dsl:s,attrs:n}=e;this.__mode=t,s&&(this.__id=s.id||null,this.__transform=s.transform||{}),n&&Object.assign(this,n)}setup(e,t=M){const s=t.getCurrentInstance();if(!s)return;this.__instance=s.proxy;const n=s.appContext.config.globalProperties;Object.assign(this,n),Object.assign(this,e||{}),this.__proxy(),t.onMounted(()=>{this.__proxy()}),t.onUnmounted(()=>{this.__cleanup()})}__proxy(){this.__instance&&N.forEach(e=>{this[e]=this.__instance?.[e]})}__cleanup(){N.forEach(e=>{this[e]=null})}__parseFunction(e){if(e)if(this.__mode===j.Runtime){const{id:t,type:s}=e,n=t?this.__transform[t]??e.value:e.value;return D({type:s,value:n},this)}else return D(e,this)}__parseExpression(e){if(e)if(this.__mode===j.Runtime){const{id:t,type:s}=e,n=t?this.__transform[t]??e.value:e.value;return R({type:s,value:n},this)}else return R(e,this)}__ref(e=null,t){if(this.__mode!==j.VNode)return e&&e!==this.__id&&(this.__contextRefs[e]=this),s=>{let n=s?.$vtjEl||s?.$el||s;if(!n){typeof t=="string"&&(delete this.$refs[t],e&&delete this.__refs[e]);return}if(n.__vtj__=e,n.nodeType===3&&n.nextSibling&&(n=n.nextSibling),j.Design===this.__mode&&(n.__context__=this),e&&(this.__refs[e]=s),typeof t=="function")t(s);else if(t){const o=this.$refs[t];if(o){const i=new Set([].concat(o,s));this.$refs[t]=Array.from(i)}else this.$refs[t]=s}return s}}__clone(e={}){const t={...this.context,...e},s={...t,context:t};return s.context.__proto__=this.context,s.__proto__=this,s}}function L(r){const{Vue:e=M,mode:t=j.Runtime,components:s={},libs:n={},apis:o={},loader:i}=r,a=e.computed(()=>r.dsl),u={$components:s,$libs:n,$apis:o},l=new ne({mode:t,dsl:a.value,attrs:u}),h=e.defineComponent({name:a.value.name,props:{...ge(a.value.props??[],l)},setup(m){l.$props=m,a.value.id&&k(r.window||window,a.value.id,a.value.css||""),l.state=ye(e,a.value.state??{},l);const p=Se(e,a.value.computed??{},l),g=we(a.value.methods??{},l),S=je(e,a.value.inject,l),d=oe(a.value.dataSources||{},l),w={...S,...p,...g,...d};return l.setup(w,e),$e(e,a.value.watch??[],l),{vtj:l}},emits:[...a.value.emits??[]],expose:["vtj"],render(){if(!a.value.nodes)return null;const m=a.value.nodes||[];return m.length===1?x(m[0],l,e,i):m.map(p=>x(p,l,e,i))},...Ee(a.value.lifeCycles??{},l)});return{renderer:e.markRaw(h),context:l}}function ge(r=[],e){const t=s=>s?(Array.isArray(s)?s:[s]).map(o=>X[o]):void 0;return r.map(s=>c.isString(s)?{name:s}:{name:s.name,type:s.type,required:s.required,default:y(s.default)?e.__parseExpression(s.default):s.default}).reduce((s,n)=>(s[n.name]={type:t(n.type),required:n.required,default:n.default},s),{})}function ye(r,e,t){return r.reactive(Object.keys(e||{}).reduce((s,n)=>{let o=e[n];return y(o)?o=t.__parseExpression(o):H(o)&&(o=t.__parseFunction(o)),s[n]=o,s},{}))}function Se(r,e,t){return Object.entries(e??{}).reduce((s,[n,o])=>(s[n]=r.computed(t.__parseFunction(o)),s),{})}function we(r,e){return Object.entries(r??{}).reduce((t,[s,n])=>(t[s]=e.__parseFunction(n),t),{})}function je(r,e=[],t){return e.reduce((s,n)=>{const{name:o,from:i}=n||{};n.default;const a=y(i)?t.__parseExpression(i)||o:i??o,u=y(n.default)?t.__parseExpression(n.default):n.default??null;return s[o]=r.inject(a,u),s},{})}function oe(r,e){return Object.keys(r).reduce((t,s)=>{const n=r[s],o=e.$apis[n.ref],i=H(n.transform)?n.transform.value?e.__parseFunction(n.transform):void 0:n.transform;return t[s]=async(...a)=>{const u=await o.apply(e,a);return i?i(u):u},t},{})}function $e(r,e=[],t){e.forEach(s=>{r.watch(t.__parseExpression(s.source),t.__parseFunction(s.handler),{deep:s.deep,immediate:s.immediate})})}function Ee(r,e){return Object.entries(r??{}).reduce((t,[s,n])=>(t[s]=e.__parseFunction(n),t),{})}const ie=r=>r;function q(r){const{getDsl:e,options:t}=r;return(s,n,o=M)=>!n||typeof n=="string"?s:n.type==="Schema"?o.defineAsyncComponent(async()=>{const i=await e(n.id);return i?L({...t,Vue:o,dsl:i,mode:j.Runtime,loader:q(r)}).renderer:null}):s}function x(r,e,t=M,s=ie){if(!r||!r.name||r.invisible)return null;const{id:n=null,directives:o=[]}=r,{vIf:i,vFor:a,vShow:u,vModels:l,vBind:h}=Pe(o);if(i&&!be(i,e))return null;const m=p=>{const g=p.$components,S=(()=>{if(r.name==="component")return Ce(p,r.props?.is);if(r.name==="slot")return r.name;const v=s(r.name,r.from,t);return c.isString(v)?g[v]??v:v})(),d=Ie(n,r.props??{},p),w=Fe(t,r.events??{},p);if(r.name==="slot")return Re(t,r,d,p);h&&Object.assign(d,p.__parseExpression(h.value)),u&&(d.style=Object.assign(d.style??{},He(u,p))),l.forEach(v=>{Object.assign(d,Te(t,v,p))});const E=Me(t,r.children??[],p,r);return t.createVNode(S,{...d,...w},E)};return a?De(a,m,e):m(e)}function Pe(r=[]){const e=r.find(a=>c.camelCase(a.name)==="vIf"),t=r.find(a=>c.camelCase(a.name)==="vFor"),s=r.find(a=>c.camelCase(a.name)==="vShow"),n=r.find(a=>c.camelCase(a.name)==="vBind"),o=r.filter(a=>c.camelCase(a.name)==="vModel"),i=r.filter(a=>!W.includes(c.camelCase(a.name)));return{vIf:e,vFor:t,vShow:s,vModels:o,vBind:n,others:i}}function be(r,e){return!!e.__parseExpression(r.value)}function Ce(r,e){return e?y(e)?r.__parseExpression(e):e:"div"}function Ie(r,e,t){const s=Object.keys(e||{}).reduce((n,o)=>{let i=e[o];return y(i)?i=t.__parseExpression(i):H(i)&&(i=t.__parseFunction(i)),n[o]=i,n},{});return s.ref=t.__ref(r,s.ref),s}function Fe(r,e,t){const s=["passive","capture","once"],n={capture:"Capture",once:"Once",passive:"OnceCapture"};return Object.keys(e||{}).reduce((o,i)=>{const a=e[i],u=J(a.modifiers),l=u.find(p=>s.includes(p)),h="on"+c.upperFirst(i)+(l&&n[l]||""),m=t.__parseFunction(a.handler);return m&&(o[h]=r.withModifiers(m,u)),o},{})}function J(r={},e=!1){const t=Object.keys(r);return e?t.map(s=>"."+s):t}function Re(r,e,t,s){const{children:n}=e,o=xe(e,s),i=s.$slots?.[o.name];return i?i(t):n?c.isString(n)?r.createTextVNode(n):y(n)?r.createTextVNode(B(s.__parseExpression(n))):Array.isArray(n)?n.map(a=>x(a,s,r)):null:null}function xe(r,e){const{props:t}=r,s=t?.name||"default";return{name:y(s)?e.__parseExpression(s):s,params:[]}}function He(r,e){return e.__parseExpression(r.value)?{}:{display:"none"}}function Te(r,e,t){const s={type:"JSFunction",value:e.value?.value?`(v) => {
         ${e.value.value} = v;
-      }`:"(v) => {}"},n=t.__parseFunction(s),o=J(e.modifiers),i=y(e.arg)?t.__parseExpression(e.arg):e.arg||"modelValue";return{[i]:t.__parseExpression(e.value),[`onUpdate:${i}`]:o.length&&n?r.withModifiers(n,o):n}}function Me(r,e,t,s){if(!e)return null;if(c.isString(e))return{default:()=>e};if(y(e))return{default:()=>B(t.__parseExpression(e))};if(Array.isArray(e)&&e.length>0){const n=Oe(e),o=i=>!i||!s?{}:s?.id&&Object.keys(i).length?{[`scope_${s.id}`]:i}:{};return Object.entries(n).reduce((i,[a,{nodes:u,params:l}])=>(i[a]=h=>{const m=l.length?c.pick(h??{},l):o(h);return u.map(p=>x(p,t.__clone(m),r))},i),{})}return null}function Oe(r){const e={default:{params:[],nodes:[]}};for(const t of r){const s=Ne(t.slot),n=s.name;e[n]?(e[n].nodes.push(t),e[n].params=e[n].params.concat(s.params)):e[n]={nodes:[t],params:s.params}}return e}function Ne(r="default"){return c.isString(r)?{name:r,params:[]}:{params:[],...r}}function De(r,e,t){const{value:s,iterator:n}=r,{item:o="item",index:i="index"}=n||{};let a=t.__parseExpression(s)||[];return Number.isInteger(a)&&(a=new Array(a).fill(!0).map((u,l)=>l+1)),Array.isArray(a)?a.map((u,l)=>e(t.__clone({[o]:u,[i]:l}))):(console.warn("[vForRender]:",`${s?.value} is not a Arrary`),[])}const z=f.defineComponent({name:"VtjPageContainer",async setup(){const r=Y(),e=K.useRoute(),t=e.params.id,s=t?r.getPage(t):r.getHomepage(),n=s?await r.getRenderComponent(s.id):null;return s&&ue.useTitle(s.title||"VTJ"),{provider:r,component:n,file:s,query:e.query}},render(){return this.component?f.h(this.component,this.query):f.h("div","页面不存在")}}),Ae={name:{type:String,default:"VTJ.PRO"},tagline:{type:String,default:"基于 Vue3 + TypeScript 快速打造高生产力的低代码研发平台"},actionText:{type:String,default:"开始设计"},actionLink:{type:String,default:"/@vtj/pro/"}},Ve={class:"x-startup"},Be={class:"x-startup__wrapper"},ke={class:"x-startup__name"},Le={class:"clip"},qe={class:"x-startup__tagline"},Je={class:"x-startup__actions"},Ue=f.defineComponent({__name:"Startup",props:Ae,setup(r){const e=r,t=()=>{if(typeof window<"u"){let s=(window.__VTJ_LINK__||{}).href||window.location.pathname+"@vtj/pro/#/";window.location.href=s}};return(s,n)=>(f.openBlock(),f.createElementBlock("div",Ve,[f.createElementVNode("div",Be,[f.createElementVNode("div",ke,[f.createElementVNode("span",Le,f.toDisplayString(e.name),1)]),f.createElementVNode("div",qe,f.toDisplayString(e.tagline),1),f.createElementVNode("div",Je,[f.createVNode(f.unref(F.ElButton),{type:"primary",size:"large",round:"",icon:f.unref(pe.EditPen),onClick:t},{default:f.withCtx(()=>[f.createTextVNode(f.toDisplayString(e.actionText),1)]),_:1},8,["icon"])])])]))}}),Ye=f.defineComponent({name:"VtjStartupContainer",render(){return f.h(Ue)}}),U=Symbol("Provider");class ae extends $.Base{mode;globals={};modules={};adapter={request:_e,jsonp:c.jsonp};apis={};dependencies={};materials={};library={};service;project=null;components={};router=null;materialPath="./";constructor(e){super();const{service:t,mode:s=j.Raw,dependencies:n,materials:o,project:i={},adapter:a={},globals:u={},modules:l={},router:h=null,materialPath:m="./"}=e;this.mode=s,this.modules=l,this.service=t,this.router=h,this.materialPath=m,n&&(this.dependencies=n),o&&(this.materials=o),Object.assign(this.globals,u),Object.assign(this.adapter,a),s!==j.Design&&this.load(i)}async load(e){const t=this.modules[`.vtj/projects/${e.id}.json`];if(this.project=t?await t():await this.service.init(e),!this.project)throw new Error("project is null");const{dependencies:s=[],apis:n}=this.project,{dependencies:o,library:i,components:a,materialPath:u}=this,{libraryExports:l,libraryMap:h,materials:m,materialExports:p,materialMapLibrary:g}=G(s,u);for(const d of l){const w=o[d],E=window[d];if(E)i[d]=E;else if(w)window[d]=i[d]=await w();else{const v=h[d]||[];for(const P of v)A(P)&&await Z(d,c.url.append(P,{v:C})),V(P)&&await c.loadScript(c.url.append(P,{v:C})),i[d]=window[d]}}for(const d of m)await c.loadScript(c.url.append(d,{v:C}));const S=this.materials||{};for(const d of p){const w=window[g[d]],E=$.BUILT_IN_COMPONENTS[d];if(E)w&&E.forEach(v=>{a[v]=w[v]});else{const v=S[d]?(await S[d]()).default:window[d];v&&w&&(v.components||[]).forEach(P=>{a[P.name]=Q(P,w)})}}n&&(this.apis=se(n,this.adapter)),this.initRouter(),this.triggerReady()}initRouter(){const{router:e,project:t}=this;e&&(e.addRoute({path:"/page/:id",name:"VtjPage",component:z}),e.addRoute({path:"/",name:"VtjHomepage",component:t?.homepage?z:Ye}))}install(e){const t=e.config.globalProperties.installed||{};for(const[s,n]of Object.entries(this.library))!t[s]&&ee(n)&&(e.use(n),t[s]=!0);e.provide(U,this),e.config.globalProperties.installed=t}getFile(e){const{blocks:t=[]}=this.project||{};return this.getPage(e)||t.find(s=>s.id===e)||null}getPage(e){const{pages:t=[]}=this.project||{},s=(n,o=[])=>{for(const i of o){if(i.id===n)return i;if(i.children&&i.children.length){const a=s(n,i.children);if(a)return a}}};return s(e,t)||null}getHomepage(){const{homepage:e}=this.project||{};return e?this.getPage(e):null}async getDsl(e){const t=this.modules[`.vtj/files/${e}.json`];return t?await t():this.service.getFile(e).catch(()=>null)}async getRenderComponent(e){const t=this.getFile(e);if(!t)return c.logger.warn(`Can not find file: ${e}`),null;const s=`.vtj/vue/${e}.vue`,n=this.modules[s];if(n)return(await n())?.default;const o=await this.getDsl(t.id);if(!o)return c.logger.warn(`Can not find dsl: ${e}`),null;const{library:i,components:a,mode:u,apis:l}=this,h={mode:u,Vue:i.Vue,components:a,libs:i,apis:l,window},m=q({getDsl:async g=>await this.getDsl(g)||null,options:h}),{renderer:p}=L({...h,dsl:o,loader:m});return p}}function ze(r){const e=new ae(r);return{provider:e,onReady:s=>e.ready(s)}}function Y(r={}){const e=f.inject(U);if(!e)throw new Error("Can not find provider");if(e.mode===j.Raw){const{id:t,version:s}=r;t&&s&&(async()=>{const n=await e.getDsl(t);n?.__VERSION__!==s&&F.ElNotification.warning({title:n?.name,message:"当前组件源码版本与运行时版本不一致，请重新发布组件"})})()}return e}const Ke=new c.Request({settings:{type:"json",validSuccess:!0,originResponse:!1,failMessage:!0,validate:r=>r.data?.code===0,showError:r=>{F.ElNotification.error({message:r||"未知错误"})}}}),We=(r="/vtj/local/repository/${type}.json")=>(e,t)=>Ke.send({url:r,method:"post",query:{type:e},data:{type:e,data:t}});class O{api;constructor(){this.api=We()}async init(e){return console.log("BaseService.init",e),{}}async saveProject(e){return!!await this.api("saveProject",e).catch(()=>!1)}async saveMaterials(e,t){return console.log("BaseService.saveMaterials",e,t),!1}async saveFile(e){return console.log("BaseService.saveFile",e),!1}async getFile(e){return console.log("BaseService.getFile",e),{}}async removeFile(e){return console.log("BaseService.removeFile",e),!1}async saveHistory(e){return console.log("BaseService.saveHistory",e),!1}async removeHistory(e){return console.log("BaseService.removeHistory",e),!1}async getHistory(e){return console.log("BaseService.getHistory",e),{}}async getHistoryItem(e,t){return console.log("BaseService.getHistoryItem",e,t),{}}async saveHistoryItem(e,t){return console.log("BaseService.saveHistoryItem",e,t),!1}async removeHistoryItem(e,t){return console.log("BaseService.removeHistoryItem",e,t),!1}async publish(e){return!!await this.api("publish",e).catch(()=>!1)}async publishFile(e,t){return!!await this.api("publishFile",{project:e,file:t}).catch(()=>!1)}async genVueContent(e,t){return await this.api("genVueContent",{project:e,dsl:t}).catch(()=>"")}async createRawPage(e){return await this.api("createRawPage",e).catch(()=>"")}async removeRawPage(e){return await this.api("removeRawPage",e).catch(()=>"")}}const _=new c.Storage({type:"local",expired:0,prefix:"__VTJ_"});class Xe extends O{init(e){const t=new $.ProjectModel(e),s=_.get(`project_${t.id}`),n=Object.assign(t.toDsl(),s||{});return _.save(`project_${t.id}`,n),Promise.resolve(n)}saveProject(e){const t=new $.ProjectModel(e);return _.save(`project_${t.id}`,t.toDsl()),Promise.resolve(!0)}saveMaterials(e,t){return _.save(`materials_${e.id}`,c.mapToObject(t)),Promise.resolve(!0)}saveFile(e){return _.save(`file_${e.id}`,e),Promise.resolve(!0)}getFile(e){const t=_.get(`file_${e}`);return t?Promise.resolve(t):Promise.reject(null)}removeFile(e){return _.remove(`file_${e}`),Promise.resolve(!0)}saveHistory(e){return _.save(`history_${e.id}`,e),Promise.resolve(!0)}removeHistory(e){const t=_.get(`history_${e}`);if(t){const n=(t.items||[]).map(o=>o.id);this.removeHistoryItem(e,n),_.remove(`history_${e}`)}return Promise.resolve(!0)}getHistory(e){const t=_.get(`history_${e}`),s=new $.HistoryModel(t||{id:e});return Promise.resolve(s.toDsl())}getHistoryItem(e,t){const s=_.get(`history_${e}_${t}`);return Promise.resolve(s)}saveHistoryItem(e,t){return _.save(`history_${e}_${t.id}`,t),Promise.resolve(!0)}removeHistoryItem(e,t){return t.forEach(s=>{_.remove(`history_${e}_${s}`)}),Promise.resolve(!0)}}class ce extends O{projects={};materials={};files={};histories={};historyItems={};init(e){const t=new $.ProjectModel(e),s=this.projects[t.id]||{},n=Object.assign(t.toDsl(),s);return this.projects[n.id]=n,Promise.resolve(n)}saveProject(e){const t=new $.ProjectModel(e);return this.projects[t.id]=t.toDsl(),Promise.resolve(!0)}saveMaterials(e,t){return e.id&&(this.materials[e.id]=c.mapToObject(t)),Promise.resolve(!0)}saveFile(e){return this.files[e.id]=e,Promise.resolve(!0)}getFile(e){const t=this.files[e];return t?Promise.resolve(t):Promise.reject(null)}removeFile(e){return delete this.files[e],Promise.resolve(!0)}saveHistory(e){return this.histories[e.id]=e,Promise.resolve(!0)}removeHistory(e){const t=this.histories[e];if(t){const n=(t.items||[]).map(o=>o.id);this.removeHistoryItem(e,n),delete this.historyItems[e]}return Promise.resolve(!0)}getHistory(e){const t=this.histories[e],s=new $.HistoryModel(t||{id:e});return Promise.resolve(s)}getHistoryItem(e,t){const s=`${e}_${t}`,n=this.historyItems[s]||{};return Promise.resolve(n)}saveHistoryItem(e,t){const s=`${e}_${t.id}`;return this.historyItems[s]=t,Promise.resolve(!0)}removeHistoryItem(e,t){return t.forEach(s=>{const n=`${e}_${s}`;delete this.historyItems[n]}),Promise.resolve(!0)}}let T=null;function Ge(){return T||(T=new ce,T)}class Qe extends O{async init(e){return await this.api("init",e).catch(()=>null)||{}}async saveProject(e){return!!await this.api("saveProject",e).catch(()=>!1)}async saveMaterials(e,t){return!!await this.api("saveMaterials",{project:e,materials:c.mapToObject(t)}).catch(()=>!1)}async saveFile(e){return!!await this.api("saveFile",e).catch(()=>!1)}async getFile(e){return await this.api("getFile",e).catch(()=>null)||{}}async removeFile(e){return!!await this.api("removeFile",e).catch(()=>!1)}async saveHistory(e){return!!await this.api("saveHistory",e).catch(()=>!1)}async removeHistory(e){return!!await this.api("removeHistory",e).catch(()=>!1)}async getHistory(e){return await this.api("getHistory",e).catch(()=>null)||{}}async getHistoryItem(e,t){return await this.api("getHistoryItem",{fId:e,id:t}).catch(()=>null)||{}}async saveHistoryItem(e,t){return!!await this.api("saveHistoryItem",{fId:e,item:t}).catch(()=>!1)}async removeHistoryItem(e,t){return!!await this.api("removeHistoryItem",{fId:e,ids:t}).catch(()=>!1)}}function le(r=[]){return r.map(e=>{const{id:t,title:s,icon:n,children:o,hidden:i}=e;return{id:t,title:s,icon:n,hidden:i,url:`/page/${t}`,children:o&&o.length?le(o):void 0}})}function Ze(){const r=Y(),e=K.useRoute(),t=f.ref(!1),s=r.project;f.watchEffect(()=>{const{name:o,params:i,meta:a}=e;if(o==="VtjPage"){const u=r.getPage(i.id);t.value=!u?.mask}else if(o==="VtjHomepage"){const u=r.getHomepage();t.value=!u?.mask}else t.value=!a.mask});const n=le(s?.pages);return{disabled:t,title:s?.description||s?.name||"VTJ App",menus:n}}exports.BUILT_IN_DIRECTIVES=W;exports.BaseService=O;exports.CONTEXT_HOST=N;exports.Context=ne;exports.ContextMode=j;exports.DATA_TYPES=X;exports.JSCodeToString=ve;exports.LIFE_CYCLES_LIST=fe;exports.LocalService=Qe;exports.MemoryService=ce;exports.Provider=ae;exports.StorageService=Xe;exports.VTJ_RENDERER_VERSION=C;exports.adoptedStyleSheets=k;exports.createAssetScripts=me;exports.createAssetsCss=he;exports.createDataSources=oe;exports.createLoader=q;exports.createMemoryService=Ge;exports.createProvider=ze;exports.createRenderer=L;exports.createSchemaApi=re;exports.createSchemaApis=se;exports.defaultLoader=ie;exports.fillBasePath=I;exports.getModifiers=J;exports.getRawComponent=Q;exports.isCSSUrl=A;exports.isJSCode=te;exports.isJSExpression=y;exports.isJSFunction=H;exports.isJSUrl=V;exports.isVuePlugin=ee;exports.loadCss=Z;exports.nodeRender=x;exports.parseDeps=G;exports.parseExpression=R;exports.parseFunction=D;exports.providerKey=U;exports.toString=B;exports.useMask=Ze;exports.useProvider=Y;
+      }`:"(v) => {}"},n=t.__parseFunction(s),o=J(e.modifiers),i=y(e.arg)?t.__parseExpression(e.arg):e.arg||"modelValue";return{[i]:t.__parseExpression(e.value),[`onUpdate:${i}`]:o.length&&n?r.withModifiers(n,o):n}}function Me(r,e,t,s){if(!e)return null;if(c.isString(e))return{default:()=>e};if(y(e))return{default:()=>B(t.__parseExpression(e))};if(Array.isArray(e)&&e.length>0){const n=Oe(e),o=i=>!i||!s?{}:s?.id&&Object.keys(i).length?{[`scope_${s.id}`]:i}:{};return Object.entries(n).reduce((i,[a,{nodes:u,params:l}])=>(i[a]=h=>{const m=l.length?c.pick(h??{},l):o(h);return u.map(p=>x(p,t.__clone(m),r))},i),{})}return null}function Oe(r){const e={default:{params:[],nodes:[]}};for(const t of r){const s=Ne(t.slot),n=s.name;e[n]?(e[n].nodes.push(t),e[n].params=e[n].params.concat(s.params)):e[n]={nodes:[t],params:s.params}}return e}function Ne(r="default"){return c.isString(r)?{name:r,params:[]}:{params:[],...r}}function De(r,e,t){const{value:s,iterator:n}=r,{item:o="item",index:i="index"}=n||{};let a=t.__parseExpression(s)||[];return Number.isInteger(a)&&(a=new Array(a).fill(!0).map((u,l)=>l+1)),Array.isArray(a)?a.map((u,l)=>e(t.__clone({[o]:u,[i]:l}))):(console.warn("[vForRender]:",`${s?.value} is not a Arrary`),[])}const z=f.defineComponent({name:"VtjPageContainer",async setup(){const r=Y(),e=K.useRoute(),t=e.params.id,s=t?r.getPage(t):r.getHomepage(),n=s?await r.getRenderComponent(s.id):null;return s&&ue.useTitle(s.title||"VTJ"),{provider:r,component:n,file:s,query:e.query}},render(){return this.component?f.h(this.component,this.query):f.h("div","页面不存在")}}),Ae={name:{type:String,default:"VTJ.PRO"},tagline:{type:String,default:"基于 Vue3 + TypeScript 快速打造高生产力的低代码研发平台"},actionText:{type:String,default:"开始设计"},actionLink:{type:String,default:"/@vtj/pro/"}},Ve={class:"x-startup"},Be={class:"x-startup__wrapper"},ke={class:"x-startup__name"},Le={class:"clip"},qe={class:"x-startup__tagline"},Je={class:"x-startup__actions"},Ue=f.defineComponent({__name:"Startup",props:Ae,setup(r){const e=r,t=()=>{if(typeof window<"u"){let s=(window.__VTJ_LINK__||{}).href||window.location.pathname+"@vtj/pro/#/";window.location.href=s}};return(s,n)=>(f.openBlock(),f.createElementBlock("div",Ve,[f.createElementVNode("div",Be,[f.createElementVNode("div",ke,[f.createElementVNode("span",Le,f.toDisplayString(e.name),1)]),f.createElementVNode("div",qe,f.toDisplayString(e.tagline),1),f.createElementVNode("div",Je,[f.createVNode(f.unref(F.ElButton),{type:"primary",size:"large",round:"",icon:f.unref(pe.EditPen),onClick:t},{default:f.withCtx(()=>[f.createTextVNode(f.toDisplayString(e.actionText),1)]),_:1},8,["icon"])])])]))}}),Ye=f.defineComponent({name:"VtjStartupContainer",render(){return f.h(Ue)}}),U=Symbol("Provider");class ae extends $.Base{mode;globals={};modules={};adapter={request:_e,jsonp:c.jsonp};apis={};dependencies={};materials={};library={};service;project=null;components={};nodeEnv="development";router=null;materialPath="./";constructor(e){super();const{service:t,mode:s=j.Raw,dependencies:n,materials:o,project:i={},adapter:a={},globals:u={},modules:l={},router:h=null,materialPath:m="./",nodeEnv:p="development"}=e;this.mode=s,this.modules=l,this.service=t,this.router=h,this.materialPath=m,this.nodeEnv=p,n&&(this.dependencies=n),o&&(this.materials=o),Object.assign(this.globals,u),Object.assign(this.adapter,a),s!==j.Design&&this.load(i)}async load(e){const t=this.modules[`.vtj/projects/${e.id}.json`];if(this.project=t?await t():await this.service.init(e),!this.project)throw new Error("project is null");const{dependencies:s=[],apis:n}=this.project,{dependencies:o,library:i,components:a,materialPath:u}=this,{libraryExports:l,libraryMap:h,materials:m,materialExports:p,materialMapLibrary:g}=G(s,u);for(const d of l){const w=o[d],E=window[d];if(E)i[d]=E;else if(w)window[d]=i[d]=await w();else{const v=h[d]||[];for(const P of v)A(P)&&await Z(d,c.url.append(P,{v:C})),V(P)&&await c.loadScript(c.url.append(P,{v:C})),i[d]=window[d]}}for(const d of m)await c.loadScript(c.url.append(d,{v:C}));const S=this.materials||{};for(const d of p){const w=window[g[d]],E=$.BUILT_IN_COMPONENTS[d];if(E)w&&E.forEach(v=>{a[v]=w[v]});else{const v=S[d]?(await S[d]()).default:window[d];v&&w&&(v.components||[]).forEach(P=>{a[P.name]=Q(P,w)})}}n&&(this.apis=se(n,this.adapter)),this.initRouter(),this.triggerReady()}initRouter(){const{router:e,project:t}=this;e&&(e.addRoute({path:"/page/:id",name:"VtjPage",component:z}),e.addRoute({path:"/",name:"VtjHomepage",component:t?.homepage?z:Ye}))}install(e){const t=e.config.globalProperties.installed||{};for(const[s,n]of Object.entries(this.library))!t[s]&&ee(n)&&(e.use(n),t[s]=!0);e.provide(U,this),e.config.globalProperties.installed=t}getFile(e){const{blocks:t=[]}=this.project||{};return this.getPage(e)||t.find(s=>s.id===e)||null}getPage(e){const{pages:t=[]}=this.project||{},s=(n,o=[])=>{for(const i of o){if(i.id===n)return i;if(i.children&&i.children.length){const a=s(n,i.children);if(a)return a}}};return s(e,t)||null}getHomepage(){const{homepage:e}=this.project||{};return e?this.getPage(e):null}async getDsl(e){const t=this.modules[`.vtj/files/${e}.json`];return t?await t():this.service.getFile(e).catch(()=>null)}async getRenderComponent(e){const t=this.getFile(e);if(!t)return c.logger.warn(`Can not find file: ${e}`),null;const s=`.vtj/vue/${e}.vue`,n=this.modules[s];if(n)return(await n())?.default;const o=await this.getDsl(t.id);if(!o)return c.logger.warn(`Can not find dsl: ${e}`),null;const{library:i,components:a,mode:u,apis:l}=this,h={mode:u,Vue:i.Vue,components:a,libs:i,apis:l,window},m=q({getDsl:async g=>await this.getDsl(g)||null,options:h}),{renderer:p}=L({...h,dsl:o,loader:m});return p}}function ze(r){const e=new ae(r);return{provider:e,onReady:s=>e.ready(s)}}function Y(r={}){const e=f.inject(U);if(!e)throw new Error("Can not find provider");if(e.mode===j.Raw&&e.nodeEnv==="development"){const{id:t,version:s}=r;t&&s&&(async()=>{const n=await e.getDsl(t);n?.__VERSION__!==s&&F.ElNotification.warning({title:n?.name,message:"当前组件源码版本与运行时版本不一致，请重新发布组件"})})()}return e}const Ke=new c.Request({settings:{type:"json",validSuccess:!0,originResponse:!1,failMessage:!0,validate:r=>r.data?.code===0,showError:r=>{F.ElNotification.error({message:r||"未知错误"})}}}),We=(r="/vtj/local/repository/${type}.json")=>(e,t)=>Ke.send({url:r,method:"post",query:{type:e},data:{type:e,data:t}});class O{api;constructor(){this.api=We()}async init(e){return console.log("BaseService.init",e),{}}async saveProject(e){return!!await this.api("saveProject",e).catch(()=>!1)}async saveMaterials(e,t){return console.log("BaseService.saveMaterials",e,t),!1}async saveFile(e){return console.log("BaseService.saveFile",e),!1}async getFile(e){return console.log("BaseService.getFile",e),{}}async removeFile(e){return console.log("BaseService.removeFile",e),!1}async saveHistory(e){return console.log("BaseService.saveHistory",e),!1}async removeHistory(e){return console.log("BaseService.removeHistory",e),!1}async getHistory(e){return console.log("BaseService.getHistory",e),{}}async getHistoryItem(e,t){return console.log("BaseService.getHistoryItem",e,t),{}}async saveHistoryItem(e,t){return console.log("BaseService.saveHistoryItem",e,t),!1}async removeHistoryItem(e,t){return console.log("BaseService.removeHistoryItem",e,t),!1}async publish(e){return!!await this.api("publish",e).catch(()=>!1)}async publishFile(e,t){return!!await this.api("publishFile",{project:e,file:t}).catch(()=>!1)}async genVueContent(e,t){return await this.api("genVueContent",{project:e,dsl:t}).catch(()=>"")}async createRawPage(e){return await this.api("createRawPage",e).catch(()=>"")}async removeRawPage(e){return await this.api("removeRawPage",e).catch(()=>"")}}const _=new c.Storage({type:"local",expired:0,prefix:"__VTJ_"});class Xe extends O{init(e){const t=new $.ProjectModel(e),s=_.get(`project_${t.id}`),n=Object.assign(t.toDsl(),s||{});return _.save(`project_${t.id}`,n),Promise.resolve(n)}saveProject(e){const t=new $.ProjectModel(e);return _.save(`project_${t.id}`,t.toDsl()),Promise.resolve(!0)}saveMaterials(e,t){return _.save(`materials_${e.id}`,c.mapToObject(t)),Promise.resolve(!0)}saveFile(e){return _.save(`file_${e.id}`,e),Promise.resolve(!0)}getFile(e){const t=_.get(`file_${e}`);return t?Promise.resolve(t):Promise.reject(null)}removeFile(e){return _.remove(`file_${e}`),Promise.resolve(!0)}saveHistory(e){return _.save(`history_${e.id}`,e),Promise.resolve(!0)}removeHistory(e){const t=_.get(`history_${e}`);if(t){const n=(t.items||[]).map(o=>o.id);this.removeHistoryItem(e,n),_.remove(`history_${e}`)}return Promise.resolve(!0)}getHistory(e){const t=_.get(`history_${e}`),s=new $.HistoryModel(t||{id:e});return Promise.resolve(s.toDsl())}getHistoryItem(e,t){const s=_.get(`history_${e}_${t}`);return Promise.resolve(s)}saveHistoryItem(e,t){return _.save(`history_${e}_${t.id}`,t),Promise.resolve(!0)}removeHistoryItem(e,t){return t.forEach(s=>{_.remove(`history_${e}_${s}`)}),Promise.resolve(!0)}}class ce extends O{projects={};materials={};files={};histories={};historyItems={};init(e){const t=new $.ProjectModel(e),s=this.projects[t.id]||{},n=Object.assign(t.toDsl(),s);return this.projects[n.id]=n,Promise.resolve(n)}saveProject(e){const t=new $.ProjectModel(e);return this.projects[t.id]=t.toDsl(),Promise.resolve(!0)}saveMaterials(e,t){return e.id&&(this.materials[e.id]=c.mapToObject(t)),Promise.resolve(!0)}saveFile(e){return this.files[e.id]=e,Promise.resolve(!0)}getFile(e){const t=this.files[e];return t?Promise.resolve(t):Promise.reject(null)}removeFile(e){return delete this.files[e],Promise.resolve(!0)}saveHistory(e){return this.histories[e.id]=e,Promise.resolve(!0)}removeHistory(e){const t=this.histories[e];if(t){const n=(t.items||[]).map(o=>o.id);this.removeHistoryItem(e,n),delete this.historyItems[e]}return Promise.resolve(!0)}getHistory(e){const t=this.histories[e],s=new $.HistoryModel(t||{id:e});return Promise.resolve(s)}getHistoryItem(e,t){const s=`${e}_${t}`,n=this.historyItems[s]||{};return Promise.resolve(n)}saveHistoryItem(e,t){const s=`${e}_${t.id}`;return this.historyItems[s]=t,Promise.resolve(!0)}removeHistoryItem(e,t){return t.forEach(s=>{const n=`${e}_${s}`;delete this.historyItems[n]}),Promise.resolve(!0)}}let T=null;function Ge(){return T||(T=new ce,T)}class Qe extends O{async init(e){return await this.api("init",e).catch(()=>null)||{}}async saveProject(e){return!!await this.api("saveProject",e).catch(()=>!1)}async saveMaterials(e,t){return!!await this.api("saveMaterials",{project:e,materials:c.mapToObject(t)}).catch(()=>!1)}async saveFile(e){return!!await this.api("saveFile",e).catch(()=>!1)}async getFile(e){return await this.api("getFile",e).catch(()=>null)||{}}async removeFile(e){return!!await this.api("removeFile",e).catch(()=>!1)}async saveHistory(e){return!!await this.api("saveHistory",e).catch(()=>!1)}async removeHistory(e){return!!await this.api("removeHistory",e).catch(()=>!1)}async getHistory(e){return await this.api("getHistory",e).catch(()=>null)||{}}async getHistoryItem(e,t){return await this.api("getHistoryItem",{fId:e,id:t}).catch(()=>null)||{}}async saveHistoryItem(e,t){return!!await this.api("saveHistoryItem",{fId:e,item:t}).catch(()=>!1)}async removeHistoryItem(e,t){return!!await this.api("removeHistoryItem",{fId:e,ids:t}).catch(()=>!1)}}function le(r=[]){return r.map(e=>{const{id:t,title:s,icon:n,children:o,hidden:i}=e;return{id:t,title:s,icon:n,hidden:i,url:`/page/${t}`,children:o&&o.length?le(o):void 0}})}function Ze(){const r=Y(),e=K.useRoute(),t=f.ref(!1),s=r.project;f.watchEffect(()=>{const{name:o,params:i,meta:a}=e;if(o==="VtjPage"){const u=r.getPage(i.id);t.value=!u?.mask}else if(o==="VtjHomepage"){const u=r.getHomepage();t.value=!u?.mask}else t.value=!a.mask});const n=le(s?.pages);return{disabled:t,title:s?.description||s?.name||"VTJ App",menus:n}}exports.BUILT_IN_DIRECTIVES=W;exports.BaseService=O;exports.CONTEXT_HOST=N;exports.Context=ne;exports.ContextMode=j;exports.DATA_TYPES=X;exports.JSCodeToString=ve;exports.LIFE_CYCLES_LIST=fe;exports.LocalService=Qe;exports.MemoryService=ce;exports.Provider=ae;exports.StorageService=Xe;exports.VTJ_RENDERER_VERSION=C;exports.adoptedStyleSheets=k;exports.createAssetScripts=me;exports.createAssetsCss=he;exports.createDataSources=oe;exports.createLoader=q;exports.createMemoryService=Ge;exports.createProvider=ze;exports.createRenderer=L;exports.createSchemaApi=re;exports.createSchemaApis=se;exports.defaultLoader=ie;exports.fillBasePath=I;exports.getModifiers=J;exports.getRawComponent=Q;exports.isCSSUrl=A;exports.isJSCode=te;exports.isJSExpression=y;exports.isJSFunction=H;exports.isJSUrl=V;exports.isVuePlugin=ee;exports.loadCss=Z;exports.nodeRender=x;exports.parseDeps=G;exports.parseExpression=R;exports.parseFunction=D;exports.providerKey=U;exports.toString=B;exports.useMask=Ze;exports.useProvider=Y;

package/dist/index.mjs

@@ -1,5 +1,5 @@
 import { Base as ae, BUILT_IN_COMPONENTS as ce, ProjectModel as R, HistoryModel as Y } from "@vtj/core";
-import { isUrl as le, url as F, dedupArray as ue, isString as P, isFunction as L, logger as C, createRequest as pe, merge as fe, camelCase as j, upperFirst as me, pick as de, jsonp as he, loadScript as q, Request as ve, Storage as _e, mapToObject as A } from "@vtj/utils";
+import { isUrl as le, url as F, dedupArray as ue, isString as P, isFunction as L, logger as C, createRequest as pe, merge as fe, camelCase as j, upperFirst as de, pick as me, jsonp as he, loadScript as q, Request as ve, Storage as _e, mapToObject as A } from "@vtj/utils";
 import * as M from "vue";
 import { defineComponent as D, h as k, openBlock as ye, createElementBlock as ge, createElementVNode as b, toDisplayString as B, createVNode as we, unref as U, withCtx as Se, createTextVNode as $e, inject as je, ref as Ee, watchEffect as Pe } from "vue";
 import { useRoute as G } from "vue-router";
@@ -10,10 +10,10 @@ import { EditPen as He } from "@vtj/icons";
  * Copyright (c) 2024, VTJ.PRO All rights reserved.
  * @name @vtj/renderer 
  * @author CHC chenhuachun1549@dingtalk.com 
- * @version 0.7.28
+ * @version 0.7.30
  * @license <a href="https://vtj.pro/license.html">MIT License</a>
  */
-const I = "0.7.28";
+const I = "0.7.30";
 var w = /* @__PURE__ */ ((s) => (s.Runtime = "Runtime", s.Design = "Design", s.Raw = "Raw", s.VNode = "VNode", s))(w || {});
 const z = [
   "$el",
@@ -70,11 +70,11 @@ function Rt(s = []) {
   ).join("");
 }
 function Ce(s, e) {
-  const t = s.filter((m) => !!m.enabled), r = [], n = [], o = [], i = [], a = {}, l = [], c = {};
-  return t.forEach(({ urls: m, assetsUrl: f, library: u, assetsLibrary: v }) => {
-    m?.forEach((_) => {
+  const t = s.filter((d) => !!d.enabled), r = [], n = [], o = [], i = [], a = {}, l = [], c = {};
+  return t.forEach(({ urls: d, assetsUrl: f, library: u, assetsLibrary: v }) => {
+    d?.forEach((_) => {
       Q(_) && r.push(_), X(_) && n.push(_);
-    }), u && (i.push(u), a[u] = H(m || [], e)), f && o.push(f), v && l.push(v), u && v && (c[v] = u);
+    }), u && (i.push(u), a[u] = H(d || [], e)), f && o.push(f), v && l.push(v), u && v && (c[v] = u);
   }), {
     scripts: H(r, e),
     css: H(n, e),
@@ -310,7 +310,7 @@ function te(s) {
     mode: t,
     dsl: a.value,
     attrs: l
-  }), m = e.defineComponent({
+  }), d = e.defineComponent({
     name: a.value.name,
     props: {
       ...Ve(a.value.props ?? [], c)
@@ -345,7 +345,7 @@ function te(s) {
     ...We(a.value.lifeCycles ?? {}, c)
   });
   return {
-    renderer: e.markRaw(m),
+    renderer: e.markRaw(d),
     context: c
   };
 }
@@ -448,7 +448,7 @@ function re(s) {
 function T(s, e, t = M, r = Ye) {
   if (!s || !s.name || s.invisible)
     return null;
-  const { id: n = null, directives: o = [] } = s, { vIf: i, vFor: a, vShow: l, vModels: c, vBind: m } = Ge(o);
+  const { id: n = null, directives: o = [] } = s, { vIf: i, vFor: a, vShow: l, vModels: c, vBind: d } = Ge(o);
   if (i && !Xe(i, e))
     return null;
   const f = (u) => {
@@ -457,16 +457,16 @@ function T(s, e, t = M, r = Ye) {
         return Qe(u, s.props?.is);
       if (s.name === "slot")
         return s.name;
-      const d = r(s.name, s.from, t);
-      return P(d) ? v[d] ?? d : d;
+      const m = r(s.name, s.from, t);
+      return P(m) ? v[m] ?? m : m;
     })(), p = Ze(n, s.props ?? {}, u), y = et(t, s.events ?? {}, u);
     if (s.name === "slot")
       return tt(t, s, p, u);
-    m && Object.assign(p, u.__parseExpression(m.value)), l && (p.style = Object.assign(
+    d && Object.assign(p, u.__parseExpression(d.value)), l && (p.style = Object.assign(
       p.style ?? {},
       st(l, u)
-    )), c.forEach((d) => {
-      Object.assign(p, nt(t, d, u));
+    )), c.forEach((m) => {
+      Object.assign(p, nt(t, m, u));
     });
     const S = ot(t, s.children ?? [], u, s);
     return t.createVNode(_, { ...p, ...y }, S);
@@ -510,8 +510,8 @@ function et(s, e, t) {
   };
   return Object.keys(e || {}).reduce(
     (o, i) => {
-      const a = e[i], l = se(a.modifiers), c = l.find((u) => r.includes(u)), m = "on" + me(i) + (c && n[c] || ""), f = t.__parseFunction(a.handler);
-      return f && (o[m] = s.withModifiers(f, l)), o;
+      const a = e[i], l = se(a.modifiers), c = l.find((u) => r.includes(u)), d = "on" + de(i) + (c && n[c] || ""), f = t.__parseFunction(a.handler);
+      return f && (o[d] = s.withModifiers(f, l)), o;
     },
     {}
   );
@@ -563,8 +563,8 @@ function ot(s, e, t, r) {
     const n = it(e), o = (i) => !i || !r ? {} : r?.id && Object.keys(i).length ? {
       [`scope_${r.id}`]: i
     } : {};
-    return Object.entries(n).reduce((i, [a, { nodes: l, params: c }]) => (i[a] = (m) => {
-      const f = c.length ? de(m ?? {}, c) : o(m);
+    return Object.entries(n).reduce((i, [a, { nodes: l, params: c }]) => (i[a] = (d) => {
+      const f = c.length ? me(d ?? {}, c) : o(d);
       return l.map(
         (u) => T(u, t.__clone(f), s)
       );
@@ -627,7 +627,7 @@ const W = D({
     type: String,
     default: "/@vtj/pro/"
   }
-}, ut = { class: "x-startup" }, pt = { class: "x-startup__wrapper" }, ft = { class: "x-startup__name" }, mt = { class: "clip" }, dt = { class: "x-startup__tagline" }, ht = { class: "x-startup__actions" }, vt = /* @__PURE__ */ D({
+}, ut = { class: "x-startup" }, pt = { class: "x-startup__wrapper" }, ft = { class: "x-startup__name" }, dt = { class: "clip" }, mt = { class: "x-startup__tagline" }, ht = { class: "x-startup__actions" }, vt = /* @__PURE__ */ D({
   __name: "Startup",
   props: lt,
   setup(s) {
@@ -640,9 +640,9 @@ const W = D({
     return (r, n) => (ye(), ge("div", ut, [
       b("div", pt, [
         b("div", ft, [
-          b("span", mt, B(e.name), 1)
+          b("span", dt, B(e.name), 1)
         ]),
-        b("div", dt, B(e.tagline), 1),
+        b("div", mt, B(e.tagline), 1),
         b("div", ht, [
           we(U(Fe), {
             type: "primary",
@@ -678,6 +678,7 @@ class yt extends ae {
   service;
   project = null;
   components = {};
+  nodeEnv = "development";
   router = null;
   materialPath = "./";
   constructor(e) {
@@ -691,10 +692,11 @@ class yt extends ae {
       adapter: a = {},
       globals: l = {},
       modules: c = {},
-      router: m = null,
-      materialPath: f = "./"
+      router: d = null,
+      materialPath: f = "./",
+      nodeEnv: u = "development"
     } = e;
-    this.mode = r, this.modules = c, this.service = t, this.router = m, this.materialPath = f, n && (this.dependencies = n), o && (this.materials = o), Object.assign(this.globals, l), Object.assign(this.adapter, a), r !== w.Design && this.load(i);
+    this.mode = r, this.modules = c, this.service = t, this.router = d, this.materialPath = f, this.nodeEnv = u, n && (this.dependencies = n), o && (this.materials = o), Object.assign(this.globals, l), Object.assign(this.adapter, a), r !== w.Design && this.load(i);
   }
   async load(e) {
     const t = this.modules[`.vtj/projects/${e.id}.json`];
@@ -702,7 +704,7 @@ class yt extends ae {
       throw new Error("project is null");
     const { dependencies: r = [], apis: n } = this.project, { dependencies: o, library: i, components: a, materialPath: l } = this, {
       libraryExports: c,
-      libraryMap: m,
+      libraryMap: d,
       materials: f,
       materialExports: u,
       materialMapLibrary: v
@@ -714,8 +716,8 @@ class yt extends ae {
       else if (y)
         window[p] = i[p] = await y();
       else {
-        const d = m[p] || [];
-        for (const $ of d)
+        const m = d[p] || [];
+        for (const $ of m)
           X($) && await Te(p, F.append($, { v: I })), Q($) && await q(F.append($, { v: I })), i[p] = window[p];
       }
     }
@@ -725,12 +727,12 @@ class yt extends ae {
     for (const p of u) {
       const y = window[v[p]], S = ce[p];
       if (S)
-        y && S.forEach((d) => {
-          a[d] = y[d];
+        y && S.forEach((m) => {
+          a[m] = y[m];
         });
       else {
-        const d = _[p] ? (await _[p]()).default : window[p];
-        d && y && (d.components || []).forEach(($) => {
+        const m = _[p] ? (await _[p]()).default : window[p];
+        m && y && (m.components || []).forEach(($) => {
           a[$.name] = Oe($, y);
         });
       }
@@ -791,7 +793,7 @@ class yt extends ae {
     const o = await this.getDsl(t.id);
     if (!o)
       return C.warn(`Can not find dsl: ${e}`), null;
-    const { library: i, components: a, mode: l, apis: c } = this, m = {
+    const { library: i, components: a, mode: l, apis: c } = this, d = {
       mode: l,
       Vue: i.Vue,
       components: a,
@@ -800,9 +802,9 @@ class yt extends ae {
       window
     }, f = re({
       getDsl: async (v) => await this.getDsl(v) || null,
-      options: m
+      options: d
     }), { renderer: u } = te({
-      ...m,
+      ...d,
       dsl: o,
       loader: f
     });
@@ -820,7 +822,7 @@ function oe(s = {}) {
   const e = je(ne);
   if (!e)
     throw new Error("Can not find provider");
-  if (e.mode === w.Raw) {
+  if (e.mode === w.Raw && e.nodeEnv === "development") {
     const { id: t, version: r } = s;
     t && r && (async () => {
       const n = await e.getDsl(t);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vtj/renderer",
   "private": false,
-  "version": "0.7.28",
+  "version": "0.7.30",
   "type": "module",
   "scripts": {
     "build": "vue-tsc && vite build",
@@ -10,13 +10,13 @@
     "coverage": "vitest run --coverage"
   },
   "dependencies": {
-    "@vtj/core": "^0.7.28",
-    "@vtj/icons": "^0.7.28",
-    "@vtj/ui": "^0.7.28",
-    "@vtj/utils": "^0.7.28"
+    "@vtj/core": "^0.7.30",
+    "@vtj/icons": "^0.7.30",
+    "@vtj/ui": "^0.7.30",
+    "@vtj/utils": "^0.7.30"
   },
   "devDependencies": {
-    "@vtj/cli": "^0.7.19",
+    "@vtj/cli": "^0.7.20",
     "vue": "~3.4.15",
     "vue-router": "~4.3.0"
   },
@@ -34,7 +34,7 @@
     "dist",
     "types"
   ],
-  "gitHead": "2850238d20dac4589e94b8923cd4c3cfe56fdfd8",
+  "gitHead": "229d9d4fd7c80a7400146c253a01d0c6546aa737",
   "publishConfig": {
     "access": "public"
   }

package/types/constants.d.ts

@@ -1,4 +1,5 @@
-import { type BlockPropDataType } from '@vtj/core';
+import { BlockPropDataType } from '@vtj/core';
+
 export declare enum ContextMode {
     /**
      * 运行时

package/types/hooks/mask.d.ts

@@ -1,5 +1,6 @@
 import { Ref } from 'vue';
-import { type MenuDataItem } from '@vtj/ui';
+import { MenuDataItem } from '@vtj/ui';
+
 export declare function useMask(): {
     disabled: Ref<boolean>;
     title: string;

package/types/provider/apis.d.ts

@@ -1,5 +1,6 @@
-import { type ApiSchema } from '@vtj/core';
-import { type IRequestConfig } from '@vtj/utils';
-import { type ProvideAdapter } from './provider';
+import { ProvideAdapter } from './provider';
+import { IRequestConfig } from '@vtj/utils';
+import { ApiSchema } from '@vtj/core';
+
 export declare function createSchemaApi(schema: ApiSchema, adapter: ProvideAdapter): ((query?: Record<string, any>) => Promise<any>) | ((data: any, opts?: IRequestConfig) => Promise<any>);
 export declare function createSchemaApis(schema: ApiSchema[] | undefined, adapter: ProvideAdapter): Record<string, any>;

package/types/provider/page.d.ts

@@ -7,4 +7,4 @@ export declare const PageContainer: DefineComponent<{}, {
     component: any;
     file: PageFile | null;
     query: LocationQuery;
-}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<{}>>, {}, {}>;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{}>>, {}, {}>;

package/types/provider/provider.d.ts

@@ -1,8 +1,9 @@
-import { type App, type InjectionKey } from 'vue';
-import { type Router } from 'vue-router';
-import { type ProjectSchema, type PageFile, type BlockFile, type Service, type BlockSchema, Base } from '@vtj/core';
-import { type IStaticRequest, type Jsonp } from '@vtj/utils';
 import { ContextMode } from '../constants';
+import { IStaticRequest, Jsonp } from '@vtj/utils';
+import { ProjectSchema, PageFile, BlockFile, Service, BlockSchema, Base } from '@vtj/core';
+import { Router } from 'vue-router';
+import { App, InjectionKey } from 'vue';
+
 export declare const providerKey: InjectionKey<Provider>;
 export interface ProviderOptions {
     service: Service;
@@ -15,6 +16,7 @@ export interface ProviderOptions {
     materials?: Record<string, () => Promise<any>>;
     globals?: Record<string, any>;
     materialPath?: string;
+    nodeEnv?: 'development' | 'production';
 }
 export interface ProvideAdapter {
     request: IStaticRequest;
@@ -32,6 +34,7 @@ export declare class Provider extends Base {
     service: Service;
     project: ProjectSchema | null;
     components: Record<string, any>;
+    nodeEnv: 'development' | 'production';
     private router;
     private materialPath;
     constructor(options: ProviderOptions);

package/types/provider/startup.d.ts

@@ -1,2 +1,2 @@
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes } from 'vue';
-export declare const StartupContainer: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<{}>>, {}, {}>;
+export declare const StartupContainer: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{}>>, {}, {}>;

package/types/render/block.d.ts

@@ -1,7 +1,8 @@
-import { type BlockSchema, type DataSourceSchema } from '@vtj/core';
-import { ContextMode } from '../constants';
+import { BlockLoader } from './loader';
 import { Context } from './context';
-import { type BlockLoader } from './loader';
+import { ContextMode } from '../constants';
+import { BlockSchema, DataSourceSchema } from '@vtj/core';
+
 export type DataSourceHandler = (...args: any[]) => Promise<any>;
 export interface CreateRendererOptions {
     Vue?: any;

package/types/render/context.d.ts

@@ -1,5 +1,6 @@
+import { BlockSchema, JSFunction, JSExpression } from '@vtj/core';
 import { ContextMode } from '../constants';
-import { type BlockSchema, type JSFunction, type JSExpression } from '@vtj/core';
+
 export interface ContextOptions {
     mode: ContextMode;
     dsl?: BlockSchema;

package/types/render/loader.d.ts

@@ -1,6 +1,7 @@
-import type { DefineComponent } from 'vue';
-import type { NodeFrom, BlockSchema } from '@vtj/core';
-import { type CreateRendererOptions } from './block';
+import { CreateRendererOptions } from './block';
+import { NodeFrom, BlockSchema } from '@vtj/core';
+import { DefineComponent } from 'vue';
+
 export type BlockLoader = (name: string, from?: NodeFrom, Vue?: any) => string | DefineComponent;
 export declare const defaultLoader: BlockLoader;
 export interface CreateLoaderOptions {

package/types/render/node.d.ts

@@ -1,6 +1,7 @@
-import type { VNode } from 'vue';
-import { type NodeSchema, type NodeModifiers } from '@vtj/core';
-import { type Context } from './context';
-import { type BlockLoader } from './loader';
+import { BlockLoader } from './loader';
+import { Context } from './context';
+import { NodeSchema, NodeModifiers } from '@vtj/core';
+import { VNode } from 'vue';
+
 export declare function nodeRender(dsl: NodeSchema, context: Context, Vue?: any, loader?: BlockLoader): VNode | VNode[] | null;
 export declare function getModifiers(modifiers?: NodeModifiers, isToString?: boolean): string[];

package/types/services/base.d.ts

@@ -1,4 +1,5 @@
-import { type ProjectSchema, type PageFile, type BlockFile, type BlockSchema, type MaterialDescription, type HistorySchema, type HistoryItem, type Service } from '@vtj/core';
+import { ProjectSchema, PageFile, BlockFile, BlockSchema, MaterialDescription, HistorySchema, HistoryItem, Service } from '@vtj/core';
+
 export declare class BaseService implements Service {
     protected api: (type: string, data: any) => Promise<any>;
     constructor();

package/types/services/local.d.ts

@@ -1,5 +1,6 @@
-import { type ProjectSchema, type BlockSchema, type HistorySchema, type HistoryItem, type MaterialDescription } from '@vtj/core';
 import { BaseService } from './base';
+import { ProjectSchema, BlockSchema, HistorySchema, HistoryItem, MaterialDescription } from '@vtj/core';
+
 export declare class LocalService extends BaseService {
     init(project: ProjectSchema): Promise<ProjectSchema>;
     saveProject(project: ProjectSchema): Promise<boolean>;

package/types/services/memory.d.ts

@@ -1,5 +1,6 @@
-import { type ProjectSchema, type BlockSchema, type HistorySchema, type HistoryItem, type MaterialDescription } from '@vtj/core';
 import { BaseService } from './base';
+import { ProjectSchema, BlockSchema, HistorySchema, HistoryItem, MaterialDescription } from '@vtj/core';
+
 export declare class MemoryService extends BaseService {
     private projects;
     private materials;

package/types/services/storage.d.ts

@@ -1,5 +1,6 @@
-import { type ProjectSchema, type BlockSchema, type HistorySchema, type HistoryItem, type MaterialDescription } from '@vtj/core';
 import { BaseService } from './base';
+import { ProjectSchema, BlockSchema, HistorySchema, HistoryItem, MaterialDescription } from '@vtj/core';
+
 export declare class StorageService extends BaseService {
     init(project: ProjectSchema): Promise<ProjectSchema>;
     saveProject(project: ProjectSchema): Promise<boolean>;

package/types/utils/deps.d.ts

@@ -1,4 +1,5 @@
-import type { Dependencie, MaterialDescription } from '@vtj/core';
+import { Dependencie, MaterialDescription } from '@vtj/core';
+
 export declare function fillBasePath(urls: string[], basePath: string): string[];
 export declare function isCSSUrl(url: string): boolean;
 export declare function isJSUrl(url: string): boolean;

package/types/utils/parser.d.ts

@@ -1,4 +1,5 @@
-import type { JSExpression, JSFunction } from '@vtj/core';
+import { JSExpression, JSFunction } from '@vtj/core';
+
 export declare function parseExpression(str: JSExpression | JSFunction, self: any, thisRequired?: boolean, throwError?: boolean): any;
 export declare function parseFunction(str: JSFunction, self: any, thisRequired?: boolean, throwError?: boolean): Function;
 export declare function isJSExpression(data: any): data is JSExpression;

package/types/utils/util.d.ts

@@ -1,4 +1,5 @@
-import type { Plugin } from 'vue';
+import { Plugin } from 'vue';
+
 export declare function toString(value: any): string;
 export declare function adoptedStyleSheets(global: Window, id: string, css: string): void;
 export declare function loadCss(id: string, url: string): Promise<void>;

package/types/version.d.ts

@@ -2,7 +2,7 @@
  * Copyright (c) 2024, VTJ.PRO All rights reserved.
  * @name @vtj/renderer
  * @author CHC chenhuachun1549@dingtalk.com
- * @version 0.7.27
+ * @version 0.7.29
  * @license <a href="https://vtj.pro/license.html">MIT License</a>
  */
-export declare const version = "0.7.27";
+export declare const version = "0.7.29";