@vtj/renderer 0.8.61 → 0.8.63

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.8.61
+ * @version 0.8.63
  * @license <a href="https://vtj.pro/license.html">MIT License</a>
- */const P="0.8.61";var w=(n=>(n.Runtime="Runtime",n.Design="Design",n.Raw="Raw",n.VNode="VNode",n))(w||{});const U=["$el","$emit","$nextTick","$parent","$root","$attrs","$slots","$watch","$props","$options","$forceUpdate"],Ee=["beforeCreate","created","beforeMount","mounted","beforeUpdate","updated","beforeUnmount","unmounted","errorCaptured","renderTracked","renderTriggered","activated","deactivated"],te=["vIf","vShow","vModel","vFor","vBind"],ne={String,Number,Boolean,Array,Object,Function,Date};function R(n,e){return n.map(t=>u.isUrl(t)?t:`${e}${t}`)}function A(n){return/\.css$/.test(n)}function k(n){return/\.js$/.test(n)}function re(n){return/\.json$/.test(n)}function Ce(n){return n.map(e=>`<script src="${u.url.append(e,{v:P})}"><\/script>`).join("")}function Pe(n=[]){return n.map(e=>`<link rel="stylesheet" href="${u.url.append(e,{v:P})}" />`).join("")}function se(n,e){const t=n.filter(f=>!!f.enabled),r=[],s=[],o=[],a=[],i={},l={},c=[],h={};return t.forEach(({urls:f,assetsUrl:p,library:d,assetsLibrary:g,localeLibrary:v})=>{f?.forEach(y=>{k(y)&&r.push(y),A(y)&&s.push(y)}),d&&(a.push(d),i[d]=R(f||[],e),v&&(l[d]=v)),p&&o.push(p),g&&c.push(g),d&&g&&(h[g]=d)}),{scripts:R(r,e),css:R(s,e),materials:R(o,e),libraryExports:a,materialExports:u.dedupArray(c),materialMapLibrary:h,libraryMap:i,libraryLocaleMap:l}}function oe(n,e){const{name:t,parent:r,alias:s}=n;return r?e[r]?.[s||t]:e[s||t]}function L(n){return u.isString(n)?n:JSON.stringify(n)}function J(n,e,t){const r=n.CSSStyleSheet;if(r.prototype.replaceSync){const s=new r;s.id=e,s.replaceSync(t);const o=n.document,a=o.adoptedStyleSheets,i=Array.from(a).filter(l=>l.id!==e);o.adoptedStyleSheets=[...i,s]}else{const s=n.document;let o=s.getElementById(e);o?o.innerHTML=t:(o=s.createElement("style"),o.id=e,o.innerHTML=t,s.head.appendChild(o))}}async function ie(n,e){const t=await window.fetch(e).then(r=>r.text()).catch(()=>"");t&&J(window,n,t)}function V(n,e=window){const t=e.document,r=e.document.head;for(const s of n)if(!t.getElementById(s)){const a=t.createElement("link");a.rel="stylesheet",a.id=s,a.href=s,r.appendChild(a)}}async function ae(n,e,t=window){const r=t.document,s=t.document.head;let o=t[e];return o?o.default||o:new Promise((a,i)=>{for(const l of n){const c=r.createElement("script");c.src=l,c.onload=()=>{o=t[e],o?a(o.default||o):i(null)},c.onerror=h=>{i(h)},s.appendChild(c)}})}function ce(n){return u.isFunction(n)||u.isFunction(n?.install)}function b(n,e,t=!1,r=!1){try{const s=['"use strict";',"var __self = arguments[0];"];s.push("return ");let o=(n.value||"").trim();o=o.replace(/this(\W|$)/g,(i,l)=>`__self${l}`),o=s.join(`
-`)+o;const a=`with(${t?"{}":"$scope || {}"}) { ${o} }`;return new Function("$scope",a)(e)}catch(s){if(u.logger.error("parseExpression.error",s,n,e?.__self??e),r)throw s}}function q(n,e,t=!1,r=!1){const s=b(n,e,t,r);if(typeof s!="function"&&(u.logger.error("parseFunction.error","not a function",n,e?.__self??e),r))throw new Error(`"${n.value}" not a function`);return s}function S(n){return n&&n.type==="JSExpression"}function I(n){return typeof n=="object"&&n&&n.type==="JSFunction"}function le(n){return S(n)||I(n)}function be(n){return le(n)?n.value:JSON.stringify(n)}let C=null;const Re=u.createRequest({settings:{type:"form",validSuccess:!0,originResponse:!1,loading:!0,validate:n=>n.data?.code===0||!!n.data?.success,failMessage:!0,showError:n=>{O.ElNotification.error({message:n||"未知错误"})},showLoading:()=>{C&&C.close(),C=O.ElLoading.service({lock:!0,text:"Loading",background:"rgba(0, 0, 0, 0.05)"})},hideLoading:()=>{C&&(C.close(),C=null)}}});function ue(n,e){const{jsonp:t,request:r}=e;if(n.method==="jsonp")return(s={})=>t(n.url,{...n.jsonpOptions,query:s});{const s=n.headers?b(n.headers,{},!0):void 0,o={url:n.url,method:n.method,settings:{...n.settings,headers:s}};return(a,i)=>r.send(u.merge(o,i||{},{data:a}))}}function fe(n,e){const{metaQuery:t}=e;if(!t)return;const{code:r,queryCode:s}=n;return(o,a)=>{if(!t){console.warn("adapter.metaQuery is not defined!");return}return t(r,s,o,a)}}function pe(n=[],e=[],t){const r={};for(const s of n)r[s.id]=ue(s,t);for(const s of e)r[s.id]=fe(s,t);return r}function de(n=[]){x.setup({timeout:"50-500"}),W(),n.forEach(e=>me(e))}function me(n){if(!n.mock)return;const{url:e,mockTemplate:t}=n;if(e&&t){const r=u.pathToRegexp(`${e}(.*)`),s=u.pathToRegexpMatch(e,{decode:decodeURIComponent}),o=b(t,{},!0);x.mock(r,a=>{const i=u.url.parse(a.url)||{},l=a.body instanceof FormData?u.formDataToJson(a.body):a.body,c=s(a.url)?.params;return Object.assign(a,{data:l,params:i,query:c}),x.mock(o(a))})}}function W(){x._mocked={}}class he{__id=null;__mode;__instance=null;__contextRefs={};__refs={};context={};state={};props={};$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:r,attrs:s}=e;this.__mode=t,r&&(this.__id=r.id||null,this.__transform=r.transform||{}),s&&Object.assign(this,s)}setup(e,t=D){const r=t.getCurrentInstance();if(!r)return;this.__refs={},this.$refs={},this.context={},this.__contextRefs={},this.__instance=r.proxy;const s=r.appContext.config.globalProperties;Object.assign(this,s),Object.assign(this,e||{}),this.__proxy(),t.onMounted(()=>{this.__proxy()}),t.onUnmounted(()=>{this.__cleanup()}),t.onBeforeUpdate(()=>{this.__refs={},this.$refs={},this.__contextRefs={},this.context={}})}__proxy(){this.__instance&&U.forEach(e=>{this[e]=this.__instance?.[e]})}__cleanup(){U.forEach(e=>{this[e]=null})}__parseFunction(e){if(e)if(this.__mode===w.Runtime){const{id:t,type:r}=e,s=t?this.__transform[t]??e.value:e.value;return q({type:r,value:s},this)}else return q(e,this)}__parseExpression(e){if(e)if(this.__mode===w.Runtime){const{id:t,type:r}=e,s=t?this.__transform[t]??e.value:e.value;return b({type:r,value:s},this)}else return b(e,this)}__ref(e=null,t){if(this.__mode!==w.VNode)return e&&e!==this.__id&&(this.__contextRefs[e]=this),r=>{let s=r?.$vtjEl||r?.$el||r;if(!s){typeof t=="string"&&(delete this.$refs[t],e&&delete this.__refs[e]);return}if(s.nodeType===3&&s.nextSibling&&(s=s.nextSibling),s.__vtj__=e,w.Design===this.__mode&&(s.__context__=this),e&&(this.__refs[e]=r),typeof t=="function")t(r);else if(t){const o=this.$refs[t];if(o){const a=new Set([].concat(o,r));this.$refs[t]=Array.from(a)}else this.$refs[t]=r}return r}}__clone(e={}){const t={...this.context,...e},r={...t,context:t};return r.context.__proto__=this.context,r.__proto__=this,r}}function T(n){const{Vue:e=D,mode:t=w.Runtime,components:r={},libs:s={},apis:o={},loader:a}=n,i=e.computed(()=>n.dsl),l={$components:r,$libs:s,$apis:o},c=new he({mode:t,dsl:i.value,attrs:l}),h=e.defineComponent({name:i.value.name,props:{...Ie(i.value.props??[],c)},setup(f){c.$props=f,c.props=f,i.value.id&&J(n.window||window,i.value.id,i.value.css||""),c.state=Me(e,i.value.state??{},c);const p=Oe(e,i.value.computed??{},c),d=xe(i.value.methods??{},c),g=Te(e,i.value.inject,c),v=ve(i.value.dataSources||{},c),y={...g,...p,...d,...v};return c.setup(y,e),He(e,i.value.watch??[],c),{vtj:c}},emits:Fe(i.value.emits),expose:["vtj"],render(){if(!i.value.nodes)return null;const f=i.value.nodes||[];return f.length===1?F(f[0],c,e,a):f.map(p=>F(p,c,e,a))},...De(i.value.lifeCycles??{},c)});return{renderer:e.markRaw(h),context:c}}function Fe(n=[]){return n.map(e=>u.isString(e)?e:e.name)}function Ie(n=[],e){const t=r=>r?(Array.isArray(r)?r:[r]).map(o=>ne[o]):void 0;return n.map(r=>u.isString(r)?{name:r}:{name:r.name,type:r.type,required:r.required,default:S(r.default)?e.__parseExpression(r.default):r.default}).reduce((r,s)=>(r[s.name]={type:t(s.type),required:s.required,default:s.default},r),{})}function Me(n,e,t){return n.reactive(Object.keys(e||{}).reduce((r,s)=>{let o=e[s];return S(o)?o=t.__parseExpression(o):I(o)&&(o=t.__parseFunction(o)),r[s]=o,r},{}))}function Oe(n,e,t){return Object.entries(e??{}).reduce((r,[s,o])=>(r[s]=n.computed(t.__parseFunction(o)),r),{})}function xe(n,e){return Object.entries(n??{}).reduce((t,[r,s])=>(t[r]=e.__parseFunction(s),t),{})}function Te(n,e=[],t){return e.reduce((r,s)=>{const{name:o,from:a}=s||{};s.default;const i=S(a)?t.__parseExpression(a)||o:a??o,l=S(s.default)?t.__parseExpression(s.default):s.default??null;return r[o]=n.inject(i,l),r},{})}function ve(n,e){return Object.keys(n).reduce((t,r)=>{const s=n[r],o=e.$apis[s.ref],a=I(s.transform)?s.transform.value?e.__parseFunction(s.transform):void 0:s.transform;return t[r]=async(...i)=>{const l=await o.apply(e,i);return a?a(l):l},t},{})}function He(n,e=[],t){e.forEach(r=>{n.watch(t.__parseExpression(r.source),t.__parseFunction(r.handler),{deep:r.deep,immediate:r.immediate})})}function De(n,e){return Object.entries(n??{}).reduce((t,[r,s])=>(t[r]=e.__parseFunction(s),t),{})}let N=[];const ge=n=>n;async function Y(n,e=window){const{urls:t=[],library:r}=n,s=t.filter(i=>k(i));if(s.length===0||!r)return null;const o=t.filter(i=>A(i)),a=await ae(s,r,e).catch(i=>(console.warn("loadScriptUrl error",s,r,i),null));return a?{component:a,css:o}:null}function H(n){const{getDsl:e,getDslByUrl:t,options:r}=n;return r.window&&(N.forEach(s=>{delete r.window[s]}),N=[]),(s,o,a=D)=>!o||typeof o=="string"?s:o.type==="Schema"&&o.id?a.defineAsyncComponent(async()=>{const i=await e(o.id);return i&&(i.name=s),i?T({...r,Vue:a,dsl:i,mode:w.Runtime,loader:H(n)}).renderer:null}):o.type==="UrlSchema"&&o.url?a.defineAsyncComponent(async()=>{const i=await t(o.url);return i&&(i.name=s),i?T({...r,Vue:a,dsl:i,mode:w.Runtime,loader:H(n)}).renderer:null}):o.type==="Plugin"?(o.library&&N.push(o.library),a.defineAsyncComponent(async()=>{const i=await Y(o,r.window);return i?(V(i.css,r.window),i.component):(console.warn("getPlugin result is null",o),null)})):s}function F(n,e,t=D,r=ge){if(!n||!n.name||n.invisible)return null;const{id:s=null,directives:o=[]}=n,{vIf:a,vFor:i,vShow:l,vModels:c,vBind:h}=Ae(o);if(a&&!ke(a,e))return null;const f=p=>{const d=p.$components,g=(()=>{if(n.name==="component")return Be(p,n.props?.is);if(n.name==="slot")return n.name;const E=r(n.name,n.from,t);return u.isString(E)?d[E]??E:E})(),v=Ne(s,n.props??{},p),y=Ue(t,n.events??{},p);if(n.name==="slot")return qe(t,n,v,p,r);h&&Object.assign(v,p.__parseExpression(h.value)),l&&(v.style=Object.assign(v.style??{},Je(l,p))),c.forEach(E=>{Object.assign(v,Ve(t,E,p))});const j=We(t,n.children??[],p,r,n);return t.createVNode(g,{...v,...y},j)};return i?Xe(i,f,e):f(e)}function Ae(n=[]){const e=n.find(i=>u.camelCase(i.name)==="vIf"),t=n.find(i=>u.camelCase(i.name)==="vFor"),r=n.find(i=>u.camelCase(i.name)==="vShow"),s=n.find(i=>u.camelCase(i.name)==="vBind"),o=n.filter(i=>u.camelCase(i.name)==="vModel"),a=n.filter(i=>!te.includes(u.camelCase(i.name)));return{vIf:e,vFor:t,vShow:r,vModels:o,vBind:s,others:a}}function ke(n,e){return!!e.__parseExpression(n.value)}function Be(n,e){return e?S(e)?n.__parseExpression(e):e:"div"}function Ne(n,e,t){const r=Object.keys(e||{}).reduce((s,o)=>{let a=e[o];return S(a)?a=t.__parseExpression(a):I(a)&&(a=t.__parseFunction(a)),s[o]=a,s},{});return r.ref=t.__ref(n,r.ref),r}function Ue(n,e,t){const r=["passive","capture","once"],s={capture:"Capture",once:"Once",passive:"OnceCapture"};return Object.keys(e||{}).reduce((o,a)=>{const i=e[a],l=K(i.modifiers),c=l.find(p=>r.includes(p)),h="on"+u.upperFirst(a)+(c&&s[c]||""),f=t.__parseFunction(i.handler);return f&&(o[h]=n.withModifiers(f,l)),o},{})}function K(n={},e=!1){const t=Object.keys(n);return e?t.map(r=>"."+r):t}function qe(n,e,t,r,s){const{children:o}=e,a=Le(e,r),i=r.$slots?.[a.name];return i?i(t):o?u.isString(o)?n.createTextVNode(o):S(o)?n.createTextVNode(L(r.__parseExpression(o))):Array.isArray(o)?o.map(l=>F(l,r,n,s)):null:null}function Le(n,e){const{props:t}=n,r=t?.name||"default";return{name:S(r)?e.__parseExpression(r):r,params:[]}}function Je(n,e){return e.__parseExpression(n.value)?{}:{display:"none"}}function Ve(n,e,t){const r={type:"JSFunction",value:e.value?.value?`(v) => {
+ */const P="0.8.63";var w=(n=>(n.Runtime="Runtime",n.Design="Design",n.Raw="Raw",n.VNode="VNode",n))(w||{});const U=["$el","$emit","$nextTick","$parent","$root","$attrs","$slots","$watch","$props","$options","$forceUpdate"],Ee=["beforeCreate","created","beforeMount","mounted","beforeUpdate","updated","beforeUnmount","unmounted","errorCaptured","renderTracked","renderTriggered","activated","deactivated"],te=["vIf","vShow","vModel","vFor","vBind"],ne={String,Number,Boolean,Array,Object,Function,Date};function R(n,e){return n.map(t=>u.isUrl(t)?t:`${e}${t}`)}function A(n){return/\.css$/.test(n)}function k(n){return/\.js$/.test(n)}function re(n){return/\.json$/.test(n)}function Ce(n){return n.map(e=>`<script src="${u.url.append(e,{v:P})}"><\/script>`).join("")}function Pe(n=[]){return n.map(e=>`<link rel="stylesheet" href="${u.url.append(e,{v:P})}" />`).join("")}function se(n,e){const t=n.filter(d=>!!d.enabled),r=[],s=[],o=[],a=[],i={},l={},c=[],h={};return t.forEach(({urls:d,assetsUrl:f,library:p,assetsLibrary:g,localeLibrary:v})=>{d?.forEach(y=>{k(y)&&r.push(y),A(y)&&s.push(y)}),p&&(a.push(p),i[p]=R(d||[],e),v&&(l[p]=v)),f&&o.push(f),g&&c.push(g),p&&g&&(h[g]=p)}),{scripts:R(r,e),css:R(s,e),materials:R(o,e),libraryExports:a,materialExports:u.dedupArray(c),materialMapLibrary:h,libraryMap:i,libraryLocaleMap:l}}function oe(n,e){const{name:t,parent:r,alias:s}=n;return r?e[r]?.[s||t]:e[s||t]}function L(n){return u.isString(n)?n:JSON.stringify(n)}function J(n,e,t){const r=n.CSSStyleSheet;if(r.prototype.replaceSync){const s=new r;s.id=e,s.replaceSync(t);const o=n.document,a=o.adoptedStyleSheets,i=Array.from(a).filter(l=>l.id!==e);o.adoptedStyleSheets=[...i,s]}else{const s=n.document;let o=s.getElementById(e);o?o.innerHTML=t:(o=s.createElement("style"),o.id=e,o.innerHTML=t,s.head.appendChild(o))}}async function ie(n,e){const t=await window.fetch(e).then(r=>r.text()).catch(()=>"");t&&J(window,n,t)}function V(n,e=window){const t=e.document,r=e.document.head;for(const s of n)if(!t.getElementById(s)){const a=t.createElement("link");a.rel="stylesheet",a.id=s,a.href=s,r.appendChild(a)}}async function ae(n,e,t=window){const r=t.document,s=t.document.head;let o=t[e];return o?o.default||o:new Promise((a,i)=>{for(const l of n){const c=r.createElement("script");c.src=l,c.onload=()=>{o=t[e],o?a(o.default||o):i(null)},c.onerror=h=>{i(h)},s.appendChild(c)}})}function ce(n){return u.isFunction(n)||u.isFunction(n?.install)}function b(n,e,t=!1,r=!1){try{const s=['"use strict";',"var __self = arguments[0];"];s.push("return ");let o=(n.value||"").trim();o=o.replace(/this(\W|$)/g,(i,l)=>`__self${l}`),o=s.join(`
+`)+o;const a=`with(${t?"{}":"$scope || {}"}) { ${o} }`;return new Function("$scope",a)(e)}catch(s){if(u.logger.error("parseExpression.error",s,n,e?.__self??e),r)throw s}}function q(n,e,t=!1,r=!1){const s=b(n,e,t,r);if(typeof s!="function"&&(u.logger.error("parseFunction.error","not a function",n,e?.__self??e),r))throw new Error(`"${n.value}" not a function`);return s}function S(n){return n&&n.type==="JSExpression"}function I(n){return typeof n=="object"&&n&&n.type==="JSFunction"}function le(n){return S(n)||I(n)}function be(n){return le(n)?n.value:JSON.stringify(n)}let C=null;const Re=u.createRequest({settings:{type:"form",validSuccess:!0,originResponse:!1,loading:!0,validate:n=>n.data?.code===0||!!n.data?.success,failMessage:!0,showError:n=>{O.ElNotification.error({message:n||"未知错误"})},showLoading:()=>{C&&C.close(),C=O.ElLoading.service({lock:!0,text:"Loading",background:"rgba(0, 0, 0, 0.05)"})},hideLoading:()=>{C&&(C.close(),C=null)}}});function ue(n,e){const{jsonp:t,request:r}=e;if(n.method==="jsonp")return(s={})=>t(n.url,{...n.jsonpOptions,query:s});{const s=n.headers?b(n.headers,{},!0):void 0,o={url:n.url,method:n.method,settings:{...n.settings,headers:s}};return(a,i)=>r.send(u.merge(o,i||{},{data:a}))}}function de(n,e){const{metaQuery:t}=e;if(!t)return;const{code:r,queryCode:s}=n;return(o,a)=>{if(!t){console.warn("adapter.metaQuery is not defined!");return}return t(r,s,o,a)}}function fe(n=[],e=[],t){const r={};for(const s of n)r[s.id]=ue(s,t);for(const s of e)r[s.id]=de(s,t);return r}function pe(n=[]){x.setup({timeout:"50-500"}),W(),n.forEach(e=>me(e))}function me(n){if(!n.mock)return;const{url:e,mockTemplate:t}=n;if(e&&t){const r=u.pathToRegexp(`${e}(.*)`),s=u.pathToRegexpMatch(e,{decode:decodeURIComponent}),o=b(t,{},!0);x.mock(r,a=>{const i=u.url.parse(a.url)||{},l=a.body instanceof FormData?u.formDataToJson(a.body):a.body,c=s(a.url)?.params;return Object.assign(a,{data:l,params:i,query:c}),x.mock(o(a))})}}function W(){x._mocked={}}class he{__id=null;__mode;__instance=null;__contextRefs={};__refs={};context={};state={};props={};$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:r,attrs:s}=e;this.__mode=t,r&&(this.__id=r.id||null,this.__transform=r.transform||{}),s&&Object.assign(this,s)}setup(e,t=D){const r=t.getCurrentInstance();if(!r)return;this.__refs={},this.$refs={},this.context={},this.__contextRefs={},this.__instance=r.proxy;const s=r.appContext.config.globalProperties;Object.assign(this,s),Object.assign(this,e||{}),this.__proxy(),t.onMounted(()=>{this.__proxy()}),t.onUnmounted(()=>{this.__cleanup()}),t.onBeforeUpdate(()=>{this.__refs={},this.$refs={},this.__contextRefs={},this.context={}})}__proxy(){this.__instance&&U.forEach(e=>{this[e]=this.__instance?.[e]})}__cleanup(){U.forEach(e=>{this[e]=null})}__parseFunction(e){if(e)if(this.__mode===w.Runtime){const{id:t,type:r}=e,s=t?this.__transform[t]??e.value:e.value;return q({type:r,value:s},this)}else return q(e,this)}__parseExpression(e){if(e)if(this.__mode===w.Runtime){const{id:t,type:r}=e,s=t?this.__transform[t]??e.value:e.value;return b({type:r,value:s},this)}else return b(e,this)}__ref(e=null,t){if(this.__mode!==w.VNode)return e&&e!==this.__id&&(this.__contextRefs[e]=this),async r=>{await u.delay(0);let s=r?.$vtjEl||r?.$el||r?._?.vnode?.el||r;if(!s){typeof t=="string"&&(delete this.$refs[t],e&&delete this.__refs[e]);return}if(s.nodeType===3&&s.nextSibling&&(s=s.nextSibling),s.__vtj__=e,w.Design===this.__mode&&(s.__context__=this),e&&(this.__refs[e]=r),typeof t=="function")t(r);else if(t){const o=this.$refs[t];if(o){const a=new Set([].concat(o,r));this.$refs[t]=Array.from(a)}else this.$refs[t]=r}return r}}__clone(e={}){const t={...this.context,...e},r={...t,context:t};return r.context.__proto__=this.context,r.__proto__=this,r}}function T(n){const{Vue:e=D,mode:t=w.Runtime,components:r={},libs:s={},apis:o={},loader:a}=n,i=e.computed(()=>n.dsl),l={$components:r,$libs:s,$apis:o},c=new he({mode:t,dsl:i.value,attrs:l}),h=e.defineComponent({name:i.value.name,props:{...Ie(i.value.props??[],c)},setup(d){c.$props=d,c.props=d,i.value.id&&J(n.window||window,i.value.id,i.value.css||""),c.state=Me(e,i.value.state??{},c);const f=Oe(e,i.value.computed??{},c),p=xe(i.value.methods??{},c),g=Te(e,i.value.inject,c),v=ve(i.value.dataSources||{},c),y={...g,...f,...p,...v};return c.setup(y,e),He(e,i.value.watch??[],c),{vtj:c}},emits:Fe(i.value.emits),expose:["vtj"],render(){if(!i.value.nodes)return null;const d=i.value.nodes||[];return d.length===1?F(d[0],c,e,a):d.map(f=>F(f,c,e,a))},...De(i.value.lifeCycles??{},c)});return{renderer:e.markRaw(h),context:c}}function Fe(n=[]){return n.map(e=>u.isString(e)?e:e.name)}function Ie(n=[],e){const t=r=>r?(Array.isArray(r)?r:[r]).map(o=>ne[o]):void 0;return n.map(r=>u.isString(r)?{name:r}:{name:r.name,type:r.type,required:r.required,default:S(r.default)?e.__parseExpression(r.default):r.default}).reduce((r,s)=>(r[s.name]={type:t(s.type),required:s.required,default:s.default},r),{})}function Me(n,e,t){return n.reactive(Object.keys(e||{}).reduce((r,s)=>{let o=e[s];return S(o)?o=t.__parseExpression(o):I(o)&&(o=t.__parseFunction(o)),r[s]=o,r},{}))}function Oe(n,e,t){return Object.entries(e??{}).reduce((r,[s,o])=>(r[s]=n.computed(t.__parseFunction(o)),r),{})}function xe(n,e){return Object.entries(n??{}).reduce((t,[r,s])=>(t[r]=e.__parseFunction(s),t),{})}function Te(n,e=[],t){return e.reduce((r,s)=>{const{name:o,from:a}=s||{};s.default;const i=S(a)?t.__parseExpression(a)||o:a??o,l=S(s.default)?t.__parseExpression(s.default):s.default??null;return r[o]=n.inject(i,l),r},{})}function ve(n,e){return Object.keys(n).reduce((t,r)=>{const s=n[r],o=e.$apis[s.ref],a=I(s.transform)?s.transform.value?e.__parseFunction(s.transform):void 0:s.transform;return t[r]=async(...i)=>{const l=await o.apply(e,i);return a?a(l):l},t},{})}function He(n,e=[],t){e.forEach(r=>{n.watch(t.__parseExpression(r.source),t.__parseFunction(r.handler),{deep:r.deep,immediate:r.immediate})})}function De(n,e){return Object.entries(n??{}).reduce((t,[r,s])=>(t[r]=e.__parseFunction(s),t),{})}let N=[];const ge=n=>n;async function Y(n,e=window){const{urls:t=[],library:r}=n,s=t.filter(i=>k(i));if(s.length===0||!r)return null;const o=t.filter(i=>A(i)),a=await ae(s,r,e).catch(i=>(console.warn("loadScriptUrl error",s,r,i),null));return a?{component:a,css:o}:null}function H(n){const{getDsl:e,getDslByUrl:t,options:r}=n;return r.window&&(N.forEach(s=>{delete r.window[s]}),N=[]),(s,o,a=D)=>!o||typeof o=="string"?s:o.type==="Schema"&&o.id?a.defineAsyncComponent(async()=>{const i=await e(o.id);return i&&(i.name=s),i?T({...r,Vue:a,dsl:i,mode:w.Runtime,loader:H(n)}).renderer:null}):o.type==="UrlSchema"&&o.url?a.defineAsyncComponent(async()=>{const i=await t(o.url);return i&&(i.name=s),i?T({...r,Vue:a,dsl:i,mode:w.Runtime,loader:H(n)}).renderer:null}):o.type==="Plugin"?(o.library&&N.push(o.library),a.defineAsyncComponent(async()=>{const i=await Y(o,r.window);return i?(V(i.css,r.window),i.component):(console.warn("getPlugin result is null",o),null)})):s}function F(n,e,t=D,r=ge){if(!n||!n.name||n.invisible)return null;const{id:s=null,directives:o=[]}=n,{vIf:a,vFor:i,vShow:l,vModels:c,vBind:h}=Ae(o);if(a&&!ke(a,e))return null;const d=f=>{const p=f.$components,g=(()=>{if(n.name==="component")return Be(f,n.props?.is);if(n.name==="slot")return n.name;const E=r(n.name,n.from,t);return u.isString(E)?p[E]??E:E})(),v=Ne(s,n.props??{},f),y=Ue(t,n.events??{},f);if(n.name==="slot")return qe(t,n,v,f,r);h&&Object.assign(v,f.__parseExpression(h.value)),l&&(v.style=Object.assign(v.style??{},Je(l,f))),c.forEach(E=>{Object.assign(v,Ve(t,E,f))});const j=We(t,n.children??[],f,r,n);return t.createVNode(g,{...v,...y},j)};return i?Xe(i,d,e):d(e)}function Ae(n=[]){const e=n.find(i=>u.camelCase(i.name)==="vIf"),t=n.find(i=>u.camelCase(i.name)==="vFor"),r=n.find(i=>u.camelCase(i.name)==="vShow"),s=n.find(i=>u.camelCase(i.name)==="vBind"),o=n.filter(i=>u.camelCase(i.name)==="vModel"),a=n.filter(i=>!te.includes(u.camelCase(i.name)));return{vIf:e,vFor:t,vShow:r,vModels:o,vBind:s,others:a}}function ke(n,e){return!!e.__parseExpression(n.value)}function Be(n,e){return e?S(e)?n.__parseExpression(e):e:"div"}function Ne(n,e,t){const r=Object.keys(e||{}).reduce((s,o)=>{let a=e[o];return S(a)?a=t.__parseExpression(a):I(a)&&(a=t.__parseFunction(a)),s[o]=a,s},{});return r.ref=t.__ref(n,r.ref),r}function Ue(n,e,t){const r=["passive","capture","once"],s={capture:"Capture",once:"Once",passive:"OnceCapture"};return Object.keys(e||{}).reduce((o,a)=>{const i=e[a],l=K(i.modifiers),c=l.find(f=>r.includes(f)),h="on"+u.upperFirst(a)+(c&&s[c]||""),d=t.__parseFunction(i.handler);return d&&(o[h]=n.withModifiers(d,l)),o},{})}function K(n={},e=!1){const t=Object.keys(n);return e?t.map(r=>"."+r):t}function qe(n,e,t,r,s){const{children:o}=e,a=Le(e,r),i=r.$slots?.[a.name];return i?i(t):o?u.isString(o)?n.createTextVNode(o):S(o)?n.createTextVNode(L(r.__parseExpression(o))):Array.isArray(o)?o.map(l=>F(l,r,n,s)):null:null}function Le(n,e){const{props:t}=n,r=t?.name||"default";return{name:S(r)?e.__parseExpression(r):r,params:[]}}function Je(n,e){return e.__parseExpression(n.value)?{}:{display:"none"}}function Ve(n,e,t){const r={type:"JSFunction",value:e.value?.value?`(v) => {
         ${e.value.value} = v;
-      }`:"(v) => {}"},s=t.__parseFunction(r),o=K(e.modifiers),a=S(e.arg)?t.__parseExpression(e.arg):e.arg||"modelValue";return{[a]:t.__parseExpression(e.value),[`onUpdate:${a}`]:o.length&&s?n.withModifiers(s,o):s}}function We(n,e,t,r,s){if(!e)return null;if(u.isString(e))return{default:()=>e};if(S(e))return{default:()=>L(t.__parseExpression(e))};if(Array.isArray(e)&&e.length>0){const o=Ye(e),a=i=>!i||!s?{}:s?.id&&Object.keys(i).length?{[`scope_${s.id}`]:i}:{};return Object.entries(o).reduce((i,[l,{nodes:c,params:h}])=>(i[l]=f=>{const p=h.length?u.pick(f??{},h):a(f);return c.map(d=>F(d,t.__clone(p),n,r))},i),{})}return null}function Ye(n){const e={default:{params:[],nodes:[]}};for(const t of n){const r=Ke(t.slot),s=r.name;e[s]?(e[s].nodes.push(t),e[s].params=e[s].params.concat(r.params)):e[s]={nodes:[t],params:r.params}}return e}function Ke(n="default"){return u.isString(n)?{name:n,params:[]}:{params:[],...n}}function Xe(n,e,t){const{value:r,iterator:s}=n,{item:o="item",index:a="index"}=s||{};let i=t.__parseExpression(r)||[];return Number.isInteger(i)&&(i=new Array(i).fill(!0).map((l,c)=>c+1)),Array.isArray(i)?i.map((l,c)=>e(t.__clone({[o]:l,[a]:c}))):(console.warn("[vForRender]:",`${r?.value} is not a Arrary`),[])}function ze(n){return m.getCurrentScope()?(m.onScopeDispose(n),!0):!1}function X(n){return typeof n=="function"?n():m.unref(n)}const ye=typeof window<"u"&&typeof document<"u";typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const Ge=n=>n!=null,Qe=()=>{};function Ze(n){return m.getCurrentInstance()}function et(...n){if(n.length!==1)return m.toRef(...n);const e=n[0];return typeof e=="function"?m.readonly(m.customRef(()=>({get:e,set:Qe}))):m.ref(e)}function tt(n,e){Ze()&&m.onBeforeUnmount(n,e)}function nt(n){var e;const t=X(n);return(e=t?.$el)!=null?e:t}const rt=ye?window:void 0,st=ye?window.document:void 0;function ot(){const n=m.ref(!1),e=m.getCurrentInstance();return e&&m.onMounted(()=>{n.value=!0},e),n}function it(n){const e=ot();return m.computed(()=>(e.value,!!n()))}function at(n,e,t={}){const{window:r=rt,...s}=t;let o;const a=it(()=>r&&"MutationObserver"in r),i=()=>{o&&(o.disconnect(),o=void 0)},l=m.computed(()=>{const p=X(n),d=(Array.isArray(p)?p:[p]).map(nt).filter(Ge);return new Set(d)}),c=m.watch(()=>l.value,p=>{i(),a.value&&p.size&&(o=new MutationObserver(e),p.forEach(d=>o.observe(d,s)))},{immediate:!0,flush:"post"}),h=()=>o?.takeRecords(),f=()=>{i(),c()};return ze(f),{isSupported:a,stop:f,takeRecords:h}}function ct(n=null,e={}){var t,r,s;const{document:o=st,restoreOnUnmount:a=f=>f}=e,i=(t=o?.title)!=null?t:"",l=et((r=n??o?.title)!=null?r:null),c=n&&typeof n=="function";function h(f){if(!("titleTemplate"in e))return f;const p=e.titleTemplate||"%s";return typeof p=="function"?p(f):X(p).replace(/%s/g,f)}return m.watch(l,(f,p)=>{f!==p&&o&&(o.title=h(typeof f=="string"?f:""))},{immediate:!0}),e.observe&&!e.titleTemplate&&o&&!c&&at((s=o.head)==null?void 0:s.querySelector("title"),()=>{o&&o.title!==l.value&&(l.value=h(o.title))},{childList:!0}),tt(()=>{if(a){const f=a(i,l.value||"");f!=null&&o&&(o.title=f)}}),l}const Z=m.defineComponent({name:"VtjPageContainer",async setup(){const n=G(),e=ee.useRoute(),t=e.params.id,r=t?n.getPage(t):n.getHomepage(),s=r?await n.getRenderComponent(r.id):null;return r&&ct(r.title||"VTJ"),{provider:n,component:s,file:r,query:e.query}},render(){return this.component?m.h(this.component,this.query):m.h("div","页面不存在")}}),lt=m.defineComponent({name:"VtjStartupContainer",render(){return m.h(je.XStartup)}}),z=Symbol("Provider");class _e extends $.Base{constructor(e){super(),this.options=e;const{service:t,mode:r=w.Raw,dependencies:s,materials:o,project:a={},adapter:i={},globals:l={},modules:c={},router:h=null,materialPath:f="./",nodeEnv:p="development"}=e;this.mode=r,this.modules=c,this.service=t,this.router=h,this.materialPath=f,this.nodeEnv=p,s&&(this.dependencies=s),o&&(this.materials=o),Object.assign(this.globals,l),Object.assign(this.adapter,i),r!==w.Design&&this.load(a)}mode;globals={};modules={};adapter={request:Re,jsonp:u.jsonp};apis={};dependencies={};materials={};library={};service;project=null;components={};nodeEnv="development";router=null;materialPath="./";urlDslCaches={};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{apis:r=[],meta:s=[]}=this.project,o=window;o.CKEDITOR_VERSION=void 0,this.nodeEnv!=="production"&&await this.loadAssets(o),this.apis=pe(r,s,this.adapter),W(),this.project.config?.mock&&de(r),this.initRouter(),this.triggerReady()}async loadAssets(e){const{dependencies:t=[]}=this.project,{dependencies:r,library:s,components:o,materialPath:a}=this,{libraryExports:i,libraryMap:l,materials:c,materialExports:h,materialMapLibrary:f}=se(t,a);for(const d of i){const g=r[d],v=e[d];if(v)s[d]=v;else if(g)e[d]=s[d]=await g();else{const y=l[d]||[];for(const j of y)A(j)&&await ie(d,u.url.append(j,{v:P})),k(j)&&await u.loadScript(u.url.append(j,{v:P}));s[d]=e[d]}}for(const d of c)await u.loadScript(u.url.append(d,{v:P}));const p=this.materials||{};for(const d of h){const g=e[f[d]],v=$.BUILT_IN_COMPONENTS[d];if(v)g&&v.forEach(y=>{o[y]=g[y]});else{const y=p[d]?(await p[d]()).default:e[d];y&&g&&(y.components||[]).forEach(j=>{o[j.name]=oe(j,g)})}}}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:lt}))}install(e){const t=e.config.globalProperties.installed||{};for(const[r,s]of Object.entries(this.library))!t[r]&&ce(s)&&(e.use(s),t[r]=!0);this.options.install&&e.use(this.options.install),e.provide(z,this),e.config.globalProperties.installed=t}getFile(e){const{blocks:t=[]}=this.project||{};return this.getPage(e)||t.find(r=>r.id===e)||null}getPage(e){const{pages:t=[]}=this.project||{},r=(s,o=[])=>{for(const a of o){if(a.id===s)return a;if(a.children&&a.children.length){const i=r(s,a.children);if(i)return i}}};return r(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 getDslByUrl(e){const t=this.urlDslCaches[e];return t||(this.urlDslCaches[e]=this.adapter.request.send({url:e,method:"get",settings:{validSuccess:!1,originResponse:!0}}).then(r=>r.data).catch(()=>null))}createDslRenderer(e,t={}){const{library:r,components:s,mode:o,apis:a}=this,i={mode:o,Vue:r.Vue,components:s,libs:r,apis:a,window,...t},l=H({getDsl:async c=>await this.getDsl(c)||null,getDslByUrl:async c=>await this.getDslByUrl(c)||null,options:i});return T({...i,dsl:e,loader:l})}async getRenderComponent(e){const t=this.getFile(e);if(!t)return u.logger.warn(`Can not find file: ${e}`),null;const r=`.vtj/vue/${e}.vue`,s=this.modules[r];if(s)return(await s())?.default;const o=await this.getDsl(t.id);return o?this.createDslRenderer(o).renderer:(u.logger.warn(`Can not find dsl: ${e}`),null)}defineUrlSchemaComponent(e,t){return m.defineAsyncComponent(async()=>{const r=await this.getDslByUrl(e);return r?(r.name=t||r.name,this.createDslRenderer(r).renderer):null})}definePluginComponent(e){return m.defineAsyncComponent(async()=>{const t=await Y(e,window);return t?(V(t.css),t.component):null})}}function ut(n){const e=new _e(n);return{provider:e,onReady:r=>e.ready(r)}}function G(n={}){const e=m.inject(z);if(!e)throw new Error("Can not find provider");if(e.nodeEnv==="development"){const{id:t,version:r}=n;t&&r&&(async()=>{const s=await e.getDsl(t);s?.__VERSION__!==r&&O.ElNotification.warning({title:s?.name,message:"当前组件源码版本与运行时版本不一致，请重新发布组件"})})()}return e}const Q=new u.Request({settings:{type:"json",validSuccess:!0,originResponse:!1,failMessage:!0,validate:n=>n.data?.code===0,showError:n=>{O.ElNotification.error({message:n||"未知错误"})}}}),ft=(n="/vtj/local/repository/${type}.json")=>(e,t)=>Q.send({url:n,method:"post",query:{type:e},data:{type:e,data:t}}),pt=(n="/vtj/local/repository/uploader.json")=>async(e,t)=>await Q.send({url:n,method:"post",data:{files:e,projectId:t},settings:{type:"data"}}).then(r=>r&&r[0]?r[0]:null).catch(()=>null);class B{api;pluginCaches={};uploader;constructor(){this.api=ft(),this.uploader=pt()}async getExtension(){console.log("BaseService.getExtension")}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(()=>"")}async uploadStaticFile(e,t){return await this.uploader(e,t).catch(()=>null)}async getStaticFiles(e){return await this.api("getStaticFiles",e).catch(()=>[])}async removeStaticFile(e,t){return await this.api("removeStaticFile",{name:e,projectId:t}).catch(()=>"")}async clearStaticFiles(e){return await this.api("clearStaticFiles",e).catch(()=>"")}async getPluginMaterial(e){const{urls:t=[]}=e,r=t.filter(o=>re(o))[0];if(!r)return null;const s=this.pluginCaches[r];return s||(this.pluginCaches[r]=Q.send({url:r,method:"get",settings:{validSuccess:!1,originResponse:!0}}).then(o=>o.data).catch(()=>null))}}const _=new u.Storage({type:"local",expired:0,prefix:"__VTJ_"});class dt extends B{init(e){const t=new $.ProjectModel(e),r=_.get(`project_${t.id}`),s=Object.assign(t.toDsl(),r||{});return _.save(`project_${t.id}`,s),Promise.resolve(s)}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}`,u.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 s=(t.items||[]).map(o=>o.id);this.removeHistoryItem(e,s),_.remove(`history_${e}`)}return Promise.resolve(!0)}getHistory(e){const t=_.get(`history_${e}`),r=new $.HistoryModel(t||{id:e});return Promise.resolve(r.toDsl())}getHistoryItem(e,t){const r=_.get(`history_${e}_${t}`);return Promise.resolve(r)}saveHistoryItem(e,t){return _.save(`history_${e}_${t.id}`,t),Promise.resolve(!0)}removeHistoryItem(e,t){return t.forEach(r=>{_.remove(`history_${e}_${r}`)}),Promise.resolve(!0)}}class Se extends B{projects={};materials={};files={};histories={};historyItems={};init(e){const t=new $.ProjectModel(e),r=this.projects[t.id]||{},s=Object.assign(t.toDsl(),r);return this.projects[s.id]=s,Promise.resolve(s)}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]=u.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 s=(t.items||[]).map(o=>o.id);this.removeHistoryItem(e,s),delete this.historyItems[e]}return Promise.resolve(!0)}getHistory(e){const t=this.histories[e],r=new $.HistoryModel(t||{id:e});return Promise.resolve(r)}getHistoryItem(e,t){const r=`${e}_${t}`,s=this.historyItems[r]||{};return Promise.resolve(s)}saveHistoryItem(e,t){const r=`${e}_${t.id}`;return this.historyItems[r]=t,Promise.resolve(!0)}removeHistoryItem(e,t){return t.forEach(r=>{const s=`${e}_${r}`;delete this.historyItems[s]}),Promise.resolve(!0)}}let M=null;function mt(){return M||(M=new Se,M)}class ht extends B{getFileCaches={};async getExtension(){return await this.api("getExtension",{}).catch(()=>{})}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:u.mapToObject(t)}).catch(()=>!1)}async saveFile(e){return!!await this.api("saveFile",e).catch(()=>!1)}async getFile(e){const t=this.getFileCaches[e];return t||(this.getFileCaches[e]=this.api("getFile",e).catch(()=>null)).finally(()=>{delete this.getFileCaches[e]})}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 we(n=[]){return n.map(e=>{const{id:t,title:r,icon:s,children:o,hidden:a}=e;return{id:t,title:r,icon:s,hidden:a,url:`/page/${t}`,children:o&&o.length?we(o):void 0}})}function vt(){const n=G(),e=ee.useRoute(),t=m.ref(!1),r=n.project;m.watchEffect(()=>{const{name:a,params:i,meta:l}=e;if(a==="VtjPage"){const c=n.getPage(i.id);t.value=!c?.mask}else if(a==="VtjHomepage"){const c=n.getHomepage();t.value=!c?.mask}else t.value=!l.mask});const s=we(r?.pages),o=r?.config;return{disabled:t,logo:o?.logo,themeSwitchable:o?.themeSwitchable,title:o?.title||r?.description||r?.name||"VTJ App",menus:s}}exports.BUILT_IN_DIRECTIVES=te;exports.BaseService=B;exports.CONTEXT_HOST=U;exports.Context=he;exports.ContextMode=w;exports.DATA_TYPES=ne;exports.JSCodeToString=be;exports.LIFE_CYCLES_LIST=Ee;exports.LocalService=ht;exports.MemoryService=Se;exports.Provider=_e;exports.StorageService=dt;exports.VTJ_RENDERER_VERSION=P;exports.adoptedStyleSheets=J;exports.createAssetScripts=Ce;exports.createAssetsCss=Pe;exports.createDataSources=ve;exports.createLoader=H;exports.createMemoryService=mt;exports.createMetaApi=fe;exports.createProvider=ut;exports.createRenderer=T;exports.createSchemaApi=ue;exports.createSchemaApis=pe;exports.defaultLoader=ge;exports.fillBasePath=R;exports.getModifiers=K;exports.getPlugin=Y;exports.getRawComponent=oe;exports.isCSSUrl=A;exports.isJSCode=le;exports.isJSExpression=S;exports.isJSFunction=I;exports.isJSON=re;exports.isJSUrl=k;exports.isVuePlugin=ce;exports.loadCss=ie;exports.loadCssUrl=V;exports.loadScriptUrl=ae;exports.mockApi=me;exports.mockApis=de;exports.mockCleanup=W;exports.nodeRender=F;exports.parseDeps=se;exports.parseExpression=b;exports.parseFunction=q;exports.providerKey=z;exports.toString=L;exports.useMask=vt;exports.useProvider=G;
+      }`:"(v) => {}"},s=t.__parseFunction(r),o=K(e.modifiers),a=S(e.arg)?t.__parseExpression(e.arg):e.arg||"modelValue";return{[a]:t.__parseExpression(e.value),[`onUpdate:${a}`]:o.length&&s?n.withModifiers(s,o):s}}function We(n,e,t,r,s){if(!e)return null;if(u.isString(e))return{default:()=>e};if(S(e))return{default:()=>L(t.__parseExpression(e))};if(Array.isArray(e)&&e.length>0){const o=Ye(e),a=i=>!i||!s?{}:s?.id&&Object.keys(i).length?{[`scope_${s.id}`]:i}:{};return Object.entries(o).reduce((i,[l,{nodes:c,params:h}])=>(i[l]=d=>{const f=h.length?u.pick(d??{},h):a(d);return c.map(p=>F(p,t.__clone(f),n,r))},i),{})}return null}function Ye(n){const e={default:{params:[],nodes:[]}};for(const t of n){const r=Ke(t.slot),s=r.name;e[s]?(e[s].nodes.push(t),e[s].params=e[s].params.concat(r.params)):e[s]={nodes:[t],params:r.params}}return e}function Ke(n="default"){return u.isString(n)?{name:n,params:[]}:{params:[],...n}}function Xe(n,e,t){const{value:r,iterator:s}=n,{item:o="item",index:a="index"}=s||{};let i=t.__parseExpression(r)||[];return Number.isInteger(i)&&(i=new Array(i).fill(!0).map((l,c)=>c+1)),Array.isArray(i)?i.map((l,c)=>e(t.__clone({[o]:l,[a]:c}))):(console.warn("[vForRender]:",`${r?.value} is not a Arrary`),[])}function ze(n){return m.getCurrentScope()?(m.onScopeDispose(n),!0):!1}function X(n){return typeof n=="function"?n():m.unref(n)}const ye=typeof window<"u"&&typeof document<"u";typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const Ge=n=>n!=null,Qe=()=>{};function Ze(n){return m.getCurrentInstance()}function et(...n){if(n.length!==1)return m.toRef(...n);const e=n[0];return typeof e=="function"?m.readonly(m.customRef(()=>({get:e,set:Qe}))):m.ref(e)}function tt(n,e){Ze()&&m.onBeforeUnmount(n,e)}function nt(n){var e;const t=X(n);return(e=t?.$el)!=null?e:t}const rt=ye?window:void 0,st=ye?window.document:void 0;function ot(){const n=m.ref(!1),e=m.getCurrentInstance();return e&&m.onMounted(()=>{n.value=!0},e),n}function it(n){const e=ot();return m.computed(()=>(e.value,!!n()))}function at(n,e,t={}){const{window:r=rt,...s}=t;let o;const a=it(()=>r&&"MutationObserver"in r),i=()=>{o&&(o.disconnect(),o=void 0)},l=m.computed(()=>{const f=X(n),p=(Array.isArray(f)?f:[f]).map(nt).filter(Ge);return new Set(p)}),c=m.watch(()=>l.value,f=>{i(),a.value&&f.size&&(o=new MutationObserver(e),f.forEach(p=>o.observe(p,s)))},{immediate:!0,flush:"post"}),h=()=>o?.takeRecords(),d=()=>{i(),c()};return ze(d),{isSupported:a,stop:d,takeRecords:h}}function ct(n=null,e={}){var t,r,s;const{document:o=st,restoreOnUnmount:a=d=>d}=e,i=(t=o?.title)!=null?t:"",l=et((r=n??o?.title)!=null?r:null),c=n&&typeof n=="function";function h(d){if(!("titleTemplate"in e))return d;const f=e.titleTemplate||"%s";return typeof f=="function"?f(d):X(f).replace(/%s/g,d)}return m.watch(l,(d,f)=>{d!==f&&o&&(o.title=h(typeof d=="string"?d:""))},{immediate:!0}),e.observe&&!e.titleTemplate&&o&&!c&&at((s=o.head)==null?void 0:s.querySelector("title"),()=>{o&&o.title!==l.value&&(l.value=h(o.title))},{childList:!0}),tt(()=>{if(a){const d=a(i,l.value||"");d!=null&&o&&(o.title=d)}}),l}const Z=m.defineComponent({name:"VtjPageContainer",async setup(){const n=G(),e=ee.useRoute(),t=e.params.id,r=t?n.getPage(t):n.getHomepage(),s=r?await n.getRenderComponent(r.id):null;return r&&ct(r.title||"VTJ"),{provider:n,component:s,file:r,query:e.query}},render(){return this.component?m.h(this.component,this.query):m.h("div","页面不存在")}}),lt=m.defineComponent({name:"VtjStartupContainer",render(){return m.h(je.XStartup)}}),z=Symbol("Provider");class _e extends $.Base{constructor(e){super(),this.options=e;const{service:t,mode:r=w.Raw,dependencies:s,materials:o,project:a={},adapter:i={},globals:l={},modules:c={},router:h=null,materialPath:d="./",nodeEnv:f="development"}=e;this.mode=r,this.modules=c,this.service=t,this.router=h,this.materialPath=d,this.nodeEnv=f,s&&(this.dependencies=s),o&&(this.materials=o),Object.assign(this.globals,l),Object.assign(this.adapter,i),r!==w.Design&&this.load(a)}mode;globals={};modules={};adapter={request:Re,jsonp:u.jsonp};apis={};dependencies={};materials={};library={};service;project=null;components={};nodeEnv="development";router=null;materialPath="./";urlDslCaches={};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{apis:r=[],meta:s=[]}=this.project,o=window;o.CKEDITOR_VERSION=void 0,this.nodeEnv!=="production"&&await this.loadAssets(o),this.apis=fe(r,s,this.adapter),W(),this.project.config?.mock&&pe(r),this.initRouter(),this.triggerReady()}async loadAssets(e){const{dependencies:t=[]}=this.project,{dependencies:r,library:s,components:o,materialPath:a}=this,{libraryExports:i,libraryMap:l,materials:c,materialExports:h,materialMapLibrary:d}=se(t,a);for(const p of i){const g=r[p],v=e[p];if(v)s[p]=v;else if(g)e[p]=s[p]=await g();else{const y=l[p]||[];for(const j of y)A(j)&&await ie(p,u.url.append(j,{v:P})),k(j)&&await u.loadScript(u.url.append(j,{v:P}));s[p]=e[p]}}for(const p of c)await u.loadScript(u.url.append(p,{v:P}));const f=this.materials||{};for(const p of h){const g=e[d[p]],v=$.BUILT_IN_COMPONENTS[p];if(v)g&&v.forEach(y=>{o[y]=g[y]});else{const y=f[p]?(await f[p]()).default:e[p];y&&g&&(y.components||[]).forEach(j=>{o[j.name]=oe(j,g)})}}}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:lt}))}install(e){const t=e.config.globalProperties.installed||{};for(const[r,s]of Object.entries(this.library))!t[r]&&ce(s)&&(e.use(s),t[r]=!0);this.options.install&&e.use(this.options.install),e.provide(z,this),e.config.globalProperties.installed=t}getFile(e){const{blocks:t=[]}=this.project||{};return this.getPage(e)||t.find(r=>r.id===e)||null}getPage(e){const{pages:t=[]}=this.project||{},r=(s,o=[])=>{for(const a of o){if(a.id===s)return a;if(a.children&&a.children.length){const i=r(s,a.children);if(i)return i}}};return r(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 getDslByUrl(e){const t=this.urlDslCaches[e];return t||(this.urlDslCaches[e]=this.adapter.request.send({url:e,method:"get",settings:{validSuccess:!1,originResponse:!0}}).then(r=>r.data).catch(()=>null))}createDslRenderer(e,t={}){const{library:r,components:s,mode:o,apis:a}=this,i={mode:o,Vue:r.Vue,components:s,libs:r,apis:a,window,...t},l=H({getDsl:async c=>await this.getDsl(c)||null,getDslByUrl:async c=>await this.getDslByUrl(c)||null,options:i});return T({...i,dsl:e,loader:l})}async getRenderComponent(e){const t=this.getFile(e);if(!t)return u.logger.warn(`Can not find file: ${e}`),null;const r=`.vtj/vue/${e}.vue`,s=this.modules[r];if(s)return(await s())?.default;const o=await this.getDsl(t.id);return o?this.createDslRenderer(o).renderer:(u.logger.warn(`Can not find dsl: ${e}`),null)}defineUrlSchemaComponent(e,t){return m.defineAsyncComponent(async()=>{const r=await this.getDslByUrl(e);return r?(r.name=t||r.name,this.createDslRenderer(r).renderer):null})}definePluginComponent(e){return m.defineAsyncComponent(async()=>{const t=await Y(e,window);return t?(V(t.css),t.component):null})}}function ut(n){const e=new _e(n);return{provider:e,onReady:r=>e.ready(r)}}function G(n={}){const e=m.inject(z);if(!e)throw new Error("Can not find provider");if(e.nodeEnv==="development"){const{id:t,version:r}=n;t&&r&&(async()=>{const s=await e.getDsl(t);s?.__VERSION__!==r&&O.ElNotification.warning({title:s?.name,message:"当前组件源码版本与运行时版本不一致，请重新发布组件"})})()}return e}const Q=new u.Request({settings:{type:"json",validSuccess:!0,originResponse:!1,failMessage:!0,validate:n=>n.data?.code===0,showError:n=>{O.ElNotification.error({message:n||"未知错误"})}}}),dt=(n="/vtj/local/repository/${type}.json")=>(e,t)=>Q.send({url:n,method:"post",query:{type:e},data:{type:e,data:t}}),ft=(n="/vtj/local/repository/uploader.json")=>async(e,t)=>await Q.send({url:n,method:"post",data:{files:e,projectId:t},settings:{type:"data"}}).then(r=>r&&r[0]?r[0]:null).catch(()=>null);class B{api;pluginCaches={};uploader;constructor(){this.api=dt(),this.uploader=ft()}async getExtension(){console.log("BaseService.getExtension")}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(()=>"")}async uploadStaticFile(e,t){return await this.uploader(e,t).catch(()=>null)}async getStaticFiles(e){return await this.api("getStaticFiles",e).catch(()=>[])}async removeStaticFile(e,t){return await this.api("removeStaticFile",{name:e,projectId:t}).catch(()=>"")}async clearStaticFiles(e){return await this.api("clearStaticFiles",e).catch(()=>"")}async getPluginMaterial(e){const{urls:t=[]}=e,r=t.filter(o=>re(o))[0];if(!r)return null;const s=this.pluginCaches[r];return s||(this.pluginCaches[r]=Q.send({url:r,method:"get",settings:{validSuccess:!1,originResponse:!0}}).then(o=>o.data).catch(()=>null))}}const _=new u.Storage({type:"local",expired:0,prefix:"__VTJ_"});class pt extends B{init(e){const t=new $.ProjectModel(e),r=_.get(`project_${t.id}`),s=Object.assign(t.toDsl(),r||{});return _.save(`project_${t.id}`,s),Promise.resolve(s)}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}`,u.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 s=(t.items||[]).map(o=>o.id);this.removeHistoryItem(e,s),_.remove(`history_${e}`)}return Promise.resolve(!0)}getHistory(e){const t=_.get(`history_${e}`),r=new $.HistoryModel(t||{id:e});return Promise.resolve(r.toDsl())}getHistoryItem(e,t){const r=_.get(`history_${e}_${t}`);return Promise.resolve(r)}saveHistoryItem(e,t){return _.save(`history_${e}_${t.id}`,t),Promise.resolve(!0)}removeHistoryItem(e,t){return t.forEach(r=>{_.remove(`history_${e}_${r}`)}),Promise.resolve(!0)}}class Se extends B{projects={};materials={};files={};histories={};historyItems={};init(e){const t=new $.ProjectModel(e),r=this.projects[t.id]||{},s=Object.assign(t.toDsl(),r);return this.projects[s.id]=s,Promise.resolve(s)}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]=u.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 s=(t.items||[]).map(o=>o.id);this.removeHistoryItem(e,s),delete this.historyItems[e]}return Promise.resolve(!0)}getHistory(e){const t=this.histories[e],r=new $.HistoryModel(t||{id:e});return Promise.resolve(r)}getHistoryItem(e,t){const r=`${e}_${t}`,s=this.historyItems[r]||{};return Promise.resolve(s)}saveHistoryItem(e,t){const r=`${e}_${t.id}`;return this.historyItems[r]=t,Promise.resolve(!0)}removeHistoryItem(e,t){return t.forEach(r=>{const s=`${e}_${r}`;delete this.historyItems[s]}),Promise.resolve(!0)}}let M=null;function mt(){return M||(M=new Se,M)}class ht extends B{getFileCaches={};async getExtension(){return await this.api("getExtension",{}).catch(()=>{})}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:u.mapToObject(t)}).catch(()=>!1)}async saveFile(e){return!!await this.api("saveFile",e).catch(()=>!1)}async getFile(e){const t=this.getFileCaches[e];return t||(this.getFileCaches[e]=this.api("getFile",e).catch(()=>null)).finally(()=>{delete this.getFileCaches[e]})}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 we(n=[]){return n.map(e=>{const{id:t,title:r,icon:s,children:o,hidden:a}=e;return{id:t,title:r,icon:s,hidden:a,url:`/page/${t}`,children:o&&o.length?we(o):void 0}})}function vt(){const n=G(),e=ee.useRoute(),t=m.ref(!1),r=n.project;m.watchEffect(()=>{const{name:a,params:i,meta:l}=e;if(a==="VtjPage"){const c=n.getPage(i.id);t.value=!c?.mask}else if(a==="VtjHomepage"){const c=n.getHomepage();t.value=!c?.mask}else t.value=!l.mask});const s=we(r?.pages),o=r?.config;return{disabled:t,logo:o?.logo,themeSwitchable:o?.themeSwitchable,title:o?.title||r?.description||r?.name||"VTJ App",menus:s}}exports.BUILT_IN_DIRECTIVES=te;exports.BaseService=B;exports.CONTEXT_HOST=U;exports.Context=he;exports.ContextMode=w;exports.DATA_TYPES=ne;exports.JSCodeToString=be;exports.LIFE_CYCLES_LIST=Ee;exports.LocalService=ht;exports.MemoryService=Se;exports.Provider=_e;exports.StorageService=pt;exports.VTJ_RENDERER_VERSION=P;exports.adoptedStyleSheets=J;exports.createAssetScripts=Ce;exports.createAssetsCss=Pe;exports.createDataSources=ve;exports.createLoader=H;exports.createMemoryService=mt;exports.createMetaApi=de;exports.createProvider=ut;exports.createRenderer=T;exports.createSchemaApi=ue;exports.createSchemaApis=fe;exports.defaultLoader=ge;exports.fillBasePath=R;exports.getModifiers=K;exports.getPlugin=Y;exports.getRawComponent=oe;exports.isCSSUrl=A;exports.isJSCode=le;exports.isJSExpression=S;exports.isJSFunction=I;exports.isJSON=re;exports.isJSUrl=k;exports.isVuePlugin=ce;exports.loadCss=ie;exports.loadCssUrl=V;exports.loadScriptUrl=ae;exports.mockApi=me;exports.mockApis=pe;exports.mockCleanup=W;exports.nodeRender=F;exports.parseDeps=se;exports.parseExpression=b;exports.parseFunction=q;exports.providerKey=z;exports.toString=L;exports.useMask=vt;exports.useProvider=G;

