@vtj/renderer 0.13.14 → 0.13.16

package/dist/index.mjs

@@ -1,5 +1,5 @@
-import { Base as ze, BUILT_IN_COMPONENTS as Ge, ProjectModel as L, HistoryModel as Ee } from "@vtj/core";
-import { isUrl as se, url as F, dedupArray as Ve, isString as C, isFunction as q, logger as k, storage as X, cookie as Y, toArray as ye, unRSA as _e, delay as J, createRequest as be, jsonp as Re, merge as Qe, pathToRegexp as We, pathToRegexpMatch as Xe, formDataToJson as Ye, Queue as Ze, cloneDeep as we, camelCase as P, isObject as et, upperFirst as tt, pick as st, request as ne, loadScript as Se, Storage as nt, mapToObject as ue } from "@vtj/utils";
+import { Base as ze, BUILT_IN_COMPONENTS as Ge, ProjectModel as q, HistoryModel as Ee } from "@vtj/core";
+import { isUrl as se, url as k, dedupArray as Ve, isString as C, isFunction as L, logger as F, storage as X, cookie as Y, toArray as ye, unRSA as _e, delay as J, createRequest as Re, jsonp as be, merge as Qe, pathToRegexp as We, pathToRegexpMatch as Xe, formDataToJson as Ye, Queue as Ze, cloneDeep as we, camelCase as P, isObject as et, upperFirst as tt, pick as st, request as ne, loadScript as Se, Storage as nt, mapToObject as ue } from "@vtj/utils";
 import * as z from "vue";
 import { inject as Pe, defineComponent as Ce, h as re, ref as oe, watchEffect as rt, defineAsyncComponent as $e } from "vue";
 import { useRoute as Ae } from "vue-router";
@@ -7,11 +7,11 @@ import { useRoute as Ae } from "vue-router";
  * Copyright (c) 2025, VTJ.PRO All rights reserved.
  * @name @vtj/renderer 
  * @author CHC chenhuachun1549@dingtalk.com 
- * @version 0.13.14
+ * @version 0.13.16
  * @license <a href="https://vtj.pro/license.html">MIT License</a>
  */
