@vtj/renderer 0.8.38 → 0.8.40

package/dist/index.cjs

@@ -1,10 +1,10 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("@vtj/core"),u=require("@vtj/utils"),p=require("vue"),re=require("vue-router"),H=require("element-plus"),D=require("mockjs"),Ee=require("@vtj/ui");function be(n){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const t in n)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(n,t);Object.defineProperty(e,t,r.get?r:{enumerable:!0,get:()=>n[t]})}}return e.default=n,Object.freeze(e)}const B=be(p);/**!
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=require("@vtj/core"),u=require("@vtj/utils"),p=require("vue"),re=require("vue-router"),H=require("element-plus"),D=require("mockjs"),Ce=require("@vtj/ui");function be(n){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const t in n)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(n,t);Object.defineProperty(e,t,r.get?r:{enumerable:!0,get:()=>n[t]})}}return e.default=n,Object.freeze(e)}const B=be(p);/**!
  * Copyright (c) 2024, VTJ.PRO All rights reserved.
  * @name @vtj/renderer 
  * @author CHC chenhuachun1549@dingtalk.com 
- * @version 0.8.38
+ * @version 0.8.40
  * @license <a href="https://vtj.pro/license.html">MIT License</a>
- */const R="0.8.38";var j=(n=>(n.Runtime="Runtime",n.Design="Design",n.Raw="Raw",n.VNode="VNode",n))(j||{});const J=["$el","$emit","$nextTick","$parent","$root","$attrs","$slots","$watch","$props","$options","$forceUpdate"],Pe=["beforeCreate","created","beforeMount","mounted","beforeUpdate","updated","beforeUnmount","unmounted","errorCaptured","renderTracked","renderTriggered","activated","deactivated"],se=["vIf","vShow","vModel","vFor","vBind"],oe={String,Number,Boolean,Array,Object,Function,Date};function M(n,e){return n.map(t=>u.isUrl(t)?t:`${e}${t}`)}function N(n){return/\.css$/.test(n)}function U(n){return/\.js$/.test(n)}function ie(n){return/\.json$/.test(n)}function Re(n){return n.map(e=>`<script src="${u.url.append(e,{v:R})}"><\/script>`).join("")}function Fe(n=[]){return n.map(e=>`<link rel="stylesheet" href="${u.url.append(e,{v:R})}" />`).join("")}function ae(n,e){const t=n.filter(f=>!!f.enabled),r=[],s=[],o=[],a=[],i={},l={},c=[],m={};return t.forEach(({urls:f,assetsUrl:d,library:v,assetsLibrary:$,localeLibrary:g})=>{f?.forEach(w=>{U(w)&&r.push(w),N(w)&&s.push(w)}),v&&(a.push(v),i[v]=M(f||[],e),g&&(l[v]=g)),d&&o.push(d),$&&c.push($),v&&$&&(m[$]=v)}),{scripts:M(r,e),css:M(s,e),materials:M(o,e),libraryExports:a,materialExports:u.dedupArray(c),materialMapLibrary:m,libraryMap:i,libraryLocaleMap:l}}function ce(n,e){const{name:t,parent:r,alias:s}=n;return r?e[r]?.[s||t]:e[s||t]}function W(n){return u.isString(n)?n:JSON.stringify(n)}function Y(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 le(n,e){const t=await window.fetch(e).then(r=>r.text()).catch(()=>"");t&&Y(window,n,t)}function K(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 ue(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=m=>{i(m)},s.appendChild(c)}})}function fe(n){return u.isFunction(n)||u.isFunction(n?.install)}function F(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 V(n,e,t=!1,r=!1){const s=F(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 x(n){return typeof n=="object"&&n&&n.type==="JSFunction"}function de(n){return S(n)||x(n)}function Ie(n){return de(n)?n.value:JSON.stringify(n)}let P=null;const Me=u.createRequest({settings:{type:"form",validSuccess:!0,originResponse:!1,loading:!0,validate:n=>n.data?.code===0||!!n.data?.success,failMessage:!0,showError:n=>{H.ElNotification.error({message:n||"未知错误"})},showLoading:()=>{P&&P.close(),P=H.ElLoading.service({lock:!0,text:"Loading",background:"rgba(0, 0, 0, 0.05)"})},hideLoading:()=>{P&&(P.close(),P=null)}}});function pe(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?F(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 me(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 he(n=[],e=[],t){const r={};for(const s of n)r[s.id]=pe(s,t);for(const s of e)r[s.id]=me(s,t);return r}function ve(n=[]){D.setup({timeout:"50-500"}),X(),n.forEach(e=>ge(e))}function ge(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=F(t,{},!0);D.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}),D.mock(o(a))})}}function X(){D._mocked={}}class ye{__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=B){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&&J.forEach(e=>{this[e]=this.__instance?.[e]})}__cleanup(){J.forEach(e=>{this[e]=null})}__parseFunction(e){if(e)if(this.__mode===j.Runtime){const{id:t,type:r}=e,s=t?this.__transform[t]??e.value:e.value;return V({type:r,value:s},this)}else return V(e,this)}__parseExpression(e){if(e)if(this.__mode===j.Runtime){const{id:t,type:r}=e,s=t?this.__transform[t]??e.value:e.value;return F({type:r,value:s},this)}else return F(e,this)}__ref(e=null,t){if(this.__mode!==j.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,j.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 k(n){const{Vue:e=B,mode:t=j.Runtime,components:r={},libs:s={},apis:o={},loader:a}=n,i=e.computed(()=>n.dsl),l={$components:r,$libs:s,$apis:o},c=new ye({mode:t,dsl:i.value,attrs:l}),m=e.defineComponent({name:i.value.name,props:{...Oe(i.value.props??[],c)},setup(f){c.$props=f,c.props=f,i.value.id&&Y(n.window||window,i.value.id,i.value.css||""),c.state=xe(e,i.value.state??{},c);const d=Te(e,i.value.computed??{},c),v=He(i.value.methods??{},c),$=De(e,i.value.inject,c),g=_e(i.value.dataSources||{},c),w={...$,...d,...v,...g};return c.setup(w,e),ke(e,i.value.watch??[],c),{vtj:c}},emits:[...i.value.emits??[]],expose:["vtj"],render(){if(!i.value.nodes)return null;const f=i.value.nodes||[];return f.length===1?O(f[0],c,e,a):f.map(d=>O(d,c,e,a))},...Ae(i.value.lifeCycles??{},c)});return{renderer:e.markRaw(m),context:c}}function Oe(n=[],e){const t=r=>r?(Array.isArray(r)?r:[r]).map(o=>oe[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 xe(n,e,t){return n.reactive(Object.keys(e||{}).reduce((r,s)=>{let o=e[s];return S(o)?o=t.__parseExpression(o):x(o)&&(o=t.__parseFunction(o)),r[s]=o,r},{}))}function Te(n,e,t){return Object.entries(e??{}).reduce((r,[s,o])=>(r[s]=n.computed(t.__parseFunction(o)),r),{})}function He(n,e){return Object.entries(n??{}).reduce((t,[r,s])=>(t[r]=e.__parseFunction(s),t),{})}function De(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 _e(n,e){return Object.keys(n).reduce((t,r)=>{const s=n[r],o=e.$apis[s.ref],a=x(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 ke(n,e=[],t){e.forEach(r=>{n.watch(t.__parseExpression(r.source),t.__parseFunction(r.handler),{deep:r.deep,immediate:r.immediate})})}function Ae(n,e){return Object.entries(n??{}).reduce((t,[r,s])=>(t[r]=e.__parseFunction(s),t),{})}let L=[];const Se=n=>n;async function z(n,e=window){const{urls:t=[],library:r}=n,s=t.filter(i=>U(i));if(s.length===0||!r)return null;const o=t.filter(i=>N(i)),a=await ue(s,r,e).catch(()=>null);return a?{component:a,css:o}:null}function A(n){const{getDsl:e,getDslByUrl:t,options:r}=n;return r.window&&(L.forEach(s=>{delete r.window[s]}),L=[]),(s,o,a=B)=>!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?k({...r,Vue:a,dsl:i,mode:j.Runtime,loader:A(n)}).renderer:null}):o.type==="UrlSchema"&&o.url?a.defineAsyncComponent(async()=>{const i=await t(o.url);return i&&(i.name=s),i?k({...r,Vue:a,dsl:i,mode:j.Runtime,loader:A(n)}).renderer:null}):o.type==="Plugin"?(o.library&&L.push(o.library),a.defineAsyncComponent(async()=>{const i=await z(o,r.window);return i?(K(i.css,r.window),i.component):null})):s}function O(n,e,t=B,r=Se){if(!n||!n.name||n.invisible)return null;const{id:s=null,directives:o=[]}=n,{vIf:a,vFor:i,vShow:l,vModels:c,vBind:m}=Be(o);if(a&&!Ne(a,e))return null;const f=d=>{const v=d.$components,$=(()=>{if(n.name==="component")return Ue(d,n.props?.is);if(n.name==="slot")return n.name;const y=r(n.name,n.from,t);return u.isString(y)?v[y]??y:y})(),g=qe(s,n.props??{},d),w=Le(t,n.events??{},d);if(n.name==="slot")return Je(t,n,g,d,r);m&&Object.assign(g,d.__parseExpression(m.value)),l&&(g.style=Object.assign(g.style??{},We(l,d))),c.forEach(y=>{Object.assign(g,Ye(t,y,d))});const h=Ke(t,n.children??[],d,r,n);return t.createVNode($,{...g,...w},h)};return i?Ge(i,f,e):f(e)}function Be(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=>!se.includes(u.camelCase(i.name)));return{vIf:e,vFor:t,vShow:r,vModels:o,vBind:s,others:a}}function Ne(n,e){return!!e.__parseExpression(n.value)}function Ue(n,e){return e?S(e)?n.__parseExpression(e):e:"div"}function qe(n,e,t){const r=Object.keys(e||{}).reduce((s,o)=>{let a=e[o];return S(a)?a=t.__parseExpression(a):x(a)&&(a=t.__parseFunction(a)),s[o]=a,s},{});return r.ref=t.__ref(n,r.ref),r}function Le(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=G(i.modifiers),c=l.find(d=>r.includes(d)),m="on"+u.upperFirst(a)+(c&&s[c]||""),f=t.__parseFunction(i.handler);return f&&(o[m]=n.withModifiers(f,l)),o},{})}function G(n={},e=!1){const t=Object.keys(n);return e?t.map(r=>"."+r):t}function Je(n,e,t,r,s){const{children:o}=e,a=Ve(e,r),i=r.$slots?.[a.name];return i?i(t):o?u.isString(o)?n.createTextVNode(o):S(o)?n.createTextVNode(W(r.__parseExpression(o))):Array.isArray(o)?o.map(l=>O(l,r,n,s)):null:null}function Ve(n,e){const{props:t}=n,r=t?.name||"default";return{name:S(r)?e.__parseExpression(r):r,params:[]}}function We(n,e){return e.__parseExpression(n.value)?{}:{display:"none"}}function Ye(n,e,t){const r={type:"JSFunction",value:e.value?.value?`(v) => {
+ */const R="0.8.40";var j=(n=>(n.Runtime="Runtime",n.Design="Design",n.Raw="Raw",n.VNode="VNode",n))(j||{});const J=["$el","$emit","$nextTick","$parent","$root","$attrs","$slots","$watch","$props","$options","$forceUpdate"],Pe=["beforeCreate","created","beforeMount","mounted","beforeUpdate","updated","beforeUnmount","unmounted","errorCaptured","renderTracked","renderTriggered","activated","deactivated"],se=["vIf","vShow","vModel","vFor","vBind"],oe={String,Number,Boolean,Array,Object,Function,Date};function M(n,e){return n.map(t=>u.isUrl(t)?t:`${e}${t}`)}function N(n){return/\.css$/.test(n)}function U(n){return/\.js$/.test(n)}function ie(n){return/\.json$/.test(n)}function Re(n){return n.map(e=>`<script src="${u.url.append(e,{v:R})}"><\/script>`).join("")}function Fe(n=[]){return n.map(e=>`<link rel="stylesheet" href="${u.url.append(e,{v:R})}" />`).join("")}function ae(n,e){const t=n.filter(f=>!!f.enabled),r=[],s=[],o=[],a=[],i={},l={},c=[],m={};return t.forEach(({urls:f,assetsUrl:d,library:v,assetsLibrary:$,localeLibrary:g})=>{f?.forEach(w=>{U(w)&&r.push(w),N(w)&&s.push(w)}),v&&(a.push(v),i[v]=M(f||[],e),g&&(l[v]=g)),d&&o.push(d),$&&c.push($),v&&$&&(m[$]=v)}),{scripts:M(r,e),css:M(s,e),materials:M(o,e),libraryExports:a,materialExports:u.dedupArray(c),materialMapLibrary:m,libraryMap:i,libraryLocaleMap:l}}function ce(n,e){const{name:t,parent:r,alias:s}=n;return r?e[r]?.[s||t]:e[s||t]}function W(n){return u.isString(n)?n:JSON.stringify(n)}function Y(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 le(n,e){const t=await window.fetch(e).then(r=>r.text()).catch(()=>"");t&&Y(window,n,t)}function K(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 ue(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=m=>{i(m)},s.appendChild(c)}})}function fe(n){return u.isFunction(n)||u.isFunction(n?.install)}function F(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 V(n,e,t=!1,r=!1){const s=F(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 x(n){return typeof n=="object"&&n&&n.type==="JSFunction"}function de(n){return S(n)||x(n)}function Ie(n){return de(n)?n.value:JSON.stringify(n)}let P=null;const Me=u.createRequest({settings:{type:"form",validSuccess:!0,originResponse:!1,loading:!0,validate:n=>n.data?.code===0||!!n.data?.success,failMessage:!0,showError:n=>{H.ElNotification.error({message:n||"未知错误"})},showLoading:()=>{P&&P.close(),P=H.ElLoading.service({lock:!0,text:"Loading",background:"rgba(0, 0, 0, 0.05)"})},hideLoading:()=>{P&&(P.close(),P=null)}}});function pe(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?F(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 me(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 he(n=[],e=[],t){const r={};for(const s of n)r[s.id]=pe(s,t);for(const s of e)r[s.id]=me(s,t);return r}function ve(n=[]){D.setup({timeout:"50-500"}),X(),n.forEach(e=>ge(e))}function ge(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=F(t,{},!0);D.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}),D.mock(o(a))})}}function X(){D._mocked={}}class ye{__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=B){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&&J.forEach(e=>{this[e]=this.__instance?.[e]})}__cleanup(){J.forEach(e=>{this[e]=null})}__parseFunction(e){if(e)if(this.__mode===j.Runtime){const{id:t,type:r}=e,s=t?this.__transform[t]??e.value:e.value;return V({type:r,value:s},this)}else return V(e,this)}__parseExpression(e){if(e)if(this.__mode===j.Runtime){const{id:t,type:r}=e,s=t?this.__transform[t]??e.value:e.value;return F({type:r,value:s},this)}else return F(e,this)}__ref(e=null,t){if(this.__mode!==j.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,j.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 k(n){const{Vue:e=B,mode:t=j.Runtime,components:r={},libs:s={},apis:o={},loader:a}=n,i=e.computed(()=>n.dsl),l={$components:r,$libs:s,$apis:o},c=new ye({mode:t,dsl:i.value,attrs:l}),m=e.defineComponent({name:i.value.name,props:{...xe(i.value.props??[],c)},setup(f){c.$props=f,c.props=f,i.value.id&&Y(n.window||window,i.value.id,i.value.css||""),c.state=Te(e,i.value.state??{},c);const d=He(e,i.value.computed??{},c),v=De(i.value.methods??{},c),$=ke(e,i.value.inject,c),g=_e(i.value.dataSources||{},c),w={...$,...d,...v,...g};return c.setup(w,e),Ae(e,i.value.watch??[],c),{vtj:c}},emits:Oe(i.value.emits),expose:["vtj"],render(){if(!i.value.nodes)return null;const f=i.value.nodes||[];return f.length===1?O(f[0],c,e,a):f.map(d=>O(d,c,e,a))},...Be(i.value.lifeCycles??{},c)});return{renderer:e.markRaw(m),context:c}}function Oe(n=[]){return n.map(e=>u.isString(e)?e:e.name)}function xe(n=[],e){const t=r=>r?(Array.isArray(r)?r:[r]).map(o=>oe[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 Te(n,e,t){return n.reactive(Object.keys(e||{}).reduce((r,s)=>{let o=e[s];return S(o)?o=t.__parseExpression(o):x(o)&&(o=t.__parseFunction(o)),r[s]=o,r},{}))}function He(n,e,t){return Object.entries(e??{}).reduce((r,[s,o])=>(r[s]=n.computed(t.__parseFunction(o)),r),{})}function De(n,e){return Object.entries(n??{}).reduce((t,[r,s])=>(t[r]=e.__parseFunction(s),t),{})}function ke(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 _e(n,e){return Object.keys(n).reduce((t,r)=>{const s=n[r],o=e.$apis[s.ref],a=x(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 Ae(n,e=[],t){e.forEach(r=>{n.watch(t.__parseExpression(r.source),t.__parseFunction(r.handler),{deep:r.deep,immediate:r.immediate})})}function Be(n,e){return Object.entries(n??{}).reduce((t,[r,s])=>(t[r]=e.__parseFunction(s),t),{})}let L=[];const Se=n=>n;async function z(n,e=window){const{urls:t=[],library:r}=n,s=t.filter(i=>U(i));if(s.length===0||!r)return null;const o=t.filter(i=>N(i)),a=await ue(s,r,e).catch(()=>null);return a?{component:a,css:o}:null}function A(n){const{getDsl:e,getDslByUrl:t,options:r}=n;return r.window&&(L.forEach(s=>{delete r.window[s]}),L=[]),(s,o,a=B)=>!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?k({...r,Vue:a,dsl:i,mode:j.Runtime,loader:A(n)}).renderer:null}):o.type==="UrlSchema"&&o.url?a.defineAsyncComponent(async()=>{const i=await t(o.url);return i&&(i.name=s),i?k({...r,Vue:a,dsl:i,mode:j.Runtime,loader:A(n)}).renderer:null}):o.type==="Plugin"?(o.library&&L.push(o.library),a.defineAsyncComponent(async()=>{const i=await z(o,r.window);return i?(K(i.css,r.window),i.component):null})):s}function O(n,e,t=B,r=Se){if(!n||!n.name||n.invisible)return null;const{id:s=null,directives:o=[]}=n,{vIf:a,vFor:i,vShow:l,vModels:c,vBind:m}=Ne(o);if(a&&!Ue(a,e))return null;const f=d=>{const v=d.$components,$=(()=>{if(n.name==="component")return qe(d,n.props?.is);if(n.name==="slot")return n.name;const y=r(n.name,n.from,t);return u.isString(y)?v[y]??y:y})(),g=Le(s,n.props??{},d),w=Je(t,n.events??{},d);if(n.name==="slot")return Ve(t,n,g,d,r);m&&Object.assign(g,d.__parseExpression(m.value)),l&&(g.style=Object.assign(g.style??{},Ye(l,d))),c.forEach(y=>{Object.assign(g,Ke(t,y,d))});const h=Xe(t,n.children??[],d,r,n);return t.createVNode($,{...g,...w},h)};return i?Qe(i,f,e):f(e)}function Ne(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=>!se.includes(u.camelCase(i.name)));return{vIf:e,vFor:t,vShow:r,vModels:o,vBind:s,others:a}}function Ue(n,e){return!!e.__parseExpression(n.value)}function qe(n,e){return e?S(e)?n.__parseExpression(e):e:"div"}function Le(n,e,t){const r=Object.keys(e||{}).reduce((s,o)=>{let a=e[o];return S(a)?a=t.__parseExpression(a):x(a)&&(a=t.__parseFunction(a)),s[o]=a,s},{});return r.ref=t.__ref(n,r.ref),r}function Je(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=G(i.modifiers),c=l.find(d=>r.includes(d)),m="on"+u.upperFirst(a)+(c&&s[c]||""),f=t.__parseFunction(i.handler);return f&&(o[m]=n.withModifiers(f,l)),o},{})}function G(n={},e=!1){const t=Object.keys(n);return e?t.map(r=>"."+r):t}function Ve(n,e,t,r,s){const{children:o}=e,a=We(e,r),i=r.$slots?.[a.name];return i?i(t):o?u.isString(o)?n.createTextVNode(o):S(o)?n.createTextVNode(W(r.__parseExpression(o))):Array.isArray(o)?o.map(l=>O(l,r,n,s)):null:null}function We(n,e){const{props:t}=n,r=t?.name||"default";return{name:S(r)?e.__parseExpression(r):r,params:[]}}function Ye(n,e){return e.__parseExpression(n.value)?{}:{display:"none"}}function Ke(n,e,t){const r={type:"JSFunction",value:e.value?.value?`(v) => {
         ${e.value.value} = v;
-      }`:"(v) => {}"},s=t.__parseFunction(r),o=G(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 Ke(n,e,t,r,s){if(!e)return null;if(u.isString(e))return{default:()=>e};if(S(e))return{default:()=>W(t.__parseExpression(e))};if(Array.isArray(e)&&e.length>0){const o=Xe(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:m}])=>(i[l]=f=>{const d=m.length?u.pick(f??{},m):a(f);return c.map(v=>O(v,t.__clone(d),n,r))},i),{})}return null}function Xe(n){const e={default:{params:[],nodes:[]}};for(const t of n){const r=ze(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 ze(n="default"){return u.isString(n)?{name:n,params:[]}:{params:[],...n}}function Ge(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 Qe(n){return p.getCurrentScope()?(p.onScopeDispose(n),!0):!1}function Q(n){return typeof n=="function"?n():p.unref(n)}const we=typeof window<"u"&&typeof document<"u";typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const Ze=n=>n!=null,et=()=>{};function tt(n){return p.getCurrentInstance()}function nt(...n){if(n.length!==1)return p.toRef(...n);const e=n[0];return typeof e=="function"?p.readonly(p.customRef(()=>({get:e,set:et}))):p.ref(e)}function rt(n,e){tt()&&p.onBeforeUnmount(n,e)}function st(n){var e;const t=Q(n);return(e=t?.$el)!=null?e:t}const ot=we?window:void 0,it=we?window.document:void 0;function at(){const n=p.ref(!1),e=p.getCurrentInstance();return e&&p.onMounted(()=>{n.value=!0},e),n}function ct(n){const e=at();return p.computed(()=>(e.value,!!n()))}function lt(n,e,t={}){const{window:r=ot,...s}=t;let o;const a=ct(()=>r&&"MutationObserver"in r),i=()=>{o&&(o.disconnect(),o=void 0)},l=p.computed(()=>{const d=Q(n),v=(Array.isArray(d)?d:[d]).map(st).filter(Ze);return new Set(v)}),c=p.watch(()=>l.value,d=>{i(),a.value&&r&&d.size&&(o=new MutationObserver(e),d.forEach(v=>o.observe(v,s)))},{immediate:!0,flush:"post"}),m=()=>o?.takeRecords(),f=()=>{i(),c()};return Qe(f),{isSupported:a,stop:f,takeRecords:m}}function ut(n=null,e={}){var t,r,s;const{document:o=it,restoreOnUnmount:a=f=>f}=e,i=(t=o?.title)!=null?t:"",l=nt((r=n??o?.title)!=null?r:null),c=n&&typeof n=="function";function m(f){if(!("titleTemplate"in e))return f;const d=e.titleTemplate||"%s";return typeof d=="function"?d(f):Q(d).replace(/%s/g,f)}return p.watch(l,(f,d)=>{f!==d&&o&&(o.title=m(typeof f=="string"?f:""))},{immediate:!0}),e.observe&&!e.titleTemplate&&o&&!c&&lt((s=o.head)==null?void 0:s.querySelector("title"),()=>{o&&o.title!==l.value&&(l.value=m(o.title))},{childList:!0}),rt(()=>{if(a){const f=a(i,l.value||"");f!=null&&o&&(o.title=f)}}),l}const ne=p.defineComponent({name:"VtjPageContainer",async setup(){const n=ee(),e=re.useRoute(),t=e.params.id,r=t?n.getPage(t):n.getHomepage(),s=r?await n.getRenderComponent(r.id):null;return r&&ut(r.title||"VTJ"),{provider:n,component:s,file:r,query:e.query}},render(){return this.component?p.h(this.component,this.query):p.h("div","页面不存在")}}),ft=p.defineComponent({name:"VtjStartupContainer",render(){return p.h(Ee.XStartup)}}),Z=Symbol("Provider");class je extends C.Base{constructor(e){super(),this.options=e;const{service:t,mode:r=j.Raw,dependencies:s,materials:o,project:a={},adapter:i={},globals:l={},modules:c={},router:m=null,materialPath:f="./",nodeEnv:d="development"}=e;this.mode=r,this.modules=c,this.service=t,this.router=m,this.materialPath=f,this.nodeEnv=d,s&&(this.dependencies=s),o&&(this.materials=o),Object.assign(this.globals,l),Object.assign(this.adapter,i),r!==j.Design&&this.load(a)}mode;globals={};modules={};adapter={request:Me,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{dependencies:r=[],apis:s=[],meta:o=[]}=this.project,{dependencies:a,library:i,components:l,materialPath:c}=this,{libraryExports:m,libraryMap:f,materials:d,materialExports:v,materialMapLibrary:$}=ae(r,c),g=window;g.CKEDITOR_VERSION=void 0;for(const h of m){const y=a[h],I=g[h];if(I)i[h]=I;else if(y)g[h]=i[h]=await y();else{const E=f[h]||[];for(const b of E)N(b)&&await le(h,u.url.append(b,{v:R})),U(b)&&await u.loadScript(u.url.append(b,{v:R}));i[h]=g[h]}}for(const h of d)await u.loadScript(u.url.append(h,{v:R}));const w=this.materials||{};for(const h of v){const y=g[$[h]],I=C.BUILT_IN_COMPONENTS[h];if(I)y&&I.forEach(E=>{l[E]=y[E]});else{const E=w[h]?(await w[h]()).default:g[h];E&&y&&(E.components||[]).forEach(b=>{l[b.name]=ce(b,y)})}}this.apis=he(s,o,this.adapter),X(),this.project.config?.mock&&ve(s),this.initRouter(),this.triggerReady()}initRouter(){const{router:e,project:t}=this;e&&(e.addRoute({path:"/page/:id",name:"VtjPage",component:ne}),e.addRoute({path:"/",name:"VtjHomepage",component:t?.homepage?ne:ft}))}install(e){const t=e.config.globalProperties.installed||{};for(const[r,s]of Object.entries(this.library))!t[r]&&fe(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=A({getDsl:async c=>await this.getDsl(c)||null,getDslByUrl:async c=>await this.getDslByUrl(c)||null,options:i});return k({...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 p.defineAsyncComponent(async()=>{const r=await this.getDslByUrl(e);return r?(r.name=t||r.name,this.createDslRenderer(r).renderer):null})}definePluginComponent(e){return p.defineAsyncComponent(async()=>{const t=await z(e,window);return t?(K(t.css),t.component):null})}}function dt(n){const e=new je(n);return{provider:e,onReady:r=>e.ready(r)}}function ee(n={}){const e=p.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&&H.ElNotification.warning({title:s?.name,message:"当前组件源码版本与运行时版本不一致，请重新发布组件"})})()}return e}const te=new u.Request({settings:{type:"json",validSuccess:!0,originResponse:!1,failMessage:!0,validate:n=>n.data?.code===0,showError:n=>{H.ElNotification.error({message:n||"未知错误"})}}}),pt=(n="/vtj/local/repository/${type}.json")=>(e,t)=>te.send({url:n,method:"post",query:{type:e},data:{type:e,data:t}}),mt=(n="/vtj/local/repository/uploader.json")=>async(e,t)=>await te.send({url:n,method:"post",data:{files:e,projectId:t},settings:{type:"data"}}).then(r=>r&&r[0]?r[0]:null).catch(()=>null);class q{api;pluginCaches={};uploader;constructor(){this.api=pt(),this.uploader=mt()}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=>ie(o))[0];if(!r)return null;const s=this.pluginCaches[r];return s||(this.pluginCaches[r]=te.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 ht extends q{init(e){const t=new C.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 C.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 C.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 $e extends q{projects={};materials={};files={};histories={};historyItems={};init(e){const t=new C.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 C.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 C.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 T=null;function vt(){return T||(T=new $e,T)}class gt extends q{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 Ce(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?Ce(o):void 0}})}function yt(){const n=ee(),e=re.useRoute(),t=p.ref(!1),r=n.project;p.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=Ce(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=se;exports.BaseService=q;exports.CONTEXT_HOST=J;exports.Context=ye;exports.ContextMode=j;exports.DATA_TYPES=oe;exports.JSCodeToString=Ie;exports.LIFE_CYCLES_LIST=Pe;exports.LocalService=gt;exports.MemoryService=$e;exports.Provider=je;exports.StorageService=ht;exports.VTJ_RENDERER_VERSION=R;exports.adoptedStyleSheets=Y;exports.createAssetScripts=Re;exports.createAssetsCss=Fe;exports.createDataSources=_e;exports.createLoader=A;exports.createMemoryService=vt;exports.createMetaApi=me;exports.createProvider=dt;exports.createRenderer=k;exports.createSchemaApi=pe;exports.createSchemaApis=he;exports.defaultLoader=Se;exports.fillBasePath=M;exports.getModifiers=G;exports.getPlugin=z;exports.getRawComponent=ce;exports.isCSSUrl=N;exports.isJSCode=de;exports.isJSExpression=S;exports.isJSFunction=x;exports.isJSON=ie;exports.isJSUrl=U;exports.isVuePlugin=fe;exports.loadCss=le;exports.loadCssUrl=K;exports.loadScriptUrl=ue;exports.mockApi=ge;exports.mockApis=ve;exports.mockCleanup=X;exports.nodeRender=O;exports.parseDeps=ae;exports.parseExpression=F;exports.parseFunction=V;exports.providerKey=Z;exports.toString=W;exports.useMask=yt;exports.useProvider=ee;
+      }`:"(v) => {}"},s=t.__parseFunction(r),o=G(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 Xe(n,e,t,r,s){if(!e)return null;if(u.isString(e))return{default:()=>e};if(S(e))return{default:()=>W(t.__parseExpression(e))};if(Array.isArray(e)&&e.length>0){const o=ze(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:m}])=>(i[l]=f=>{const d=m.length?u.pick(f??{},m):a(f);return c.map(v=>O(v,t.__clone(d),n,r))},i),{})}return null}function ze(n){const e={default:{params:[],nodes:[]}};for(const t of n){const r=Ge(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 Ge(n="default"){return u.isString(n)?{name:n,params:[]}:{params:[],...n}}function Qe(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 p.getCurrentScope()?(p.onScopeDispose(n),!0):!1}function Q(n){return typeof n=="function"?n():p.unref(n)}const we=typeof window<"u"&&typeof document<"u";typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const et=n=>n!=null,tt=()=>{};function nt(n){return p.getCurrentInstance()}function rt(...n){if(n.length!==1)return p.toRef(...n);const e=n[0];return typeof e=="function"?p.readonly(p.customRef(()=>({get:e,set:tt}))):p.ref(e)}function st(n,e){nt()&&p.onBeforeUnmount(n,e)}function ot(n){var e;const t=Q(n);return(e=t?.$el)!=null?e:t}const it=we?window:void 0,at=we?window.document:void 0;function ct(){const n=p.ref(!1),e=p.getCurrentInstance();return e&&p.onMounted(()=>{n.value=!0},e),n}function lt(n){const e=ct();return p.computed(()=>(e.value,!!n()))}function ut(n,e,t={}){const{window:r=it,...s}=t;let o;const a=lt(()=>r&&"MutationObserver"in r),i=()=>{o&&(o.disconnect(),o=void 0)},l=p.computed(()=>{const d=Q(n),v=(Array.isArray(d)?d:[d]).map(ot).filter(et);return new Set(v)}),c=p.watch(()=>l.value,d=>{i(),a.value&&d.size&&(o=new MutationObserver(e),d.forEach(v=>o.observe(v,s)))},{immediate:!0,flush:"post"}),m=()=>o?.takeRecords(),f=()=>{i(),c()};return Ze(f),{isSupported:a,stop:f,takeRecords:m}}function ft(n=null,e={}){var t,r,s;const{document:o=at,restoreOnUnmount:a=f=>f}=e,i=(t=o?.title)!=null?t:"",l=rt((r=n??o?.title)!=null?r:null),c=n&&typeof n=="function";function m(f){if(!("titleTemplate"in e))return f;const d=e.titleTemplate||"%s";return typeof d=="function"?d(f):Q(d).replace(/%s/g,f)}return p.watch(l,(f,d)=>{f!==d&&o&&(o.title=m(typeof f=="string"?f:""))},{immediate:!0}),e.observe&&!e.titleTemplate&&o&&!c&&ut((s=o.head)==null?void 0:s.querySelector("title"),()=>{o&&o.title!==l.value&&(l.value=m(o.title))},{childList:!0}),st(()=>{if(a){const f=a(i,l.value||"");f!=null&&o&&(o.title=f)}}),l}const ne=p.defineComponent({name:"VtjPageContainer",async setup(){const n=ee(),e=re.useRoute(),t=e.params.id,r=t?n.getPage(t):n.getHomepage(),s=r?await n.getRenderComponent(r.id):null;return r&&ft(r.title||"VTJ"),{provider:n,component:s,file:r,query:e.query}},render(){return this.component?p.h(this.component,this.query):p.h("div","页面不存在")}}),dt=p.defineComponent({name:"VtjStartupContainer",render(){return p.h(Ce.XStartup)}}),Z=Symbol("Provider");class je extends E.Base{constructor(e){super(),this.options=e;const{service:t,mode:r=j.Raw,dependencies:s,materials:o,project:a={},adapter:i={},globals:l={},modules:c={},router:m=null,materialPath:f="./",nodeEnv:d="development"}=e;this.mode=r,this.modules=c,this.service=t,this.router=m,this.materialPath=f,this.nodeEnv=d,s&&(this.dependencies=s),o&&(this.materials=o),Object.assign(this.globals,l),Object.assign(this.adapter,i),r!==j.Design&&this.load(a)}mode;globals={};modules={};adapter={request:Me,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{dependencies:r=[],apis:s=[],meta:o=[]}=this.project,{dependencies:a,library:i,components:l,materialPath:c}=this,{libraryExports:m,libraryMap:f,materials:d,materialExports:v,materialMapLibrary:$}=ae(r,c),g=window;g.CKEDITOR_VERSION=void 0;for(const h of m){const y=a[h],I=g[h];if(I)i[h]=I;else if(y)g[h]=i[h]=await y();else{const C=f[h]||[];for(const b of C)N(b)&&await le(h,u.url.append(b,{v:R})),U(b)&&await u.loadScript(u.url.append(b,{v:R}));i[h]=g[h]}}for(const h of d)await u.loadScript(u.url.append(h,{v:R}));const w=this.materials||{};for(const h of v){const y=g[$[h]],I=E.BUILT_IN_COMPONENTS[h];if(I)y&&I.forEach(C=>{l[C]=y[C]});else{const C=w[h]?(await w[h]()).default:g[h];C&&y&&(C.components||[]).forEach(b=>{l[b.name]=ce(b,y)})}}this.apis=he(s,o,this.adapter),X(),this.project.config?.mock&&ve(s),this.initRouter(),this.triggerReady()}initRouter(){const{router:e,project:t}=this;e&&(e.addRoute({path:"/page/:id",name:"VtjPage",component:ne}),e.addRoute({path:"/",name:"VtjHomepage",component:t?.homepage?ne:dt}))}install(e){const t=e.config.globalProperties.installed||{};for(const[r,s]of Object.entries(this.library))!t[r]&&fe(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=A({getDsl:async c=>await this.getDsl(c)||null,getDslByUrl:async c=>await this.getDslByUrl(c)||null,options:i});return k({...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 p.defineAsyncComponent(async()=>{const r=await this.getDslByUrl(e);return r?(r.name=t||r.name,this.createDslRenderer(r).renderer):null})}definePluginComponent(e){return p.defineAsyncComponent(async()=>{const t=await z(e,window);return t?(K(t.css),t.component):null})}}function pt(n){const e=new je(n);return{provider:e,onReady:r=>e.ready(r)}}function ee(n={}){const e=p.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&&H.ElNotification.warning({title:s?.name,message:"当前组件源码版本与运行时版本不一致，请重新发布组件"})})()}return e}const te=new u.Request({settings:{type:"json",validSuccess:!0,originResponse:!1,failMessage:!0,validate:n=>n.data?.code===0,showError:n=>{H.ElNotification.error({message:n||"未知错误"})}}}),mt=(n="/vtj/local/repository/${type}.json")=>(e,t)=>te.send({url:n,method:"post",query:{type:e},data:{type:e,data:t}}),ht=(n="/vtj/local/repository/uploader.json")=>async(e,t)=>await te.send({url:n,method:"post",data:{files:e,projectId:t},settings:{type:"data"}}).then(r=>r&&r[0]?r[0]:null).catch(()=>null);class q{api;pluginCaches={};uploader;constructor(){this.api=mt(),this.uploader=ht()}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=>ie(o))[0];if(!r)return null;const s=this.pluginCaches[r];return s||(this.pluginCaches[r]=te.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 vt extends q{init(e){const t=new E.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 E.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 E.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 $e extends q{projects={};materials={};files={};histories={};historyItems={};init(e){const t=new E.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 E.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 E.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 T=null;function gt(){return T||(T=new $e,T)}class yt extends q{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 Ee(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?Ee(o):void 0}})}function _t(){const n=ee(),e=re.useRoute(),t=p.ref(!1),r=n.project;p.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=Ee(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=se;exports.BaseService=q;exports.CONTEXT_HOST=J;exports.Context=ye;exports.ContextMode=j;exports.DATA_TYPES=oe;exports.JSCodeToString=Ie;exports.LIFE_CYCLES_LIST=Pe;exports.LocalService=yt;exports.MemoryService=$e;exports.Provider=je;exports.StorageService=vt;exports.VTJ_RENDERER_VERSION=R;exports.adoptedStyleSheets=Y;exports.createAssetScripts=Re;exports.createAssetsCss=Fe;exports.createDataSources=_e;exports.createLoader=A;exports.createMemoryService=gt;exports.createMetaApi=me;exports.createProvider=pt;exports.createRenderer=k;exports.createSchemaApi=pe;exports.createSchemaApis=he;exports.defaultLoader=Se;exports.fillBasePath=M;exports.getModifiers=G;exports.getPlugin=z;exports.getRawComponent=ce;exports.isCSSUrl=N;exports.isJSCode=de;exports.isJSExpression=S;exports.isJSFunction=x;exports.isJSON=ie;exports.isJSUrl=U;exports.isVuePlugin=fe;exports.loadCss=le;exports.loadCssUrl=K;exports.loadScriptUrl=ue;exports.mockApi=ge;exports.mockApis=ve;exports.mockCleanup=X;exports.nodeRender=O;exports.parseDeps=ae;exports.parseExpression=F;exports.parseFunction=V;exports.providerKey=Z;exports.toString=W;exports.useMask=_t;exports.useProvider=ee;

package/dist/index.mjs

@@ -1,5 +1,5 @@
 import { Base as _e, BUILT_IN_COMPONENTS as we, ProjectModel as M, HistoryModel as re } from "@vtj/core";
-import { isUrl as Se, url as P, dedupArray as $e, isString as C, isFunction as Y, logger as O, createRequest as je, merge as Ee, pathToRegexp as be, pathToRegexpMatch as Pe, formDataToJson as Ce, camelCase as E, upperFirst as Re, pick as Fe, jsonp as Ie, loadScript as z, Request as xe, Storage as He, mapToObject as J } from "@vtj/utils";
+import { isUrl as Se, url as C, dedupArray as $e, isString as E, isFunction as Y, logger as O, createRequest as je, merge as Ee, pathToRegexp as be, pathToRegexpMatch as Pe, formDataToJson as Ce, camelCase as b, upperFirst as Re, pick as Fe, jsonp as Ie, loadScript as z, Request as xe, Storage as He, mapToObject as J } from "@vtj/utils";
 import * as T from "vue";
 import { toRef as Me, readonly as Oe, customRef as De, ref as L, onBeforeUnmount as ke, getCurrentScope as Te, onScopeDispose as Be, unref as Ae, getCurrentInstance as se, watch as oe, computed as ie, onMounted as Ne, defineComponent as ae, h as N, inject as Ue, defineAsyncComponent as Z, watchEffect as qe } from "vue";
 import { useRoute as ce } from "vue-router";
@@ -10,10 +10,10 @@ import { XStartup as Le } from "@vtj/ui";
  * Copyright (c) 2024, VTJ.PRO All rights reserved.
  * @name @vtj/renderer 
  * @author CHC chenhuachun1549@dingtalk.com 
- * @version 0.8.38
+ * @version 0.8.40
  * @license <a href="https://vtj.pro/license.html">MIT License</a>
  */
-const F = "0.8.38";
+const F = "0.8.40";
 var S = /* @__PURE__ */ ((n) => (n.Runtime = "Runtime", n.Design = "Design", n.Raw = "Raw", n.VNode = "VNode", n))(S || {});
 const ee = [
   "$el",
@@ -27,7 +27,7 @@ const ee = [
   "$props",
   "$options",
   "$forceUpdate"
-], en = [
+], tn = [
   "beforeCreate",
   "created",
   "beforeMount",
@@ -62,14 +62,14 @@ function G(n) {
 function Ge(n) {
   return /\.json$/.test(n);
 }
-function tn(n) {
+function nn(n) {
   return n.map(
-    (e) => `<script src="${P.append(e, { v: F })}"><\/script>`
+    (e) => `<script src="${C.append(e, { v: F })}"><\/script>`
   ).join("");
 }
-function nn(n = []) {
+function rn(n = []) {
   return n.map(
-    (e) => `<link rel="stylesheet" href="${P.append(e, { v: F })}" />`
+    (e) => `<link rel="stylesheet" href="${C.append(e, { v: F })}" />`
   ).join("");
 }
 function Ke(n, e) {
@@ -96,7 +96,7 @@ function Qe(n, e) {
   return r ? e[r]?.[s || t] : e[s || t];
 }
 function le(n) {
-  return C(n) ? n : JSON.stringify(n);
+  return E(n) ? n : JSON.stringify(n);
 }
 function ue(n, e, t) {
   const r = n.CSSStyleSheet;
@@ -176,10 +176,10 @@ function B(n) {
 function Ze(n) {
   return _(n) || B(n);
 }
-function rn(n) {
+function sn(n) {
   return Ze(n) ? n.value : JSON.stringify(n);
 }
-let b = null;
+let P = null;
 const et = je({
   settings: {
     type: "form",
@@ -194,14 +194,14 @@ const et = je({
       });
     },
     showLoading: () => {
-      b && b.close(), b = Je.service({
+      P && P.close(), P = Je.service({
         lock: !0,
         text: "Loading",
         background: "rgba(0, 0, 0, 0.05)"
       });
     },
     hideLoading: () => {
-      b && (b.close(), b = null);
+      P && (P.close(), P = null);
     }
   }
 });
@@ -257,7 +257,7 @@ function ot(n) {
   if (e && t) {
     const r = be(`${e}(.*)`), s = Pe(e, { decode: decodeURIComponent }), o = I(t, {}, !0);
     D.mock(r, (a) => {
-      const i = P.parse(a.url) || {}, l = a.body instanceof FormData ? Ce(a.body) : a.body, c = s(a.url)?.params;
+      const i = C.parse(a.url) || {}, l = a.body instanceof FormData ? Ce(a.body) : a.body, c = s(a.url)?.params;
       return Object.assign(a, { data: l, params: i, query: c }), D.mock(o(a));
     });
   }
@@ -382,15 +382,15 @@ function U(n) {
   }), p = e.defineComponent({
     name: i.value.name,
     props: {
-      ...at(i.value.props ?? [], c)
+      ...ct(i.value.props ?? [], c)
     },
     setup(u) {
       c.$props = u, c.props = u, i.value.id && ue(
         n.window || window,
         i.value.id,
         i.value.css || ""
-      ), c.state = ct(e, i.value.state ?? {}, c);
-      const f = lt(e, i.value.computed ?? {}, c), m = ut(i.value.methods ?? {}, c), w = ft(e, i.value.inject, c), h = pt(
+      ), c.state = lt(e, i.value.state ?? {}, c);
+      const f = ut(e, i.value.computed ?? {}, c), m = ft(i.value.methods ?? {}, c), w = pt(e, i.value.inject, c), h = dt(
         i.value.dataSources || {},
         c
       ), g = {
@@ -399,11 +399,11 @@ function U(n) {
         ...m,
         ...h
       };
-      return c.setup(g, e), dt(e, i.value.watch ?? [], c), {
+      return c.setup(g, e), mt(e, i.value.watch ?? [], c), {
         vtj: c
       };
     },
-    emits: [...i.value.emits ?? []],
+    emits: at(i.value.emits),
     expose: ["vtj"],
     render() {
       if (!i.value.nodes)
@@ -411,16 +411,19 @@ function U(n) {
       const u = i.value.nodes || [];
       return u.length === 1 ? k(u[0], c, e, a) : u.map((f) => k(f, c, e, a));
     },
-    ...mt(i.value.lifeCycles ?? {}, c)
+    ...ht(i.value.lifeCycles ?? {}, c)
   });
   return {
     renderer: e.markRaw(p),
     context: c
   };
 }
-function at(n = [], e) {
+function at(n = []) {
+  return n.map((e) => E(e) ? e : e.name);
+}
+function ct(n = [], e) {
   const t = (r) => r ? (Array.isArray(r) ? r : [r]).map((o) => We[o]) : void 0;
-  return n.map((r) => C(r) ? {
+  return n.map((r) => E(r) ? {
     name: r
   } : {
     name: r.name,
@@ -436,7 +439,7 @@ function at(n = [], e) {
     {}
   );
 }
-function ct(n, e, t) {
+function lt(n, e, t) {
   return n.reactive(
     Object.keys(e || {}).reduce(
       (r, s) => {
@@ -447,19 +450,19 @@ function ct(n, e, t) {
     )
   );
 }
-function lt(n, e, t) {
+function ut(n, e, t) {
   return Object.entries(e ?? {}).reduce(
     (r, [s, o]) => (r[s] = n.computed(t.__parseFunction(o)), r),
     {}
   );
 }
-function ut(n, e) {
+function ft(n, e) {
   return Object.entries(n ?? {}).reduce(
     (t, [r, s]) => (t[r] = e.__parseFunction(s), t),
     {}
   );
 }
-function ft(n, e = [], t) {
+function pt(n, e = [], t) {
   return e.reduce(
     (r, s) => {
       const { name: o, from: a } = s || {};
@@ -470,7 +473,7 @@ function ft(n, e = [], t) {
     {}
   );
 }
-function pt(n, e) {
+function dt(n, e) {
   return Object.keys(n).reduce(
     (t, r) => {
       const s = n[r], o = e.$apis[s.ref], a = B(s.transform) ? s.transform.value ? e.__parseFunction(s.transform) : void 0 : s.transform;
@@ -482,7 +485,7 @@ function pt(n, e) {
     {}
   );
 }
-function dt(n, e = [], t) {
+function mt(n, e = [], t) {
   e.forEach((r) => {
     n.watch(
       t.__parseExpression(r.source),
@@ -494,14 +497,14 @@ function dt(n, e = [], t) {
     );
   });
 }
-function mt(n, e) {
+function ht(n, e) {
   return Object.entries(n ?? {}).reduce(
     (t, [r, s]) => (t[r] = e.__parseFunction(s), t),
     {}
   );
 }
 let A = [];
-const ht = (n) => n;
+const vt = (n) => n;
 async function de(n, e = window) {
   const { urls: t = [], library: r } = n, s = t.filter((i) => G(i));
   if (s.length === 0 || !r)
@@ -541,30 +544,30 @@ function q(n) {
     return i ? (fe(i.css, r.window), i.component) : null;
   })) : s;
 }
-function k(n, e, t = T, r = ht) {
+function k(n, e, t = T, r = vt) {
   if (!n || !n.name || n.invisible)
     return null;
-  const { id: s = null, directives: o = [] } = n, { vIf: a, vFor: i, vShow: l, vModels: c, vBind: p } = vt(o);
-  if (a && !yt(a, e))
+  const { id: s = null, directives: o = [] } = n, { vIf: a, vFor: i, vShow: l, vModels: c, vBind: p } = yt(o);
+  if (a && !gt(a, e))
     return null;
   const u = (f) => {
     const m = f.$components, w = (() => {
       if (n.name === "component")
-        return gt(f, n.props?.is);
+        return _t(f, n.props?.is);
       if (n.name === "slot")
         return n.name;
       const v = r(n.name, n.from, t);
-      return C(v) ? m[v] ?? v : v;
-    })(), h = _t(s, n.props ?? {}, f), g = wt(t, n.events ?? {}, f);
+      return E(v) ? m[v] ?? v : v;
+    })(), h = wt(s, n.props ?? {}, f), g = St(t, n.events ?? {}, f);
     if (n.name === "slot")
-      return St(t, n, h, f, r);
+      return $t(t, n, h, f, r);
     p && Object.assign(h, f.__parseExpression(p.value)), l && (h.style = Object.assign(
       h.style ?? {},
-      jt(l, f)
+      Et(l, f)
     )), c.forEach((v) => {
-      Object.assign(h, Et(t, v, f));
+      Object.assign(h, bt(t, v, f));
     });
-    const d = bt(
+    const d = Pt(
       t,
       n.children ?? [],
       f,
@@ -573,11 +576,11 @@ function k(n, e, t = T, r = ht) {
     );
     return t.createVNode(w, { ...h, ...g }, d);
   };
-  return i ? Rt(i, u, e) : u(e);
+  return i ? Ft(i, u, e) : u(e);
 }
-function vt(n = []) {
-  const e = n.find((i) => E(i.name) === "vIf"), t = n.find((i) => E(i.name) === "vFor"), r = n.find((i) => E(i.name) === "vShow"), s = n.find((i) => E(i.name) === "vBind"), o = n.filter((i) => E(i.name) === "vModel"), a = n.filter(
-    (i) => !Ve.includes(E(i.name))
+function yt(n = []) {
+  const e = n.find((i) => b(i.name) === "vIf"), t = n.find((i) => b(i.name) === "vFor"), r = n.find((i) => b(i.name) === "vShow"), s = n.find((i) => b(i.name) === "vBind"), o = n.filter((i) => b(i.name) === "vModel"), a = n.filter(
+    (i) => !Ve.includes(b(i.name))
   );
   return {
     vIf: e,
@@ -588,13 +591,13 @@ function vt(n = []) {
     others: a
   };
 }
-function yt(n, e) {
+function gt(n, e) {
   return !!e.__parseExpression(n.value);
 }
-function gt(n, e) {
+function _t(n, e) {
   return e ? _(e) ? n.__parseExpression(e) : e : "div";
 }
-function _t(n, e, t) {
+function wt(n, e, t) {
   const r = Object.keys(e || {}).reduce(
     (s, o) => {
       let a = e[o];
@@ -604,7 +607,7 @@ function _t(n, e, t) {
   );
   return r.ref = t.__ref(n, r.ref), r;
 }
-function wt(n, e, t) {
+function St(n, e, t) {
   const r = ["passive", "capture", "once"], s = {
     capture: "Capture",
     once: "Once",
@@ -622,27 +625,27 @@ function me(n = {}, e = !1) {
   const t = Object.keys(n);
   return e ? t.map((r) => "." + r) : t;
 }
-function St(n, e, t, r, s) {
-  const { children: o } = e, a = $t(e, r), i = r.$slots?.[a.name];
-  return i ? i(t) : o ? C(o) ? n.createTextVNode(o) : _(o) ? n.createTextVNode(
+function $t(n, e, t, r, s) {
+  const { children: o } = e, a = jt(e, r), i = r.$slots?.[a.name];
+  return i ? i(t) : o ? E(o) ? n.createTextVNode(o) : _(o) ? n.createTextVNode(
     le(r.__parseExpression(o))
   ) : Array.isArray(o) ? o.map(
     (l) => k(l, r, n, s)
   ) : null : null;
 }
-function $t(n, e) {
+function jt(n, e) {
   const { props: t } = n, r = t?.name || "default";
   return {
     name: _(r) ? e.__parseExpression(r) : r,
     params: []
   };
 }
-function jt(n, e) {
+function Et(n, e) {
   return e.__parseExpression(n.value) ? {} : {
     display: "none"
   };
 }
-function Et(n, e, t) {
+function bt(n, e, t) {
   const r = {
     type: "JSFunction",
     value: e.value?.value ? `(v) => {
@@ -654,17 +657,17 @@ function Et(n, e, t) {
     [`onUpdate:${a}`]: o.length && s ? n.withModifiers(s, o) : s
   };
 }
-function bt(n, e, t, r, s) {
+function Pt(n, e, t, r, s) {
   if (!e)
     return null;
-  if (C(e))
+  if (E(e))
     return { default: () => e };
   if (_(e))
     return {
       default: () => le(t.__parseExpression(e))
     };
   if (Array.isArray(e) && e.length > 0) {
-    const o = Pt(e), a = (i) => !i || !s ? {} : s?.id && Object.keys(i).length ? {
+    const o = Ct(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: p }]) => (i[l] = (u) => {
@@ -676,7 +679,7 @@ function bt(n, e, t, r, s) {
   }
   return null;
 }
-function Pt(n) {
+function Ct(n) {
   const e = {
     default: {
       params: [],
@@ -684,7 +687,7 @@ function Pt(n) {
     }
   };
   for (const t of n) {
-    const r = Ct(t.slot), s = r.name;
+    const r = Rt(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
@@ -692,15 +695,15 @@ function Pt(n) {
   }
   return e;
 }
-function Ct(n = "default") {
-  return C(n) ? { name: n, params: [] } : { params: [], ...n };
+function Rt(n = "default") {
+  return E(n) ? { name: n, params: [] } : { params: [], ...n };
 }
-function Rt(n, e, t) {
+function Ft(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 Ft(n) {
+function It(n) {
   return Te() ? (Be(n), !0) : !1;
 }
 function K(n) {
@@ -708,65 +711,65 @@ function K(n) {
 }
 const he = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const It = (n) => n != null, xt = () => {
+const xt = (n) => n != null, Ht = () => {
 };
-function Ht(n) {
+function Mt(n) {
   return se();
 }
-function Mt(...n) {
+function Ot(...n) {
   if (n.length !== 1)
     return Me(...n);
   const e = n[0];
-  return typeof e == "function" ? Oe(De(() => ({ get: e, set: xt }))) : L(e);
+  return typeof e == "function" ? Oe(De(() => ({ get: e, set: Ht }))) : L(e);
 }
-function Ot(n, e) {
-  Ht() && ke(n, e);
+function Dt(n, e) {
+  Mt() && ke(n, e);
 }
-function Dt(n) {
+function kt(n) {
   var e;
   const t = K(n);
   return (e = t?.$el) != null ? e : t;
 }
-const kt = he ? window : void 0, Tt = he ? window.document : void 0;
-function Bt() {
+const Tt = he ? window : void 0, Bt = he ? window.document : void 0;
+function At() {
   const n = L(!1), e = se();
   return e && Ne(() => {
     n.value = !0;
   }, e), n;
 }
-function At(n) {
-  const e = Bt();
+function Nt(n) {
+  const e = At();
   return ie(() => (e.value, !!n()));
 }
-function Nt(n, e, t = {}) {
-  const { window: r = kt, ...s } = t;
+function Ut(n, e, t = {}) {
+  const { window: r = Tt, ...s } = t;
   let o;
-  const a = At(() => r && "MutationObserver" in r), i = () => {
+  const a = Nt(() => r && "MutationObserver" in r), i = () => {
     o && (o.disconnect(), o = void 0);
   }, l = ie(() => {
-    const f = K(n), m = (Array.isArray(f) ? f : [f]).map(Dt).filter(It);
+    const f = K(n), m = (Array.isArray(f) ? f : [f]).map(kt).filter(xt);
     return new Set(m);
   }), c = oe(
     () => l.value,
     (f) => {
-      i(), a.value && r && f.size && (o = new MutationObserver(e), f.forEach((m) => o.observe(m, s)));
+      i(), a.value && f.size && (o = new MutationObserver(e), f.forEach((m) => o.observe(m, s)));
     },
     { immediate: !0, flush: "post" }
   ), p = () => o?.takeRecords(), u = () => {
     i(), c();
   };
-  return Ft(u), {
+  return It(u), {
     isSupported: a,
     stop: u,
     takeRecords: p
   };
 }
-function Ut(n = null, e = {}) {
+function qt(n = null, e = {}) {
   var t, r, s;
   const {
-    document: o = Tt,
+    document: o = Bt,
     restoreOnUnmount: a = (u) => u
-  } = e, i = (t = o?.title) != null ? t : "", l = Mt((r = n ?? o?.title) != null ? r : null), c = n && typeof n == "function";
+  } = e, i = (t = o?.title) != null ? t : "", l = Ot((r = n ?? o?.title) != null ? r : null), c = n && typeof n == "function";
   function p(u) {
     if (!("titleTemplate" in e))
       return u;
@@ -779,13 +782,13 @@ function Ut(n = null, e = {}) {
       u !== f && o && (o.title = p(typeof u == "string" ? u : ""));
     },
     { immediate: !0 }
-  ), e.observe && !e.titleTemplate && o && !c && Nt(
+  ), e.observe && !e.titleTemplate && o && !c && Ut(
     (s = o.head) == null ? void 0 : s.querySelector("title"),
     () => {
       o && o.title !== l.value && (l.value = p(o.title));
     },
     { childList: !0 }
-  ), Ot(() => {
+  ), Dt(() => {
     if (a) {
       const u = a(i, l.value || "");
       u != null && o && (o.title = u);
@@ -796,7 +799,7 @@ const ne = ae({
   name: "VtjPageContainer",
   async setup() {
     const n = ye(), e = ce(), t = e.params.id, r = t ? n.getPage(t) : n.getHomepage(), s = r ? await n.getRenderComponent(r.id) : null;
-    return r && Ut(r.title || "VTJ"), {
+    return r && qt(r.title || "VTJ"), {
       provider: n,
       component: s,
       file: r,
@@ -806,13 +809,13 @@ const ne = ae({
   render() {
     return this.component ? N(this.component, this.query) : N("div", "页面不存在");
   }
-}), qt = ae({
+}), Jt = ae({
   name: "VtjStartupContainer",
   render() {
     return N(Le);
   }
 }), ve = Symbol("Provider");
-class Jt extends _e {
+class Lt extends _e {
   constructor(e) {
     super(), this.options = e;
     const {
@@ -870,12 +873,12 @@ class Jt extends _e {
       else {
         const $ = u[d] || [];
         for (const j of $)
-          W(j) && await Xe(d, P.append(j, { v: F })), G(j) && await z(P.append(j, { v: F }));
+          W(j) && await Xe(d, C.append(j, { v: F })), G(j) && await z(C.append(j, { v: F }));
         i[d] = h[d];
       }
     }
     for (const d of f)
-      await z(P.append(d, { v: F }));
+      await z(C.append(d, { v: F }));
     const g = this.materials || {};
     for (const d of m) {
       const v = h[w[d]], R = we[d];
@@ -901,7 +904,7 @@ class Jt extends _e {
     }), e.addRoute({
       path: "/",
       name: "VtjHomepage",
-      component: t?.homepage ? ne : qt
+      component: t?.homepage ? ne : Jt
     }));
   }
   install(e) {
@@ -990,8 +993,8 @@ class Jt extends _e {
     });
   }
 }
-function sn(n) {
-  const e = new Jt(n);
+function on(n) {
+  const e = new Lt(n);
   return {
     provider: e,
     onReady: (r) => e.ready(r)
@@ -1026,7 +1029,7 @@ const Q = new xe({
       });
     }
   }
-}), Lt = (n = "/vtj/local/repository/${type}.json") => (e, t) => Q.send({
+}), Vt = (n = "/vtj/local/repository/${type}.json") => (e, t) => Q.send({
   url: n,
   method: "post",
   query: { type: e },
@@ -1034,7 +1037,7 @@ const Q = new xe({
     type: e,
     data: t
   }
-}), Vt = (n = "/vtj/local/repository/uploader.json") => async (e, t) => await Q.send({
+}), Wt = (n = "/vtj/local/repository/uploader.json") => async (e, t) => await Q.send({
   url: n,
   method: "post",
   data: {
@@ -1050,7 +1053,7 @@ class X {
   pluginCaches = {};
   uploader;
   constructor() {
-    this.api = Lt(), this.uploader = Vt();
+    this.api = Vt(), this.uploader = Wt();
   }
   async getExtension() {
     console.log("BaseService.getExtension");
@@ -1142,7 +1145,7 @@ const y = new He({
   expired: 0,
   prefix: "__VTJ_"
 });
-class on extends X {
+class an extends X {
   init(e) {
     const t = new M(e), r = y.get(`project_${t.id}`), s = Object.assign(t.toDsl(), r || {});
     return y.save(`project_${t.id}`, s), Promise.resolve(s);
@@ -1192,7 +1195,7 @@ class on extends X {
     }), Promise.resolve(!0);
   }
 }
-class Wt extends X {
+class Gt extends X {
   projects = {};
   materials = {};
   files = {};
@@ -1250,10 +1253,10 @@ class Wt extends X {
   }
 }
 let H = null;
-function an() {
-  return H || (H = new Wt(), H);
+function cn() {
+  return H || (H = new Gt(), H);
 }
-class cn extends X {
+class ln extends X {
   getFileCaches = {};
   async getExtension() {
     return await this.api("getExtension", {}).catch(() => {
@@ -1321,7 +1324,7 @@ function ge(n = []) {
     };
   });
 }
-function ln() {
+function un() {
   const n = ye(), e = ce(), t = L(!1), r = n.project;
   qe(() => {
     const { name: a, params: i, meta: l } = e;
@@ -1350,25 +1353,25 @@ export {
   it as Context,
   S as ContextMode,
   We as DATA_TYPES,
-  rn as JSCodeToString,
-  en as LIFE_CYCLES_LIST,
-  cn as LocalService,
-  Wt as MemoryService,
-  Jt as Provider,
-  on as StorageService,
+  sn as JSCodeToString,
+  tn as LIFE_CYCLES_LIST,
+  ln as LocalService,
+  Gt as MemoryService,
+  Lt as Provider,
+  an as StorageService,
   F as VTJ_RENDERER_VERSION,
   ue as adoptedStyleSheets,
-  tn as createAssetScripts,
-  nn as createAssetsCss,
-  pt as createDataSources,
+  nn as createAssetScripts,
+  rn as createAssetsCss,
+  dt as createDataSources,
   q as createLoader,
-  an as createMemoryService,
+  cn as createMemoryService,
   nt as createMetaApi,
-  sn as createProvider,
+  on as createProvider,
   U as createRenderer,
   tt as createSchemaApi,
   rt as createSchemaApis,
-  ht as defaultLoader,
+  vt as defaultLoader,
   x as fillBasePath,
   me as getModifiers,
   de as getPlugin,
@@ -1392,6 +1395,6 @@ export {
   te as parseFunction,
   ve as providerKey,
   le as toString,
-  ln as useMask,
+  un as useMask,
   ye as useProvider
 };

package/package.json

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

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