package/dist/index.mjs

@@ -1,19 +1,19 @@
 import { Base as ve, BUILT_IN_COMPONENTS as ye, ProjectModel as I, HistoryModel as ee } from "@vtj/core";
-import { isUrl as ge, url as b, dedupArray as _e, isString as S, isFunction as K, logger as x, createRequest as we, merge as Se, pathToRegexp as $e, pathToRegexpMatch as je, formDataToJson as Ee, camelCase as j, upperFirst as be, pick as Pe, jsonp as Ce, loadScript as Q, Request as Re, Storage as Fe, mapToObject as U } from "@vtj/utils";
+import { isUrl as ge, url as b, dedupArray as _e, isString as S, isFunction as K, logger as x, createRequest as we, merge as Se, pathToRegexp as $e, pathToRegexpMatch as je, formDataToJson as Ee, delay as be, camelCase as j, upperFirst as Pe, pick as Ce, jsonp as Re, loadScript as Q, Request as Fe, Storage as Ie, mapToObject as U } from "@vtj/utils";
 import * as O from "vue";
-import { toRef as Ie, readonly as xe, customRef as He, ref as N, onBeforeUnmount as Me, getCurrentScope as Oe, onScopeDispose as De, unref as ke, getCurrentInstance as te, watch as ne, computed as re, onMounted as Te, defineComponent as se, h as T, inject as Ae, defineAsyncComponent as X, watchEffect as Be } from "vue";
+import { toRef as xe, readonly as He, customRef as Me, ref as N, onBeforeUnmount as Oe, getCurrentScope as De, onScopeDispose as ke, unref as Te, getCurrentInstance as te, watch as ne, computed as re, onMounted as Ae, defineComponent as se, h as T, inject as Be, defineAsyncComponent as X, watchEffect as Ue } from "vue";
 import { useRoute as oe } from "vue-router";
