@vtj/renderer 0.9.12 → 0.9.14

package/dist/index.cjs

@@ -2,10 +2,10 @@
  * Copyright (c) 2025, VTJ.PRO All rights reserved.
  * @name @vtj/renderer 
  * @author CHC chenhuachun1549@dingtalk.com 
- * @version 0.9.12
+ * @version 0.9.14
  * @license <a href="https://vtj.pro/license.html">MIT License</a>
- */const P="0.9.12";var _=(n=>(n.Runtime="Runtime",n.Design="Design",n.Raw="Raw",n.VNode="VNode",n))(_||{});const J=["$el","$emit","$nextTick","$parent","$root","$attrs","$slots","$watch","$props","$options","$forceUpdate"],Ne=["beforeCreate","created","beforeMount","mounted","beforeUpdate","updated","beforeUnmount","unmounted","errorCaptured","renderTracked","renderTriggered","activated","deactivated"],ne=["vIf","vShow","vModel","vFor","vBind","vHtml"],re={String,Number,Boolean,Array,Object,Function,Date},R="VtjPage",T="VtjHomepage",oe="html,body,base,head,link,meta,style,title,address,article,aside,footer,header,hgroup,h1,h2,h3,h4,h5,h6,nav,section,div,dd,dl,dt,figcaption,figure,picture,hr,img,li,main,ol,p,pre,ul,a,b,abbr,bdi,bdo,br,cite,code,data,dfn,em,i,kbd,mark,q,rp,rt,ruby,s,samp,small,span,strong,sub,sup,time,u,var,wbr,area,audio,map,track,video,embed,object,param,source,canvas,script,noscript,del,ins,caption,col,colgroup,table,thead,tbody,td,th,tr,button,datalist,fieldset,form,input,label,legend,meter,optgroup,option,output,progress,select,textarea,details,dialog,menu,summary,template,blockquote,iframe,tfoot".split(","),ie="component,slot".split(",");function A(n,e){return n.map(t=>l.isUrl(t)||t.startsWith("/")?t:`${e}${t}`)}function N(n){return/\.css$/.test(n)}function B(n){return/\.js$/.test(n)}function ae(n){return/\.json$/.test(n)}function Be(n){return n.map(e=>`<script src="${l.url.append(e,{v:P})}"><\/script>`).join("")}function Ue(n=[]){return n.map(e=>`<link rel="stylesheet" href="${l.url.append(e,{v:P})}" />`).join("")}function ce(n,e=!1){return e&&n.endsWith(".prod.js")?n.replace(".prod.js",".js"):n}function le(n,e,t=!1){const s=n.filter(f=>!!f.enabled),r=[],o=[],a=[],i=[],c={},u={},m=[],d={};return s.forEach(({urls:f,assetsUrl:g,library:v,assetsLibrary:h,localeLibrary:b})=>{f?.forEach(y=>{B(y)&&r.push(ce(y,t)),N(y)&&o.push(y)}),v&&(i.push(v),c[v]=A(f||[],e),b&&(u[v]=b)),g&&a.push(g),h&&m.push(h),v&&h&&(d[h]=v)}),{scripts:A(r,e),css:A(o,e),materials:A(a,e),libraryExports:i,materialExports:l.dedupArray(m),materialMapLibrary:d,libraryMap:c,libraryLocaleMap:u}}function ue(n,e){const{name:t,parent:s,alias:r}=n;return s?e[s]?.[r||t]:e[r||t]}function V(n){return l.isString(n)?n:JSON.stringify(n)}function z(n,e,t){const s=n.CSSStyleSheet;if(s.prototype.replaceSync){const r=new s;r.id=e,r.replaceSync(t);const o=n.document,a=o.adoptedStyleSheets,i=Array.from(a).filter(c=>c.id!==e);o.adoptedStyleSheets=[...i,r]}else{const r=n.document;let o=r.getElementById(e);o?o.innerHTML=t:(o=r.createElement("style"),o.id=e,o.innerHTML=t,r.head.appendChild(o))}}async function de(n,e){const t=await window.fetch(e).then(s=>s.text()).catch(()=>"");t&&z(window,n,t)}function pe(n,e=window){const t=e.document,s=e.document.head;for(const r of n)if(!t.getElementById(r)){const a=t.createElement("link");a.rel="stylesheet",a.id=r,a.href=r,s.appendChild(a)}}async function fe(n,e,t=window){const s=t.document,r=t.document.head;let o=t[e];return o?o.default||o:new Promise((a,i)=>{for(const c of n){const u=s.createElement("script");u.src=c,u.onload=()=>{o=t[e],o?a(o.default||o):i(null)},u.onerror=m=>{i(m)},r.appendChild(u)}})}function he(n){return l.isFunction(n)||l.isFunction(n?.install)}function me(n){return ie.includes(n)}function ge(n){return oe.includes(n)}function k(n,e,t=!1,s=!1){try{const r=['"use strict";',"var __self = arguments[0];"];r.push("return ");let o=(n.value||"").trim();o=o.replace(/this(\W|$)/g,(i,c)=>`__self${c}`),o=r.join(`
-`)+o;const a=`with(${t?"{}":"$scope || {}"}) { ${o} }`;return new Function("$scope",a)(e)}catch(r){if(l.logger.error("parseExpression.error",r,n,e?.__self??e),s)throw r}}function O(n,e,t=!1,s=!1){const r=k(n,e,t,s);if(typeof r!="function"&&(l.logger.error("parseFunction.error","not a function",n,e?.__self??e),s))throw new Error(`"${n.value}" not a function`);return r}function S(n){return n&&n.type==="JSExpression"}function x(n){return typeof n=="object"&&n&&n.type==="JSFunction"}function ve(n){return S(n)||x(n)}function Le(n){return ve(n)?n.value:JSON.stringify(n)}const qe={session:!1,authKey:"Authorization",storageKey:"ACCESS_STORAGE",storagePrefix:"__VTJ_",unauthorized:void 0,auth:"/#/login",redirectParam:"r",unauthorizedCode:401,unauthorizedMessage:"登录已经失效，请重新登录！",noPermissionMessage:"无权限访问该页面",appName:""},K=Symbol("access");class Je{options;data=null;mode=_.Raw;constructor(e){this.options=Object.assign({},qe,e),this.loadData()}connect(e){const{mode:t,router:s,request:r}=e;this.mode=t,s&&this.mode===_.Raw&&this.setGuard(s),r&&this.setRequest(r)}login(e){const{storageKey:t,storagePrefix:s,session:r,authKey:o}=this.options;this.setData(e),this.data&&(l.storage.save(t,e,{type:"local",prefix:s}),r&&l.cookie.set(o,this.data.token))}clear(){const{storageKey:e,storagePrefix:t,session:s,authKey:r}=this.options;this.data=null,l.storage.remove(e,{type:"local",prefix:t}),s&&l.cookie.remove(r)}logout(){this.clear(),this.toLogin()}getData(){return this.data?this.data:(this.loadData(),this.data)}getToken(){return this.data||this.loadData(),this.data?.token}can(e){const{appName:t}=this.options,{permissions:s={}}=this.data||{};return typeof e=="function"?e(s):l.toArray(e).every(o=>s[o]||s[t+"."+o])}some(e){const{appName:t}=this.options,{permissions:s={}}=this.data||{};return l.toArray(e).some(o=>s[o]||s[t+"."+o])}install(e){e.config.globalProperties.$access||(e.config.globalProperties.$access=this),e.provide(K,this)}isAuthPath(e){const{auth:t,isAuth:s}=this.options;if(s)return s(e);if(e.path&&typeof t=="string"){const r=t.split("#")[1]||t;return e.path===r}return!1}toLogin(){const{auth:e,redirectParam:t}=this.options;if(!e)return;const s=t?`?${t}=${encodeURIComponent(location.href)}`:"";typeof e=="function"?e(s):location.href=t?`${e}${s}`:e}setData(e){const{privateKey:t}=this.options;if(Array.isArray(e)&&t){const s=e.map(r=>l.unRSA(r,t));this.data=JSON.parse(s.join(""));return}if(typeof e=="string")try{const s=t?l.unRSA(e,t):e;s?this.data=JSON.parse(s):console.warn("RSA解密失败或登录信息缺失")}catch(s){console.warn(s)}else this.data=e}loadData(){const{storageKey:e,storagePrefix:t}=this.options,s=l.storage.get(e,{type:"local",prefix:t});this.setData(s||null)}isLogined(){const{session:e,authKey:t}=this.options;return e&&t?!!l.cookie.get(t):!!this.getToken()}hasRoutePermission(e){if(e.name===R){const t=e.params.id;return t&&this.can(t)}return!0}setGuard(e){e.beforeEach((t,s,r)=>this.guard(t,r))}async guard(e,t){if(this.isWhiteList(e)||this.isAuthPath(e))return t();if(this.isLogined()){if(this.hasRoutePermission(e))return t();{const{noPermissionMessage:s="无权限访问",unauthorized:r=!1}=this.options;return await this.showTip(s),l.isFunction(r)?(r(),t(!1)):l.isString(r)?t(r):t(!1)}}t(!1),this.toLogin()}isWhiteList(e){const{whiteList:t}=this.options;return t?Array.isArray(t)?t.some(s=>e.fullPath.startsWith(s)):t(e):!1}isUnauthorized(e){const{unauthorizedCode:t=401}=this.options;return e.status===t||e.data.code===t}async showUnauthorizedAlert(e){const{unauthorizedMessage:t="登录已失效"}=this.options;this.isUnauthorized(e)&&(await this.showTip(t),this.toLogin())}async showTip(e){const{alert:t}=this.options;return t?(await l.delay(150),await t(e,{title:"提示",type:"warning"}).catch(()=>!1)):!1}setRequest(e){e.useRequest(t=>(this.data?.token&&(t.headers[this.options.authKey]=this.data?.token),t)),e.useResponse(async t=>(await this.showUnauthorizedAlert(t),t),async t=>{const s=t.response||t||{};return await this.showUnauthorizedAlert(s),Promise.reject(t)})}}function ye(){return p.inject(K,null)}function Ve(n={}){const{notify:e,loading:t,settings:s={}}=n;let r=null;return{request:l.createRequest({settings:{type:"form",validSuccess:!0,originResponse:!1,loading:!0,validate:a=>a.data?.code===0||!!a.data?.success,failMessage:!0,showError:a=>{e&&e(a||"未知错误")},showLoading:()=>{r&&r.close(),t&&(r=t())},hideLoading:()=>{r&&(r.close(),r=null)},...s}}),jsonp:l.jsonp,notify:e,loading:t}}function _e(n,e){const{jsonp:t,request:s}=e;if(n.method==="jsonp")return(r={})=>t(n.url,{...n.jsonpOptions,query:r});{const r=n.headers?k(n.headers,{},!0):void 0,o={url:n.url,method:n.method,settings:{...n.settings,headers:r}};return(a,i)=>(delete o.data,s.send(l.merge(o,i||{},{data:a})))}}function we(n,e){const{metaQuery:t}=e;if(!t)return;const{code:s,queryCode:r}=n;return(o,a)=>{if(!t){console.warn("adapter.metaQuery is not defined!");return}return t(s,r,o,a)}}function Se(n=[],e=[],t){const s={};for(const r of n)s[r.id]=_e(r,t);for(const r of e)s[r.id]=we(r,t);return s}async function be(n=[]){C&&(G(),n.forEach(e=>Ee(C,e)))}function je(n){const e=x(n.mockTemplate)&&n.mockTemplate.value?O(n.mockTemplate,{},!0):void 0;return async(...t)=>{let s={};if(e)try{s=await e.apply(e,t)}catch(r){l.logger.warn("模拟数据模版异常",r)}return C.mock(s)}}function Ee(n,e){if(!e.mock)return;const{url:t,mockTemplate:s}=e;if(t&&s){const r=l.pathToRegexp(`${t}(.*)`),o=l.pathToRegexpMatch(t,{decode:decodeURIComponent}),a=k(s,{},!0);n.mock(r,i=>{const c=l.url.parse(i.url)||{},u=i.body instanceof FormData?l.formDataToJson(i.body):i.body,m=o(i.url)?.params;return Object.assign(i,{data:u,params:c,query:m}),n.mock(a(i))})}}function G(){C&&(C._mocked={})}class $e{__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:s,attrs:r}=e;this.__mode=t,s&&(this.__id=s.id||null,this.__transform=s.transform||{}),r&&Object.assign(this,r)}setup(e,t=H){const s=t.getCurrentInstance();if(!s)return;this.__refs={},this.$refs={},this.context={},this.__contextRefs={},this.__instance=s.proxy;const r=s.appContext.config.globalProperties;Object.assign(this,r),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===_.Runtime){const{id:t,type:s}=e,r=t?this.__transform[t]??e.value:e.value;return O({type:s,value:r},this)}else return O(e,this)}__parseExpression(e){if(e)if(this.__mode===_.Runtime){const{id:t,type:s}=e,r=t?this.__transform[t]??e.value:e.value;return k({type:s,value:r},this)}else return k(e,this)}__ref(e=null,t){if(this.__mode!==_.VNode)return e&&e!==this.__id&&(this.__contextRefs[e]=this),async s=>{await l.delay(0);let r=s?.$vtjEl||s?.$el||s?._?.vnode?.el||s;if(!r){typeof t=="string"&&(delete this.$refs[t],e&&delete this.__refs[e]);return}if(r.nodeType===3&&r.nextSibling&&(r=r.nextSibling),r.__vtj__=e,_.Design===this.__mode&&(r.__context__=this,r.draggable=!0),e&&(this.__refs[e]=s),typeof t=="function")t(s);else if(t){const o=this.$refs[t];if(o&&s!==o){const a=new Set([].concat(o,s));this.$refs[t]=Array.from(a)}else this.$refs[t]=s}return s}}__clone(e={}){const t={...this.context,...e},s={...t,context:t};return s.context.__proto__=this.context,s.__proto__=this,s}}function I(n){const{Vue:e=H,mode:t=_.Runtime,components:s={},libs:r={},apis:o={},loader:a}=n,i=e.computed(()=>n.dsl),c={$components:s,$libs:r,$apis:o},u=new $e({mode:t,dsl:i.value,attrs:c}),m=e.defineComponent({name:i.value.name,props:{...Ke(i.value.props??[],u)},setup(d){u.$props=d,u.props=d,i.value.id&&z(n.window||window,i.value.id,i.value.css||""),u.state=Ge(e,i.value.state??{},u);const f=We(e,i.value.computed??{},u),g=Ye(i.value.methods??{},u),v=Qe(e,i.value.inject,u),h=Ce(i.value.dataSources||{},u),b={...v,...f,...g,...h};return u.setup(b,e),Xe(e,i.value.watch??[],u),{vtj:u}},emits:ze(i.value.emits),expose:["vtj"],render(){if(!i.value.nodes)return null;const d=i.value.nodes||[];return d.length===1?M(d[0],u,e,a):d.map(f=>M(f,u,e,a))},...Ze(i.value.lifeCycles??{},u)});return{renderer:e.markRaw(m),context:u}}function ze(n=[]){return n.map(e=>l.isString(e)?e:e.name)}function Ke(n=[],e){const t=s=>s?(Array.isArray(s)?s:[s]).map(o=>re[o]):void 0;return n.map(s=>l.isString(s)?{name:s}:{name:s.name,type:s.type,required:s.required,default:S(s.default)?e.__parseExpression(s.default):s.default}).reduce((s,r)=>(s[r.name]={type:t(r.type),required:r.required,default:r.default},s),{})}function Ge(n,e,t){return n.reactive(Object.keys(e||{}).reduce((s,r)=>{let o=e[r];return S(o)?o=t.__parseExpression(o):x(o)&&(o=t.__parseFunction(o)),s[r]=o,s},{}))}function We(n,e,t){return Object.entries(e??{}).reduce((s,[r,o])=>(s[r]=n.computed(t.__parseFunction(o)),s),{})}function Ye(n,e){return Object.entries(n??{}).reduce((t,[s,r])=>(t[s]=e.__parseFunction(r),t),{})}function Qe(n,e=[],t){return e.reduce((s,r)=>{const{name:o,from:a}=r||{};r.default;const i=S(a)?t.__parseExpression(a)||o:a??o,c=S(r.default)?t.__parseExpression(r.default):r.default??null;return s[o]=n.inject(i,c),s},{})}function Ce(n,e){return Object.keys(n).reduce((t,s)=>{const r=n[s];if(r.type==="mock")t[s]=je(r);else if(r.ref){const o=e.$apis[r.ref],a=x(r.transform)?r.transform.value?e.__parseFunction(r.transform):void 0:r.transform;t[s]=async(...i)=>{const c=await o.apply(e,i);return a?a(c):c}}return t},{})}function Xe(n,e=[],t){e.forEach(s=>{n.watch(t.__parseExpression(s.source),t.__parseFunction(s.handler),{deep:s.deep,immediate:s.immediate})})}function Ze(n,e){return Object.entries(n??{}).reduce((t,[s,r])=>(t[s]=e.__parseFunction(r),t),{})}let q=[];const Pe=n=>n;async function W(n,e=window){const{urls:t=[],library:s}=n,r=t.filter(i=>B(i));if(r.length===0||!s)return null;const o=t.filter(i=>N(i));return o.length&&pe(o,e),await fe(r,s,e).catch(i=>(console.warn("loadScriptUrl error",r,s,i),null))}function D(n){const{getDsl:e,getDslByUrl:t,options:s}=n;return s.window&&(q.forEach(r=>{delete s.window[r]}),q=[]),(r,o,a=H)=>!o||typeof o=="string"?r:o.type==="Schema"&&o.id?a.defineAsyncComponent(async()=>{const i=await e(o.id);return i&&(i.name=r),i?I({...s,Vue:a,dsl:i,mode:_.Runtime,loader:D(n)}).renderer:null}):o.type==="UrlSchema"&&o.url?a.defineAsyncComponent(async()=>{const i=await t(o.url);return i&&(i.name=r),i?I({...s,Vue:a,dsl:i,mode:_.Runtime,loader:D(n)}).renderer:null}):o.type==="Plugin"?(o.library&&q.push(o.library),a.defineAsyncComponent(async()=>{const i=await W(o,s.window);return i||(console.warn("getPlugin result is null",o),null)})):r}function M(n,e,t=H,s=Pe){if(!n||!n.name||n.invisible)return null;const r=t.getCurrentInstance()?.appContext,{id:o=null,directives:a=[]}=n,{vIf:i,vFor:c,vShow:u,vModels:m,vBind:d,vHtml:f,others:g}=tt(a);if(i&&!st(i,e))return null;const v=h=>{const b=h.$components,y=(()=>{if(n.name==="component")return nt(h,n.props?.is);if(n.name==="slot")return n.name;const E=s(n.name,n.from,t);return l.isString(E)?me(E)||ge(E)?E:b[E]??r?.app?.component(E)??E:E})(),j=rt(o,n.props??{},h),Ie=ot(t,n.events??{},h);if(n.name==="slot")return it(t,n,j,h,s);d&&Object.assign(j,h.__parseExpression(d.value)),u&&(j.style=Object.assign(j.style??{},ct(u,h))),f&&Object.assign(j,lt(f,h)),m.forEach(E=>{Object.assign(j,ut(t,E,h))});const De=dt(t,n.children??[],h,s,n);let L=t.createVNode(y,{...j,...Ie},De);const ee=r?et(r,g,h):[];return ee.length&&(L=t.withDirectives(L,ee)),L};return c?ht(c,v,e):v(e)}function et(n,e,t){const s=n.app;return e.map(r=>{const o=typeof r.name=="string"?s.directive(r.name):t.__parseExpression(r.name);if(!o)return null;const a=[o];return r.value&&a.push(t.__parseExpression(r.value)),r.arg&&a.push(r.arg),r.modifiers&&a.push(r.modifiers),a}).filter(r=>!!r)}function tt(n=[]){const e=n.find(c=>l.camelCase(c.name)==="vIf"),t=n.find(c=>l.camelCase(c.name)==="vFor"),s=n.find(c=>l.camelCase(c.name)==="vShow"),r=n.find(c=>l.camelCase(c.name)==="vBind"),o=n.find(c=>l.camelCase(c.name)==="vHtml"),a=n.filter(c=>l.camelCase(c.name)==="vModel"),i=n.filter(c=>!ne.includes(l.camelCase(c.name)));return{vIf:e,vFor:t,vShow:s,vModels:a,vBind:r,others:i,vHtml:o}}function st(n,e){return!!e.__parseExpression(n.value)}function nt(n,e){return e?S(e)?n.__parseExpression(e):e:"div"}function rt(n,e,t){const s=Object.keys(e||{}).reduce((r,o)=>{let a=e[o];return S(a)?a=t.__parseExpression(a):x(a)&&(a=t.__parseFunction(a)),r[o]=a,r},{});return s.ref=t.__ref(n,s.ref),s}function ot(n,e,t){const s=["passive","capture","once"],r={capture:"Capture",once:"Once",passive:"OnceCapture"};return Object.keys(e||{}).reduce((o,a)=>{const i=e[a],c=Y(i.modifiers),u=c.find(f=>s.includes(f)),m="on"+l.upperFirst(a)+(u&&r[u]||""),d=t.__parseFunction(i.handler);return d&&(o[m]=n.withModifiers(d,c)),o},{})}function Y(n={},e=!1){const t=Object.keys(n);return e?t.map(s=>"."+s):t}function it(n,e,t,s,r){const{children:o}=e,a=at(e,s),i=s.$slots?.[a.name];return i?i(t):o?l.isString(o)?n.createTextVNode(o):S(o)?n.createTextVNode(V(s.__parseExpression(o))):Array.isArray(o)?o.map(c=>M(c,s,n,r)):null:null}function at(n,e){const{props:t}=n,s=t?.name||"default";return{name:S(s)?e.__parseExpression(s):s,params:[]}}function ct(n,e){return e.__parseExpression(n.value)?{}:{display:"none"}}function lt(n,e){return{innerHTML:e.__parseExpression(n.value)||""}}function ut(n,e,t){const s={type:"JSFunction",value:e.value?.value?`(v) => {
+ */const P="0.9.14";var _=(n=>(n.Runtime="Runtime",n.Design="Design",n.Raw="Raw",n.VNode="VNode",n))(_||{});const J=["$el","$emit","$nextTick","$parent","$root","$attrs","$slots","$watch","$props","$options","$forceUpdate"],Ne=["beforeCreate","created","beforeMount","mounted","beforeUpdate","updated","beforeUnmount","unmounted","errorCaptured","renderTracked","renderTriggered","activated","deactivated"],ne=["vIf","vShow","vModel","vFor","vBind","vHtml"],re={String,Number,Boolean,Array,Object,Function,Date},R="VtjPage",T="VtjHomepage",oe="html,body,base,head,link,meta,style,title,address,article,aside,footer,header,hgroup,h1,h2,h3,h4,h5,h6,nav,section,div,dd,dl,dt,figcaption,figure,picture,hr,img,li,main,ol,p,pre,ul,a,b,abbr,bdi,bdo,br,cite,code,data,dfn,em,i,kbd,mark,q,rp,rt,ruby,s,samp,small,span,strong,sub,sup,time,u,var,wbr,area,audio,map,track,video,embed,object,param,source,canvas,script,noscript,del,ins,caption,col,colgroup,table,thead,tbody,td,th,tr,button,datalist,fieldset,form,input,label,legend,meter,optgroup,option,output,progress,select,textarea,details,dialog,menu,summary,template,blockquote,iframe,tfoot".split(","),ie="component,slot".split(",");function A(n,e){return n.map(t=>l.isUrl(t)||t.startsWith("/")?t:`${e}${t}`)}function N(n){return/\.css$/.test(n)}function B(n){return/\.js$/.test(n)}function ae(n){return/\.json$/.test(n)}function Be(n){return n.map(e=>`<script src="${l.url.append(e,{v:P})}"><\/script>`).join("")}function Ue(n=[]){return n.map(e=>`<link rel="stylesheet" href="${l.url.append(e,{v:P})}" />`).join("")}function ce(n,e=!1){return e&&n.endsWith(".prod.js")?n.replace(".prod.js",".js"):n}function le(n,e,t=!1){const s=n.filter(f=>!!f.enabled),r=[],o=[],a=[],i=[],c={},u={},m=[],d={};return s.forEach(({urls:f,assetsUrl:g,library:v,assetsLibrary:h,localeLibrary:b})=>{f?.forEach(y=>{B(y)&&r.push(ce(y,t)),N(y)&&o.push(y)}),v&&(i.push(v),c[v]=A(f||[],e),b&&(u[v]=b)),g&&a.push(g),h&&m.push(h),v&&h&&(d[h]=v)}),{scripts:A(r,e),css:A(o,e),materials:A(a,e),libraryExports:i,materialExports:l.dedupArray(m),materialMapLibrary:d,libraryMap:c,libraryLocaleMap:u}}function ue(n,e){const{name:t,parent:s,alias:r}=n;return s?e[s]?.[r||t]:e[r||t]}function V(n){return l.isString(n)?n:JSON.stringify(n)}function z(n,e,t){const s=n.CSSStyleSheet;if(s.prototype.replaceSync){const r=new s;r.id=e,r.replaceSync(t);const o=n.document,a=o.adoptedStyleSheets,i=Array.from(a).filter(c=>c.id!==e);o.adoptedStyleSheets=[...i,r]}else{const r=n.document;let o=r.getElementById(e);o?o.innerHTML=t:(o=r.createElement("style"),o.id=e,o.innerHTML=t,r.head.appendChild(o))}}async function de(n,e){const t=await window.fetch(e).then(s=>s.text()).catch(()=>"");t&&z(window,n,t)}function pe(n,e=window){const t=e.document,s=e.document.head;for(const r of n)if(!t.getElementById(r)){const a=t.createElement("link");a.rel="stylesheet",a.id=r,a.href=r,s.appendChild(a)}}async function fe(n,e,t=window){const s=t.document,r=t.document.head;let o=t[e];return o?o.default||o:new Promise((a,i)=>{for(const c of n){const u=s.createElement("script");u.src=c,u.onload=()=>{o=t[e],o?a(o.default||o):i(null)},u.onerror=m=>{i(m)},r.appendChild(u)}})}function he(n){return l.isFunction(n)||l.isFunction(n?.install)}function me(n){return ie.includes(n)}function ge(n){return oe.includes(n)}function k(n,e,t=!1,s=!1){try{const r=['"use strict";',"var __self = arguments[0];"];r.push("return ");let o=(n.value||"").trim();o=o.replace(/this(\W|$)/g,(i,c)=>`__self${c}`),o=r.join(`
+`)+o;const a=`with(${t?"{}":"$scope || {}"}) { ${o} }`;return new Function("$scope",a)(e)}catch(r){if(l.logger.error("parseExpression.error",r,n,e?.__self??e),s)throw r}}function O(n,e,t=!1,s=!1){const r=k(n,e,t,s);if(typeof r!="function"&&(l.logger.error("parseFunction.error","not a function",n,e?.__self??e),s))throw new Error(`"${n.value}" not a function`);return r}function S(n){return n&&n.type==="JSExpression"}function x(n){return typeof n=="object"&&n&&n.type==="JSFunction"}function ve(n){return S(n)||x(n)}function Le(n){return ve(n)?n.value:JSON.stringify(n)}const qe={session:!1,authKey:"Authorization",storageKey:"ACCESS_STORAGE",storagePrefix:"__VTJ_",unauthorized:void 0,auth:"/#/login",redirectParam:"r",unauthorizedCode:401,unauthorizedMessage:"登录已经失效，请重新登录！",noPermissionMessage:"无权限访问该页面",appName:""},K=Symbol("access");class Je{options;data=null;mode=_.Raw;constructor(e){this.options=Object.assign({},qe,e),this.loadData()}connect(e){const{mode:t,router:s,request:r}=e;this.mode=t,s&&this.mode===_.Raw&&this.setGuard(s),r&&this.setRequest(r)}login(e){const{storageKey:t,storagePrefix:s,session:r,authKey:o}=this.options;this.setData(e),this.data&&(l.storage.save(t,e,{type:"local",prefix:s}),r&&l.cookie.set(o,this.data.token))}clear(){const{storageKey:e,storagePrefix:t,session:s,authKey:r}=this.options;this.data=null,l.storage.remove(e,{type:"local",prefix:t}),s&&l.cookie.remove(r)}logout(){this.clear(),this.toLogin()}getData(){return this.data?this.data:(this.loadData(),this.data)}getToken(){return this.data||this.loadData(),this.data?.token}can(e){const{appName:t}=this.options,{permissions:s={}}=this.data||{};return typeof e=="function"?e(s):l.toArray(e).every(o=>s[o]||s[t+"."+o])}some(e){const{appName:t}=this.options,{permissions:s={}}=this.data||{};return l.toArray(e).some(o=>s[o]||s[t+"."+o])}install(e){e.config.globalProperties.$access||(e.config.globalProperties.$access=this),e.provide(K,this)}isAuthPath(e){const{auth:t,isAuth:s}=this.options;if(s)return s(e);if(e.path&&typeof t=="string"){const r=t.split("#")[1]||t;return e.path===r}return!1}toLogin(){const{auth:e,redirectParam:t}=this.options;if(!e)return;const s=t?`?${t}=${encodeURIComponent(location.href)}`:"";typeof e=="function"?e(s):location.href=t?`${e}${s}`:e}setData(e){const{privateKey:t}=this.options;if(Array.isArray(e)&&t){const s=e.map(r=>l.unRSA(r,t));this.data=JSON.parse(s.join(""));return}if(typeof e=="string")try{const s=t?l.unRSA(e,t):e;s?this.data=JSON.parse(s):console.warn("RSA解密失败或登录信息缺失")}catch(s){console.warn(s)}else this.data=e}loadData(){const{storageKey:e,storagePrefix:t}=this.options,s=l.storage.get(e,{type:"local",prefix:t});this.setData(s||null)}isLogined(){const{session:e,authKey:t}=this.options;return e&&t?!!l.cookie.get(t):!!this.getToken()}hasRoutePermission(e){if(e.name===R){const t=e.params.id;return t&&this.can(t)}return!0}setGuard(e){e.beforeEach((t,s,r)=>this.guard(t,r))}async guard(e,t){if(this.isWhiteList(e)||this.isAuthPath(e))return t();if(this.isLogined()){if(this.hasRoutePermission(e))return t();{const{noPermissionMessage:s="无权限访问",unauthorized:r=!1}=this.options;return await this.showTip(s),l.isFunction(r)?(r(),t(!1)):l.isString(r)?t(r):t(!1)}}t(!1),this.toLogin()}isWhiteList(e){const{whiteList:t}=this.options;return t?Array.isArray(t)?t.some(s=>e.fullPath.startsWith(s)):t(e):!1}isUnauthorized(e){const{unauthorizedCode:t=401}=this.options;return e.status===t||e.data.code===t}async showUnauthorizedAlert(e){const{unauthorizedMessage:t="登录已失效"}=this.options;this.isUnauthorized(e)&&(await this.showTip(t),this.toLogin())}async showTip(e){const{alert:t}=this.options;return t?(await l.delay(150),await t(e,{title:"提示",type:"warning"}).catch(()=>!1)):!1}setRequest(e){e.useRequest(t=>(this.data?.token&&(t.headers[this.options.authKey]=this.data?.token),t)),e.useResponse(async t=>(await this.showUnauthorizedAlert(t),t),async t=>{const s=t.response||t||{};return await this.showUnauthorizedAlert(s),Promise.reject(t)})}}function ye(){return p.inject(K,null)}function Ve(n={}){const{notify:e,loading:t,settings:s={}}=n;let r=null;return{request:l.createRequest({settings:{type:"form",validSuccess:!0,originResponse:!1,loading:!0,validate:a=>a.data?.code===0||!!a.data?.success,failMessage:!0,showError:a=>{e&&e(a||"未知错误")},showLoading:()=>{r&&r.close(),t&&(r=t())},hideLoading:()=>{r&&(r.close(),r=null)},...s}}),jsonp:l.jsonp,notify:e,loading:t}}function _e(n,e){const{jsonp:t,request:s}=e;if(n.method==="jsonp")return(r={})=>t(n.url,{...n.jsonpOptions,query:r});{const r=n.headers?k(n.headers,{},!0):void 0,o={url:n.url,method:n.method,settings:{...n.settings,headers:r}};return(a,i)=>(delete o.data,s.send(l.merge(o,i||{},{data:a})))}}function we(n,e){const{metaQuery:t}=e;if(!t)return;const{code:s,queryCode:r}=n;return(o,a)=>{if(!t){console.warn("adapter.metaQuery is not defined!");return}return t(s,r,o,a)}}function Se(n=[],e=[],t){const s={};for(const r of n)s[r.id]=_e(r,t);for(const r of e)s[r.id]=we(r,t);return s}async function be(n=[]){C&&(G(),n.forEach(e=>Ee(C,e)))}function je(n){const e=x(n.mockTemplate)&&n.mockTemplate.value?O(n.mockTemplate,{},!0):void 0;return async(...t)=>{let s={};if(e)try{s=await e.apply(e,t)}catch(r){l.logger.warn("模拟数据模版异常",r)}return C.mock(s)}}function Ee(n,e){if(!e.mock)return;const{url:t,mockTemplate:s}=e;if(t&&s){const r=l.pathToRegexp(`${t}(.*)`),o=l.pathToRegexpMatch(t,{decode:decodeURIComponent}),a=k(s,{},!0);n.mock(r,i=>{const c=l.url.parse(i.url)||{},u=i.body instanceof FormData?l.formDataToJson(i.body):i.body,m=o(i.url)?.params;return Object.assign(i,{data:u,params:c,query:m}),n.mock(a(i))})}}function G(){C&&(C._mocked={})}class $e{__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:s,attrs:r}=e;this.__mode=t,s&&(this.__id=s.id||null,this.__transform=s.transform||{}),r&&Object.assign(this,r)}setup(e,t=H){const s=t.getCurrentInstance();if(!s)return;this.__refs={},this.$refs={},this.context={},this.__contextRefs={},this.__instance=s.proxy;const r=s.appContext.config.globalProperties;Object.assign(this,r),Object.assign(this,e||{}),this.__proxy(),t.onMounted(()=>{this.__proxy()}),t.onUnmounted(()=>{this.__cleanup()}),t.onBeforeUpdate(()=>{this.__reset()})}__proxy(){this.__instance&&J.forEach(e=>{this[e]=this.__instance?.[e]})}__cleanup(){J.forEach(e=>{this[e]=null}),this.__reset()}__reset(){this.__refs={},this.$refs={},this.__contextRefs={},this.context={}}__parseFunction(e){if(e)if(this.__mode===_.Runtime){const{id:t,type:s}=e,r=t?this.__transform[t]??e.value:e.value;return O({type:s,value:r},this)}else return O(e,this)}__parseExpression(e){if(e)if(this.__mode===_.Runtime){const{id:t,type:s}=e,r=t?this.__transform[t]??e.value:e.value;return k({type:s,value:r},this)}else return k(e,this)}__ref(e=null,t){if(this.__mode!==_.VNode)return e&&e!==this.__id&&(this.__contextRefs[e]=this),async s=>{await l.delay(0);let r=s?.$vtjEl||s?.$el||s?._?.vnode?.el||s;if(!r){typeof t=="string"&&(delete this.$refs[t],e&&delete this.__refs[e]);return}return r.nodeType===3&&r.nextSibling&&(r=r.nextSibling),r.__vtj__=e,_.Design===this.__mode&&(r.__context__=this,r.draggable=!0),e&&(this.__refs[e]=this.__getRefEl(this.__refs,e,s)),typeof t=="function"?t(s):t&&(this.$refs[t]=this.__getRefEl(this.$refs,t,s)),s}}__getRefEl(e,t,s){const r=e[t];if(r&&s!==r){const o=new Set([].concat(r,s));return Array.from(o)}else return s}__clone(e={}){const t={...this.context,...e},s={...t,context:t};return s.context.__proto__=this.context,s.__proto__=this,s}}function I(n){const{Vue:e=H,mode:t=_.Runtime,components:s={},libs:r={},apis:o={},loader:a}=n,i=e.computed(()=>n.dsl),c={$components:s,$libs:r,$apis:o},u=new $e({mode:t,dsl:i.value,attrs:c}),m=e.defineComponent({name:i.value.name,props:{...Ke(i.value.props??[],u)},setup(d){u.$props=d,u.props=d,i.value.id&&z(n.window||window,i.value.id,i.value.css||""),u.state=Ge(e,i.value.state??{},u);const f=We(e,i.value.computed??{},u),g=Ye(i.value.methods??{},u),v=Qe(e,i.value.inject,u),h=Ce(i.value.dataSources||{},u),b={...v,...f,...g,...h};return u.setup(b,e),Xe(e,i.value.watch??[],u),{vtj:u}},emits:ze(i.value.emits),expose:["vtj"],render(){if(!i.value.nodes)return null;const d=i.value.nodes||[];return d.length===1?M(d[0],u,e,a):d.map(f=>M(f,u,e,a))},...Ze(i.value.lifeCycles??{},u)});return{renderer:e.markRaw(m),context:u}}function ze(n=[]){return n.map(e=>l.isString(e)?e:e.name)}function Ke(n=[],e){const t=s=>s?(Array.isArray(s)?s:[s]).map(o=>re[o]):void 0;return n.map(s=>l.isString(s)?{name:s}:{name:s.name,type:s.type,required:s.required,default:S(s.default)?e.__parseExpression(s.default):s.default}).reduce((s,r)=>(s[r.name]={type:t(r.type),required:r.required,default:r.default},s),{})}function Ge(n,e,t){return n.reactive(Object.keys(e||{}).reduce((s,r)=>{let o=e[r];return S(o)?o=t.__parseExpression(o):x(o)&&(o=t.__parseFunction(o)),s[r]=o,s},{}))}function We(n,e,t){return Object.entries(e??{}).reduce((s,[r,o])=>(s[r]=n.computed(t.__parseFunction(o)),s),{})}function Ye(n,e){return Object.entries(n??{}).reduce((t,[s,r])=>(t[s]=e.__parseFunction(r),t),{})}function Qe(n,e=[],t){return e.reduce((s,r)=>{const{name:o,from:a}=r||{};r.default;const i=S(a)?t.__parseExpression(a)||o:a??o,c=S(r.default)?t.__parseExpression(r.default):r.default??null;return s[o]=n.inject(i,c),s},{})}function Ce(n,e){return Object.keys(n).reduce((t,s)=>{const r=n[s];if(r.type==="mock")t[s]=je(r);else if(r.ref){const o=e.$apis[r.ref],a=x(r.transform)?r.transform.value?e.__parseFunction(r.transform):void 0:r.transform;t[s]=async(...i)=>{const c=await o.apply(e,i);return a?a(c):c}}return t},{})}function Xe(n,e=[],t){e.forEach(s=>{n.watch(t.__parseExpression(s.source),t.__parseFunction(s.handler),{deep:s.deep,immediate:s.immediate})})}function Ze(n,e){return Object.entries(n??{}).reduce((t,[s,r])=>(t[s]=e.__parseFunction(r),t),{})}let q=[];const Pe=n=>n;async function W(n,e=window){const{urls:t=[],library:s}=n,r=t.filter(i=>B(i));if(r.length===0||!s)return null;const o=t.filter(i=>N(i));return o.length&&pe(o,e),await fe(r,s,e).catch(i=>(console.warn("loadScriptUrl error",r,s,i),null))}function D(n){const{getDsl:e,getDslByUrl:t,options:s}=n;return s.window&&(q.forEach(r=>{delete s.window[r]}),q=[]),(r,o,a=H)=>!o||typeof o=="string"?r:o.type==="Schema"&&o.id?a.defineAsyncComponent(async()=>{const i=await e(o.id);return i&&(i.name=r),i?I({...s,Vue:a,dsl:i,mode:_.Runtime,loader:D(n)}).renderer:null}):o.type==="UrlSchema"&&o.url?a.defineAsyncComponent(async()=>{const i=await t(o.url);return i&&(i.name=r),i?I({...s,Vue:a,dsl:i,mode:_.Runtime,loader:D(n)}).renderer:null}):o.type==="Plugin"?(o.library&&q.push(o.library),a.defineAsyncComponent(async()=>{const i=await W(o,s.window);return i||(console.warn("getPlugin result is null",o),null)})):r}function M(n,e,t=H,s=Pe){if(!n||!n.name||n.invisible)return null;const r=t.getCurrentInstance()?.appContext,{id:o=null,directives:a=[]}=n,{vIf:i,vFor:c,vShow:u,vModels:m,vBind:d,vHtml:f,others:g}=tt(a);if(i&&!st(i,e))return null;const v=h=>{const b=h.$components,y=(()=>{if(n.name==="component")return nt(h,n.props?.is);if(n.name==="slot")return n.name;const E=s(n.name,n.from,t);return l.isString(E)?me(E)||ge(E)?E:b[E]??r?.app?.component(E)??E:E})(),j=rt(o,n.props??{},h),Ie=ot(t,n.events??{},h);if(n.name==="slot")return it(t,n,j,h,s);d&&Object.assign(j,h.__parseExpression(d.value)),u&&(j.style=Object.assign(j.style??{},ct(u,h))),f&&Object.assign(j,lt(f,h)),m.forEach(E=>{Object.assign(j,ut(t,E,h))});const De=dt(t,n.children??[],h,s,n);let L=t.createVNode(y,{...j,...Ie},De);const ee=r?et(r,g,h):[];return ee.length&&(L=t.withDirectives(L,ee)),L};return c?ht(c,v,e):v(e)}function et(n,e,t){const s=n.app;return e.map(r=>{const o=typeof r.name=="string"?s.directive(r.name):t.__parseExpression(r.name);if(!o)return null;const a=[o];return r.value&&a.push(t.__parseExpression(r.value)),r.arg&&a.push(r.arg),r.modifiers&&a.push(r.modifiers),a}).filter(r=>!!r)}function tt(n=[]){const e=n.find(c=>l.camelCase(c.name)==="vIf"),t=n.find(c=>l.camelCase(c.name)==="vFor"),s=n.find(c=>l.camelCase(c.name)==="vShow"),r=n.find(c=>l.camelCase(c.name)==="vBind"),o=n.find(c=>l.camelCase(c.name)==="vHtml"),a=n.filter(c=>l.camelCase(c.name)==="vModel"),i=n.filter(c=>!ne.includes(l.camelCase(c.name)));return{vIf:e,vFor:t,vShow:s,vModels:a,vBind:r,others:i,vHtml:o}}function st(n,e){return!!e.__parseExpression(n.value)}function nt(n,e){return e?S(e)?n.__parseExpression(e):e:"div"}function rt(n,e,t){const s=Object.keys(e||{}).reduce((r,o)=>{let a=e[o];return S(a)?a=t.__parseExpression(a):x(a)&&(a=t.__parseFunction(a)),r[o]=a,r},{});return s.ref=t.__ref(n,s.ref),s}function ot(n,e,t){const s=["passive","capture","once"],r={capture:"Capture",once:"Once",passive:"OnceCapture"};return Object.keys(e||{}).reduce((o,a)=>{const i=e[a],c=Y(i.modifiers),u=c.find(f=>s.includes(f)),m="on"+l.upperFirst(a)+(u&&r[u]||""),d=t.__parseFunction(i.handler);return d&&(o[m]=n.withModifiers(d,c)),o},{})}function Y(n={},e=!1){const t=Object.keys(n);return e?t.map(s=>"."+s):t}function it(n,e,t,s,r){const{children:o}=e,a=at(e,s),i=s.$slots?.[a.name];return i?i(t):o?l.isString(o)?n.createTextVNode(o):S(o)?n.createTextVNode(V(s.__parseExpression(o))):Array.isArray(o)?o.map(c=>M(c,s,n,r)):null:null}function at(n,e){const{props:t}=n,s=t?.name||"default";return{name:S(s)?e.__parseExpression(s):s,params:[]}}function ct(n,e){return e.__parseExpression(n.value)?{}:{display:"none"}}function lt(n,e){return{innerHTML:e.__parseExpression(n.value)||""}}function ut(n,e,t){const s={type:"JSFunction",value:e.value?.value?`(v) => {
         ${e.value.value} = v;
       }`:"(v) => {}"},r=t.__parseFunction(s),o=Y(S(e.modifiers)?t.__parseExpression(e.modifiers):e.modifiers),a=S(e.arg)?t.__parseExpression(e.arg):e.arg||"modelValue";return{[a]:t.__parseExpression(e.value),[`onUpdate:${a}`]:o.length&&r?n.withModifiers(r,o):r}}function dt(n,e,t,s,r){if(!e)return null;if(l.isString(e))return{default:()=>e};if(S(e))return{default:()=>V(t.__parseExpression(e))};if(Array.isArray(e)&&e.length>0){const o=pt(e),a=i=>!i||!r?{}:r?.id&&Object.keys(i).length?{[`scope_${r.id}`]:i}:{};return Object.entries(o).reduce((i,[c,{nodes:u,params:m}])=>(i[c]=d=>{const f=m.length?l.pick(d??{},m):a(d);return u.map(g=>M(g,t.__clone(f),n,s))},i),{})}return null}function pt(n){const e={default:{params:[],nodes:[]}};for(const t of n){const s=ft(t.slot),r=s.name;e[r]?(e[r].nodes.push(t),e[r].params=e[r].params.concat(s.params)):e[r]={nodes:[t],params:s.params}}return e}function ft(n="default"){return l.isString(n)?{name:n,params:[]}:{params:[],...n}}function ht(n,e,t){const{value:s,iterator:r}=n,{item:o="item",index:a="index"}=r||{};let i=t.__parseExpression(s)||[];return Number.isInteger(i)&&(i=new Array(i).fill(!0).map((c,u)=>u+1)),Array.isArray(i)?i.map((c,u)=>e(t.__clone({[o]:c,[a]:u}))):(console.warn("[vForRender]:",`${s?.value} is not a Arrary`),[])}function mt(n){return p.getCurrentScope()?(p.onScopeDispose(n),!0):!1}function Q(n){return typeof n=="function"?n():p.unref(n)}const Re=typeof window<"u"&&typeof document<"u";typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const gt=n=>n!=null,vt=()=>{};function yt(n){return p.getCurrentInstance()}function _t(...n){if(n.length!==1)return p.toRef(...n);const e=n[0];return typeof e=="function"?p.readonly(p.customRef(()=>({get:e,set:vt}))):p.ref(e)}function wt(n,e){yt()&&p.onBeforeUnmount(n,e)}const St=Re?window:void 0,bt=Re?window.document:void 0;function jt(n){var e;const t=Q(n);return(e=t?.$el)!=null?e:t}function Et(){const n=p.ref(!1),e=p.getCurrentInstance();return e&&p.onMounted(()=>{n.value=!0},e),n}function $t(n){const e=Et();return p.computed(()=>(e.value,!!n()))}function Ct(n,e,t={}){const{window:s=St,...r}=t;let o;const a=$t(()=>s&&"MutationObserver"in s),i=()=>{o&&(o.disconnect(),o=void 0)},c=p.computed(()=>{const f=Q(n),g=(Array.isArray(f)?f:[f]).map(jt).filter(gt);return new Set(g)}),u=p.watch(()=>c.value,f=>{i(),a.value&&f.size&&(o=new MutationObserver(e),f.forEach(g=>o.observe(g,r)))},{immediate:!0,flush:"post"}),m=()=>o?.takeRecords(),d=()=>{u(),i()};return mt(d),{isSupported:a,stop:d,takeRecords:m}}function Pt(n=null,e={}){var t,s,r;const{document:o=bt,restoreOnUnmount:a=d=>d}=e,i=(t=o?.title)!=null?t:"",c=_t((s=n??o?.title)!=null?s:null),u=n&&typeof n=="function";function m(d){if(!("titleTemplate"in e))return d;const f=e.titleTemplate||"%s";return typeof f=="function"?f(d):Q(f).replace(/%s/g,d)}return p.watch(c,(d,f)=>{d!==f&&o&&(o.title=m(typeof d=="string"?d:""))},{immediate:!0}),e.observe&&!e.titleTemplate&&o&&!u&&Ct((r=o.head)==null?void 0:r.querySelector("title"),()=>{o&&o.title!==c.value&&(c.value=m(o.title))},{childList:!0}),wt(()=>{if(a){const d=a(i,c.value||"");d!=null&&o&&(o.title=d)}}),c}const te=p.defineComponent({name:"VtjPageContainer",async setup(){const n=Z(),e=se.useRoute(),t=e.params.id,s=t?n.getPage(t):n.getHomepage(),r=s?await n.getRenderComponent(s.id):null,o=p.ref(Symbol());return s&&(Object.assign(e.meta,s.meta||{},{cache:s.cache}),Pt(s.title||"VTJ")),{provider:n,component:r,file:s,query:e.query,meta:e.meta,sid:o,route:e}},render(){const{component:n,query:e,sid:t}=this;return n?p.h(n,{...e,key:t}):p.h("div","页面不存在")},activated(){this.meta.cache===!1&&(this.sid=Symbol())}}),Rt={"data-l-h6o7ki7":"",class:"vtj-startup__wrapper"},kt={"data-l-h6o7ki7":"",class:"vtj-startup"},xt={"data-l-h6o7ki7":"",class:"vtj-startup__name"},At={"data-l-h6o7ki7":""},Tt={"data-l-h6o7ki7":"",class:"vtj-startup__tagline"},Mt={"data-l-h6o7ki7":"",class:"vtj-startup__actions"},ke=p.defineComponent({__name:"Startup",props:{name:{default:"VTJ.PRO"},tagline:{default:"基于 Vue3 + TypeScript 快速打造高生产力的低代码研发平台"},actionText:{default:"开始设计"},link:{}},setup(n){((r,o)=>{let a=document.getElementById("h6o7ki7");a||(a=document.createElement("style"),a.id="h6o7ki7",document.head.appendChild(a),a.innerHTML=o)})("h6o7ki7",`
 .vtj-startup[data-l-h6o7ki7]{

package/dist/index.mjs

@@ -1,17 +1,17 @@
 import { Base as Ae, BUILT_IN_COMPONENTS as Ie, ProjectModel as H, HistoryModel as ue } from "@vtj/core";
-import { isUrl as Me, url as R, dedupArray as De, isString as j, isFunction as V, logger as P, storage as U, cookie as L, toArray as re, unRSA as oe, delay as pe, createRequest as de, jsonp as fe, merge as He, pathToRegexp as Oe, pathToRegexpMatch as Be, formDataToJson as Ne, camelCase as $, upperFirst as Ue, pick as Le, request as z, loadScript as ie, Storage as qe, mapToObject as Q } from "@vtj/utils";
+import { isUrl as Me, url as k, dedupArray as De, isString as j, isFunction as V, logger as P, storage as U, cookie as L, toArray as re, unRSA as oe, delay as pe, createRequest as de, jsonp as fe, merge as He, pathToRegexp as Oe, pathToRegexpMatch as Be, formDataToJson as Ne, camelCase as $, upperFirst as Ue, pick as Le, request as z, loadScript as ie, Storage as qe, mapToObject as Q } from "@vtj/utils";
 import * as B from "vue";
-import { inject as he, toRef as Je, readonly as Ve, customRef as ze, ref as F, onBeforeUnmount as Ke, getCurrentScope as We, onScopeDispose as Ge, unref as Ye, getCurrentInstance as me, watch as ve, computed as ge, onMounted as Qe, defineComponent as X, h as K, openBlock as Xe, createElementBlock as Ze, createElementVNode as k, toDisplayString as q, defineAsyncComponent as ae, watchEffect as et } from "vue";
+import { inject as he, toRef as Je, readonly as Ve, customRef as ze, ref as F, onBeforeUnmount as Ke, getCurrentScope as We, onScopeDispose as Ge, unref as Ye, getCurrentInstance as me, watch as ge, computed as ve, onMounted as Qe, defineComponent as X, h as K, openBlock as Xe, createElementBlock as Ze, createElementVNode as R, toDisplayString as q, defineAsyncComponent as ae, watchEffect as et } from "vue";
 import E from "mockjs";
 import { useRoute as ye } from "vue-router";
 /**!
  * Copyright (c) 2025, VTJ.PRO All rights reserved.
  * @name @vtj/renderer 
  * @author CHC chenhuachun1549@dingtalk.com 
- * @version 0.9.12
+ * @version 0.9.14
  * @license <a href="https://vtj.pro/license.html">MIT License</a>
  */
-const x = "0.9.12";
+const x = "0.9.14";
 var y = /* @__PURE__ */ ((n) => (n.Runtime = "Runtime", n.Design = "Design", n.Raw = "Raw", n.VNode = "VNode", n))(y || {});
 const ce = [
   "$el",
@@ -25,7 +25,7 @@ const ce = [
   "$props",
   "$options",
   "$forceUpdate"
-], Rs = [
+], ks = [
   "beforeCreate",
   "created",
   "beforeMount",
@@ -71,12 +71,12 @@ function ot(n) {
 }
 function Ps(n) {
   return n.map(
-    (e) => `<script src="${R.append(e, { v: x })}"><\/script>`
+    (e) => `<script src="${k.append(e, { v: x })}"><\/script>`
   ).join("");
 }
 function xs(n = []) {
   return n.map(
-    (e) => `<link rel="stylesheet" href="${R.append(e, { v: x })}" />`
+    (e) => `<link rel="stylesheet" href="${k.append(e, { v: x })}" />`
   ).join("");
 }
 function it(n, e = !1) {
@@ -86,8 +86,8 @@ function at(n, e, t = !1) {
   const s = n.filter((p) => !!p.enabled), r = [], o = [], a = [], i = [], c = {}, l = {}, f = [], u = {};
   return s.forEach(
     ({ urls: p, assetsUrl: h, library: m, assetsLibrary: d, localeLibrary: w }) => {
-      p?.forEach((v) => {
-        ee(v) && r.push(it(v, t)), Z(v) && o.push(v);
+      p?.forEach((g) => {
+        ee(g) && r.push(it(g, t)), Z(g) && o.push(g);
       }), m && (i.push(m), c[m] = I(p || [], e), w && (l[m] = w)), h && a.push(h), d && f.push(d), m && d && (u[d] = m);
     }
   ), {
@@ -195,7 +195,7 @@ function mt(n) {
 function Cs(n) {
   return mt(n) ? n.value : JSON.stringify(n);
 }
-const vt = {
+const gt = {
   session: !1,
   authKey: "Authorization",
   storageKey: "ACCESS_STORAGE",
@@ -213,7 +213,7 @@ class Fs {
   data = null;
   mode = y.Raw;
   constructor(e) {
-    this.options = Object.assign({}, vt, e), this.loadData();
+    this.options = Object.assign({}, gt, e), this.loadData();
   }
   connect(e) {
     const { mode: t, router: s, request: r } = e;
@@ -349,7 +349,7 @@ class Fs {
     );
   }
 }
-function gt() {
+function vt() {
   return he(Se, null);
 }
 function Ts(n = {}) {
@@ -442,7 +442,7 @@ function jt(n, e) {
   if (t && s) {
     const r = Oe(`${t}(.*)`), o = Be(t, { decode: decodeURIComponent }), a = T(s, {}, !0);
     n.mock(r, (i) => {
-      const c = R.parse(i.url) || {}, l = i.body instanceof FormData ? Ne(i.body) : i.body, f = o(i.url)?.params;
+      const c = k.parse(i.url) || {}, l = i.body instanceof FormData ? Ne(i.body) : i.body, f = o(i.url)?.params;
       return Object.assign(i, { data: l, params: c, query: f }), n.mock(a(i));
     });
   }
@@ -489,7 +489,7 @@ class $t {
     }), t.onUnmounted(() => {
       this.__cleanup();
     }), t.onBeforeUpdate(() => {
-      this.__refs = {}, this.$refs = {}, this.__contextRefs = {}, this.context = {};
+      this.__reset();
     });
   }
   __proxy() {
@@ -500,7 +500,10 @@ class $t {
   __cleanup() {
     ce.forEach((e) => {
       this[e] = null;
-    });
+    }), this.__reset();
+  }
+  __reset() {
+    this.__refs = {}, this.$refs = {}, this.__contextRefs = {}, this.context = {};
   }
   __parseFunction(e) {
     if (e)
@@ -527,19 +530,17 @@ class $t {
           typeof t == "string" && (delete this.$refs[t], e && delete this.__refs[e]);
           return;
         }
-        if (r.nodeType === 3 && r.nextSibling && (r = r.nextSibling), r.__vtj__ = e, y.Design === this.__mode && (r.__context__ = this, r.draggable = !0), e && (this.__refs[e] = s), typeof t == "function")
-          t(s);
-        else if (t) {
-          const o = this.$refs[t];
-          if (o && s !== o) {
-            const a = new Set([].concat(o, s));
-            this.$refs[t] = Array.from(a);
-          } else
-            this.$refs[t] = s;
-        }
-        return s;
+        return r.nodeType === 3 && r.nextSibling && (r = r.nextSibling), r.__vtj__ = e, y.Design === this.__mode && (r.__context__ = this, r.draggable = !0), e && (this.__refs[e] = this.__getRefEl(this.__refs, e, s)), typeof t == "function" ? t(s) : t && (this.$refs[t] = this.__getRefEl(this.$refs, t, s)), s;
       };
   }
+  __getRefEl(e, t, s) {
+    const r = e[t];
+    if (r && s !== r) {
+      const o = new Set([].concat(r, s));
+      return Array.from(o);
+    } else
+      return s;
+  }
   __clone(e = {}) {
     const t = { ...this.context, ...e }, s = {
       ...t,
@@ -567,14 +568,14 @@ function G(n) {
   }), f = e.defineComponent({
     name: i.value.name,
     props: {
-      ...kt(i.value.props ?? [], l)
+      ...Rt(i.value.props ?? [], l)
     },
     setup(u) {
       l.$props = u, l.props = u, i.value.id && we(
         n.window || window,
         i.value.id,
         i.value.css || ""
-      ), l.state = Rt(e, i.value.state ?? {}, l);
+      ), l.state = kt(e, i.value.state ?? {}, l);
       const p = Pt(e, i.value.computed ?? {}, l), h = xt(i.value.methods ?? {}, l), m = Ct(e, i.value.inject, l), d = Ft(
         i.value.dataSources || {},
         l
@@ -605,7 +606,7 @@ function G(n) {
 function Et(n = []) {
   return n.map((e) => j(e) ? e : e.name);
 }
-function kt(n = [], e) {
+function Rt(n = [], e) {
   const t = (s) => s ? (Array.isArray(s) ? s : [s]).map((o) => st[o]) : void 0;
   return n.map((s) => j(s) ? {
     name: s
@@ -623,7 +624,7 @@ function kt(n = [], e) {
     {}
   );
 }
-function Rt(n, e, t) {
+function kt(n, e, t) {
   return n.reactive(
     Object.keys(e || {}).reduce(
       (s, r) => {
@@ -736,7 +737,7 @@ function O(n, e, t = B, s = It) {
   if (i && !Ht(i, e))
     return null;
   const m = (d) => {
-    const w = d.$components, v = (() => {
+    const w = d.$components, g = (() => {
       if (n.name === "component")
         return Ot(d, n.props?.is);
       if (n.name === "slot") return n.name;
@@ -758,7 +759,7 @@ function O(n, e, t = B, s = It) {
       s,
       n
     );
-    let N = t.createVNode(v, { ...S, ...Fe }, Te);
+    let N = t.createVNode(g, { ...S, ...Fe }, Te);
     const ne = r ? Mt(r, h, d) : [];
     return ne.length && (N = t.withDirectives(N, ne)), N;
   };
@@ -943,17 +944,17 @@ function os() {
 }
 function is(n) {
   const e = os();
-  return ge(() => (e.value, !!n()));
+  return ve(() => (e.value, !!n()));
 }
 function as(n, e, t = {}) {
   const { window: s = ss, ...r } = t;
   let o;
   const a = is(() => s && "MutationObserver" in s), i = () => {
     o && (o.disconnect(), o = void 0);
-  }, c = ge(() => {
+  }, c = ve(() => {
     const p = te(n), h = (Array.isArray(p) ? p : [p]).map(rs).filter(Qt);
     return new Set(h);
-  }), l = ve(
+  }), l = ge(
     () => c.value,
     (p) => {
       i(), a.value && p.size && (o = new MutationObserver(e), p.forEach((h) => o.observe(h, r)));
@@ -980,7 +981,7 @@ function cs(n = null, e = {}) {
     const p = e.titleTemplate || "%s";
     return typeof p == "function" ? p(u) : te(p).replace(/%s/g, u);
   }
-  return ve(
+  return ge(
     c,
     (u, p) => {
       u !== p && o && (o.title = f(typeof u == "string" ? u : ""));
@@ -1002,7 +1003,7 @@ function cs(n = null, e = {}) {
 const le = X({
   name: "VtjPageContainer",
   async setup() {
-    const n = Re(), e = ye(), t = e.params.id, s = t ? n.getPage(t) : n.getHomepage(), r = s ? await n.getRenderComponent(s.id) : null, o = F(Symbol());
+    const n = ke(), e = ye(), t = e.params.id, s = t ? n.getPage(t) : n.getHomepage(), r = s ? await n.getRenderComponent(s.id) : null, o = F(Symbol());
     return s && (Object.assign(e.meta, s.meta || {}, { cache: s.cache }), cs(s.title || "VTJ")), {
       provider: n,
       component: r,
@@ -1124,13 +1125,13 @@ const le = X({
       }
     };
     return (r, o) => (Xe(), Ze("div", ls, [
-      k("div", us, [
-        k("h1", ps, [
-          k("span", ds, q(t.name), 1)
+      R("div", us, [
+        R("h1", ps, [
+          R("span", ds, q(t.name), 1)
         ]),
-        k("div", fs, q(t.tagline), 1),
-        k("div", hs, [
-          k("button", {
+        R("div", fs, q(t.tagline), 1),
+        R("div", hs, [
+          R("button", {
             "data-l-h6o7ki7": "",
             onClick: s
           }, q(t.actionText), 1)
@@ -1138,13 +1139,13 @@ const le = X({
       ])
     ]));
   }
-}), vs = X({
+}), gs = X({
   name: "VtjStartupContainer",
   render() {
     return K(ms);
   }
-}), ke = Symbol("Provider");
-var gs = /* @__PURE__ */ ((n) => (n.Production = "production", n.Development = "development", n))(gs || {});
+}), Re = Symbol("Provider");
+var vs = /* @__PURE__ */ ((n) => (n.Production = "production", n.Development = "development", n))(vs || {});
 class ys extends Ae {
   constructor(e) {
     super(), this.options = e;
@@ -1228,24 +1229,24 @@ class ys extends Ae {
         e[h] = r[h] = await m();
       else {
         const w = l[h] || [];
-        for (const v of w)
-          Z(v) && await lt(h, R.append(v, { v: x })), ee(v) && await ie(R.append(v, { v: x }));
+        for (const g of w)
+          Z(g) && await lt(h, k.append(g, { v: x })), ee(g) && await ie(k.append(g, { v: x }));
         r[h] = e[h];
       }
     }
     if (i === "development") {
       for (const m of f)
-        await ie(R.append(m, { v: x }));
+        await ie(k.append(m, { v: x }));
       const h = this.materials || {};
       for (const m of u) {
         const d = e[p[m]], w = Ie[m];
         if (w)
-          d && w.forEach((v) => {
-            o[v] = d[v];
+          d && w.forEach((g) => {
+            o[g] = d[g];
           });
         else {
-          const v = h[m] ? (await h[m]()).default : e[m];
-          v && d && (v.components || []).forEach((S) => {
+          const g = h[m] ? (await h[m]()).default : e[m];
+          g && d && (g.components || []).forEach((S) => {
             o[S.name] = ct(S, d);
           });
         }
@@ -1262,7 +1263,7 @@ class ys extends Ae {
     }, f = {
       path: c,
       name: D,
-      component: t?.homepage ? le : r.startupComponent || vs,
+      component: t?.homepage ? le : r.startupComponent || gs,
       meta: i
     };
     e.hasRoute(C) && e.removeRoute(C), e.hasRoute(D) && e.removeRoute(D), o ? (e.addRoute(o, l), e.addRoute(o, f)) : (e.addRoute(l), e.addRoute(f));
@@ -1271,7 +1272,7 @@ class ys extends Ae {
     const t = e.config.globalProperties.installed || {};
     for (const [s, r] of Object.entries(this.library))
       !t[s] && dt(r) && (e.use(r), t[s] = !0);
-    this.options.install && e.use(this.options.install), this.adapter.access && e.use(this.adapter.access), e.provide(ke, this), e.config.globalProperties.installed = t, this.mode === y.Design && (e.config.errorHandler = (s, r, o) => {
+    this.options.install && e.use(this.options.install), this.adapter.access && e.use(this.adapter.access), e.provide(Re, this), e.config.globalProperties.installed = t, this.mode === y.Design && (e.config.errorHandler = (s, r, o) => {
       const a = r?.$options.name, i = typeof s == "string" ? s : s?.message || s?.msg || "未知错误", c = `[ ${a} ] ${i} ${o}`;
       console.error(
         "[VTJ Error]:",
@@ -1369,8 +1370,8 @@ function As(n) {
     onReady: (s) => e.ready(s)
   };
 }
-function Re(n = {}) {
-  const e = he(ke);
+function ke(n = {}) {
+  const e = he(Re);
   if (!e)
     throw new Error("Can not find provider");
   if (e.nodeEnv === "development") {
@@ -1521,58 +1522,58 @@ class se {
     return console.log("BaseService.genSource", e), "";
   }
 }
-const g = new qe({
+const v = new qe({
   type: "local",
   expired: 0,
   prefix: "__VTJ_"
 });
 class Ms extends se {
   init(e) {
-    const t = new H(e), s = g.get(`project_${t.id}`), r = Object.assign(t.toDsl(), s || {});
-    return g.save(`project_${t.id}`, r), Promise.resolve(r);
+    const t = new H(e), s = v.get(`project_${t.id}`), r = Object.assign(t.toDsl(), s || {});
+    return v.save(`project_${t.id}`, r), Promise.resolve(r);
   }
   saveProject(e) {
     const t = new H(e);
-    return g.save(`project_${t.id}`, t.toDsl()), Promise.resolve(!0);
+    return v.save(`project_${t.id}`, t.toDsl()), Promise.resolve(!0);
   }
   saveMaterials(e, t) {
-    return g.save(`materials_${e.id}`, Q(t)), Promise.resolve(!0);
+    return v.save(`materials_${e.id}`, Q(t)), Promise.resolve(!0);
   }
   saveFile(e) {
-    return g.save(`file_${e.id}`, e), Promise.resolve(!0);
+    return v.save(`file_${e.id}`, e), Promise.resolve(!0);
   }
   getFile(e) {
-    const t = g.get(`file_${e}`);
+    const t = v.get(`file_${e}`);
     return t ? Promise.resolve(t) : Promise.reject(null);
   }
   removeFile(e) {
-    return g.remove(`file_${e}`), Promise.resolve(!0);
+    return v.remove(`file_${e}`), Promise.resolve(!0);
   }
   saveHistory(e) {
-    return g.save(`history_${e.id}`, e), Promise.resolve(!0);
+    return v.save(`history_${e.id}`, e), Promise.resolve(!0);
   }
   removeHistory(e) {
-    const t = g.get(`history_${e}`);
+    const t = v.get(`history_${e}`);
     if (t) {
       const r = (t.items || []).map((o) => o.id);
-      this.removeHistoryItem(e, r), g.remove(`history_${e}`);
+      this.removeHistoryItem(e, r), v.remove(`history_${e}`);
     }
     return Promise.resolve(!0);
   }
   getHistory(e) {
-    const t = g.get(`history_${e}`), s = new ue(t || { id: e });
+    const t = v.get(`history_${e}`), s = new ue(t || { id: e });
     return Promise.resolve(s.toDsl());
   }
   getHistoryItem(e, t) {
-    const s = g.get(`history_${e}_${t}`);
+    const s = v.get(`history_${e}_${t}`);
     return Promise.resolve(s);
   }
   saveHistoryItem(e, t) {
-    return g.save(`history_${e}_${t.id}`, t), Promise.resolve(!0);
+    return v.save(`history_${e}_${t.id}`, t), Promise.resolve(!0);
   }
   removeHistoryItem(e, t) {
     return t.forEach((s) => {
-      g.remove(`history_${e}_${s}`);
+      v.remove(`history_${e}_${s}`);
     }), Promise.resolve(!0);
   }
 }
@@ -1721,7 +1722,7 @@ function Os(n) {
     menuPathPrefix: e = "",
     pageRouteName: t = "page",
     disableMenusFilter: s = !1
-  } = n || {}, r = Re(), o = ye(), a = gt(), i = F(!1), c = F(!1), l = r.project;
+  } = n || {}, r = ke(), o = ye(), a = vt(), i = F(!1), c = F(!1), l = r.project;
   et(() => {
     const { name: p, params: h, meta: m } = o;
     if (p === C) {
@@ -1760,10 +1761,10 @@ export {
   D as HOMEPAGE_ROUTE_NAME,
   nt as HTML_TAGS,
   Cs as JSCodeToString,
-  Rs as LIFE_CYCLES_LIST,
+  ks as LIFE_CYCLES_LIST,
   Hs as LocalService,
   Ss as MemoryService,
-  gs as NodeEnv,
+  vs as NodeEnv,
   C as PAGE_ROUTE_NAME,
   ys as Provider,
   ms as Startup,
@@ -1807,10 +1808,10 @@ export {
   at as parseDeps,
   T as parseExpression,
   W as parseFunction,
-  ke as providerKey,
+  Re as providerKey,
   it as removeProdFlag,
   _e as toString,
-  gt as useAccess,
+  vt as useAccess,
   Os as useMask,
-  Re as useProvider
+  ke as useProvider
 };

package/package.json

@@ -1,19 +1,19 @@
 {
   "name": "@vtj/renderer",
   "private": false,
-  "version": "0.9.12",
+  "version": "0.9.14",
   "type": "module",
   "dependencies": {
     "mockjs": "~1.1.0",
-    "@vtj/utils": "~0.9.12",
-    "@vtj/core": "~0.9.12"
+    "@vtj/core": "~0.9.14",
+    "@vtj/utils": "~0.9.14"
   },
   "devDependencies": {
     "vue": "~3.5.5",
     "vue-router": "~4.5.0",
-    "@vtj/icons": "~0.9.12",
-    "@vtj/ui": "~0.9.12",
-    "@vtj/cli": "~0.9.6"
+    "@vtj/cli": "~0.9.6",
+    "@vtj/icons": "~0.9.14",
+    "@vtj/ui": "~0.9.14"
   },
   "exports": {
     ".": {

package/types/render/context.d.ts

@@ -40,8 +40,10 @@ export declare class Context {
     setup(attrs: Record<string, any>, Vue?: any): void;
     private __proxy;
     private __cleanup;
+    private __reset;
     __parseFunction(code?: JSFunction): Function | undefined;
     __parseExpression(code?: JSExpression | JSFunction): any;
     __ref(id?: string | null, ref?: string | Function): ((el: any) => Promise<any>) | undefined;
+    __getRefEl(refs: Record<string, any>, key: string, el: any): any;
     __clone(context?: Record<string, any>): Context;
 }

package/types/version.d.ts

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