@vtj/renderer 0.12.19 → 0.12.21

package/dist/index.mjs

@@ -1,16 +1,16 @@
-import { Base as Te, BUILT_IN_COMPONENTS as De, ProjectModel as N, HistoryModel as pe } from "@vtj/core";
-import { isUrl as xe, url as b, dedupArray as Oe, isString as j, isFunction as K, logger as C, storage as L, cookie as q, toArray as re, unRSA as ie, delay as fe, createRequest as de, jsonp as he, merge as Ne, pathToRegexp as Be, pathToRegexpMatch as Ue, formDataToJson as Le, cloneDeep as oe, camelCase as E, upperFirst as qe, pick as Je, request as z, loadScript as ae, Storage as Ke, mapToObject as Z } from "@vtj/utils";
+import { Base as xe, BUILT_IN_COMPONENTS as Oe, ProjectModel as N, HistoryModel as pe } from "@vtj/core";
+import { isUrl as Ne, url as C, dedupArray as Be, isString as E, isFunction as V, logger as k, storage as J, cookie as K, toArray as re, unRSA as ie, delay as fe, createRequest as de, jsonp as he, merge as Ue, pathToRegexp as Le, pathToRegexpMatch as qe, formDataToJson as Je, cloneDeep as oe, camelCase as j, upperFirst as Ke, pick as ze, request as W, loadScript as ae, Storage as Ve, mapToObject as te } from "@vtj/utils";
 import * as B from "vue";
-import { inject as me, defineComponent as ve, h as V, ref as W, defineAsyncComponent as ce, watchEffect as ze } from "vue";
+import { inject as me, defineComponent as ve, h as G, ref as Y, defineAsyncComponent as ce, watchEffect as We } from "vue";
 import { useRoute as ge } from "vue-router";
 /**!
  * Copyright (c) 2025, VTJ.PRO All rights reserved.
  * @name @vtj/renderer 
  * @author CHC chenhuachun1549@dingtalk.com 
- * @version 0.12.19
+ * @version 0.12.21
  * @license <a href="https://vtj.pro/license.html">MIT License</a>
  */