-const O = "0.13.14";
-var _ = /* @__PURE__ */ ((n) => (n.Runtime = "Runtime", n.Design = "Design", n.Raw = "Raw", n.VNode = "VNode", n))(_ || {});
+const O = "0.13.16";
+var y = /* @__PURE__ */ ((n) => (n.Runtime = "Runtime", n.Design = "Design", n.Raw = "Raw", n.VNode = "VNode", n))(y || {});
 const je = [
   "$el",
   "$emit",
@@ -24,7 +24,7 @@ const je = [
   "$props",
   "$options",
   "$forceUpdate"
-], gs = [
+], vs = [
   "beforeCreate",
   "created",
   "beforeMount",
@@ -57,7 +57,7 @@ const je = [
   Date
 }, D = "VtjPage", N = "VtjHomepage", at = "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,svg".split(
   ","
-), ct = "component,slot".split(","), vs = [
+), ct = "component,slot".split(","), ys = [
   "h",
   "t",
   "t",
@@ -78,7 +78,7 @@ const je = [
   "p",
   "r",
   "o"
-].join(""), ys = {
+].join(""), _s = {
   auth: [
     "h",
     "t",
@@ -151,34 +151,34 @@ function V(n) {
 function lt(n) {
   return /\.json$/.test(n);
 }
-function _s(n) {
+function ws(n) {
   return n.map(
-    (e) => `<script src="${F.append(e, { v: O })}"><\/script>`
+    (e) => `<script src="${k.append(e, { v: O })}"><\/script>`
   ).join("");
 }
-function ws(n = []) {
+function Ss(n = []) {
   return n.map(
-    (e) => `<link rel="stylesheet" href="${F.append(e, { v: O })}" />`
+    (e) => `<link rel="stylesheet" href="${k.append(e, { v: O })}" />`
   ).join("");
 }
 function ut(n, e = !1) {
   return e && n.endsWith(".prod.js") ? n.replace(".prod.js", ".js") : n;
 }
 function ft(n, e, t = !1) {
-  const s = n.filter((h) => !!h.enabled), r = [], o = [], i = [], a = [], l = {}, c = {}, u = [], f = {};
+  const s = n.filter((h) => !!h.enabled), r = [], o = [], a = [], i = [], l = {}, c = {}, f = [], u = {};
   return s.forEach(
     ({ urls: h, assetsUrl: p, library: d, assetsLibrary: g, localeLibrary: v }) => {
       h?.forEach((m) => {
         V(m) && r.push(ut(m, t)), G(m) && o.push(m);
-      }), d && (a.push(d), l[d] = B(h || [], e), v && (c[d] = v)), p && i.push(p), g && u.push(g), d && g && (f[g] = d);
+      }), d && (i.push(d), l[d] = B(h || [], e), v && (c[d] = v)), p && a.push(p), g && f.push(g), d && g && (u[g] = d);
     }
   ), {
     scripts: B(r, e),
     css: B(o, e),
-    materials: B(i, e),
-    libraryExports: a,
-    materialExports: Ve(u),
-    materialMapLibrary: f,
+    materials: B(a, e),
+    libraryExports: i,
+    materialExports: Ve(f),
+    materialMapLibrary: u,
     libraryMap: l,
     libraryLocaleMap: c
   };
@@ -196,115 +196,115 @@ function dt(n = []) {
 }
 function ht(n, e) {
   const t = (c) => {
-    const u = [];
-    let f = 0;
-    for (; f < c.length; ) {
-      if (/\s/.test(c[f])) {
-        f++;
+    const f = [];
+    let u = 0;
+    for (; u < c.length; ) {
+      if (/\s/.test(c[u])) {
+        u++;
         continue;
       }
-      if (c.substring(f, f + 2) === "/*") {
-        const m = c.indexOf("*/", f + 2);
+      if (c.substring(u, u + 2) === "/*") {
+        const m = c.indexOf("*/", u + 2);
         if (m !== -1) {
-          f = m + 2;
+          u = m + 2;
           continue;
         }
       }
-      if (c[f] === "@") {
-        const m = f;
-        for (; f < c.length && c[f] !== "{" && c[f] !== ";"; )
-          f++;
-        const b = c.substring(m, f).trim(), y = b.includes("@keyframes");
-        if (c[f] === ";")
-          u.push({
+      if (c[u] === "@") {
+        const m = u;
+        for (; u < c.length && c[u] !== "{" && c[u] !== ";"; )
+          u++;
+        const R = c.substring(m, u).trim(), _ = R.includes("@keyframes");
+        if (c[u] === ";")
+          f.push({
             type: "simple-at-rule",
-            content: c.substring(m, f + 1)
-          }), f++;
-        else if (c[f] === "{") {
-          const x = f + 1;
+            content: c.substring(m, u + 1)
+          }), u++;
+        else if (c[u] === "{") {
+          const x = u + 1;
           let A = 1;
-          for (f++; f < c.length && A > 0; )
-            c[f] === "{" ? A++ : c[f] === "}" && A--, f++;
-          const Q = c.substring(m, f), R = c.substring(x, f - 1);
-          u.push({
-            type: y ? "keyframes" : "at-rule",
-            rule: b,
+          for (u++; u < c.length && A > 0; )
+            c[u] === "{" ? A++ : c[u] === "}" && A--, u++;
+          const Q = c.substring(m, u), b = c.substring(x, u - 1);
+          f.push({
+            type: _ ? "keyframes" : "at-rule",
+            rule: R,
             content: Q,
-            inner: R
+            inner: b
           });
         }
         continue;
       }
-      const h = f;
-      for (; f < c.length && c[f] !== "{"; )
-        f++;
-      if (f >= c.length) break;
-      const p = c.substring(h, f).trim();
+      const h = u;
+      for (; u < c.length && c[u] !== "{"; )
+        u++;
+      if (u >= c.length) break;
+      const p = c.substring(h, u).trim();
       if (!p) {
-        f++;
+        u++;
         continue;
       }
-      const d = f + 1;
+      const d = u + 1;
       let g = 1;
-      for (f++; f < c.length && g > 0; )
-        c[f] === "{" ? g++ : c[f] === "}" && g--, f++;
-      const v = c.substring(d, f - 1);
-      u.push({
+      for (u++; u < c.length && g > 0; )
+        c[u] === "{" ? g++ : c[u] === "}" && g--, u++;
+      const v = c.substring(d, u - 1);
+      f.push({
         type: "rule",
         selector: p,
         content: v.trim()
       });
     }
-    return u;
+    return f;
   }, s = (c) => {
-    const u = c.trim();
-    return /^(from|to|\d+(\.\d+)?%)$/.test(u);
-  }, r = (c) => c.replace(/::v-deep\(/g, ":deep(").replace(/::v-deep\s+/g, ":deep(").replace(/\/deep\//g, " ").replace(/>>>/g, " ").replace(/(.*?):deep\(([^)]+)\)/g, (u, f, h) => {
-    const p = f.trim(), d = h.trim();
+    const f = c.trim();
+    return /^(from|to|\d+(\.\d+)?%)$/.test(f);
+  }, r = (c) => c.replace(/::v-deep\(/g, ":deep(").replace(/::v-deep\s+/g, ":deep(").replace(/\/deep\//g, " ").replace(/>>>/g, " ").replace(/(.*?):deep\(([^)]+)\)/g, (f, u, h) => {
+    const p = u.trim(), d = h.trim();
     return p ? `${p}[${e}] ${d}` : d;
   }), o = (c) => {
-    const u = c.trim();
-    if (!u || u.includes(`[${e}]`) || /^(:root|:host|html|body)(\s|$|:|\.|\#|\[)/.test(u) || s(u))
-      return u;
-    const f = u.match(/^(.+?)((?:::?[\w-]+(?:\([^)]*\))?)*)\s*$/);
-    if (f) {
-      const [, h, p = ""] = f, d = h.trim();
-      return d ? `${d}[${e}]${p}` : u;
+    const f = c.trim();
+    if (!f || f.includes(`[${e}]`) || /^(:root|:host|html|body)(\s|$|:|\.|\#|\[)/.test(f) || s(f))
+      return f;
+    const u = f.match(/^(.+?)((?:::?[\w-]+(?:\([^)]*\))?)*)\s*$/);
+    if (u) {
+      const [, h, p = ""] = u, d = h.trim();
+      return d ? `${d}[${e}]${p}` : f;
     }
-    return `${u}[${e}]`;
-  }, i = (c) => r(c).split(",").map((f) => o(f)).filter((f) => f.trim()).join(", "), a = (c) => c.map((u) => {
-    switch (u.type) {
+    return `${f}[${e}]`;
+  }, a = (c) => r(c).split(",").map((u) => o(u)).filter((u) => u.trim()).join(", "), i = (c) => c.map((f) => {
+    switch (f.type) {
       case "simple-at-rule":
-        return u.content;
+        return f.content;
       case "keyframes":
-        return u.content;
+        return f.content;
       case "at-rule":
         try {
-          const h = t(u.inner), p = a(h);
-          return `${u.rule} { ${p} }`;
+          const h = t(f.inner), p = i(h);
+          return `${f.rule} { ${p} }`;
         } catch {
-          return u.content;
+          return f.content;
         }
       case "rule":
-        if (!u.selector || !u.content)
+        if (!f.selector || !f.content)
           return "";
-        const f = i(u.selector);
-        return f.trim() ? `${f} { ${u.content} }` : "";
+        const u = a(f.selector);
+        return u.trim() ? `${u} { ${f.content} }` : "";
       default:
         return "";
     }
-  }).filter((u) => u.trim()).join(" "), l = (c) => c.replace(/\s*{\s*/g, " { ").replace(/\s*}\s*/g, " } ").replace(/\s*;\s*/g, "; ").replace(/\s*,\s*/g, ", ").replace(/\s+/g, " ").replace(/^\s+|\s+$/g, "").replace(/\s*}\s*}/g, " } }").trim();
+  }).filter((f) => f.trim()).join(" "), l = (c) => c.replace(/\s*{\s*/g, " { ").replace(/\s*}\s*/g, " } ").replace(/\s*;\s*/g, "; ").replace(/\s*,\s*/g, ", ").replace(/\s+/g, " ").replace(/^\s+|\s+$/g, "").replace(/\s*}\s*}/g, " } }").trim();
   try {
     const c = n.replace(/\/\*(?!\s*!)[\s\S]*?\*\//g, "").replace(/^\s+|\s+$/gm, "").replace(/\n\s*\n/g, `
-`), u = t(c), f = a(u);
-    return l(f);
+`), f = t(c), u = i(f);
+    return l(u);
   } catch (c) {
     return console.error("CSS scoping failed:", c), console.error("Input CSS:", n), n.replace(/\/\*[\s\S]*?\*\//g, "").replace(
       /(@keyframes\s+[^{]+\s*{[^{}]*(?:{[^}]*}[^{}]*)*})/g,
-      (u) => u
-    ).replace(/([^{}@]+)(?=\s*{)/g, (u) => {
-      const f = u.trim();
-      return !f || f.startsWith("@") || f.includes(`[${e}]`) || s(f) ? u : `${f}[${e}]`;
+      (f) => f
+    ).replace(/([^{}@]+)(?=\s*{)/g, (f) => {
+      const u = f.trim();
+      return !u || u.startsWith("@") || u.includes(`[${e}]`) || s(u) ? f : `${u}[${e}]`;
     });
   }
 }
@@ -312,48 +312,48 @@ function Ie(n) {
   return C(n) ? n : JSON.stringify(n);
 }
 function fe(n, e, t, s = !1) {
-  const r = n.CSSStyleSheet, o = s ? `data-v-${e}` : e, i = s ? ht(t, o) : t;
+  const r = n.CSSStyleSheet, o = s ? `data-v-${e}` : e, a = s ? ht(t, o) : t;
   if (r.prototype.replaceSync) {
-    const a = new r();
-    a.id = e, a.replaceSync(i);
-    const l = n.document, c = l.adoptedStyleSheets, u = Array.from(c).filter(
-      (f) => f.id !== e
+    const i = new r();
+    i.id = e, i.replaceSync(a);
+    const l = n.document, c = l.adoptedStyleSheets, f = Array.from(c).filter(
+      (u) => u.id !== e
     );
-    l.adoptedStyleSheets = [...u, a];
+    l.adoptedStyleSheets = [...f, i];
   } else {
-    const a = n.document;
-    let l = a.getElementById(e);
-    l ? l.innerHTML = i : (l = a.createElement("style"), l.id = e, l.innerHTML = i, a.head.appendChild(l));
+    const i = n.document;
+    let l = i.getElementById(e);
+    l ? l.innerHTML = a : (l = i.createElement("style"), l.id = e, l.innerHTML = a, i.head.appendChild(l));
   }
 }
 async function mt(n, e) {
   const t = await window.fetch(e).then((s) => s.text()).catch(() => "");
   t && fe(window, n, t);
 }
-function Fe(n, e = window) {
+function ke(n, e = window) {
   const t = e.document, s = e.document.head;
   for (const r of n)
     if (!t.getElementById(r)) {
-      const i = t.createElement("link");
-      i.rel = "stylesheet", i.id = r, i.href = r, s.appendChild(i);
+      const a = t.createElement("link");
+      a.rel = "stylesheet", a.id = r, a.href = r, s.appendChild(a);
     }
 }
-async function ke(n, e, t = window) {
+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((i, a) => {
+  return o ? o.default || o : new Promise((a, i) => {
     for (const l of n) {
       const c = s.createElement("script");
       c.src = l, c.onload = () => {
-        o = t[e], o ? i(o.default || o) : a(null);
-      }, c.onerror = (u) => {
-        a(u);
+        o = t[e], o ? a(o.default || o) : i(null);
+      }, c.onerror = (f) => {
+        i(f);
       }, r.appendChild(c);
     }
   });
 }
 function gt(n) {
-  return q(n) || q(n?.install);
+  return L(n) || L(n?.install);
 }
 function vt(n) {
   return ct.includes(n);
@@ -368,7 +368,7 @@ function T(n = window) {
   if (t && window)
     return window.Mock = t, t;
 }
-function Ss(n, e, t) {
+function $s(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");
@@ -377,21 +377,21 @@ function H(n, e, t = !1, s = !1, r = !1) {
   try {
     const o = ['"use strict";', "var __self = arguments[0];"];
     o.push("return ");
-    let i = (n.value || "").trim();
-    r || (i = i.replace(/this(\W|$)/g, (l, c) => `__self${c}`)), i = o.join(`
-`) + i;
-    const a = r ? `
-${i}
-` : `with(${t ? "{}" : "$scope || {}"}) { ${i} }`;
-    return new Function("$scope", a)(e);
+    let a = (n.value || "").trim();
+    r || (a = a.replace(/this(\W|$)/g, (l, c) => `__self${c}`)), a = o.join(`
+`) + a;
+    const i = r ? `
+${a}
+` : `with(${t ? "{}" : "$scope || {}"}) { ${a} }`;
+    return new Function("$scope", i)(e);
   } catch (o) {
-    if (k.error("parseExpression.error", o, n, e?.__self ?? e), s)
+    if (F.error("parseExpression.error", o, n, e?.__self ?? e), s)
       throw o;
   }
 }
 function E(n, e, t = !1, s = !1, r = !1) {
   const o = H(n, e, t, s, r);
-  if (typeof o != "function" && (k.error(
+  if (typeof o != "function" && (F.error(
     "parseFunction.error",
     "not a function",
     n,
@@ -409,7 +409,7 @@ function S(n) {
 function _t(n) {
   return j(n) || S(n);
 }
-function $s(n) {
+function js(n) {
   return _t(n) ? n.value : JSON.stringify(n);
 }
 const wt = {
@@ -429,7 +429,7 @@ const wt = {
 class pe {
   options;
   data = null;
-  mode = _.Raw;
+  mode = y.Raw;
   interceptResponse = !0;
   constructor(e) {
     this.options = Object.assign({}, wt, e), this.loadData();
@@ -442,7 +442,7 @@ class pe {
   }
   connect(e) {
     const { mode: t, router: s, request: r } = e;
-    this.mode = t, s && this.mode !== _.Design && this.setGuard(s), r && this.setRequest(r);
+    this.mode = t, s && this.mode !== y.Design && this.setGuard(s), r && this.setRequest(r);
   }
   login(e) {
     const { storageKey: t, storagePrefix: s, session: r, authKey: o } = this.options;
@@ -544,7 +544,7 @@ class pe {
         return t();
       {
         const { noPermissionMessage: s = "无权限访问", unauthorized: r = !1 } = this.options;
-        return await this.showTip(s), q(r) ? (r(), t(!1)) : C(r) ? t(r) : t(!1);
+        return await this.showTip(s), L(r) ? (r(), t(!1)) : C(r) ? t(r) : t(!1);
       }
     }
     t(!1), await J(0), this.toLogin();
@@ -582,28 +582,28 @@ class pe {
 function St() {
   return Pe(Me, null);
 }
-function js(n = {}) {
+function Es(n = {}) {
   const {
     notify: e,
     loading: t,
     settings: s = {},
     Startup: r,
     access: o,
-    useTitle: i,
-    alert: a
+    useTitle: a,
+    alert: i
   } = n;
   let l = null;
   return {
-    request: be({
+    request: Re({
       settings: {
         type: "form",
         validSuccess: !0,
         originResponse: !1,
         loading: !0,
-        validate: (u) => u.data?.code === 0 || !!u.data?.success,
+        validate: (f) => f.data?.code === 0 || !!f.data?.success,
         failMessage: !0,
-        showError: (u) => {
-          e && e(u || "未知错误");
+        showError: (f) => {
+          e && e(f || "未知错误");
         },
         showLoading: () => {
           l && l.close(), t && (l = t());
@@ -614,16 +614,16 @@ function js(n = {}) {
         ...s
       }
     }),
-    jsonp: Re,
+    jsonp: be,
     notify: e,
     loading: t,
-    useTitle: i,
-    alert: a,
+    useTitle: a,
+    alert: i,
     startupComponent: r,
-    access: o ? new pe({ alert: a, ...o }) : void 0
+    access: o ? new pe({ alert: i, ...o }) : void 0
   };
 }
-function Es(n = {}) {
+function Rs(n = {}) {
   return new pe(n);
 }
 function $t(n, e) {
@@ -642,19 +642,19 @@ function $t(n, e) {
         headers: r
       }
     };
-    return (i, a) => (delete o.data, s.send(Qe(o, a || {}, { data: i })));
+    return (a, i) => (delete o.data, s.send(Qe(o, i || {}, { data: a })));
   }
 }
 function jt(n, e) {
   const { metaQuery: t } = e;
   if (!t) return;
   const { code: s, queryCode: r } = n;
-  return (o, i) => {
+  return (o, a) => {
     if (!t) {
       console.warn("adapter.metaQuery is not defined!");
       return;
     }
-    return t(s, r, o, i);
+    return t(s, r, o, a);
   };
 }
 function Et(n = [], e = [], t) {
@@ -665,19 +665,19 @@ function Et(n = [], e = [], t) {
     s[r.id] = jt(r, t);
   return s;
 }
-async function bt(n = [], e = window) {
+async function Rt(n = [], e = window) {
   const t = T(e);
   t && (Oe(e), n.forEach((s) => Pt(t, s)));
 }
-function Rt(n, e = window) {
+function bt(n, e = window) {
   const t = S(n.mockTemplate) && n.mockTemplate.value ? E(n.mockTemplate, {}, !0) : void 0, s = T(e);
   return async (...r) => {
     let o = {};
     if (t)
       try {
         o = await t.apply(t, r);
-      } catch (i) {
-        k.warn("模拟数据模版异常", i);
+      } catch (a) {
+        F.warn("模拟数据模版异常", a);
       }
     return s?.mock(o);
   };
@@ -687,12 +687,12 @@ function Pt(n, e) {
   const { url: t, mockTemplate: s } = e;
   if (t && s)
     try {
-      const r = se(t) ? new URL(t).pathname : t, o = We(`(.*)${r}(.*)`), i = Xe(r, { decode: decodeURIComponent }), a = H(s, {}, !0);
+      const r = se(t) ? new URL(t).pathname : t, o = We(`(.*)${r}(.*)`), a = Xe(r, { decode: decodeURIComponent }), i = H(s, {}, !0);
       n.mock(o, (l) => {
-        const c = F.parse(l.url) || {}, u = l.body instanceof FormData ? Ye(l.body) : l.body, f = se(l.url) ? new URL(l.url).pathname : l.url.split("?")[0], h = i(f)?.params;
-        Object.assign(l, { data: u, params: h, query: c });
+        const c = k.parse(l.url) || {}, f = l.body instanceof FormData ? Ye(l.body) : l.body, u = se(l.url) ? new URL(l.url).pathname : l.url.split("?")[0], h = a(u)?.params;
+        Object.assign(l, { data: f, params: h, query: c });
         try {
-          return n.mock(a(l));
+          return n.mock(i(l));
         } catch (p) {
           return console.warn("[mockApi]", o, l, p), null;
         }
@@ -762,7 +762,7 @@ class Ct {
   }
   __parseFunction(e) {
     if (e)
-      if (this.__mode === _.Runtime) {
+      if (this.__mode === y.Runtime) {
         const { id: t, type: s } = e, r = t ? this.__transform[t] ?? e.value : e.value;
         return E({ type: s, value: r }, this);
       } else
@@ -770,14 +770,14 @@ class Ct {
   }
   __parseExpression(e) {
     if (e)
-      if (this.__mode === _.Runtime) {
+      if (this.__mode === y.Runtime) {
         const { id: t, type: s } = e, r = t ? this.__transform[t] ?? e.value : e.value;
         return H({ type: s, value: r }, this);
       } else
         return H(e, this);
   }
   __ref(e = null, t) {
-    if (this.__mode !== _.VNode)
+    if (this.__mode !== y.VNode)
       return e && e !== this.__id && (this.__contextRefs[e] = this), async (s) => {
         await J(0);
         let r = s?.$vtjEl || s?.$el || s?._?.vnode?.el || s;
@@ -785,7 +785,7 @@ class Ct {
           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;
+        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) {
@@ -807,37 +807,37 @@ class Ct {
 function ie(n) {
   const {
     Vue: e = z,
-    mode: t = _.Runtime,
+    mode: t = y.Runtime,
     components: s = {},
     libs: r = {},
     apis: o = {},
-    loader: i
-  } = n, a = e.computed(() => n.dsl), l = {
+    loader: a
+  } = n, i = e.computed(() => n.dsl), l = {
     $components: s,
     $libs: r,
     $apis: o
   }, c = new Ct({
     mode: t,
-    dsl: a.value,
+    dsl: i.value,
     attrs: l
-  }), u = e.defineComponent({
-    name: a.value.name,
-    __scopeId: a.value.id ? `data-v-${a.value.id}` : void 0,
+  }), f = e.defineComponent({
+    name: i.value.name,
+    __scopeId: i.value.id ? `data-v-${i.value.id}` : void 0,
     props: {
-      ...It(a.value.props ?? [], c)
+      ...It(i.value.props ?? [], c)
     },
-    setup(f) {
-      c.$props = f, c.props = f, a.value.id && fe(
+    setup(u) {
+      c.$props = u, c.props = u, i.value.id && fe(
         n.window || window,
-        a.value.id,
-        a.value.css || "",
+        i.value.id,
+        i.value.css || "",
         !0
-      ), c.state = Ft(e, a.value.state ?? {}, c);
-      const h = kt(e, a.value.computed ?? {}, c), p = Mt(a.value.methods ?? {}, c), d = Ot(e, a.value.inject, c);
-      for (const [m, b] of Object.entries(d || {}))
-        d[m] = e.inject(m, b);
+      ), c.state = kt(e, i.value.state ?? {}, c);
+      const h = Ft(e, i.value.computed ?? {}, c), p = Mt(i.value.methods ?? {}, c), d = Ot(e, i.value.inject, c);
+      for (const [m, R] of Object.entries(d || {}))
+        d[m] = e.inject(m, R);
       const g = Dt(
-        a.value.dataSources || {},
+        i.value.dataSources || {},
         c
       ), v = {
         ...d,
@@ -845,23 +845,23 @@ function ie(n) {
         ...p,
         ...g
       };
-      return c.setup(v, e), Tt(e, a.value.watch ?? [], c), {
+      return c.setup(v, e), Tt(e, i.value.watch ?? [], c), {
         vtj: c
       };
     },
-    emits: At(a.value.emits),
+    emits: At(i.value.emits),
     expose: ["vtj"],
     render() {
-      if (!a.value.nodes) return null;
-      const f = a.value.nodes || [];
-      return f.length === 1 ? M(f[0], c, e, i, f) : f.map(
-        (h) => M(h, c, e, i, f)
+      if (!i.value.nodes) return null;
+      const u = i.value.nodes || [];
+      return u.length === 1 ? M(u[0], c, e, a, u) : u.map(
+        (h) => M(h, c, e, a, u)
       );
     },
-    ...Ht(a.value.lifeCycles ?? {}, c)
+    ...Ht(i.value.lifeCycles ?? {}, c)
   });
   return {
-    renderer: e.markRaw(u),
+    renderer: e.markRaw(f),
     context: c
   };
 }
@@ -886,7 +886,7 @@ function It(n = [], e) {
     {}
   );
 }
-function Ft(n, e, t) {
+function kt(n, e, t) {
   return n.reactive(
     Object.keys(e || {}).reduce(
       (s, r) => {
@@ -897,7 +897,7 @@ function Ft(n, e, t) {
     )
   );
 }
-function kt(n, e, t) {
+function Ft(n, e, t) {
   return Object.entries(e ?? {}).reduce(
     (s, [r, o]) => (s[r] = n.computed(t.__parseFunction(o)), s),
     {}
@@ -912,10 +912,10 @@ function Mt(n, e) {
 function Ot(n, e = [], t) {
   return e.reduce(
     (s, r) => {
-      const { name: o, from: i } = r || {};
+      const { name: o, from: a } = r || {};
       r.default;
-      const a = j(i) ? t.__parseExpression(i) || o : i ?? o, l = j(r.default) ? t.__parseExpression(r.default) : r.default ?? null;
-      return s[o] = n.inject(a, l), s;
+      const i = j(a) ? t.__parseExpression(a) || o : a ?? o, l = j(r.default) ? t.__parseExpression(r.default) : r.default ?? null;
+      return s[o] = n.inject(i, l), s;
     },
     {}
   );
@@ -925,12 +925,12 @@ function Dt(n, e) {
     (t, s) => {
       const r = n[s];
       if (r.type === "mock")
-        t[s] = Rt(r);
+        t[s] = bt(r);
       else if (r.ref) {
-        const o = e.$apis[r.ref], i = S(r.transform) ? r.transform.value ? e.__parseFunction(r.transform) : void 0 : r.transform;
-        t[s] = async (...a) => {
-          const l = await o.apply(e, a);
-          return i ? i(l) : l;
+        const o = e.$apis[r.ref], a = S(r.transform) ? r.transform.value ? e.__parseFunction(r.transform) : void 0 : r.transform;
+        t[s] = async (...i) => {
+          const l = await o.apply(e, i);
+          return a ? a(l) : l;
         };
       }
       return t;
@@ -955,7 +955,7 @@ function Ht(n, e) {
     (t, [s, r]) => {
       const o = e.__parseFunction(r);
       return t[s] = async () => {
-        await J(0), q(o) && o();
+        await J(0), L(o) && o();
       }, t;
     },
     {}
@@ -965,52 +965,52 @@ const De = new Ze();
 let Z = [], I = {};
 const xt = (n) => n;
 async function Te(n, e = window) {
-  const { urls: t = [], library: s } = n, r = t.filter((a) => V(a));
+  const { urls: t = [], library: s } = n, r = t.filter((i) => V(i));
   if (r.length === 0 || !s) return null;
-  const o = t.filter((a) => G(a));
-  return o.length && Fe(o, e), await ke(r, s, e).catch(
-    (a) => (console.warn("loadScriptUrl error", r, s, a), null)
+  const o = t.filter((i) => G(i));
+  return o.length && ke(o, e), await Fe(r, s, e).catch(
+    (i) => (console.warn("loadScriptUrl error", r, s, i), null)
   );
 }
 function ae(n) {
   const { getDsl: e, getDslByUrl: t, options: s } = n;
   return s.window && (Z.forEach((r) => {
     delete s.window[r];
-  }), Z = []), (r, o, i = z) => {
+  }), Z = []), (r, o, a = z) => {
     if (!o || typeof o == "string") return r;
     if (o.type === "Schema" && o.id)
-      return i.defineAsyncComponent(async () => {
-        const a = I[o.id] || await De.add(
+      return a.defineAsyncComponent(async () => {
+        const i = I[o.id] || await De.add(
           o.id,
           () => e(o.id)
         );
-        return a && (a.name = r, I[o.id] = a), a ? ie({
+        return i && (i.name = r, I[o.id] = i), i ? ie({
           ...s,
-          Vue: i,
-          dsl: we(a),
-          mode: _.Runtime,
+          Vue: a,
+          dsl: we(i),
+          mode: y.Runtime,
           loader: ae(n)
         }).renderer : null;
       });
     if (o.type === "UrlSchema" && o.url)
-      return i.defineAsyncComponent(async () => {
-        const a = I[o.url] || await t(o.url);
-        return a && (a.name = r, I[o.url] = a), a ? ie({
+      return a.defineAsyncComponent(async () => {
+        const i = I[o.url] || await t(o.url);
+        return i && (i.name = r, I[o.url] = i), i ? ie({
           ...s,
-          Vue: i,
-          dsl: we(a),
-          mode: _.Runtime,
+          Vue: a,
+          dsl: we(i),
+          mode: y.Runtime,
           loader: ae(n)
         }).renderer : null;
       });
     if (o.type === "Plugin") {
-      let a = o.library ? I[o.library] : null;
-      return a || (o.library && Z.push(o.library), a = I[o.library || Symbol()] = i.defineAsyncComponent(
+      let i = o.library ? I[o.library] : null;
+      return i || (o.library && Z.push(o.library), i = I[o.library || Symbol()] = a.defineAsyncComponent(
         async () => {
           const l = await Te(o, s.window);
           return l || (console.warn("getPlugin result is null", o), null);
         }
-      ), a);
+      ), i);
     }
     return r;
   };
@@ -1020,66 +1020,66 @@ function bs() {
 }
 function M(n, e, t = z, s = xt, r = [], o = !1) {
   if (!n || !n.name || n.invisible) return null;
-  const i = t.getCurrentInstance()?.appContext, { id: a = null, directives: l = [] } = n, { vIf: c, vElseIf: u, vElse: f, vFor: h, vShow: p, vModels: d, vBind: g, vHtml: v, others: m } = He(l);
-  if (!o && (u || f))
+  const a = t.getCurrentInstance()?.appContext, { id: i = null, directives: l = [] } = n, { vIf: c, vElseIf: f, vElse: u, vFor: h, vShow: p, vModels: d, vBind: g, vHtml: v, others: m } = He(l);
+  if (!o && (f || u))
     return null;
   if (c && !Ut(c, e))
     return Jt(n, e, t, s, r);
-  const b = (y, x = 0) => {
-    const A = y.$components, Q = (() => {
+  const R = (_, x = 0) => {
+    const A = _.$components, Q = (() => {
       if (n.name === "component")
-        return Nt(y, n.props?.is);
+        return Nt(_, n.props?.is);
       if (n.name === "slot") return n.name;
       const $ = s(n.name, n.from, t);
       if (C($))
-        return vt($) || yt($) ? $ : A[$] ?? i?.app?.component($) ?? $;
+        return vt($) || yt($) ? $ : A[$] ?? a?.app?.component($) ?? $;
       if (et($) && n.id) {
         const ge = `Loader${n.id}_${x}`, ve = A[ge];
         return ve || (A[ge] = $);
       }
       return $;
-    })(), R = Lt(a, n.props ?? {}, y), qe = qt(t, n.events ?? {}, y);
+    })(), b = qt(i, n.props ?? {}, _), Le = Lt(t, n.events ?? {}, _);
     if (n.name === "slot")
-      return Kt(t, n, R, y, s);
-    g && Object.assign(R, y.__parseExpression(g.value)), p && (R.style = Object.assign(
-      R.style ?? {},
-      Gt(p, y)
-    )), v && Object.assign(R, Vt(v, y)), d.forEach(($) => {
-      Object.assign(R, Qt(t, $, y));
+      return Kt(t, n, b, _, s);
+    g && Object.assign(b, _.__parseExpression(g.value)), p && (b.style = Object.assign(
+      b.style ?? {},
+      Gt(p, _)
+    )), v && Object.assign(b, Vt(v, _)), d.forEach(($) => {
+      Object.assign(b, Qt(t, $, _));
     });
     const Je = Wt(
       t,
       n.children ?? [],
-      y,
+      _,
       s,
       n
-    ), he = y?.__id ? `data-v-${y.__id}` : void 0, Ke = he ? { [he]: "" } : {};
+    ), he = _?.__id ? `data-v-${_.__id}` : void 0, Ke = he ? { [he]: "" } : {};
     let W = t.createVNode(
       Q,
-      { key: `${a}_${x}`, ...Ke, ...R, ...qe },
+      { key: `${i}_${x}`, ...Ke, ...b, ...Le },
       Je
     );
-    const me = i ? Bt(i, m, y) : [];
+    const me = a ? Bt(a, m, _) : [];
     return me.length && (W = t.withDirectives(W, me)), W;
   };
-  return h ? Zt(h, b, e) : b(e);
+  return h ? Zt(h, R, e) : R(e);
 }
 function Bt(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 i = [o];
-    return r.value && i.push(t.__parseExpression(r.value)), r.arg && i.push(r.arg), r.modifiers && i.push(r.modifiers), i;
+    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 He(n = []) {
-  const e = n.find((u) => P(u.name) === "vIf"), t = n.find(
-    (u) => P(u.name) === "vElseIf"
-  ), s = n.find((u) => P(u.name) === "vElse"), r = n.find((u) => P(u.name) === "vFor"), o = n.find((u) => P(u.name) === "vShow"), i = n.find((u) => P(u.name) === "vBind"), a = n.find((u) => P(u.name) === "vHtml"), l = n.filter(
-    (u) => P(u.name) === "vModel"
+  const e = n.find((f) => P(f.name) === "vIf"), t = n.find(
+    (f) => P(f.name) === "vElseIf"
+  ), s = n.find((f) => P(f.name) === "vElse"), r = n.find((f) => P(f.name) === "vFor"), o = n.find((f) => P(f.name) === "vShow"), a = n.find((f) => P(f.name) === "vBind"), i = n.find((f) => P(f.name) === "vHtml"), l = n.filter(
+    (f) => P(f.name) === "vModel"
   ), c = n.filter(
-    (u) => !ot.includes(P(u.name))
+    (f) => !ot.includes(P(f.name))
   );
   return {
     vIf: e,
@@ -1088,9 +1088,9 @@ function He(n = []) {
     vFor: r,
     vShow: o,
     vModels: l,
-    vBind: i,
+    vBind: a,
     others: c,
-    vHtml: a
+    vHtml: i
   };
 }
 function Ut(n, e) {
@@ -1099,7 +1099,7 @@ function Ut(n, e) {
 function Nt(n, e) {
   return e ? j(e) ? n.__parseExpression(e) : e : "div";
 }
-function Lt(n, e, t) {
+function qt(n, e, t) {
   const s = ce(e, t);
   return s.ref = t.__ref(n, s.ref), s;
 }
@@ -1112,31 +1112,31 @@ function ce(n, e) {
     {}
   ) : n;
 }
-function qt(n, e, t) {
+function Lt(n, e, t) {
   const s = ["passive", "capture", "once"], r = {
     capture: "Capture",
     once: "Once",
     passive: "OnceCapture"
   };
   return Object.keys(e || {}).reduce(
-    (o, i) => {
-      const a = e[i], l = xe(a.modifiers), c = l.find((h) => s.includes(h)), u = "on" + tt(i) + (c && r[c] || ""), f = t.__parseFunction(a.handler);
-      return f && (o[u] = n.withModifiers(f, l)), o;
+    (o, a) => {
+      const i = e[a], l = xe(i.modifiers), c = l.find((h) => s.includes(h)), f = "on" + tt(a) + (c && r[c] || ""), u = t.__parseFunction(i.handler);
+      return u && (o[f] = n.withModifiers(u, l)), o;
     },
     {}
   );
 }
 function Jt(n, e, t, s, r = []) {
-  let o = r.findIndex((i) => i.id === n.id);
-  for (let i = ++o; i < r.length; i++) {
-    const { directives: a = [] } = r[i], { vElseIf: l, vElse: c } = He(a);
+  let o = r.findIndex((a) => a.id === n.id);
+  for (let a = ++o; a < r.length; a++) {
+    const { directives: i = [] } = r[a], { vElseIf: l, vElse: c } = He(i);
     if (l) {
       if (e.__parseExpression(l.value))
-        return M(r[i], e, t, s, r, !0);
+        return M(r[a], e, t, s, r, !0);
       continue;
     }
     if (c)
-      return M(r[i], e, t, s, r, !0);
+      return M(r[a], e, t, s, r, !0);
   }
   return null;
 }
@@ -1145,8 +1145,8 @@ function xe(n = {}, e = !1) {
   return e ? t.map((s) => "." + s) : t;
 }
 function Kt(n, e, t, s, r) {
-  const { children: o } = e, i = zt(e, s), a = s.$slots?.[i.name];
-  return a ? a(t) : o ? C(o) ? n.createTextVNode(o) : j(o) ? n.createTextVNode(
+  const { children: o } = e, a = zt(e, s), i = s.$slots?.[a.name];
+  return i ? i(t) : o ? C(o) ? n.createTextVNode(o) : j(o) ? n.createTextVNode(
     Ie(s.__parseExpression(o))
   ) : Array.isArray(o) ? o.map(
     (l) => M(l, s, n, r, o)
@@ -1177,10 +1177,10 @@ function Qt(n, e, t) {
       }` : "(v) => {}"
   }, r = t.__parseFunction(s), o = xe(
     j(e.modifiers) ? t.__parseExpression(e.modifiers) : e.modifiers
-  ), i = j(e.arg) ? t.__parseExpression(e.arg) : e.arg || "modelValue";
+  ), a = j(e.arg) ? t.__parseExpression(e.arg) : e.arg || "modelValue";
   return {
-    [i]: t.__parseExpression(e.value),
-    [`onUpdate:${i}`]: o.length && r ? n.withModifiers(r, o) : r
+    [a]: t.__parseExpression(e.value),
+    [`onUpdate:${a}`]: o.length && r ? n.withModifiers(r, o) : r
   };
 }
 function Wt(n, e, t, s, r) {
@@ -1192,18 +1192,18 @@ function Wt(n, e, t, s, r) {
       default: () => Ie(t.__parseExpression(e))
     };
   if (Array.isArray(e) && e.length > 0) {
-    const o = Xt(e), i = (a, l) => !a || !r ? {} : r?.id && Object.keys(a).length ? l ? {
-      [l]: a
+    const o = Xt(e), a = (i, l) => !i || !r ? {} : r?.id && Object.keys(i).length ? l ? {
+      [l]: i
     } : {
-      [`scope_${r.id}`]: a
+      [`scope_${r.id}`]: i
     } : l ? { [l]: /* @__PURE__ */ Object.create(null) } : {};
     return Object.entries(o).reduce(
-      (a, [l, { nodes: c, params: u, scope: f }]) => (a[l] = (h) => {
-        const p = u.length ? st(h ?? {}, u) : i(h, f);
+      (i, [l, { nodes: c, params: f, scope: u }]) => (i[l] = (h) => {
+        const p = f.length ? st(h ?? {}, f) : a(h, u);
         return c.map(
           (d) => M(d, t.__clone(p), n, s, c)
         );
-      }, a),
+      }, i),
       {}
     );
   }
@@ -1225,9 +1225,9 @@ function Yt(n = "default") {
   return C(n) ? { name: n, params: [], scope: "" } : { params: [], scope: "", ...n };
 }
 function Zt(n, e, t) {
-  const { value: s, iterator: r } = n, { item: o = "item", index: i = "index" } = r || {};
-  let a = t.__parseExpression(s) || [];
-  return Number.isInteger(a) && (a = new Array(a).fill(!0).map((l, c) => c + 1)), Array.isArray(a) ? a.map((l, c) => e(t.__clone({ [o]: l, [i]: c }), c)) : (console.warn("[vForRender]:", `${s?.value} is not a Arrary`), []);
+  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((l, c) => c + 1)), Array.isArray(i) ? i.map((l, c) => e(t.__clone({ [o]: l, [a]: c }), c)) : (console.warn("[vForRender]:", `${s?.value} is not a Arrary`), []);
 }
 const ee = Ce({
   name: "VtjPageContainer",
@@ -1235,8 +1235,8 @@ const ee = Ce({
     const n = Ne(), e = Ae(), t = e.meta.__vtj__ || e.params.id, s = t ? n.getPage(t) : n.getHomepage(), r = s ? await n.getRenderComponent(s.id) : null, o = oe(Symbol());
     if (s) {
       Object.assign(e.meta, s.meta || {}, { cache: s.cache });
-      const { useTitle: i } = n?.adapter;
-      i && i(s.title || "VTJ");
+      const { useTitle: a } = n?.adapter;
+      a && a(s.title || "VTJ");
     }
     return {
       provider: n,
@@ -1264,20 +1264,20 @@ const ee = Ce({
 function K(n, e, t = []) {
   const s = [];
   for (const r of t) {
-    const { id: o, title: i, icon: a, children: l, hidden: c, layout: u } = r;
-    if (u) {
-      const f = K(n, e, l || []);
-      s.push(...f);
+    const { id: o, title: a, icon: i, children: l, hidden: c, layout: f } = r;
+    if (f) {
+      const u = K(n, e, l || []);
+      s.push(...u);
     } else {
-      const f = {
+      const u = {
         id: o,
-        title: i,
-        icon: a,
+        title: a,
+        icon: i,
         hidden: c,
         url: `${n}/${e}/${o}`,
         children: l && l.length ? K(n, e, l) : void 0
       };
-      s.push(f);
+      s.push(u);
     }
   }
   return s;
@@ -1293,51 +1293,51 @@ function Be(n, e) {
       e.can(s.id.toString()) && t.push(s);
   return t;
 }
-function Rs(n) {
+function Ps(n) {
   const {
     menuPathPrefix: e = "",
     pageRouteName: t = "page",
     disableMenusFilter: s = !1
-  } = n || {}, r = Ne(), o = Ae(), i = St(), a = oe(!1), l = oe(!1), c = r.project, u = (p, d) => {
-    a.value = !p?.mask, l.value = d?.pure ?? !!p?.pure;
+  } = n || {}, r = Ne(), o = Ae(), a = St(), i = oe(!1), l = oe(!1), c = r.project, f = (p, d) => {
+    i.value = !p?.mask, l.value = d?.pure ?? !!p?.pure;
   };
   rt(() => {
     const { name: p, params: d, meta: g } = o;
     if (p === D) {
       const v = r.getPage(d.id);
-      u(v, g);
+      f(v, g);
     } else if (p === N) {
       const v = r.getHomepage();
-      u(v, g);
+      f(v, g);
     } else {
       const v = g.__vtj__;
       if (v) {
         const m = r.getPage(v);
-        u(m, g);
+        f(m, g);
       } else
-        a.value = !g.mask, l.value = !!g.pure;
+        i.value = !g.mask, l.value = !!g.pure;
     }
   });
-  const f = K(
+  const u = K(
     e,
     t,
     c?.pages
   ), h = c?.config;
   return {
-    disabled: a,
+    disabled: i,
     logo: h?.logo,
     themeSwitchable: h?.themeSwitchable,
     title: h?.title || c?.description || c?.name || "VTJ App",
-    menus: s ? f : Be(f, i),
+    menus: s ? u : Be(u, a),
     pure: l
   };
 }
 function te(n, e) {
-  const { id: t, title: s, meta: r } = n, { name: o = "page", prefix: i = "", component: a, routeMeta: l } = e;
+  const { id: t, title: s, meta: r } = n, { name: o = "page", prefix: a = "", component: i, routeMeta: l } = e;
   return {
     name: t,
-    path: `${i}${o}/${t}`,
-    component: a,
+    path: `${a}${o}/${t}`,
+    component: i,
     meta: {
       title: s,
       ...l,
@@ -1353,18 +1353,18 @@ function le(n) {
     pages: s = [],
     component: r,
     loader: o,
-    routeMeta: i,
-    homepage: a
+    routeMeta: a,
+    homepage: i
   } = n, l = [];
   for (const c of s) {
-    const { id: u, title: f, dir: h, layout: p, children: d, meta: g } = c;
+    const { id: f, title: u, dir: h, layout: p, children: d, meta: g } = c;
     if (h) {
       const v = le({
         name: e,
         prefix: t,
         component: r,
-        routeMeta: i,
-        homepage: a,
+        routeMeta: a,
+        homepage: i,
         loader: o,
         pages: d || []
       });
@@ -1374,33 +1374,33 @@ function le(n) {
         name: e,
         prefix: t,
         component: r,
-        routeMeta: i,
-        homepage: a,
+        routeMeta: a,
+        homepage: i,
         loader: o,
         pages: d || []
       }), m = {
-        name: `layout_${u}`,
+        name: `layout_${f}`,
         path: t,
-        component: () => o(u),
+        component: () => o(f),
         meta: {
-          title: f,
-          ...i,
+          title: u,
+          ...a,
           ...g,
-          __vtj__: u
+          __vtj__: f
         },
         children: v
       };
       l.push(m), l.push(te(c, n));
-    } else if (l.push(te(c, n)), a === u) {
+    } else if (l.push(te(c, n)), i === f) {
       const v = te(c, n);
-      v.path = "", v.name = `home_${u}`, l.push(v);
+      v.path = "", v.name = `home_${f}`, l.push(v);
     }
   }
   return l;
 }
 function ts(n = {}, e) {
-  const { css: t, store: s, enhance: r } = n, { window: o, app: i, library: a = {}, adapter: l, mode: c } = e, { Pinia: u } = a;
-  fe(o, "global-css", t || ""), u && s && ss(s, i, u), rs(i, l, n), !l.access && n.access && ns(n.access, i, c, l), os(i, n), r && is(r, i);
+  const { css: t, store: s, enhance: r } = n, { window: o, app: a, library: i = {}, adapter: l, mode: c } = e, { Pinia: f } = i;
+  a.config.globalProperties.$libs = i, fe(o, "global-css", t || ""), f && s && ss(s, a, f), rs(a, l, n), !l.access && n.access && ns(n.access, a, c, l), os(a, n), r && is(r, a, i);
 }
 function ss(n, e, t) {
   const s = t.createPinia();
@@ -1411,47 +1411,66 @@ function ss(n, e, t) {
 }
 function ns(n, e, t, s) {
   if (S(n) && n.value) {
-    const r = E(n, {}, !1, !1, !0), { alert: o, request: i } = s, a = new pe({
+    const r = E(n, {}, !1, !1, !0), { alert: o, request: a } = s, i = new pe({
       alert: o,
       storagePrefix: "__VTJ_APP_",
       ...r(e)
     }), l = e.config.globalProperties.$router;
-    a.connect({ mode: t, router: l, request: i }), e.use(a);
+    i.connect({ mode: t, router: l, request: a }), e.use(i);
   }
 }
 function rs(n, e, t) {
   if (!e.request) return;
   const { axios: s, request: r, response: o } = t;
   if (s && S(s) && s.value) {
-    const i = E(s, {}, !1, !1, !0);
-    e.request.setConfig(i(n));
+    const a = E(s, {}, !1, !1, !0);
+    e.request.setConfig(a(n));
   }
   if (r && S(r) && r.value) {
-    const i = E(r, {}, !1, !1, !0);
-    e.request.useRequest((a) => i(a, n));
+    const a = E(r, {}, !1, !1, !0), i = e.request;
+    i.__unReq && i.__unReq(), i.__unReq = e.request.useRequest((l) => a(l, n));
   }
   if (o && S(o) && o.value) {
-    const i = E(o, {}, !1, !1, !0);
-    e.request.useResponse((a) => i(a, n));
+    const a = E(o, {}, !1, !1, !0), i = e.request;
+    i.__unRes && i.__unRes(), i.__unRes = e.request.useResponse((l) => a(l, n));
   }
 }
 function os(n, e) {
   const { beforeEach: t, afterEach: s } = e, r = n.config.globalProperties.$router;
   if (t && S(t) && t.value) {
     const o = E(t, {}, !1, !1, !0);
-    r && r.beforeEach((i, a, l) => o(i, a, l, n));
+    r && r.beforeEach((a, i, l) => o(a, i, l, n));
   }
   if (s && S(s) && s.value) {
     const o = E(s, {}, !1, !1, !0);
-    r && r.afterEach((i, a, l) => o(i, a, l, n));
+    r && r.afterEach((a, i, l) => o(a, i, l, n));
   }
 }
-function is(n, e) {
-  S(n) && n.value && E(n, {}, !1, !1, !0)(e);
+function is(n, e, t = {}) {
+  S(n) && n.value && E(n, {}, !1, !1, !0)(e, t);
+}
+function as(n, e, t) {
+  if (!n || !e || !t) return;
+  const { VueI18n: s } = e;
+  if (s) {
+    const { locale: r, fallbackLocale: o, messages: a = [] } = t, i = {};
+    for (let c of a) {
+      const f = Object.keys(c).filter((u) => u !== "key");
+      for (const u of f)
+        i[u] || (i[u] = {}), i[u][c.key] = c[u];
+    }
+    const l = s.createI18n({
+      legacy: !1,
+      locale: r,
+      fallbackLocale: o,
+      messages: i
+    });
+    n.use(l);
+  }
 }
 const Ue = Symbol("Provider");
-var as = /* @__PURE__ */ ((n) => (n.Production = "production", n.Development = "development", n))(as || {});
-class cs extends ze {
+var cs = /* @__PURE__ */ ((n) => (n.Production = "production", n.Development = "development", n))(cs || {});
+class ls extends ze {
   // DSL缓存
   /**
    * 创建Provider实例
@@ -1461,21 +1480,21 @@ class cs extends ze {
     super(), this.options = e;
     const {
       service: t,
-      mode: s = _.Raw,
+      mode: s = y.Raw,
       dependencies: r,
       materials: o,
-      project: i = {},
-      adapter: a = {},
+      project: a = {},
+      adapter: i = {},
       globals: l = {},
       modules: c = {},
-      router: u = null,
-      materialPath: f = "./",
+      router: f = null,
+      materialPath: u = "./",
       nodeEnv: h = "development"
       /* Development */
     } = e;
-    this.mode = s, this.modules = c, this.service = t, this.router = u, this.materialPath = f, this.nodeEnv = h, r && (this.dependencies = r), o && (this.materials = o), Object.assign(this.globals, l), Object.assign(this.adapter, a);
+    this.mode = s, this.modules = c, this.service = t, this.router = f, this.materialPath = u, this.nodeEnv = h, r && (this.dependencies = r), o && (this.materials = o), Object.assign(this.globals, l), Object.assign(this.adapter, i);
     const { access: p, request: d } = this.adapter;
-    p && p.connect({ mode: s, router: u, request: d }), i && s !== _.Design ? this.load(i) : this.project = i;
+    p && p.connect({ mode: s, router: f, request: d }), a && s !== y.Design ? this.load(a) : this.project = a;
   }
   mode;
   // 当前运行模式(设计/源码/预览等)
@@ -1483,7 +1502,7 @@ class cs extends ze {
   // 全局变量
   modules = {};
   // 异步模块加载器
-  adapter = { request: ne, jsonp: Re };
+  adapter = { request: ne, jsonp: be };
   // 适配器接口
   apis = {};
   // API集合
@@ -1513,7 +1532,7 @@ class cs extends ze {
         try {
           s = await e.apply(e, t);
         } catch (o) {
-          k.warn("模拟数据模版异常", o);
+          F.warn("模拟数据模版异常", o);
         }
       return T()?.mock(s);
     };
@@ -1531,8 +1550,8 @@ class cs extends ze {
     const { vtjDir: t = ".vtj" } = this.options, s = this.modules[`${t}/projects/${e.id}.json`] || this.modules[`/src/${t}/projects/${e.id}.json`];
     if (this.project = s ? await s() : await this.service.init(e), !this.project)
       throw new Error("project is null");
-    const { apis: r = [], meta: o = [] } = this.project, i = window;
-    i && (i.CKEDITOR_VERSION = void 0), this.mode === _.Raw ? await this.loadDependencies(i) : await this.loadAssets(i), this.initMock(i), this.apis = Et(r, o, this.adapter), Oe(i), bt(r, i), e.platform !== "uniapp" && this.initRouter(), this.triggerReady();
+    const { apis: r = [], meta: o = [] } = this.project, a = window;
+    a && (a.CKEDITOR_VERSION = void 0), this.mode === y.Raw ? await this.loadDependencies(a) : await this.loadAssets(a), this.initMock(a), this.apis = Et(r, o, this.adapter), Oe(a), Rt(r, a), e.platform !== "uniapp" && this.initRouter(), this.triggerReady();
   }
   initMock(e) {
     const t = T(e);
@@ -1546,16 +1565,16 @@ class cs extends ze {
       e[s] || (e[s] = this.library[s] = await r());
   }
   async loadAssets(e) {
-    const { dependencies: t = [] } = this.project, { dependencies: s, library: r, components: o, materialPath: i, nodeEnv: a } = this, {
+    const { dependencies: t = [] } = this.project, { dependencies: s, library: r, components: o, materialPath: a, nodeEnv: i } = this, {
       libraryExports: l,
       libraryMap: c,
-      materials: u,
-      materialExports: f,
+      materials: f,
+      materialExports: u,
       materialMapLibrary: h
     } = ft(
       t,
-      i,
-      a === "development"
+      a,
+      i === "development"
       /* Development */
     );
     for (const p of l) {
@@ -1567,15 +1586,15 @@ class cs extends ze {
       else {
         const v = c[p] || [];
         for (const m of v)
-          G(m) && await mt(m, F.append(m, { v: O })), V(m) && await Se(F.append(m, { v: O }));
+          G(m) && await mt(m, k.append(m, { v: O })), V(m) && await Se(k.append(m, { v: O }));
         r[p] = e[p];
       }
     }
-    if (a === "development") {
-      for (const d of u)
-        await Se(F.append(d, { v: O }));
+    if (i === "development") {
+      for (const d of f)
+        await Se(k.append(d, { v: O }));
       const p = this.materials || {};
-      for (const d of f) {
+      for (const d of u) {
         const g = e[h[d]], v = Ge[d];
         if (v)
           g && v.forEach((m) => {
@@ -1583,8 +1602,8 @@ class cs extends ze {
           });
         else {
           const m = p[d] ? (await p[d]()).default : e[d];
-          m && g && (m.components || []).forEach((b) => {
-            o[b.name] = pt(b, g);
+          m && g && (m.components || []).forEach((R) => {
+            o[R.name] = pt(R, g);
           });
         }
       }
@@ -1594,14 +1613,14 @@ class cs extends ze {
     const { router: e, project: t, options: s, adapter: r } = this;
     if (!e) return;
     const o = t?.platform === "uniapp" ? "pages" : "page", {
-      routeAppendTo: i,
-      pageRouteName: a = o,
+      routeAppendTo: a,
+      pageRouteName: i = o,
       routeMeta: l
-    } = s, c = i ? "" : "/", u = {
-      path: `${c}${a}/:id`,
+    } = s, c = a ? "" : "/", f = {
+      path: `${c}${i}/:id`,
       name: D,
       component: ee
-    }, f = {
+    }, u = {
       path: c,
       name: N,
       component: t?.homepage ? ee : r.startupComponent || es,
@@ -1610,17 +1629,17 @@ class cs extends ze {
     if (e.hasRoute(D) && e.removeRoute(D), e.hasRoute(N) && e.removeRoute(N), s.enableStaticRoute) {
       const h = t?.pages || [];
       le({
-        name: a,
+        name: i,
         prefix: c,
         pages: h,
         component: ee,
         loader: this.getRenderComponent.bind(this),
         homepage: t?.homepage
       }).forEach((d) => {
-        i ? e.addRoute(i, d) : e.addRoute(d);
-      }), t?.homepage || (i ? e.addRoute(i, f) : e.addRoute(f));
+        a ? e.addRoute(a, d) : e.addRoute(d);
+      }), t?.homepage || (a ? e.addRoute(a, u) : e.addRoute(u));
     } else
-      i ? (e.addRoute(i, u), e.addRoute(i, f)) : (e.addRoute(u), e.addRoute(f));
+      a ? (e.addRoute(a, f), e.addRoute(a, u)) : (e.addRoute(f), e.addRoute(u));
   }
   /**
    * Vue 插件安装方法
@@ -1636,14 +1655,14 @@ class cs extends ze {
     const t = e.config.globalProperties.installed || {};
     for (const [s, r] of Object.entries(this.library))
       !t[s] && gt(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(Ue, this), e.config.globalProperties.$provider = this, this.project?.platform !== "uniapp" && this.initGlobals(this.project?.globals || {}, {
+    this.options.install && e.use(this.options.install), this.adapter.access && e.use(this.adapter.access), this.project?.platform !== "uniapp" && this.mode !== y.Design && this.initGlobals(this.project?.globals || {}, {
       app: e,
       window,
       adapter: this.adapter,
       library: this.library,
       mode: this.mode
-    }), this.options.enhance && e.use(this.options.enhance, this), this.mode === _.Design && (e.config.errorHandler = (s, r, o) => {
-      const i = r?.$options.name, a = typeof s == "string" ? s : s?.message || s?.msg || "未知错误", l = `[ ${i} ] ${a} ${o}`;
+    }), this.mode !== y.Design && this.project?.i18n && this.initI18n(e, this.library, this.project.i18n), e.provide(Ue, this), e.config.globalProperties.$provider = this, this.options.enhance && e.use(this.options.enhance, this), this.mode === y.Design && (e.config.errorHandler = (s, r, o) => {
+      const a = r?.$options.name, i = typeof s == "string" ? s : s?.message || s?.msg || "未知错误", l = `[ ${a} ] ${i} ${o}`;
       console.error(
         "[VTJ Error]:",
         {
@@ -1661,13 +1680,13 @@ class cs extends ze {
   }
   getPage(e) {
     const { pages: t = [] } = this.project || {}, s = (r, o = []) => {
-      for (const i of o) {
-        if (i.id === r)
-          return i;
-        if (i.children && i.children.length) {
-          const a = s(r, i.children);
-          if (a)
-            return a;
+      for (const a of o) {
+        if (a.id === r)
+          return a;
+        if (a.children && a.children.length) {
+          const i = s(r, a.children);
+          if (i)
+            return i;
         }
       }
     };
@@ -1705,21 +1724,21 @@ class cs extends ze {
    * @returns 渲染器实例
    */
   createDslRenderer(e, t = {}) {
-    const { library: s, components: r, mode: o, apis: i } = this, a = {
+    const { library: s, components: r, mode: o, apis: a } = this, i = {
       mode: o,
       Vue: s.Vue,
       components: r,
       libs: s,
-      apis: i,
+      apis: a,
       window,
       ...t
     }, l = ae({
       getDsl: async (c) => await this.getDsl(c) || null,
       getDslByUrl: async (c) => await this.getDslByUrl(c) || null,
-      options: a
+      options: i
     });
     return ie({
-      ...a,
+      ...i,
       dsl: e,
       loader: l
     });
@@ -1737,13 +1756,13 @@ class cs extends ze {
   async getRenderComponent(e, t) {
     const s = this.getFile(e);
     if (!s)
-      return k.warn(`Can not find file: ${e}`), null;
-    if (t && t(s), this.mode === _.Raw) {
-      const { vtjRawDir: o = ".vtj/vue" } = this.options, i = `${o}/${e}.vue`, a = this.modules[i] || this.modules[`/src/pages/${e}.vue`];
-      return a ? (await a())?.default : this.nodeEnv === "development" && this.adapter.startupComponent || null;
+      return F.warn(`Can not find file: ${e}`), null;
+    if (t && t(s), this.mode === y.Raw) {
+      const { vtjRawDir: o = ".vtj/vue" } = this.options, a = `${o}/${e}.vue`, i = this.modules[a] || this.modules[`/src/pages/${e}.vue`];
+      return i ? (await i())?.default : this.nodeEnv === "development" && this.adapter.startupComponent || null;
     }
     const r = await this.getDsl(s.id);
-    return r ? this.createDslRenderer(r).renderer : (k.warn(`Can not find dsl: ${e}`), null);
+    return r ? this.createDslRenderer(r).renderer : (F.warn(`Can not find dsl: ${e}`), null);
   }
   /**
    * 定义基于URL的异步组件
@@ -1785,9 +1804,12 @@ class cs extends ze {
     );
     ts(e, s);
   }
+  initI18n(e, t, s) {
+    as(e, t, s);
+  }
 }
-function Ps(n) {
-  const e = new cs(n);
+function Cs(n) {
+  const e = new ls(n);
   return {
     provider: e,
     onReady: (s) => e.ready(s)
@@ -1810,21 +1832,21 @@ function Ne(n = {}) {
   }
   return e;
 }
-async function Cs(n, e = "") {
-  const { name: t, urls: s = [] } = n || {}, r = s.map((a) => e + a), { css: o, js: i } = dt(r);
-  if (o.length && Fe(o), i.length)
-    return await ke(i, t).catch(
+async function As(n, e = "") {
+  const { name: t, urls: s = [] } = n || {}, r = s.map((i) => e + i), { css: o, js: a } = dt(r);
+  if (o.length && ke(o), a.length)
+    return await Fe(a, t).catch(
       () => {
       }
     );
 }
-const Le = {
+const qe = {
   type: "json",
   validSuccess: !0,
   originResponse: !1,
   failMessage: !0,
   validate: (n) => n.data?.code === 0
-}, ls = (n, e = "/__vtj__/api/:type.json") => (t, s, r) => n.send({
+}, us = (n, e = "/__vtj__/api/:type.json") => (t, s, r) => n.send({
   url: e,
   method: "post",
   params: { type: t },
@@ -1833,8 +1855,8 @@ const Le = {
     type: t,
     data: s
   },
-  settings: Le
-}), us = (n, e = "/__vtj__/api/uploader.json") => async (t, s) => await n.send({
+  settings: qe
+}), fs = (n, e = "/__vtj__/api/uploader.json") => async (t, s) => await n.send({
   url: e,
   method: "post",
   data: {
@@ -1842,12 +1864,12 @@ const Le = {
     projectId: s
   },
   settings: {
-    ...Le,
+    ...qe,
     type: "data"
   }
 }).then((r) => r && r[0] ? r[0] : null).catch(() => null);
-function As(n) {
-  return be({
+function Is(n) {
+  return Re({
     settings: {
       type: "json",
       validSuccess: !0,
@@ -1862,7 +1884,7 @@ function As(n) {
 }
 class de {
   constructor(e = ne) {
-    this.req = e, this.api = ls(e), this.uploader = us(e);
+    this.req = e, this.api = us(e), this.uploader = fs(e);
   }
   api;
   pluginCaches = {};
@@ -1967,13 +1989,13 @@ const w = new nt({
   expired: 0,
   prefix: "__VTJ_"
 });
-class Is extends de {
+class ks extends de {
   init(e) {
-    const t = new L(e), s = w.get(`project_${t.id}`), r = Object.assign(t.toDsl(), s || {});
+    const t = new q(e), s = w.get(`project_${t.id}`), r = Object.assign(t.toDsl(), s || {});
     return w.save(`project_${t.id}`, r), Promise.resolve(r);
   }
   saveProject(e) {
-    const t = new L(e);
+    const t = new q(e);
     return w.save(`project_${t.id}`, t.toDsl()), Promise.resolve(!0);
   }
   saveMaterials(e, t) {
@@ -2017,18 +2039,18 @@ class Is extends de {
     }), Promise.resolve(!0);
   }
 }
-class fs extends de {
+class ps extends de {
   projects = {};
   materials = {};
   files = {};
   histories = {};
   historyItems = {};
   init(e) {
-    const t = new L(e), s = this.projects[t.id] || {}, r = Object.assign(t.toDsl(), s);
+    const t = new q(e), s = this.projects[t.id] || {}, r = Object.assign(t.toDsl(), s);
     return this.projects[r.id] = r, Promise.resolve(r);
   }
   saveProject(e) {
-    const t = new L(e);
+    const t = new q(e);
     return this.projects[t.id] = t.toDsl(), Promise.resolve(!0);
   }
   saveMaterials(e, t) {
@@ -2076,9 +2098,9 @@ class fs extends de {
 }
 let U = null;
 function Fs() {
-  return U || (U = new fs(), U);
+  return U || (U = new ps(), U);
 }
-class ks extends de {
+class Ms extends de {
   getFileCaches = {};
   async getExtension() {
     return await this.api("getExtension", {}).catch(() => {
@@ -2136,7 +2158,7 @@ class ks extends de {
   }
 }
 export {
-  ys as ACCESS,
+  _s as ACCESS,
   Me as ACCESS_KEY,
   pe as Access,
   ct as BUILD_IN_TAGS,
@@ -2144,38 +2166,38 @@ export {
   de as BaseService,
   je as CONTEXT_HOST,
   Ct as Context,
-  _ as ContextMode,
+  y as ContextMode,
   it as DATA_TYPES,
   N as HOMEPAGE_ROUTE_NAME,
   at as HTML_TAGS,
-  $s as JSCodeToString,
-  gs as LIFE_CYCLES_LIST,
-  ks as LocalService,
-  fs as MemoryService,
-  as as NodeEnv,
+  js as JSCodeToString,
+  vs as LIFE_CYCLES_LIST,
+  Ms as LocalService,
+  ps as MemoryService,
+  cs as NodeEnv,
   D as PAGE_ROUTE_NAME,
-  cs as Provider,
-  vs as REMOTE,
-  Is as StorageService,
+  ls as Provider,
+  ys as REMOTE,
+  ks as StorageService,
   O as VTJ_RENDERER_VERSION,
   fe as adoptedStyleSheets,
   bs as clearLoaderCache,
   ht as compileScopedCSS,
-  Es as createAccess,
-  js as createAdapter,
-  _s as createAssetScripts,
-  ws as createAssetsCss,
+  Rs as createAccess,
+  Es as createAdapter,
+  ws as createAssetScripts,
+  Ss as createAssetsCss,
   Dt as createDataSources,
   ae as createLoader,
   Fs as createMemoryService,
   K as createMenus,
   jt as createMetaApi,
-  Rt as createMock,
-  Ps as createProvider,
+  bt as createMock,
+  Cs as createProvider,
   ie as createRenderer,
   $t as createSchemaApi,
   Et as createSchemaApis,
-  As as createServiceRequest,
+  Is as createServiceRequest,
   xt as defaultLoader,
   B as fillBasePath,
   T as getMock,
@@ -2192,12 +2214,12 @@ export {
   yt as isNativeTag,
   gt as isVuePlugin,
   mt as loadCss,
-  Fe as loadCssUrl,
-  Cs as loadEnhance,
-  ke as loadScriptUrl,
+  ke as loadCssUrl,
+  As as loadEnhance,
+  Fe as loadScriptUrl,
   Be as menusFilter,
   Pt as mockApi,
-  bt as mockApis,
+  Rt as mockApis,
   Oe as mockCleanup,
   M as nodeRender,
   ft as parseDeps,
@@ -2206,9 +2228,9 @@ export {
   dt as parseUrls,
   Ue as providerKey,
   ut as removeProdFlag,
-  Ss as setupPageSetting,
+  $s as setupPageSetting,
   Ie as toString,
   St as useAccess,
-  Rs as useMask,
+  Ps as useMask,
   Ne as useProvider
 };