-import { ElNotification as q, ElLoading as Ue } from "element-plus";
+import { ElNotification as q, ElLoading as Ne } from "element-plus";
 import H from "mockjs";
-import { XStartup as Ne } from "@vtj/ui";
+import { XStartup as qe } from "@vtj/ui";
 /**!
  * Copyright (c) 2024, VTJ.PRO All rights reserved.
  * @name @vtj/renderer 
  * @author CHC chenhuachun1549@dingtalk.com 
- * @version 0.8.61
+ * @version 0.8.63
  * @license <a href="https://vtj.pro/license.html">MIT License</a>
  */
-const P = "0.8.61";
+const P = "0.8.63";
 var _ = /* @__PURE__ */ ((n) => (n.Runtime = "Runtime", n.Design = "Design", n.Raw = "Raw", n.VNode = "VNode", n))(_ || {});
 const Y = [
   "$el",
@@ -27,7 +27,7 @@ const Y = [
   "$props",
   "$options",
   "$forceUpdate"
-], zt = [
+], Zt = [
   "beforeCreate",
   "created",
   "beforeMount",
@@ -41,7 +41,7 @@ const Y = [
   "renderTriggered",
   "activated",
   "deactivated"
-], qe = ["vIf", "vShow", "vModel", "vFor", "vBind"], Je = {
+], Je = ["vIf", "vShow", "vModel", "vFor", "vBind"], Le = {
   String,
   Number,
   Boolean,
@@ -59,20 +59,20 @@ function J(n) {
 function L(n) {
   return /\.js$/.test(n);
 }
-function Le(n) {
+function Ve(n) {
   return /\.json$/.test(n);
 }
-function Zt(n) {
+function en(n) {
   return n.map(
     (e) => `<script src="${b.append(e, { v: P })}"><\/script>`
   ).join("");
 }
-function en(n = []) {
+function tn(n = []) {
   return n.map(
     (e) => `<link rel="stylesheet" href="${b.append(e, { v: P })}" />`
   ).join("");
 }
-function Ve(n, e) {
+function We(n, e) {
   const t = n.filter((u) => !!u.enabled), r = [], s = [], o = [], a = [], i = {}, l = {}, c = [], d = {};
   return t.forEach(
     ({ urls: u, assetsUrl: f, library: p, assetsLibrary: h, localeLibrary: m }) => {
@@ -91,7 +91,7 @@ function Ve(n, e) {
     libraryLocaleMap: l
   };
 }
-function We(n, e) {
+function Ge(n, e) {
   const { name: t, parent: r, alias: s } = n;
   return r ? e[r]?.[s || t] : e[s || t];
 }
@@ -113,7 +113,7 @@ function ae(n, e, t) {
     o ? o.innerHTML = t : (o = s.createElement("style"), o.id = e, o.innerHTML = t, s.head.appendChild(o));
   }
 }
-async function Ge(n, e) {
+async function Ke(n, e) {
   const t = await window.fetch(e).then((r) => r.text()).catch(() => "");
   t && ae(window, n, t);
 }
@@ -125,7 +125,7 @@ function ce(n, e = window) {
       a.rel = "stylesheet", a.id = s, a.href = s, r.appendChild(a);
     }
 }
-async function Ke(n, e, t = window) {
+async function Qe(n, e, t = window) {
   const r = t.document, s = t.document.head;
   let o = t[e];
   return o ? o.default || o : new Promise((a, i) => {
@@ -139,7 +139,7 @@ async function Ke(n, e, t = window) {
     }
   });
 }
-function Qe(n) {
+function Xe(n) {
   return K(n) || K(n?.install);
 }
 function C(n, e, t = !1, r = !1) {
@@ -173,14 +173,14 @@ function g(n) {
 function D(n) {
   return typeof n == "object" && n && n.type === "JSFunction";
 }
-function Xe(n) {
+function Ye(n) {
   return g(n) || D(n);
 }
-function tn(n) {
-  return Xe(n) ? n.value : JSON.stringify(n);
+function nn(n) {
+  return Ye(n) ? n.value : JSON.stringify(n);
 }
 let E = null;
-const Ye = we({
+const ze = we({
   settings: {
     type: "form",
     validSuccess: !0,
@@ -194,7 +194,7 @@ const Ye = we({
       });
     },
     showLoading: () => {
-      E && E.close(), E = Ue.service({
+      E && E.close(), E = Ne.service({
         lock: !0,
         text: "Loading",
         background: "rgba(0, 0, 0, 0.05)"
@@ -205,7 +205,7 @@ const Ye = we({
     }
   }
 });
-function ze(n, e) {
+function Ze(n, e) {
   const { jsonp: t, request: r } = e;
   if (n.method === "jsonp")
     return (s = {}) => t(n.url, {
@@ -224,10 +224,9 @@ function ze(n, e) {
     return (a, i) => r.send(Se(o, i || {}, { data: a }));
   }
 }
-function Ze(n, e) {
+function et(n, e) {
   const { metaQuery: t } = e;
-  if (!t)
-    return;
+  if (!t) return;
   const { code: r, queryCode: s } = n;
   return (o, a) => {
     if (!t) {
@@ -237,22 +236,21 @@ function Ze(n, e) {
     return t(r, s, o, a);
   };
 }
-function et(n = [], e = [], t) {
+function tt(n = [], e = [], t) {
   const r = {};
   for (const s of n)
-    r[s.id] = ze(s, t);
-  for (const s of e)
     r[s.id] = Ze(s, t);
+  for (const s of e)
+    r[s.id] = et(s, t);
   return r;
 }
-function tt(n = []) {
+function nt(n = []) {
   H.setup({
     timeout: "50-500"
-  }), le(), n.forEach((e) => nt(e));
+  }), le(), n.forEach((e) => rt(e));
 }
-function nt(n) {
-  if (!n.mock)
-    return;
+function rt(n) {
+  if (!n.mock) return;
   const { url: e, mockTemplate: t } = n;
   if (e && t) {
     const r = $e(`${e}(.*)`), s = je(e, { decode: decodeURIComponent }), o = C(t, {}, !0);
@@ -265,7 +263,7 @@ function nt(n) {
 function le() {
   H._mocked = {};
 }
-class rt {
+class st {
   __id = null;
   __mode;
   __instance = null;
@@ -296,8 +294,7 @@ class rt {
   }
   setup(e, t = O) {
     const r = t.getCurrentInstance();
-    if (!r)
-      return;
+    if (!r) return;
     this.__refs = {}, this.$refs = {}, this.context = {}, this.__contextRefs = {}, this.__instance = r.proxy;
     const s = r.appContext.config.globalProperties;
     Object.assign(this, s), Object.assign(this, e || {}), this.__proxy(), t.onMounted(() => {
@@ -336,8 +333,9 @@ class rt {
   }
   __ref(e = null, t) {
     if (this.__mode !== _.VNode)
-      return e && e !== this.__id && (this.__contextRefs[e] = this), (r) => {
-        let s = r?.$vtjEl || r?.$el || r;
+      return e && e !== this.__id && (this.__contextRefs[e] = this), async (r) => {
+        await be(0);
+        let s = r?.$vtjEl || r?.$el || r?._?.vnode?.el || r;
         if (!s) {
           typeof t == "string" && (delete this.$refs[t], e && delete this.__refs[e]);
           return;
@@ -375,22 +373,22 @@ function A(n) {
     $components: r,
     $libs: s,
     $apis: o
-  }, c = new rt({
+  }, c = new st({
     mode: t,
     dsl: i.value,
     attrs: l
   }), d = e.defineComponent({
     name: i.value.name,
     props: {
-      ...ot(i.value.props ?? [], c)
+      ...it(i.value.props ?? [], c)
     },
     setup(u) {
       c.$props = u, c.props = u, i.value.id && ae(
         n.window || window,
         i.value.id,
         i.value.css || ""
-      ), c.state = it(e, i.value.state ?? {}, c);
-      const f = at(e, i.value.computed ?? {}, c), p = ct(i.value.methods ?? {}, c), h = lt(e, i.value.inject, c), m = ut(
+      ), c.state = at(e, i.value.state ?? {}, c);
+      const f = ct(e, i.value.computed ?? {}, c), p = lt(i.value.methods ?? {}, c), h = ut(e, i.value.inject, c), m = ft(
         i.value.dataSources || {},
         c
       ), v = {
@@ -399,30 +397,29 @@ function A(n) {
         ...p,
         ...m
       };
-      return c.setup(v, e), ft(e, i.value.watch ?? [], c), {
+      return c.setup(v, e), pt(e, i.value.watch ?? [], c), {
         vtj: c
       };
     },
-    emits: st(i.value.emits),
+    emits: ot(i.value.emits),
     expose: ["vtj"],
     render() {
-      if (!i.value.nodes)
-        return null;
+      if (!i.value.nodes) return null;
       const u = i.value.nodes || [];
       return u.length === 1 ? M(u[0], c, e, a) : u.map((f) => M(f, c, e, a));
     },
-    ...pt(i.value.lifeCycles ?? {}, c)
+    ...dt(i.value.lifeCycles ?? {}, c)
   });
   return {
     renderer: e.markRaw(d),
     context: c
   };
 }
-function st(n = []) {
+function ot(n = []) {
   return n.map((e) => S(e) ? e : e.name);
 }
-function ot(n = [], e) {
-  const t = (r) => r ? (Array.isArray(r) ? r : [r]).map((o) => Je[o]) : void 0;
+function it(n = [], e) {
+  const t = (r) => r ? (Array.isArray(r) ? r : [r]).map((o) => Le[o]) : void 0;
   return n.map((r) => S(r) ? {
     name: r
   } : {
@@ -439,7 +436,7 @@ function ot(n = [], e) {
     {}
   );
 }
-function it(n, e, t) {
+function at(n, e, t) {
   return n.reactive(
     Object.keys(e || {}).reduce(
       (r, s) => {
@@ -450,19 +447,19 @@ function it(n, e, t) {
     )
   );
 }
-function at(n, e, t) {
+function ct(n, e, t) {
   return Object.entries(e ?? {}).reduce(
     (r, [s, o]) => (r[s] = n.computed(t.__parseFunction(o)), r),
     {}
   );
 }
-function ct(n, e) {
+function lt(n, e) {
   return Object.entries(n ?? {}).reduce(
     (t, [r, s]) => (t[r] = e.__parseFunction(s), t),
     {}
   );
 }
-function lt(n, e = [], t) {
+function ut(n, e = [], t) {
   return e.reduce(
     (r, s) => {
       const { name: o, from: a } = s || {};
@@ -473,7 +470,7 @@ function lt(n, e = [], t) {
     {}
   );
 }
-function ut(n, e) {
+function ft(n, e) {
   return Object.keys(n).reduce(
     (t, r) => {
       const s = n[r], o = e.$apis[s.ref], a = D(s.transform) ? s.transform.value ? e.__parseFunction(s.transform) : void 0 : s.transform;
@@ -485,7 +482,7 @@ function ut(n, e) {
     {}
   );
 }
-function ft(n, e = [], t) {
+function pt(n, e = [], t) {
   e.forEach((r) => {
     n.watch(
       t.__parseExpression(r.source),
@@ -497,19 +494,18 @@ function ft(n, e = [], t) {
     );
   });
 }
-function pt(n, e) {
+function dt(n, e) {
   return Object.entries(n ?? {}).reduce(
     (t, [r, s]) => (t[r] = e.__parseFunction(s), t),
     {}
   );
 }
 let k = [];
-const dt = (n) => n;
+const mt = (n) => n;
 async function ue(n, e = window) {
   const { urls: t = [], library: r } = n, s = t.filter((i) => L(i));
-  if (s.length === 0 || !r)
-    return null;
-  const o = t.filter((i) => J(i)), a = await Ke(s, r, e).catch(
+  if (s.length === 0 || !r) return null;
+  const o = t.filter((i) => J(i)), a = await Qe(s, r, e).catch(
     (i) => (console.warn("loadScriptUrl error", s, r, i), null)
   );
   return a ? {
@@ -544,30 +540,28 @@ function B(n) {
     return i ? (ce(i.css, r.window), i.component) : (console.warn("getPlugin result is null", o), null);
   })) : s;
 }
-function M(n, e, t = O, r = dt) {
-  if (!n || !n.name || n.invisible)
-    return null;
-  const { id: s = null, directives: o = [] } = n, { vIf: a, vFor: i, vShow: l, vModels: c, vBind: d } = mt(o);
-  if (a && !ht(a, e))
+function M(n, e, t = O, r = mt) {
+  if (!n || !n.name || n.invisible) return null;
+  const { id: s = null, directives: o = [] } = n, { vIf: a, vFor: i, vShow: l, vModels: c, vBind: d } = ht(o);
+  if (a && !vt(a, e))
     return null;
   const u = (f) => {
     const p = f.$components, h = (() => {
       if (n.name === "component")
-        return vt(f, n.props?.is);
-      if (n.name === "slot")
-        return n.name;
+        return yt(f, n.props?.is);
+      if (n.name === "slot") return n.name;
       const $ = r(n.name, n.from, t);
       return S($) ? p[$] ?? $ : $;
-    })(), m = yt(s, n.props ?? {}, f), v = gt(t, n.events ?? {}, f);
+    })(), m = gt(s, n.props ?? {}, f), v = _t(t, n.events ?? {}, f);
     if (n.name === "slot")
-      return _t(t, n, m, f, r);
+      return wt(t, n, m, f, r);
     d && Object.assign(m, f.__parseExpression(d.value)), l && (m.style = Object.assign(
       m.style ?? {},
-      St(l, f)
+      $t(l, f)
     )), c.forEach(($) => {
-      Object.assign(m, $t(t, $, f));
+      Object.assign(m, jt(t, $, f));
     });
-    const w = jt(
+    const w = Et(
       t,
       n.children ?? [],
       f,
@@ -576,11 +570,11 @@ function M(n, e, t = O, r = dt) {
     );
     return t.createVNode(h, { ...m, ...v }, w);
   };
-  return i ? Pt(i, u, e) : u(e);
+  return i ? Ct(i, u, e) : u(e);
 }
-function mt(n = []) {
+function ht(n = []) {
   const e = n.find((i) => j(i.name) === "vIf"), t = n.find((i) => j(i.name) === "vFor"), r = n.find((i) => j(i.name) === "vShow"), s = n.find((i) => j(i.name) === "vBind"), o = n.filter((i) => j(i.name) === "vModel"), a = n.filter(
-    (i) => !qe.includes(j(i.name))
+    (i) => !Je.includes(j(i.name))
   );
   return {
     vIf: e,
@@ -591,13 +585,13 @@ function mt(n = []) {
     others: a
   };
 }
-function ht(n, e) {
+function vt(n, e) {
   return !!e.__parseExpression(n.value);
 }
-function vt(n, e) {
+function yt(n, e) {
   return e ? g(e) ? n.__parseExpression(e) : e : "div";
 }
-function yt(n, e, t) {
+function gt(n, e, t) {
   const r = Object.keys(e || {}).reduce(
     (s, o) => {
       let a = e[o];
@@ -607,7 +601,7 @@ function yt(n, e, t) {
   );
   return r.ref = t.__ref(n, r.ref), r;
 }
-function gt(n, e, t) {
+function _t(n, e, t) {
   const r = ["passive", "capture", "once"], s = {
     capture: "Capture",
     once: "Once",
@@ -615,7 +609,7 @@ function gt(n, e, t) {
   };
   return Object.keys(e || {}).reduce(
     (o, a) => {
-      const i = e[a], l = fe(i.modifiers), c = l.find((f) => r.includes(f)), d = "on" + be(a) + (c && s[c] || ""), u = t.__parseFunction(i.handler);
+      const i = e[a], l = fe(i.modifiers), c = l.find((f) => r.includes(f)), d = "on" + Pe(a) + (c && s[c] || ""), u = t.__parseFunction(i.handler);
       return u && (o[d] = n.withModifiers(u, l)), o;
     },
     {}
@@ -625,27 +619,27 @@ function fe(n = {}, e = !1) {
   const t = Object.keys(n);
   return e ? t.map((r) => "." + r) : t;
 }
-function _t(n, e, t, r, s) {
-  const { children: o } = e, a = wt(e, r), i = r.$slots?.[a.name];
+function wt(n, e, t, r, s) {
+  const { children: o } = e, a = St(e, r), i = r.$slots?.[a.name];
   return i ? i(t) : o ? S(o) ? n.createTextVNode(o) : g(o) ? n.createTextVNode(
     ie(r.__parseExpression(o))
   ) : Array.isArray(o) ? o.map(
     (l) => M(l, r, n, s)
   ) : null : null;
 }
-function wt(n, e) {
+function St(n, e) {
   const { props: t } = n, r = t?.name || "default";
   return {
     name: g(r) ? e.__parseExpression(r) : r,
     params: []
   };
 }
-function St(n, e) {
+function $t(n, e) {
   return e.__parseExpression(n.value) ? {} : {
     display: "none"
   };
 }
-function $t(n, e, t) {
+function jt(n, e, t) {
   const r = {
     type: "JSFunction",
     value: e.value?.value ? `(v) => {
@@ -657,9 +651,8 @@ function $t(n, e, t) {
     [`onUpdate:${a}`]: o.length && s ? n.withModifiers(s, o) : s
   };
 }
-function jt(n, e, t, r, s) {
-  if (!e)
-    return null;
+function Et(n, e, t, r, s) {
+  if (!e) return null;
   if (S(e))
     return { default: () => e };
   if (g(e))
@@ -667,11 +660,11 @@ function jt(n, e, t, r, s) {
       default: () => ie(t.__parseExpression(e))
     };
   if (Array.isArray(e) && e.length > 0) {
-    const o = Et(e), a = (i) => !i || !s ? {} : s?.id && Object.keys(i).length ? {
+    const o = bt(e), a = (i) => !i || !s ? {} : s?.id && Object.keys(i).length ? {
       [`scope_${s.id}`]: i
     } : {};
     return Object.entries(o).reduce((i, [l, { nodes: c, params: d }]) => (i[l] = (u) => {
-      const f = d.length ? Pe(u ?? {}, d) : a(u);
+      const f = d.length ? Ce(u ?? {}, d) : a(u);
       return c.map(
         (p) => M(p, t.__clone(f), n, r)
       );
@@ -679,7 +672,7 @@ function jt(n, e, t, r, s) {
   }
   return null;
 }
-function Et(n) {
+function bt(n) {
   const e = {
     default: {
       params: [],
@@ -687,7 +680,7 @@ function Et(n) {
     }
   };
   for (const t of n) {
-    const r = bt(t.slot), s = r.name;
+    const r = Pt(t.slot), s = r.name;
     e[s] ? (e[s].nodes.push(t), e[s].params = e[s].params.concat(r.params)) : e[s] = {
       nodes: [t],
       params: r.params
@@ -695,59 +688,59 @@ function Et(n) {
   }
   return e;
 }
-function bt(n = "default") {
+function Pt(n = "default") {
   return S(n) ? { name: n, params: [] } : { params: [], ...n };
 }
-function Pt(n, e, t) {
+function Ct(n, e, t) {
   const { value: r, iterator: s } = n, { item: o = "item", index: a = "index" } = s || {};
   let i = t.__parseExpression(r) || [];
   return Number.isInteger(i) && (i = new Array(i).fill(!0).map((l, c) => c + 1)), Array.isArray(i) ? i.map((l, c) => e(t.__clone({ [o]: l, [a]: c }))) : (console.warn("[vForRender]:", `${r?.value} is not a Arrary`), []);
 }
-function Ct(n) {
-  return Oe() ? (De(n), !0) : !1;
+function Rt(n) {
+  return De() ? (ke(n), !0) : !1;
 }
 function V(n) {
-  return typeof n == "function" ? n() : ke(n);
+  return typeof n == "function" ? n() : Te(n);
 }
 const pe = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const Rt = (n) => n != null, Ft = () => {
+const Ft = (n) => n != null, It = () => {
 };
-function It(n) {
+function xt(n) {
   return te();
 }
-function xt(...n) {
+function Ht(...n) {
   if (n.length !== 1)
-    return Ie(...n);
+    return xe(...n);
   const e = n[0];
-  return typeof e == "function" ? xe(He(() => ({ get: e, set: Ft }))) : N(e);
+  return typeof e == "function" ? He(Me(() => ({ get: e, set: It }))) : N(e);
 }
-function Ht(n, e) {
-  It() && Me(n, e);
+function Mt(n, e) {
+  xt() && Oe(n, e);
 }
-function Mt(n) {
+function Ot(n) {
   var e;
   const t = V(n);
   return (e = t?.$el) != null ? e : t;
 }
-const Ot = pe ? window : void 0, Dt = pe ? window.document : void 0;
-function kt() {
+const Dt = pe ? window : void 0, kt = pe ? window.document : void 0;
+function Tt() {
   const n = N(!1), e = te();
-  return e && Te(() => {
+  return e && Ae(() => {
     n.value = !0;
   }, e), n;
 }
-function Tt(n) {
-  const e = kt();
+function At(n) {
+  const e = Tt();
   return re(() => (e.value, !!n()));
 }
-function At(n, e, t = {}) {
-  const { window: r = Ot, ...s } = t;
+function Bt(n, e, t = {}) {
+  const { window: r = Dt, ...s } = t;
   let o;
-  const a = Tt(() => r && "MutationObserver" in r), i = () => {
+  const a = At(() => r && "MutationObserver" in r), i = () => {
     o && (o.disconnect(), o = void 0);
   }, l = re(() => {
-    const f = V(n), p = (Array.isArray(f) ? f : [f]).map(Mt).filter(Rt);
+    const f = V(n), p = (Array.isArray(f) ? f : [f]).map(Ot).filter(Ft);
     return new Set(p);
   }), c = ne(
     () => l.value,
@@ -758,18 +751,18 @@ function At(n, e, t = {}) {
   ), d = () => o?.takeRecords(), u = () => {
     i(), c();
   };
-  return Ct(u), {
+  return Rt(u), {
     isSupported: a,
     stop: u,
     takeRecords: d
   };
 }
-function Bt(n = null, e = {}) {
+function Ut(n = null, e = {}) {
   var t, r, s;
   const {
-    document: o = Dt,
+    document: o = kt,
     restoreOnUnmount: a = (u) => u
-  } = e, i = (t = o?.title) != null ? t : "", l = xt((r = n ?? o?.title) != null ? r : null), c = n && typeof n == "function";
+  } = e, i = (t = o?.title) != null ? t : "", l = Ht((r = n ?? o?.title) != null ? r : null), c = n && typeof n == "function";
   function d(u) {
     if (!("titleTemplate" in e))
       return u;
@@ -782,13 +775,13 @@ function Bt(n = null, e = {}) {
       u !== f && o && (o.title = d(typeof u == "string" ? u : ""));
     },
     { immediate: !0 }
-  ), e.observe && !e.titleTemplate && o && !c && At(
+  ), e.observe && !e.titleTemplate && o && !c && Bt(
     (s = o.head) == null ? void 0 : s.querySelector("title"),
     () => {
       o && o.title !== l.value && (l.value = d(o.title));
     },
     { childList: !0 }
-  ), Ht(() => {
+  ), Mt(() => {
     if (a) {
       const u = a(i, l.value || "");
       u != null && o && (o.title = u);
@@ -799,7 +792,7 @@ const Z = se({
   name: "VtjPageContainer",
   async setup() {
     const n = me(), e = oe(), t = e.params.id, r = t ? n.getPage(t) : n.getHomepage(), s = r ? await n.getRenderComponent(r.id) : null;
-    return r && Bt(r.title || "VTJ"), {
+    return r && Ut(r.title || "VTJ"), {
       provider: n,
       component: s,
       file: r,
@@ -809,13 +802,13 @@ const Z = se({
   render() {
     return this.component ? T(this.component, this.query) : T("div", "页面不存在");
   }
-}), Ut = se({
+}), Nt = se({
   name: "VtjStartupContainer",
   render() {
-    return T(Ne);
+    return T(qe);
   }
 }), de = Symbol("Provider");
-class Nt extends ve {
+class qt extends ve {
   constructor(e) {
     super(), this.options = e;
     const {
@@ -836,7 +829,7 @@ class Nt extends ve {
   mode;
   globals = {};
   modules = {};
-  adapter = { request: Ye, jsonp: Ce };
+  adapter = { request: ze, jsonp: Re };
   apis = {};
   dependencies = {};
   materials = {};
@@ -853,7 +846,7 @@ class Nt extends ve {
     if (this.project = t ? await t() : await this.service.init(e), !this.project)
       throw new Error("project is null");
     const { apis: r = [], meta: s = [] } = this.project, o = window;
-    o.CKEDITOR_VERSION = void 0, this.nodeEnv !== "production" && await this.loadAssets(o), this.apis = et(r, s, this.adapter), le(), this.project.config?.mock && tt(r), this.initRouter(), this.triggerReady();
+    o.CKEDITOR_VERSION = void 0, this.nodeEnv !== "production" && await this.loadAssets(o), this.apis = tt(r, s, this.adapter), le(), this.project.config?.mock && nt(r), this.initRouter(), this.triggerReady();
   }
   async loadAssets(e) {
     const { dependencies: t = [] } = this.project, { dependencies: r, library: s, components: o, materialPath: a } = this, {
@@ -862,7 +855,7 @@ class Nt extends ve {
       materials: c,
       materialExports: d,
       materialMapLibrary: u
-    } = Ve(t, a);
+    } = We(t, a);
     for (const p of i) {
       const h = r[p], m = e[p];
       if (m)
@@ -872,7 +865,7 @@ class Nt extends ve {
       else {
         const v = l[p] || [];
         for (const w of v)
-          J(w) && await Ge(p, b.append(w, { v: P })), L(w) && await Q(b.append(w, { v: P }));
+          J(w) && await Ke(p, b.append(w, { v: P })), L(w) && await Q(b.append(w, { v: P }));
         s[p] = e[p];
       }
     }
@@ -888,7 +881,7 @@ class Nt extends ve {
       else {
         const v = f[p] ? (await f[p]()).default : e[p];
         v && h && (v.components || []).forEach((w) => {
-          o[w.name] = We(w, h);
+          o[w.name] = Ge(w, h);
         });
       }
     }
@@ -902,13 +895,13 @@ class Nt extends ve {
     }), e.addRoute({
       path: "/",
       name: "VtjHomepage",
-      component: t?.homepage ? Z : Ut
+      component: t?.homepage ? Z : Nt
     }));
   }
   install(e) {
     const t = e.config.globalProperties.installed || {};
     for (const [r, s] of Object.entries(this.library))
-      !t[r] && Qe(s) && (e.use(s), t[r] = !0);
+      !t[r] && Xe(s) && (e.use(s), t[r] = !0);
     this.options.install && e.use(this.options.install), e.provide(de, this), e.config.globalProperties.installed = t;
   }
   getFile(e) {
@@ -991,15 +984,15 @@ class Nt extends ve {
     });
   }
 }
-function nn(n) {
-  const e = new Nt(n);
+function rn(n) {
+  const e = new qt(n);
   return {
     provider: e,
     onReady: (r) => e.ready(r)
   };
 }
 function me(n = {}) {
-  const e = Ae(de);
+  const e = Be(de);
   if (!e)
     throw new Error("Can not find provider");
   if (e.nodeEnv === "development") {
@@ -1014,7 +1007,7 @@ function me(n = {}) {
   }
   return e;
 }
-const W = new Re({
+const W = new Fe({
   settings: {
     type: "json",
     validSuccess: !0,
@@ -1027,7 +1020,7 @@ const W = new Re({
       });
     }
   }
-}), qt = (n = "/vtj/local/repository/${type}.json") => (e, t) => W.send({
+}), Jt = (n = "/vtj/local/repository/${type}.json") => (e, t) => W.send({
   url: n,
   method: "post",
   query: { type: e },
@@ -1035,7 +1028,7 @@ const W = new Re({
     type: e,
     data: t
   }
-}), Jt = (n = "/vtj/local/repository/uploader.json") => async (e, t) => await W.send({
+}), Lt = (n = "/vtj/local/repository/uploader.json") => async (e, t) => await W.send({
   url: n,
   method: "post",
   data: {
@@ -1051,7 +1044,7 @@ class G {
   pluginCaches = {};
   uploader;
   constructor() {
-    this.api = qt(), this.uploader = Jt();
+    this.api = Jt(), this.uploader = Lt();
   }
   async getExtension() {
     console.log("BaseService.getExtension");
@@ -1124,9 +1117,8 @@ class G {
     return await this.api("clearStaticFiles", e).catch(() => "");
   }
   async getPluginMaterial(e) {
-    const { urls: t = [] } = e, r = t.filter((o) => Le(o))[0];
-    if (!r)
-      return null;
+    const { urls: t = [] } = e, r = t.filter((o) => Ve(o))[0];
+    if (!r) return null;
     const s = this.pluginCaches[r];
     return s || (this.pluginCaches[r] = W.send({
       url: r,
@@ -1138,12 +1130,12 @@ class G {
     }).then((o) => o.data).catch(() => null));
   }
 }
-const y = new Fe({
+const y = new Ie({
   type: "local",
   expired: 0,
   prefix: "__VTJ_"
 });
-class rn extends G {
+class sn extends G {
   init(e) {
     const t = new I(e), r = y.get(`project_${t.id}`), s = Object.assign(t.toDsl(), r || {});
     return y.save(`project_${t.id}`, s), Promise.resolve(s);
@@ -1193,7 +1185,7 @@ class rn extends G {
     }), Promise.resolve(!0);
   }
 }
-class Lt extends G {
+class Vt extends G {
   projects = {};
   materials = {};
   files = {};
@@ -1251,10 +1243,10 @@ class Lt extends G {
   }
 }
 let F = null;
-function sn() {
-  return F || (F = new Lt(), F);
+function on() {
+  return F || (F = new Vt(), F);
 }
-class on extends G {
+class an extends G {
   getFileCaches = {};
   async getExtension() {
     return await this.api("getExtension", {}).catch(() => {
@@ -1322,9 +1314,9 @@ function he(n = []) {
     };
   });
 }
-function an() {
+function cn() {
   const n = me(), e = oe(), t = N(!1), r = n.project;
-  Be(() => {
+  Ue(() => {
     const { name: a, params: i, meta: l } = e;
     if (a === "VtjPage") {
       const c = n.getPage(i.id);
@@ -1345,54 +1337,54 @@ function an() {
   };
 }
 export {
-  qe as BUILT_IN_DIRECTIVES,
+  Je as BUILT_IN_DIRECTIVES,
   G as BaseService,
   Y as CONTEXT_HOST,
-  rt as Context,
+  st as Context,
   _ as ContextMode,
-  Je as DATA_TYPES,
-  tn as JSCodeToString,
-  zt as LIFE_CYCLES_LIST,
-  on as LocalService,
-  Lt as MemoryService,
-  Nt as Provider,
-  rn as StorageService,
+  Le as DATA_TYPES,
+  nn as JSCodeToString,
+  Zt as LIFE_CYCLES_LIST,
+  an as LocalService,
+  Vt as MemoryService,
+  qt as Provider,
+  sn as StorageService,
   P as VTJ_RENDERER_VERSION,
   ae as adoptedStyleSheets,
-  Zt as createAssetScripts,
-  en as createAssetsCss,
-  ut as createDataSources,
+  en as createAssetScripts,
+  tn as createAssetsCss,
+  ft as createDataSources,
   B as createLoader,
-  sn as createMemoryService,
-  Ze as createMetaApi,
-  nn as createProvider,
+  on as createMemoryService,
+  et as createMetaApi,
+  rn as createProvider,
   A as createRenderer,
-  ze as createSchemaApi,
-  et as createSchemaApis,
-  dt as defaultLoader,
+  Ze as createSchemaApi,
+  tt as createSchemaApis,
+  mt as defaultLoader,
   R as fillBasePath,
   fe as getModifiers,
   ue as getPlugin,
-  We as getRawComponent,
+  Ge as getRawComponent,
   J as isCSSUrl,
-  Xe as isJSCode,
+  Ye as isJSCode,
   g as isJSExpression,
   D as isJSFunction,
-  Le as isJSON,
+  Ve as isJSON,
   L as isJSUrl,
-  Qe as isVuePlugin,
-  Ge as loadCss,
+  Xe as isVuePlugin,
+  Ke as loadCss,
   ce as loadCssUrl,
-  Ke as loadScriptUrl,
-  nt as mockApi,
-  tt as mockApis,
+  Qe as loadScriptUrl,
+  rt as mockApi,
+  nt as mockApis,
   le as mockCleanup,
   M as nodeRender,
-  Ve as parseDeps,
+  We as parseDeps,
   C as parseExpression,
   z as parseFunction,
   de as providerKey,
   ie as toString,
-  an as useMask,
+  cn as useMask,
   me as useProvider
 };

package/package.json

@@ -1,19 +1,19 @@
 {
   "name": "@vtj/renderer",
   "private": false,
-  "version": "0.8.61",
+  "version": "0.8.63",
   "type": "module",
   "dependencies": {
     "mockjs": "~1.1.0",
-    "@vtj/core": "~0.8.61",
-    "@vtj/ui": "~0.8.61",
-    "@vtj/icons": "~0.8.61",
-    "@vtj/utils": "~0.8.61"
+    "@vtj/icons": "~0.8.63",
+    "@vtj/core": "~0.8.63",
+    "@vtj/utils": "~0.8.63",
+    "@vtj/ui": "~0.8.63"
   },
   "devDependencies": {
     "vue": "~3.4.15",
-    "vue-router": "~4.3.0",
-    "@vtj/cli": "~0.8.14"
+    "vue-router": "~4.4.0",
+    "@vtj/cli": "~0.8.16"
   },
   "exports": {
     ".": {

package/types/render/context.d.ts

@@ -43,6 +43,6 @@ export declare class Context {
     private __cleanup;
     __parseFunction(code?: JSFunction): Function | undefined;
     __parseExpression(code?: JSExpression | JSFunction): any;
-    __ref(id?: string | null, ref?: string | Function): ((el: any) => any) | undefined;
+    __ref(id?: string | null, ref?: string | Function): ((el: any) => Promise<any>) | undefined;
     __clone(context?: Record<string, any>): Context;
 }

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.8.60
+ * @version 0.8.62
  * @license <a href="https://vtj.pro/license.html">MIT License</a>
  */
-export declare const version = "0.8.60";
+export declare const version = "0.8.62";