-const A = "0.12.19";
+const A = "0.12.21";
 var y = /* @__PURE__ */ ((n) => (n.Runtime = "Runtime", n.Design = "Design", n.Raw = "Raw", n.VNode = "VNode", n))(y || {});
 const le = [
   "$el",
@@ -24,7 +24,7 @@ const le = [
   "$props",
   "$options",
   "$forceUpdate"
-], Xt = [
+], Zt = [
   "beforeCreate",
   "created",
   "beforeMount",
@@ -38,7 +38,7 @@ const le = [
   "renderTriggered",
   "activated",
   "deactivated"
-], Ve = [
+], Ge = [
   "vIf",
   "vElseIf",
   "vElse",
@@ -47,7 +47,7 @@ const le = [
   "vFor",
   "vBind",
   "vHtml"
-], We = {
+], Ye = {
   String,
   Number,
   Boolean,
@@ -55,59 +55,66 @@ const le = [
   Object,
   Function,
   Date
-}, I = "VtjPage", O = "VtjHomepage", Ge = "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(
+}, I = "VtjPage", O = "VtjHomepage", Qe = "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(
   ","
-), Ye = "component,slot".split(",");
+), Xe = "component,slot".split(",");
 function D(n, e) {
-  return n.map((t) => xe(t) || t.startsWith("/") ? t : `${e}${t}`);
+  return n.map((t) => Ne(t) || t.startsWith("/") ? t : `${e}${t}`);
 }
-function ee(n) {
+function U(n) {
   return /\.css$/.test(n);
 }
-function te(n) {
+function L(n) {
   return /\.js$/.test(n);
 }
-function Qe(n) {
+function Ze(n) {
   return /\.json$/.test(n);
 }
-function Zt(n) {
+function es(n) {
   return n.map(
-    (e) => `<script src="${b.append(e, { v: A })}"><\/script>`
+    (e) => `<script src="${C.append(e, { v: A })}"><\/script>`
   ).join("");
 }
-function es(n = []) {
+function ts(n = []) {
   return n.map(
-    (e) => `<link rel="stylesheet" href="${b.append(e, { v: A })}" />`
+    (e) => `<link rel="stylesheet" href="${C.append(e, { v: A })}" />`
   ).join("");
 }
-function Xe(n, e = !1) {
+function et(n, e = !1) {
   return e && n.endsWith(".prod.js") ? n.replace(".prod.js", ".js") : n;
 }
-function Ze(n, e, t = !1) {
+function tt(n, e, t = !1) {
   const s = n.filter((m) => !!m.enabled), r = [], i = [], a = [], o = [], c = {}, l = {}, u = [], p = {};
   return s.forEach(
-    ({ urls: m, assetsUrl: f, library: d, assetsLibrary: h, localeLibrary: _ }) => {
+    ({ urls: m, assetsUrl: d, library: f, assetsLibrary: h, localeLibrary: _ }) => {
       m?.forEach((v) => {
-        te(v) && r.push(Xe(v, t)), ee(v) && i.push(v);
-      }), d && (o.push(d), c[d] = D(m || [], e), _ && (l[d] = _)), f && a.push(f), h && u.push(h), d && h && (p[h] = d);
+        L(v) && r.push(et(v, t)), U(v) && i.push(v);
+      }), f && (o.push(f), c[f] = D(m || [], e), _ && (l[f] = _)), d && a.push(d), h && u.push(h), f && h && (p[h] = f);
     }
   ), {
     scripts: D(r, e),
     css: D(i, e),
     materials: D(a, e),
     libraryExports: o,
-    materialExports: Oe(u),
+    materialExports: Be(u),
     materialMapLibrary: p,
     libraryMap: c,
     libraryLocaleMap: l
   };
 }
-function et(n, e) {
+function st(n, e) {
   const { name: t, parent: s, alias: r } = n;
   return s ? e[s]?.[r || t] : e[r || t];
 }
+function nt(n = []) {
+  const e = n.filter((s) => U(s)), t = n.filter((s) => L(s));
+  return {
+    css: e,
+    js: t
+  };
+}
 function ye(n) {
-  return j(n) ? n : JSON.stringify(n);
+  return E(n) ? n : JSON.stringify(n);
 }
 function _e(n, e, t) {
   const s = n.CSSStyleSheet;
@@ -124,11 +131,11 @@ function _e(n, e, t) {
     i ? i.innerHTML = t : (i = r.createElement("style"), i.id = e, i.innerHTML = t, r.head.appendChild(i));
   }
 }
-async function tt(n, e) {
+async function rt(n, e) {
   const t = await window.fetch(e).then((s) => s.text()).catch(() => "");
   t && _e(window, n, t);
 }
-function st(n, e = window) {
+function we(n, e = window) {
   const t = e.document, s = e.document.head;
   for (const r of n)
     if (!t.getElementById(r)) {
@@ -136,7 +143,7 @@ function st(n, e = window) {
       a.rel = "stylesheet", a.id = r, a.href = r, s.appendChild(a);
     }
 }
-async function nt(n, e, t = window) {
+async function Se(n, e, t = window) {
   const s = t.document, r = t.document.head;
   let i = t[e];
   return i ? i.default || i : new Promise((a, o) => {
@@ -150,14 +157,14 @@ async function nt(n, e, t = window) {
     }
   });
 }
-function rt(n) {
-  return K(n) || K(n?.install);
-}
 function it(n) {
-  return Ye.includes(n);
+  return V(n) || V(n?.install);
 }
 function ot(n) {
-  return Ge.includes(n);
+  return Xe.includes(n);
+}
+function at(n) {
+  return Qe.includes(n);
 }
 function M(n = window) {
   const e = window?.Mock;
@@ -166,7 +173,7 @@ function M(n = window) {
   if (t && window)
     return window.Mock = t, t;
 }
-function ts(n, e, t) {
+function ss(n, e, t) {
   Object.assign(e.meta, t.meta);
   const s = n?._container;
   t?.type === "page" && s.classList.add("is-page"), t?.pure && s.classList.add("is-pure");
@@ -181,13 +188,13 @@ function H(n, e, t = !1, s = !1) {
     const a = `with(${t ? "{}" : "$scope || {}"}) { ${i} }`;
     return new Function("$scope", a)(e);
   } catch (r) {
-    if (C.error("parseExpression.error", r, n, e?.__self ?? e), s)
+    if (k.error("parseExpression.error", r, n, e?.__self ?? e), s)
       throw r;
   }
 }
-function G(n, e, t = !1, s = !1) {
+function Q(n, e, t = !1, s = !1) {
   const r = H(n, e, t, s);
-  if (typeof r != "function" && (C.error(
+  if (typeof r != "function" && (k.error(
     "parseFunction.error",
     "not a function",
     n,
@@ -202,13 +209,13 @@ function w(n) {
 function T(n) {
   return typeof n == "object" && n && n.type === "JSFunction";
 }
-function at(n) {
+function ct(n) {
   return w(n) || T(n);
 }
-function ss(n) {
-  return at(n) ? n.value : JSON.stringify(n);
+function ns(n) {
+  return ct(n) ? n.value : JSON.stringify(n);
 }
-const ct = {
+const lt = {
   session: !1,
   authKey: "Authorization",
   storageKey: "ACCESS_STORAGE",
@@ -221,14 +228,14 @@ const ct = {
   noPermissionMessage: "无权限访问该页面",
   appName: "",
   statusKey: "code"
-}, we = Symbol("access");
-class Se {
+}, $e = Symbol("access");
+class je {
   options;
   data = null;
   mode = y.Raw;
   interceptResponse = !0;
   constructor(e) {
-    this.options = Object.assign({}, ct, e), this.loadData();
+    this.options = Object.assign({}, lt, e), this.loadData();
   }
   enableIntercept() {
     this.interceptResponse = !0;
@@ -242,17 +249,17 @@ class Se {
   }
   login(e) {
     const { storageKey: t, storagePrefix: s, session: r, authKey: i } = this.options;
-    this.setData(e), this.data && (L.save(t, e, {
+    this.setData(e), this.data && (J.save(t, e, {
       type: "local",
       prefix: s
-    }), r && q.set(i, this.data.token));
+    }), r && K.set(i, this.data.token));
   }
   clear() {
     const { storageKey: e, storagePrefix: t, session: s, authKey: r } = this.options;
-    this.data = null, L.remove(e, {
+    this.data = null, J.remove(e, {
       type: "local",
       prefix: t
-    }), s && q.remove(r);
+    }), s && K.remove(r);
   }
   logout() {
     this.clear(), this.toLogin();
@@ -272,7 +279,7 @@ class Se {
     return re(e).some((i) => s[i] || s[t + "." + i]);
   }
   install(e) {
-    e.config.globalProperties.$access = this, e.provide(we, this);
+    e.config.globalProperties.$access = this, e.provide($e, this);
   }
   isAuthPath(e) {
     const { auth: t, isAuth: s } = this.options;
@@ -312,7 +319,7 @@ class Se {
       this.data = e;
   }
   loadData() {
-    const { storageKey: e, storagePrefix: t } = this.options, s = L.get(e, {
+    const { storageKey: e, storagePrefix: t } = this.options, s = J.get(e, {
       type: "local",
       prefix: t
     });
@@ -320,7 +327,7 @@ class Se {
   }
   isLogined() {
     const { session: e, authKey: t } = this.options;
-    return e && t ? !!q.get(t) : !!this.getToken();
+    return e && t ? !!K.get(t) : !!this.getToken();
   }
   hasRoutePermission(e) {
     if (e.name === I) {
@@ -340,7 +347,7 @@ class Se {
         return t();
       {
         const { noPermissionMessage: s = "无权限访问", unauthorized: r = !1 } = this.options;
-        return await this.showTip(s), K(r) ? (r(), t(!1)) : j(r) ? t(r) : t(!1);
+        return await this.showTip(s), V(r) ? (r(), t(!1)) : E(r) ? t(r) : t(!1);
       }
     }
     t(!1), this.toLogin();
@@ -375,10 +382,10 @@ class Se {
     );
   }
 }
-function lt() {
-  return me(we, null);
+function ut() {
+  return me($e, null);
 }
-function ns(n = {}) {
+function rs(n = {}) {
   const {
     notify: e,
     loading: t,
@@ -415,13 +422,13 @@ function ns(n = {}) {
     loading: t,
     useTitle: a,
     startupComponent: r,
-    access: i ? new Se({ alert: o, ...i }) : void 0
+    access: i ? new je({ alert: o, ...i }) : void 0
   };
 }
-function rs(n = {}) {
-  return new Se(n);
+function is(n = {}) {
+  return new je(n);
 }
-function ut(n, e) {
+function pt(n, e) {
   const { jsonp: t, request: s } = e;
   if (n.method === "jsonp")
     return (r = {}) => t(n.url, {
@@ -437,10 +444,10 @@ function ut(n, e) {
         headers: r
       }
     };
-    return (a, o) => (delete i.data, s.send(Ne(i, o || {}, { data: a })));
+    return (a, o) => (delete i.data, s.send(Ue(i, o || {}, { data: a })));
   }
 }
-function pt(n, e) {
+function ft(n, e) {
   const { metaQuery: t } = e;
   if (!t) return;
   const { code: s, queryCode: r } = n;
@@ -452,47 +459,47 @@ function pt(n, e) {
     return t(s, r, i, a);
   };
 }
-function ft(n = [], e = [], t) {
+function dt(n = [], e = [], t) {
   const s = {};
   for (const r of n)
-    s[r.id] = ut(r, t);
-  for (const r of e)
     s[r.id] = pt(r, t);
+  for (const r of e)
+    s[r.id] = ft(r, t);
   return s;
 }
-async function dt(n = [], e = window) {
+async function ht(n = [], e = window) {
   const t = M(e);
-  t && ($e(e), n.forEach((s) => mt(t, s)));
+  t && (Ee(e), n.forEach((s) => vt(t, s)));
 }
-function ht(n, e = window) {
-  const t = T(n.mockTemplate) && n.mockTemplate.value ? G(n.mockTemplate, {}, !0) : void 0, s = M(e);
+function mt(n, e = window) {
+  const t = T(n.mockTemplate) && n.mockTemplate.value ? Q(n.mockTemplate, {}, !0) : void 0, s = M(e);
   return async (...r) => {
     let i = {};
     if (t)
       try {
         i = await t.apply(t, r);
       } catch (a) {
-        C.warn("模拟数据模版异常", a);
+        k.warn("模拟数据模版异常", a);
       }
     return s?.mock(i);
   };
 }
-function mt(n, e) {
+function vt(n, e) {
   if (!e.mock) return;
   const { url: t, mockTemplate: s } = e;
   if (t && s) {
-    const r = Be(`${t}(.*)`), i = Ue(t, { decode: decodeURIComponent }), a = H(s, {}, !0);
+    const r = Le(`${t}(.*)`), i = qe(t, { decode: decodeURIComponent }), a = H(s, {}, !0);
     n.mock(r, (o) => {
-      const c = b.parse(o.url) || {}, l = o.body instanceof FormData ? Le(o.body) : o.body, u = i(o.url)?.params;
+      const c = C.parse(o.url) || {}, l = o.body instanceof FormData ? Je(o.body) : o.body, u = i(o.url)?.params;
       return Object.assign(o, { data: l, params: c, query: u }), n.mock(a(o));
     });
   }
 }
-function $e(n = window) {
+function Ee(n = window) {
   const e = M(n);
   e && (e._mocked = {});
 }
-class vt {
+class gt {
   __id = null;
   __mode;
   __instance = null;
@@ -551,9 +558,9 @@ class vt {
     if (e)
       if (this.__mode === y.Runtime) {
         const { id: t, type: s } = e, r = t ? this.__transform[t] ?? e.value : e.value;
-        return G({ type: s, value: r }, this);
+        return Q({ type: s, value: r }, this);
       } else
-        return G(e, this);
+        return Q(e, this);
   }
   __parseExpression(e) {
     if (e)
@@ -591,7 +598,7 @@ class vt {
     return s.context.__proto__ = this.context, s.__proto__ = this, s;
   }
 }
-function Y(n) {
+function X(n) {
   const {
     Vue: e = B,
     mode: t = y.Runtime,
@@ -603,56 +610,59 @@ function Y(n) {
     $components: s,
     $libs: r,
     $apis: i
-  }, l = new vt({
+  }, l = new gt({
     mode: t,
     dsl: o.value,
     attrs: c
   }), u = e.defineComponent({
     name: o.value.name,
     props: {
-      ...yt(o.value.props ?? [], l)
+      ..._t(o.value.props ?? [], l)
     },
     setup(p) {
       l.$props = p, l.props = p, o.value.id && _e(
         n.window || window,
         o.value.id,
         o.value.css || ""
-      ), l.state = _t(e, o.value.state ?? {}, l);
-      const m = wt(e, o.value.computed ?? {}, l), f = St(o.value.methods ?? {}, l), d = $t(e, o.value.inject, l), h = Et(
+      ), l.state = wt(e, o.value.state ?? {}, l);
+      const m = St(e, o.value.computed ?? {}, l), d = $t(o.value.methods ?? {}, l), f = jt(e, o.value.inject, l);
+      for (const [v, P] of Object.entries(f || {}))
+        f[v] = e.inject(v, P);
+      const h = Et(
         o.value.dataSources || {},
         l
       ), _ = {
-        ...d,
-        ...m,
         ...f,
+        ...m,
+        ...d,
         ...h
       };
-      return l.setup(_, e), jt(e, o.value.watch ?? [], l), {
+      return l.setup(_, e), Pt(e, o.value.watch ?? [], l), {
         vtj: l
       };
     },
-    emits: gt(o.value.emits),
+    emits: yt(o.value.emits),
     expose: ["vtj"],
     render() {
       if (!o.value.nodes) return null;
       const p = o.value.nodes || [];
-      return p.length === 1 ? k(p[0], l, e, a, p) : p.map(
-        (m) => k(m, l, e, a, p)
+      return p.length === 1 ? F(p[0], l, e, a, p) : p.map(
+        (m) => F(m, l, e, a, p)
       );
     },
-    ...Pt(o.value.lifeCycles ?? {}, l)
+    ...Rt(o.value.lifeCycles ?? {}, l)
   });
   return {
     renderer: e.markRaw(u),
     context: l
   };
 }
-function gt(n = []) {
-  return n.map((e) => j(e) ? e : e.name);
+function yt(n = []) {
+  return n.map((e) => E(e) ? e : e.name);
 }
-function yt(n = [], e) {
-  const t = (s) => s ? (Array.isArray(s) ? s : [s]).map((i) => We[i]) : void 0;
-  return n.map((s) => j(s) ? {
+function _t(n = [], e) {
+  const t = (s) => s ? (Array.isArray(s) ? s : [s]).map((i) => Ye[i]) : void 0;
+  return n.map((s) => E(s) ? {
     name: s
   } : {
     name: s.name,
@@ -668,7 +678,7 @@ function yt(n = [], e) {
     {}
   );
 }
-function _t(n, e, t) {
+function wt(n, e, t) {
   return n.reactive(
     Object.keys(e || {}).reduce(
       (s, r) => {
@@ -679,19 +689,19 @@ function _t(n, e, t) {
     )
   );
 }
-function wt(n, e, t) {
+function St(n, e, t) {
   return Object.entries(e ?? {}).reduce(
     (s, [r, i]) => (s[r] = n.computed(t.__parseFunction(i)), s),
     {}
   );
 }
-function St(n, e) {
+function $t(n, e) {
   return Object.entries(n ?? {}).reduce(
     (t, [s, r]) => (t[s] = e.__parseFunction(r), t),
     {}
   );
 }
-function $t(n, e = [], t) {
+function jt(n, e = [], t) {
   return e.reduce(
     (s, r) => {
       const { name: i, from: a } = r || {};
@@ -707,7 +717,7 @@ function Et(n, e) {
     (t, s) => {
       const r = n[s];
       if (r.type === "mock")
-        t[s] = ht(r);
+        t[s] = mt(r);
       else if (r.ref) {
         const i = e.$apis[r.ref], a = T(r.transform) ? r.transform.value ? e.__parseFunction(r.transform) : void 0 : r.transform;
         t[s] = async (...o) => {
@@ -720,7 +730,7 @@ function Et(n, e) {
     {}
   );
 }
-function jt(n, e = [], t) {
+function Pt(n, e = [], t) {
   e.forEach((s) => {
     n.watch(
       t.__parseExpression(s.source),
@@ -732,55 +742,55 @@ function jt(n, e = [], t) {
     );
   });
 }
-function Pt(n, e) {
+function Rt(n, e) {
   return Object.entries(n ?? {}).reduce(
     (t, [s, r]) => (t[s] = e.__parseFunction(r), t),
     {}
   );
 }
-let J = [], R = {};
-const Rt = (n) => n;
-async function Ee(n, e = window) {
-  const { urls: t = [], library: s } = n, r = t.filter((o) => te(o));
+let z = [], b = {};
+const bt = (n) => n;
+async function Pe(n, e = window) {
+  const { urls: t = [], library: s } = n, r = t.filter((o) => L(o));
   if (r.length === 0 || !s) return null;
-  const i = t.filter((o) => ee(o));
-  return i.length && st(i, e), await nt(r, s, e).catch(
+  const i = t.filter((o) => U(o));
+  return i.length && we(i, e), await Se(r, s, e).catch(
     (o) => (console.warn("loadScriptUrl error", r, s, o), null)
   );
 }
-function Q(n) {
+function Z(n) {
   const { getDsl: e, getDslByUrl: t, options: s } = n;
-  return s.window && (J.forEach((r) => {
+  return s.window && (z.forEach((r) => {
     delete s.window[r];
-  }), J = []), (r, i, a = B) => {
+  }), z = []), (r, i, a = B) => {
     if (!i || typeof i == "string") return r;
     if (i.type === "Schema" && i.id)
       return a.defineAsyncComponent(async () => {
-        const o = R[i.id] || await e(i.id);
-        return o && (o.name = r, R[i.id] = o), o ? Y({
+        const o = b[i.id] || await e(i.id);
+        return o && (o.name = r, b[i.id] = o), o ? X({
           ...s,
           Vue: a,
           dsl: oe(o),
           mode: y.Runtime,
-          loader: Q(n)
+          loader: Z(n)
         }).renderer : null;
       });
     if (i.type === "UrlSchema" && i.url)
       return a.defineAsyncComponent(async () => {
-        const o = R[i.url] || await t(i.url);
-        return o && (o.name = r, R[i.url] = o), o ? Y({
+        const o = b[i.url] || await t(i.url);
+        return o && (o.name = r, b[i.url] = o), o ? X({
           ...s,
           Vue: a,
           dsl: oe(o),
           mode: y.Runtime,
-          loader: Q(n)
+          loader: Z(n)
         }).renderer : null;
       });
     if (i.type === "Plugin") {
-      let o = i.library ? R[i.library] : null;
-      return o || (i.library && J.push(i.library), o = R[i.library || Symbol()] = a.defineAsyncComponent(
+      let o = i.library ? b[i.library] : null;
+      return o || (i.library && z.push(i.library), o = b[i.library || Symbol()] = a.defineAsyncComponent(
         async () => {
-          const c = await Ee(i, s.window);
+          const c = await Pe(i, s.window);
           return c || (console.warn("getPlugin result is null", i), null);
         }
       ), o);
@@ -788,46 +798,46 @@ function Q(n) {
     return r;
   };
 }
-function is() {
-  R = {};
+function os() {
+  b = {};
 }
-function k(n, e, t = B, s = Rt, r = [], i = !1) {
+function F(n, e, t = B, s = bt, r = [], i = !1) {
   if (!n || !n.name || n.invisible) return null;
-  const a = t.getCurrentInstance()?.appContext, { id: o = null, directives: c = [] } = n, { vIf: l, vElseIf: u, vElse: p, vFor: m, vShow: f, vModels: d, vBind: h, vHtml: _, others: v } = je(c);
+  const a = t.getCurrentInstance()?.appContext, { id: o = null, directives: c = [] } = n, { vIf: l, vElseIf: u, vElse: p, vFor: m, vShow: d, vModels: f, vBind: h, vHtml: _, others: v } = Re(c);
   if (!i && (u || p))
     return null;
-  if (l && !Ct(l, e))
-    return It(n, e, t, s, r);
-  const F = (S) => {
-    const Ae = S.$components, Ie = (() => {
+  if (l && !kt(l, e))
+    return Mt(n, e, t, s, r);
+  const P = (S) => {
+    const Me = S.$components, He = (() => {
       if (n.name === "component")
-        return kt(S, n.props?.is);
+        return Ft(S, n.props?.is);
       if (n.name === "slot") return n.name;
       const $ = s(n.name, n.from, t);
-      return j($) ? it($) || ot($) ? $ : Ae[$] ?? a?.app?.component($) ?? $ : $;
-    })(), P = Ft(o, n.props ?? {}, S), Me = At(t, n.events ?? {}, S);
+      return E($) ? ot($) || at($) ? $ : Me[$] ?? a?.app?.component($) ?? $ : $;
+    })(), R = At(o, n.props ?? {}, S), Te = It(t, n.events ?? {}, S);
     if (n.name === "slot")
-      return Mt(t, n, P, S, s);
-    h && Object.assign(P, S.__parseExpression(h.value)), f && (P.style = Object.assign(
-      P.style ?? {},
-      Tt(f, S)
-    )), _ && Object.assign(P, Dt(_, S)), d.forEach(($) => {
-      Object.assign(P, xt(t, $, S));
+      return Ht(t, n, R, S, s);
+    h && Object.assign(R, S.__parseExpression(h.value)), d && (R.style = Object.assign(
+      R.style ?? {},
+      Dt(d, S)
+    )), _ && Object.assign(R, xt(_, S)), f.forEach(($) => {
+      Object.assign(R, Ot(t, $, S));
     });
-    const He = Ot(
+    const De = Nt(
       t,
       n.children ?? [],
       S,
       s,
       n
     );
-    let U = t.createVNode(Ie, { ...P, ...Me }, He);
-    const ne = a ? bt(a, v, S) : [];
-    return ne.length && (U = t.withDirectives(U, ne)), U;
+    let q = t.createVNode(He, { ...R, ...Te }, De);
+    const ne = a ? Ct(a, v, S) : [];
+    return ne.length && (q = t.withDirectives(q, ne)), q;
   };
-  return m ? Ut(m, F, e) : F(e);
+  return m ? Lt(m, P, e) : P(e);
 }
-function bt(n, e, t) {
+function Ct(n, e, t) {
   const s = n.app;
   return e.map((r) => {
     const i = typeof r.name == "string" ? s.directive(r.name) : t.__parseExpression(r.name);
@@ -836,13 +846,13 @@ function bt(n, e, t) {
     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 je(n = []) {
-  const e = n.find((u) => E(u.name) === "vIf"), t = n.find(
-    (u) => E(u.name) === "vElseIf"
-  ), s = n.find((u) => E(u.name) === "vElse"), r = n.find((u) => E(u.name) === "vFor"), i = n.find((u) => E(u.name) === "vShow"), a = n.find((u) => E(u.name) === "vBind"), o = n.find((u) => E(u.name) === "vHtml"), c = n.filter(
-    (u) => E(u.name) === "vModel"
+function Re(n = []) {
+  const e = n.find((u) => j(u.name) === "vIf"), t = n.find(
+    (u) => j(u.name) === "vElseIf"
+  ), s = n.find((u) => j(u.name) === "vElse"), r = n.find((u) => j(u.name) === "vFor"), i = n.find((u) => j(u.name) === "vShow"), a = n.find((u) => j(u.name) === "vBind"), o = n.find((u) => j(u.name) === "vHtml"), c = n.filter(
+    (u) => j(u.name) === "vModel"
   ), l = n.filter(
-    (u) => !Ve.includes(E(u.name))
+    (u) => !Ge.includes(j(u.name))
   );
   return {
     vIf: e,
@@ -856,26 +866,26 @@ function je(n = []) {
     vHtml: o
   };
 }
-function Ct(n, e) {
+function kt(n, e) {
   return !!e.__parseExpression(n.value);
 }
-function kt(n, e) {
+function Ft(n, e) {
   return e ? w(e) ? n.__parseExpression(e) : e : "div";
 }
-function Ft(n, e, t) {
-  const s = X(e, t);
+function At(n, e, t) {
+  const s = ee(e, t);
   return s.ref = t.__ref(n, s.ref), s;
 }
-function X(n, e) {
-  return w(n) ? e.__parseExpression(n) : T(n) ? e.__parseFunction(n) : Array.isArray(n) ? n.map((t) => X(t, e)) : typeof n == "object" ? Object.keys(n || {}).reduce(
+function ee(n, e) {
+  return w(n) ? e.__parseExpression(n) : T(n) ? e.__parseFunction(n) : Array.isArray(n) ? n.map((t) => ee(t, e)) : typeof n == "object" ? Object.keys(n || {}).reduce(
     (t, s) => {
       let r = n[s];
-      return t[s] = X(r, e), t;
+      return t[s] = ee(r, e), t;
     },
     {}
   ) : n;
 }
-function At(n, e, t) {
+function It(n, e, t) {
   const s = ["passive", "capture", "once"], r = {
     capture: "Capture",
     once: "Once",
@@ -883,62 +893,62 @@ function At(n, e, t) {
   };
   return Object.keys(e || {}).reduce(
     (i, a) => {
-      const o = e[a], c = Pe(o.modifiers), l = c.find((m) => s.includes(m)), u = "on" + qe(a) + (l && r[l] || ""), p = t.__parseFunction(o.handler);
+      const o = e[a], c = be(o.modifiers), l = c.find((m) => s.includes(m)), u = "on" + Ke(a) + (l && r[l] || ""), p = t.__parseFunction(o.handler);
       return p && (i[u] = n.withModifiers(p, c)), i;
     },
     {}
   );
 }
-function It(n, e, t, s, r = []) {
+function Mt(n, e, t, s, r = []) {
   let i = r.findIndex((a) => a.id === n.id);
   for (let a = ++i; a < r.length; a++) {
-    const { directives: o = [] } = r[a], { vElseIf: c, vElse: l } = je(o);
+    const { directives: o = [] } = r[a], { vElseIf: c, vElse: l } = Re(o);
     if (c) {
       if (e.__parseExpression(c.value))
-        return k(r[a], e, t, s, r, !0);
+        return F(r[a], e, t, s, r, !0);
       continue;
     }
     if (l)
-      return k(r[a], e, t, s, r, !0);
+      return F(r[a], e, t, s, r, !0);
   }
   return null;
 }
-function Pe(n = {}, e = !1) {
+function be(n = {}, e = !1) {
   const t = Object.keys(n);
   return e ? t.map((s) => "." + s) : t;
 }
-function Mt(n, e, t, s, r) {
-  const { children: i } = e, a = Ht(e, s), o = s.$slots?.[a.name];
-  return o ? o(t) : i ? j(i) ? n.createTextVNode(i) : w(i) ? n.createTextVNode(
+function Ht(n, e, t, s, r) {
+  const { children: i } = e, a = Tt(e, s), o = s.$slots?.[a.name];
+  return o ? o(t) : i ? E(i) ? n.createTextVNode(i) : w(i) ? n.createTextVNode(
     ye(s.__parseExpression(i))
   ) : Array.isArray(i) ? i.map(
-    (c) => k(c, s, n, r, i)
+    (c) => F(c, s, n, r, i)
   ) : null : null;
 }
-function Ht(n, e) {
+function Tt(n, e) {
   const { props: t } = n, s = t?.name || "default";
   return {
     name: w(s) ? e.__parseExpression(s) : s,
     params: []
   };
 }
-function Tt(n, e) {
+function Dt(n, e) {
   return e.__parseExpression(n.value) ? {} : {
     display: "none"
   };
 }
-function Dt(n, e) {
+function xt(n, e) {
   return {
     innerHTML: e.__parseExpression(n.value) || ""
   };
 }
-function xt(n, e, t) {
+function Ot(n, e, t) {
   const s = {
     type: "JSFunction",
     value: e.value?.value ? `(v) => {
         ${e.value.value} = v;
       }` : "(v) => {}"
-  }, r = t.__parseFunction(s), i = Pe(
+  }, r = t.__parseFunction(s), i = be(
     w(e.modifiers) ? t.__parseExpression(e.modifiers) : e.modifiers
   ), a = w(e.arg) ? t.__parseExpression(e.arg) : e.arg || "modelValue";
   return {
@@ -946,28 +956,28 @@ function xt(n, e, t) {
     [`onUpdate:${a}`]: i.length && r ? n.withModifiers(r, i) : r
   };
 }
-function Ot(n, e, t, s, r) {
+function Nt(n, e, t, s, r) {
   if (!e) return null;
-  if (j(e))
+  if (E(e))
     return { default: () => e };
   if (w(e))
     return {
       default: () => ye(t.__parseExpression(e))
     };
   if (Array.isArray(e) && e.length > 0) {
-    const i = Nt(e), a = (o) => !o || !r ? {} : r?.id && Object.keys(o).length ? {
+    const i = Bt(e), a = (o) => !o || !r ? {} : r?.id && Object.keys(o).length ? {
       [`scope_${r.id}`]: o
     } : {};
     return Object.entries(i).reduce((o, [c, { nodes: l, params: u }]) => (o[c] = (p) => {
-      const m = u.length ? Je(p ?? {}, u) : a(p);
+      const m = u.length ? ze(p ?? {}, u) : a(p);
       return l.map(
-        (f) => k(f, t.__clone(m), n, s, l)
+        (d) => F(d, t.__clone(m), n, s, l)
       );
     }, o), {});
   }
   return null;
 }
-function Nt(n) {
+function Bt(n) {
   const e = {
     default: {
       params: [],
@@ -975,7 +985,7 @@ function Nt(n) {
     }
   };
   for (const t of n) {
-    const s = Bt(t.slot), r = s.name;
+    const s = Ut(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
@@ -983,10 +993,10 @@ function Nt(n) {
   }
   return e;
 }
-function Bt(n = "default") {
-  return j(n) ? { name: n, params: [] } : { params: [], ...n };
+function Ut(n = "default") {
+  return E(n) ? { name: n, params: [] } : { params: [], ...n };
 }
-function Ut(n, e, t) {
+function Lt(n, e, t) {
   const { value: s, iterator: r } = n, { item: i = "item", index: a = "index" } = r || {};
   let o = t.__parseExpression(s) || [];
   return Number.isInteger(o) && (o = new Array(o).fill(!0).map((c, l) => l + 1)), Array.isArray(o) ? o.map((c, l) => e(t.__clone({ [i]: c, [a]: l }))) : (console.warn("[vForRender]:", `${s?.value} is not a Arrary`), []);
@@ -994,7 +1004,7 @@ function Ut(n, e, t) {
 const ue = ve({
   name: "VtjPageContainer",
   async setup() {
-    const n = be(), e = ge(), t = e.params.id, s = t ? n.getPage(t) : n.getHomepage(), r = s ? await n.getRenderComponent(s.id) : null, i = W(Symbol());
+    const n = ke(), e = ge(), t = e.params.id, s = t ? n.getPage(t) : n.getHomepage(), r = s ? await n.getRenderComponent(s.id) : null, i = Y(Symbol());
     if (s) {
       Object.assign(e.meta, s.meta || {}, { cache: s.cache });
       const { useTitle: a } = n?.adapter;
@@ -1012,19 +1022,24 @@ const ue = ve({
   },
   render() {
     const { component: n, query: e, sid: t } = this;
-    return n ? V(n, { ...e, key: t }) : V("div", "页面不存在");
+    return n ? G(n, { ...e, key: t }) : G("div", "页面不存在");
   },
   activated() {
     this.meta.cache === !1 && (this.sid = Symbol());
   }
-}), Lt = ve({
+}), qt = ve({
   name: "VtjStartupContainer",
   render() {
-    return V("div", "page not found!");
-  }
-}), Re = Symbol("Provider");
-var qt = /* @__PURE__ */ ((n) => (n.Production = "production", n.Development = "development", n))(qt || {});
-class Jt extends Te {
+    return G("div", "page not found!");
+  }
+}), Ce = Symbol("Provider");
+var Jt = /* @__PURE__ */ ((n) => (n.Production = "production", n.Development = "development", n))(Jt || {});
+class Kt extends xe {
+  // DSL缓存
+  /**
+   * 创建Provider实例
+   * @param options 配置选项
+   */
   constructor(e) {
     super(), this.options = e;
     const {
@@ -1042,23 +1057,37 @@ class Jt extends Te {
       /* Development */
     } = e;
     this.mode = s, this.modules = l, this.service = t, this.router = u, this.materialPath = p, this.nodeEnv = m, r && (this.dependencies = r), i && (this.materials = i), Object.assign(this.globals, c), Object.assign(this.adapter, o);
-    const { access: f, request: d } = this.adapter;
-    f && f.connect({ mode: s, router: u, request: d }), a && s !== y.Design ? this.load(a) : this.project = a;
+    const { access: d, request: f } = this.adapter;
+    d && d.connect({ mode: s, router: u, request: f }), a && s !== y.Design ? this.load(a) : this.project = a;
   }
   mode;
+  // 当前运行模式(设计/源码/预览等)
   globals = {};
+  // 全局变量
   modules = {};
-  adapter = { request: z, jsonp: he };
+  // 异步模块加载器
+  adapter = { request: W, jsonp: he };
+  // 适配器接口
   apis = {};
+  // API集合
   dependencies = {};
+  // 依赖项
   materials = {};
+  // 物料资源
   library = {};
+  // 第三方库
   service;
+  // 核心服务
   project = null;
+  // 当前项目配置
   components = {};
+  // 组件集合
   nodeEnv = "development";
+  // 运行环境
   router = null;
+  // 路由实例
   materialPath = "./";
+  // 物料路径
   urlDslCaches = {};
   createMock(e) {
     return async (...t) => {
@@ -1067,17 +1096,26 @@ class Jt extends Te {
         try {
           s = await e.apply(e, t);
         } catch (i) {
-          C.warn("模拟数据模版异常", i);
+          k.warn("模拟数据模版异常", i);
         }
       return M()?.mock(s);
     };
   }
+  /**
+   * 加载项目配置并初始化
+   * 1. 从模块或服务加载项目配置
+   * 2. 根据运行模式加载依赖或资源
+   * 3. 初始化Mock数据
+   * 4. 创建API接口
+   * 5. 初始化路由(非uniapp平台)
+   * @param project 项目配置
+   */
   async load(e) {
     const t = this.modules[`.vtj/projects/${e.id}.json`] || this.modules[`/src/.vtj/projects/${e.id}.json`];
     if (this.project = t ? await t() : await this.service.init(e), !this.project)
       throw new Error("project is null");
     const { apis: s = [], meta: r = [] } = this.project, i = window;
-    i && (i.CKEDITOR_VERSION = void 0), this.mode === y.Raw ? await this.loadDependencies(i) : await this.loadAssets(i), this.initMock(i), this.apis = ft(s, r, this.adapter), $e(i), dt(s, i), e.platform !== "uniapp" && this.initRouter(), this.triggerReady();
+    i && (i.CKEDITOR_VERSION = void 0), this.mode === y.Raw ? await this.loadDependencies(i) : await this.loadAssets(i), this.initMock(i), this.apis = dt(s, r, this.adapter), Ee(i), ht(s, i), e.platform !== "uniapp" && this.initRouter(), this.triggerReady();
   }
   initMock(e) {
     const t = M(e);
@@ -1097,39 +1135,39 @@ class Jt extends Te {
       materials: u,
       materialExports: p,
       materialMapLibrary: m
-    } = Ze(
+    } = tt(
       t,
       a,
       o === "development"
       /* Development */
     );
-    for (const f of c) {
-      const d = s[f], h = e[f];
+    for (const d of c) {
+      const f = s[d], h = e[d];
       if (h)
-        r[f] = h;
-      else if (d)
-        e[f] = r[f] = await d();
+        r[d] = h;
+      else if (f)
+        e[d] = r[d] = await f();
       else {
-        const _ = l[f] || [];
+        const _ = l[d] || [];
         for (const v of _)
-          ee(v) && await tt(f, b.append(v, { v: A })), te(v) && await ae(b.append(v, { v: A }));
-        r[f] = e[f];
+          U(v) && await rt(d, C.append(v, { v: A })), L(v) && await ae(C.append(v, { v: A }));
+        r[d] = e[d];
       }
     }
     if (o === "development") {
-      for (const d of u)
-        await ae(b.append(d, { v: A }));
-      const f = this.materials || {};
-      for (const d of p) {
-        const h = e[m[d]], _ = De[d];
+      for (const f of u)
+        await ae(C.append(f, { v: A }));
+      const d = this.materials || {};
+      for (const f of p) {
+        const h = e[m[f]], _ = Oe[f];
         if (_)
           h && _.forEach((v) => {
             i[v] = h[v];
           });
         else {
-          const v = f[d] ? (await f[d]()).default : e[d];
-          v && h && (v.components || []).forEach((F) => {
-            i[F.name] = et(F, h);
+          const v = d[f] ? (await d[f]()).default : e[f];
+          v && h && (v.components || []).forEach((P) => {
+            i[P.name] = st(P, h);
           });
         }
       }
@@ -1149,16 +1187,26 @@ class Jt extends Te {
     }, p = {
       path: l,
       name: O,
-      component: t?.homepage ? ue : r.startupComponent || Lt,
+      component: t?.homepage ? ue : r.startupComponent || qt,
       meta: c
     };
     e.hasRoute(I) && e.removeRoute(I), e.hasRoute(O) && e.removeRoute(O), a ? (e.addRoute(a, u), e.addRoute(a, p)) : (e.addRoute(u), e.addRoute(p));
   }
+  /**
+   * Vue 插件安装方法
+   * 1. 安装所有第三方库插件
+   * 2. 执行自定义安装函数(如果提供)
+   * 3. 安装访问适配器
+   * 4. 提供全局 Provider 实例
+   * 5. 设计模式下设置错误处理器
+   * 6. 执行增强函数(如果提供)
+   * @param app Vue 应用实例
+   */
   install(e) {
     const t = e.config.globalProperties.installed || {};
     for (const [s, r] of Object.entries(this.library))
-      !t[s] && rt(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(Re, this), e.config.globalProperties.$provider = this, e.config.globalProperties.installed = t, this.mode === y.Design && (e.config.errorHandler = (s, r, i) => {
+      !t[s] && it(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(Ce, this), e.config.globalProperties.$provider = this, e.config.globalProperties.installed = t, this.mode === y.Design && (e.config.errorHandler = (s, r, i) => {
       const a = r?.$options.name, o = typeof s == "string" ? s : s?.message || s?.msg || "未知错误", c = `[ ${a} ] ${o} ${i}`;
       console.error(
         "[VTJ Error]:",
@@ -1169,7 +1217,7 @@ class Jt extends Te {
         },
         s?.stack
       ), this.adapter.notify && this.adapter.notify(c, "组件渲染错误", "error");
-    });
+    }), this.options.enhance && e.use(this.options.enhance, this);
   }
   getFile(e) {
     const { blocks: t = [] } = this.project || {};
@@ -1208,6 +1256,15 @@ class Jt extends Te {
       }
     }).then((s) => s.data).catch(() => null) : null);
   }
+  /**
+   * 创建 DSL 渲染器
+   * 1. 合并默认选项和自定义选项
+   * 2. 创建 DSL 加载器
+   * 3. 返回渲染器实例
+   * @param dsl 区块 DSL 配置
+   * @param opts 渲染选项
+   * @returns 渲染器实例
+   */
   createDslRenderer(e, t = {}) {
     const { library: s, components: r, mode: i, apis: a } = this, o = {
       mode: i,
@@ -1217,47 +1274,73 @@ class Jt extends Te {
       apis: a,
       window,
       ...t
-    }, c = Q({
+    }, c = Z({
       getDsl: async (l) => await this.getDsl(l) || null,
       getDslByUrl: async (l) => await this.getDslByUrl(l) || null,
       options: o
     });
-    return Y({
+    return X({
       ...o,
       dsl: e,
       loader: c
     });
   }
+  /**
+   * 获取渲染组件
+   * 1. 根据ID查找文件(页面或区块)
+   * 2. 如果找到文件且提供了output回调，则调用它
+   * 3. 尝试从模块缓存加载原始Vue组件
+   * 4. 如果找不到原始组件，则获取DSL并创建渲染器
+   * @param id 文件ID
+   * @param output 找到文件时的回调函数
+   * @returns Promise<Vue组件>
+   */
   async getRenderComponent(e, t) {
     const s = this.getFile(e);
     if (!s)
-      return C.warn(`Can not find file: ${e}`), null;
+      return k.warn(`Can not find file: ${e}`), null;
     t && t(s);
     const r = `.vtj/vue/${e}.vue`, i = this.modules[r] || this.modules[`/src/pages/${e}.vue`];
     if (i)
       return (await i())?.default;
     const a = await this.getDsl(s.id);
-    return a ? this.createDslRenderer(a).renderer : (C.warn(`Can not find dsl: ${e}`), null);
-  }
+    return a ? this.createDslRenderer(a).renderer : (k.warn(`Can not find dsl: ${e}`), null);
+  }
+  /**
+   * 定义基于URL的异步组件
+   * 1. 根据URL获取DSL配置
+   * 2. 如果获取成功，设置组件名称
+   * 3. 创建并返回DSL渲染器
+   * @param url DSL配置URL
+   * @param name 可选的自定义组件名称
+   * @returns Vue异步组件
+   */
   defineUrlSchemaComponent(e, t) {
     return ce(async () => {
       const s = await this.getDslByUrl(e);
       return s ? (s.name = t || s.name, this.createDslRenderer(s).renderer) : null;
     });
   }
+  /**
+   * 定义基于插件的异步组件
+   * 1. 根据插件来源获取插件实例
+   * 2. 返回插件组件
+   * @param from 插件来源配置
+   * @returns Vue异步组件
+   */
   definePluginComponent(e) {
-    return ce(async () => await Ee(e, window));
+    return ce(async () => await Pe(e, window));
   }
 }
-function os(n) {
-  const e = new Jt(n);
+function as(n) {
+  const e = new Kt(n);
   return {
     provider: e,
     onReady: (s) => e.ready(s)
   };
 }
-function be(n = {}) {
-  const e = me(Re, null);
+function ke(n = {}) {
+  const e = me(Ce, null);
   if (!e)
     throw new Error("Can not find provider");
   if (e.nodeEnv === "development") {
@@ -1273,13 +1356,21 @@ function be(n = {}) {
   }
   return e;
 }
-const Ce = {
+async function cs(n, e = "") {
+  const { name: t, urls: s = [] } = n || {}, r = s.map((o) => e + o), { css: i, js: a } = nt(r);
+  if (i.length && we(i), a.length)
+    return await Se(a, t).catch(
+      () => {
+      }
+    );
+}
+const Fe = {
   type: "json",
   validSuccess: !0,
   originResponse: !1,
   failMessage: !0,
   validate: (n) => n.data?.code === 0
-}, Kt = (n, e = "/__vtj__/api/:type.json") => (t, s, r) => n.send({
+}, zt = (n, e = "/__vtj__/api/:type.json") => (t, s, r) => n.send({
   url: e,
   method: "post",
   params: { type: t },
@@ -1288,8 +1379,8 @@ const Ce = {
     type: t,
     data: s
   },
-  settings: Ce
-}), zt = (n, e = "/__vtj__/api/uploader.json") => async (t, s) => await n.send({
+  settings: Fe
+}), Vt = (n, e = "/__vtj__/api/uploader.json") => async (t, s) => await n.send({
   url: e,
   method: "post",
   data: {
@@ -1297,11 +1388,11 @@ const Ce = {
     projectId: s
   },
   settings: {
-    ...Ce,
+    ...Fe,
     type: "data"
   }
 }).then((r) => r && r[0] ? r[0] : null).catch(() => null);
-function as(n) {
+function ls(n) {
   return de({
     settings: {
       type: "json",
@@ -1316,8 +1407,8 @@ function as(n) {
   });
 }
 class se {
-  constructor(e = z) {
-    this.req = e, this.api = Kt(e), this.uploader = zt(e);
+  constructor(e = W) {
+    this.req = e, this.api = zt(e), this.uploader = Vt(e);
   }
   api;
   pluginCaches = {};
@@ -1401,10 +1492,10 @@ class se {
     return await this.api("clearStaticFiles", e).catch(() => "");
   }
   async getPluginMaterial(e) {
-    const { urls: t = [] } = e, s = t.filter((i) => Qe(i))[0];
+    const { urls: t = [] } = e, s = t.filter((i) => Ze(i))[0];
     if (!s) return null;
     const r = this.pluginCaches[s];
-    return r || (this.pluginCaches[s] = z.send({
+    return r || (this.pluginCaches[s] = W.send({
       url: s,
       method: "get",
       settings: {
@@ -1417,12 +1508,12 @@ class se {
     return console.log("BaseService.genSource", e), "";
   }
 }
-const g = new Ke({
+const g = new Ve({
   type: "local",
   expired: 0,
   prefix: "__VTJ_"
 });
-class cs extends se {
+class us extends se {
   init(e) {
     const t = new N(e), s = g.get(`project_${t.id}`), r = Object.assign(t.toDsl(), s || {});
     return g.save(`project_${t.id}`, r), Promise.resolve(r);
@@ -1432,7 +1523,7 @@ class cs extends se {
     return g.save(`project_${t.id}`, t.toDsl()), Promise.resolve(!0);
   }
   saveMaterials(e, t) {
-    return g.save(`materials_${e.id}`, Z(t)), Promise.resolve(!0);
+    return g.save(`materials_${e.id}`, te(t)), Promise.resolve(!0);
   }
   saveFile(e) {
     return g.save(`file_${e.id}`, e), Promise.resolve(!0);
@@ -1472,7 +1563,7 @@ class cs extends se {
     }), Promise.resolve(!0);
   }
 }
-class Vt extends se {
+class Wt extends se {
   projects = {};
   materials = {};
   files = {};
@@ -1487,7 +1578,7 @@ class Vt extends se {
     return this.projects[t.id] = t.toDsl(), Promise.resolve(!0);
   }
   saveMaterials(e, t) {
-    return e.id && (this.materials[e.id] = Z(t)), Promise.resolve(!0);
+    return e.id && (this.materials[e.id] = te(t)), Promise.resolve(!0);
   }
   saveFile(e) {
     return this.files[e.id] = e, Promise.resolve(!0);
@@ -1530,10 +1621,10 @@ class Vt extends se {
   }
 }
 let x = null;
-function ls() {
-  return x || (x = new Vt(), x);
+function ps() {
+  return x || (x = new Wt(), x);
 }
-class us extends se {
+class fs extends se {
   getFileCaches = {};
   async getExtension() {
     return await this.api("getExtension", {}).catch(() => {
@@ -1550,7 +1641,7 @@ class us extends se {
   async saveMaterials(e, t) {
     return !!await this.api("saveMaterials", {
       project: e,
-      materials: Z(t)
+      materials: te(t)
     }).catch(() => !1);
   }
   async saveFile(e) {
@@ -1590,7 +1681,7 @@ class us extends se {
     );
   }
 }
-function ke(n, e, t = []) {
+function Ae(n, e, t = []) {
   return t.map((s) => {
     const { id: r, title: i, icon: a, children: o, hidden: c } = s;
     return {
@@ -1599,39 +1690,39 @@ function ke(n, e, t = []) {
       icon: a,
       hidden: c,
       url: `${n}/${e}/${r}`,
-      children: o && o.length ? ke(n, e, o) : void 0
+      children: o && o.length ? Ae(n, e, o) : void 0
     };
   });
 }
-function Fe(n, e) {
+function Ie(n, e) {
   if (!e) return n;
   let t = [];
   for (const s of n)
     if (s.children && s.children.length) {
-      const r = Fe(s.children, e);
+      const r = Ie(s.children, e);
       r.length && (s.children = r, t.push(s));
     } else
       e.can(s.id.toString()) && t.push(s);
   return t;
 }
-function ps(n) {
+function ds(n) {
   const {
     menuPathPrefix: e = "",
     pageRouteName: t = "page",
     disableMenusFilter: s = !1
-  } = n || {}, r = be(), i = ge(), a = lt(), o = W(!1), c = W(!1), l = r.project;
-  ze(() => {
-    const { name: m, params: f, meta: d } = i;
+  } = n || {}, r = ke(), i = ge(), a = ut(), o = Y(!1), c = Y(!1), l = r.project;
+  We(() => {
+    const { name: m, params: d, meta: f } = i;
     if (m === I) {
-      const h = r.getPage(f.id);
+      const h = r.getPage(d.id);
       o.value = !h?.mask, c.value = !!h?.pure;
     } else if (m === O) {
       const h = r.getHomepage();
       o.value = !h?.mask, c.value = !!h?.pure;
     } else
-      o.value = !d.mask, c.value = !!d.pure;
+      o.value = !f.mask, c.value = !!f.pure;
   });
-  const u = ke(
+  const u = Ae(
     e,
     t,
     l?.pages
@@ -1641,77 +1732,79 @@ function ps(n) {
     logo: p?.logo,
     themeSwitchable: p?.themeSwitchable,
     title: p?.title || l?.description || l?.name || "VTJ App",
-    menus: s ? u : Fe(u, a),
+    menus: s ? u : Ie(u, a),
     pure: c
   };
 }
 export {
-  we as ACCESS_KEY,
-  Se as Access,
-  Ye as BUILD_IN_TAGS,
-  Ve as BUILT_IN_DIRECTIVES,
+  $e as ACCESS_KEY,
+  je as Access,
+  Xe as BUILD_IN_TAGS,
+  Ge as BUILT_IN_DIRECTIVES,
   se as BaseService,
   le as CONTEXT_HOST,
-  vt as Context,
+  gt as Context,
   y as ContextMode,
-  We as DATA_TYPES,
+  Ye as DATA_TYPES,
   O as HOMEPAGE_ROUTE_NAME,
-  Ge as HTML_TAGS,
-  ss as JSCodeToString,
-  Xt as LIFE_CYCLES_LIST,
-  us as LocalService,
-  Vt as MemoryService,
-  qt as NodeEnv,
+  Qe as HTML_TAGS,
+  ns as JSCodeToString,
+  Zt as LIFE_CYCLES_LIST,
+  fs as LocalService,
+  Wt as MemoryService,
+  Jt as NodeEnv,
   I as PAGE_ROUTE_NAME,
-  Jt as Provider,
-  cs as StorageService,
+  Kt as Provider,
+  us as StorageService,
   A as VTJ_RENDERER_VERSION,
   _e as adoptedStyleSheets,
-  is as clearLoaderCache,
-  rs as createAccess,
-  ns as createAdapter,
-  Zt as createAssetScripts,
-  es as createAssetsCss,
+  os as clearLoaderCache,
+  is as createAccess,
+  rs as createAdapter,
+  es as createAssetScripts,
+  ts as createAssetsCss,
   Et as createDataSources,
-  Q as createLoader,
-  ls as createMemoryService,
-  pt as createMetaApi,
-  ht as createMock,
-  os as createProvider,
-  Y as createRenderer,
-  ut as createSchemaApi,
-  ft as createSchemaApis,
-  as as createServiceRequest,
-  Rt as defaultLoader,
+  Z as createLoader,
+  ps as createMemoryService,
+  ft as createMetaApi,
+  mt as createMock,
+  as as createProvider,
+  X as createRenderer,
+  pt as createSchemaApi,
+  dt as createSchemaApis,
+  ls as createServiceRequest,
+  bt as defaultLoader,
   D as fillBasePath,
   M as getMock,
-  Pe as getModifiers,
-  Ee as getPlugin,
-  et as getRawComponent,
-  it as isBuiltInTag,
-  ee as isCSSUrl,
-  at as isJSCode,
+  be as getModifiers,
+  Pe as getPlugin,
+  st as getRawComponent,
+  ot as isBuiltInTag,
+  U as isCSSUrl,
+  ct as isJSCode,
   w as isJSExpression,
   T as isJSFunction,
-  Qe as isJSON,
-  te as isJSUrl,
-  ot as isNativeTag,
-  rt as isVuePlugin,
-  tt as loadCss,
-  st as loadCssUrl,
-  nt as loadScriptUrl,
-  mt as mockApi,
-  dt as mockApis,
-  $e as mockCleanup,
-  k as nodeRender,
-  Ze as parseDeps,
+  Ze as isJSON,
+  L as isJSUrl,
+  at as isNativeTag,
+  it as isVuePlugin,
+  rt as loadCss,
+  we as loadCssUrl,
+  cs as loadEnhance,
+  Se as loadScriptUrl,
+  vt as mockApi,
+  ht as mockApis,
+  Ee as mockCleanup,
+  F as nodeRender,
+  tt as parseDeps,
   H as parseExpression,
-  G as parseFunction,
-  Re as providerKey,
-  Xe as removeProdFlag,
-  ts as setupPageSetting,
+  Q as parseFunction,
+  nt as parseUrls,
+  Ce as providerKey,
+  et as removeProdFlag,
+  ss as setupPageSetting,
   ye as toString,
-  lt as useAccess,
-  ps as useMask,
-  be as useProvider
+  ut as useAccess,
+  ds as useMask,
+  ke as useProvider
 };