@vtj/renderer 0.13.21 → 0.13.23

package/dist/index.mjs

@@ -1,5 +1,5 @@
-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 { Base as ze, BUILT_IN_COMPONENTS as Ge, ProjectModel as U, HistoryModel as be } from "@vtj/core";
+import { isUrl as se, url as F, dedupArray as Ve, isString as A, isFunction as q, logger as M, storage as X, cookie as Y, toArray as ve, unRSA as _e, delay as J, createRequest as Ee, jsonp as Re, merge as Qe, pathToRegexp as We, pathToRegexpMatch as Xe, formDataToJson as Ye, Queue as Ze, cloneDeep as we, camelCase as C, 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.21
+ * @version 0.13.23
  * @license <a href="https://vtj.pro/license.html">MIT License</a>
  */
-const M = "0.13.21";
-var y = /* @__PURE__ */ ((n) => (n.Runtime = "Runtime", n.Design = "Design", n.Raw = "Raw", n.VNode = "VNode", n))(y || {});
+const D = "0.13.23";
+var _ = /* @__PURE__ */ ((n) => (n.Runtime = "Runtime", n.Design = "Design", n.Raw = "Raw", n.VNode = "VNode", n))(_ || {});
 const je = [
   "$el",
   "$emit",
@@ -24,7 +24,7 @@ const je = [
   "$props",
   "$options",
   "$forceUpdate"
-], vs = [
+], ys = [
   "beforeCreate",
   "created",
   "beforeMount",
@@ -55,9 +55,9 @@ const je = [
   Object,
   Function,
   Date
-}, D = "VtjPage", U = "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(
+}, T = "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(","), ys = [
+), ct = "component,slot".split(","), vs = [
   "h",
   "t",
   "t",
@@ -153,32 +153,32 @@ function lt(n) {
 }
 function ws(n) {
   return n.map(
-    (e) => `<script src="${k.append(e, { v: M })}"><\/script>`
+    (e) => `<script src="${F.append(e, { v: D })}"><\/script>`
   ).join("");
 }
 function Ss(n = []) {
   return n.map(
-    (e) => `<link rel="stylesheet" href="${k.append(e, { v: M })}" />`
+    (e) => `<link rel="stylesheet" href="${F.append(e, { v: D })}" />`
   ).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 = [], a = [], i = [], l = {}, c = {}, f = [], u = {};
+  const s = n.filter((p) => !!p.enabled), r = [], o = [], a = [], i = [], l = {}, c = {}, u = [], f = {};
   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 && (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);
+    ({ urls: p, assetsUrl: h, library: d, assetsLibrary: m, localeLibrary: g }) => {
+      p?.forEach((y) => {
+        V(y) && r.push(ut(y, t)), G(y) && o.push(y);
+      }), d && (i.push(d), l[d] = B(p || [], e), g && (c[d] = g)), h && a.push(h), m && u.push(m), d && m && (f[m] = d);
     }
   ), {
     scripts: B(r, e),
     css: B(o, e),
     materials: B(a, e),
     libraryExports: i,
-    materialExports: Ve(f),
-    materialMapLibrary: u,
+    materialExports: Ve(u),
+    materialMapLibrary: f,
     libraryMap: l,
     libraryLocaleMap: c
   };
@@ -196,130 +196,130 @@ function dt(n = []) {
 }
 function ht(n, e) {
   const t = (c) => {
-    const f = [];
-    let u = 0;
-    for (; u < c.length; ) {
-      if (/\s/.test(c[u])) {
-        u++;
+    const u = [];
+    let f = 0;
+    for (; f < c.length; ) {
+      if (/\s/.test(c[f])) {
+        f++;
         continue;
       }
-      if (c.substring(u, u + 2) === "/*") {
-        const m = c.indexOf("*/", u + 2);
-        if (m !== -1) {
-          u = m + 2;
+      if (c.substring(f, f + 2) === "/*") {
+        const y = c.indexOf("*/", f + 2);
+        if (y !== -1) {
+          f = y + 2;
           continue;
         }
       }
-      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({
+      if (c[f] === "@") {
+        const y = f;
+        for (; f < c.length && c[f] !== "{" && c[f] !== ";"; )
+          f++;
+        const w = c.substring(y, f).trim(), v = w.includes("@keyframes");
+        if (c[f] === ";")
+          u.push({
             type: "simple-at-rule",
-            content: c.substring(m, u + 1)
-          }), u++;
-        else if (c[u] === "{") {
-          const x = u + 1;
-          let A = 1;
-          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: c.substring(y, f + 1)
+          }), f++;
+        else if (c[f] === "{") {
+          const $ = f + 1;
+          let I = 1;
+          for (f++; f < c.length && I > 0; )
+            c[f] === "{" ? I++ : c[f] === "}" && I--, f++;
+          const Q = c.substring(y, f), P = c.substring($, f - 1);
+          u.push({
+            type: v ? "keyframes" : "at-rule",
+            rule: w,
             content: Q,
-            inner: b
+            inner: P
           });
         }
         continue;
       }
-      const h = u;
-      for (; u < c.length && c[u] !== "{"; )
-        u++;
-      if (u >= c.length) break;
-      const p = c.substring(h, u).trim();
-      if (!p) {
-        u++;
+      const p = f;
+      for (; f < c.length && c[f] !== "{"; )
+        f++;
+      if (f >= c.length) break;
+      const h = c.substring(p, f).trim();
+      if (!h) {
+        f++;
         continue;
       }
-      const d = u + 1;
-      let g = 1;
-      for (u++; u < c.length && g > 0; )
-        c[u] === "{" ? g++ : c[u] === "}" && g--, u++;
-      const v = c.substring(d, u - 1);
-      f.push({
+      const d = f + 1;
+      let m = 1;
+      for (f++; f < c.length && m > 0; )
+        c[f] === "{" ? m++ : c[f] === "}" && m--, f++;
+      const g = c.substring(d, f - 1);
+      u.push({
         type: "rule",
-        selector: p,
-        content: v.trim()
+        selector: h,
+        content: g.trim()
       });
     }
-    return f;
+    return u;
   }, s = (c) => {
-    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;
+    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, p) => {
+    const h = f.trim(), d = p.trim();
+    return h ? `${h}[${e}] ${d}` : d;
   }), o = (c) => {
-    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;
+    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 [, p, h = ""] = f, d = p.trim();
+      return d ? `${d}[${e}]${h}` : u;
     }
-    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) {
+    return `${u}[${e}]`;
+  }, a = (c) => r(c).split(",").map((f) => o(f)).filter((f) => f.trim()).join(", "), i = (c) => c.map((u) => {
+    switch (u.type) {
       case "simple-at-rule":
-        return f.content;
+        return u.content;
       case "keyframes":
-        return f.content;
+        return u.content;
       case "at-rule":
         try {
-          const h = t(f.inner), p = i(h);
-          return `${f.rule} { ${p} }`;
+          const p = t(u.inner), h = i(p);
+          return `${u.rule} { ${h} }`;
         } catch {
-          return f.content;
+          return u.content;
         }
       case "rule":
-        if (!f.selector || !f.content)
+        if (!u.selector || !u.content)
           return "";
-        const u = a(f.selector);
-        return u.trim() ? `${u} { ${f.content} }` : "";
+        const f = a(u.selector);
+        return f.trim() ? `${f} { ${u.content} }` : "";
       default:
         return "";
     }
-  }).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();
+  }).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();
   try {
     const c = n.replace(/\/\*(?!\s*!)[\s\S]*?\*\//g, "").replace(/^\s+|\s+$/gm, "").replace(/\n\s*\n/g, `
-`), f = t(c), u = i(f);
-    return l(u);
+`), u = t(c), f = i(u);
+    return l(f);
   } catch (c) {
     return console.error("CSS scoping failed:", c), console.error("Input CSS:", n), n.replace(/\/\*[\s\S]*?\*\//g, "").replace(
       /(@keyframes\s+[^{]+\s*{[^{}]*(?:{[^}]*}[^{}]*)*})/g,
-      (f) => f
-    ).replace(/([^{}@]+)(?=\s*{)/g, (f) => {
-      const u = f.trim();
-      return !u || u.startsWith("@") || u.includes(`[${e}]`) || s(u) ? f : `${u}[${e}]`;
+      (u) => u
+    ).replace(/([^{}@]+)(?=\s*{)/g, (u) => {
+      const f = u.trim();
+      return !f || f.startsWith("@") || f.includes(`[${e}]`) || s(f) ? u : `${f}[${e}]`;
     });
   }
 }
 function Ie(n) {
-  return C(n) ? n : JSON.stringify(n);
+  return A(n) ? n : JSON.stringify(n);
 }
 function fe(n, e, t, s = !1) {
   const r = n.CSSStyleSheet, o = s ? `data-v-${e}` : e, a = s ? ht(t, o) : t;
   if (r.prototype.replaceSync) {
     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
+    const l = n.document, c = l.adoptedStyleSheets, u = Array.from(c).filter(
+      (f) => f.id !== e
     );
-    l.adoptedStyleSheets = [...f, i];
+    l.adoptedStyleSheets = [...u, i];
   } else {
     const i = n.document;
     let l = i.getElementById(e);
@@ -362,22 +362,22 @@ async function Fe(n, e, t = window) {
       const c = s.createElement("script");
       c.src = l, c.onload = () => {
         o = t[e], o ? a(o.default || o) : i(null);
-      }, c.onerror = (f) => {
-        i(f);
+      }, c.onerror = (u) => {
+        i(u);
       }, r.appendChild(c);
     }
   });
 }
 function gt(n) {
-  return L(n) && Object.getOwnPropertyNames(n.prototype || {}).length === 0 || L(n?.install);
+  return q(n) && Object.getOwnPropertyNames(n.prototype || {}).length === 0 || q(n?.install);
 }
-function vt(n) {
+function yt(n) {
   return ct.includes(n);
 }
-function yt(n) {
+function vt(n) {
   return at.includes(n);
 }
-function T(n = window) {
+function H(n = window) {
   const e = window?.Mock;
   if (e) return e;
   const t = n?.Mock;
@@ -389,7 +389,7 @@ function js(n, e, t) {
   const s = n?._container;
   t?.type === "page" && s.classList.add("is-page"), t?.pure && s.classList.add("is-pure");
 }
-function H(n, e, t = !1, s = !1, r = !1) {
+function x(n, e, t = !1, s = !1, r = !1) {
   try {
     const o = ['"use strict";', "var __self = arguments[0];"];
     o.push("return ");
@@ -401,13 +401,13 @@ ${a}
 ` : `with(${t ? "{}" : "$scope || {}"}) { ${a} }`;
     return new Function("$scope", i)(e);
   } catch (o) {
-    if (F.error("parseExpression.error", o, n, e?.__self ?? e), s)
+    if (M.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" && (F.error(
+function R(n, e, t = !1, s = !1, r = !1) {
+  const o = x(n, e, t, s, r);
+  if (typeof o != "function" && (M.error(
     "parseFunction.error",
     "not a function",
     n,
@@ -416,16 +416,16 @@ function E(n, e, t = !1, s = !1, r = !1) {
     throw new Error(`"${n.value}" not a function`);
   return o;
 }
-function j(n) {
+function E(n) {
   return n && n.type === "JSExpression";
 }
-function S(n) {
+function j(n) {
   return typeof n == "object" && n && n.type === "JSFunction";
 }
 function _t(n) {
-  return j(n) || S(n);
+  return E(n) || j(n);
 }
-function Es(n) {
+function bs(n) {
   return _t(n) ? n.value : JSON.stringify(n);
 }
 const wt = {
@@ -441,11 +441,11 @@ const wt = {
   noPermissionMessage: "无权限访问该页面",
   appName: "",
   statusKey: "code"
-}, Oe = Symbol("access");
+}, Me = Symbol("access");
 class pe {
   options;
   data = null;
-  mode = y.Raw;
+  mode = _.Raw;
   interceptResponse = !0;
   constructor(e) {
     this.options = Object.assign({}, wt, e), this.loadData();
@@ -458,7 +458,7 @@ class pe {
   }
   connect(e) {
     const { mode: t, router: s, request: r } = e;
-    this.mode = t, s && this.mode !== y.Design && this.setGuard(s), r && this.setRequest(r);
+    this.mode = t, s && this.mode !== _.Design && this.setGuard(s), r && this.setRequest(r);
   }
   login(e) {
     const { storageKey: t, storagePrefix: s, session: r, authKey: o } = this.options;
@@ -485,14 +485,14 @@ class pe {
   }
   can(e) {
     const { appName: t } = this.options, { permissions: s = {} } = this.data || {};
-    return typeof e == "function" ? e(s) : ye(e).every((o) => s[o] || s[t + "." + o]);
+    return typeof e == "function" ? e(s) : ve(e).every((o) => s[o] || s[t + "." + o]);
   }
   some(e) {
     const { appName: t } = this.options, { permissions: s = {} } = this.data || {};
-    return ye(e).some((o) => s[o] || s[t + "." + o]);
+    return ve(e).some((o) => s[o] || s[t + "." + o]);
   }
   install(e) {
-    e.config.globalProperties.$access = this, e.provide(Oe, this);
+    e.config.globalProperties.$access = this, e.provide(Me, this);
   }
   isAuthPath(e) {
     const { auth: t, isAuth: s } = this.options;
@@ -543,7 +543,7 @@ class pe {
     return e && t ? !!Y.get(t) : !!this.getToken();
   }
   hasRoutePermission(e) {
-    if (e.name === D) {
+    if (e.name === T) {
       const t = e.params.id;
       return t && this.can(t);
     }
@@ -560,7 +560,7 @@ class pe {
         return t();
       {
         const { noPermissionMessage: s = "无权限访问", unauthorized: r = !1 } = this.options;
-        return await this.showTip(s), L(r) ? (r(), t(!1)) : C(r) ? t(r) : t(!1);
+        return await this.showTip(s), q(r) ? (r(), t(!1)) : A(r) ? t(r) : t(!1);
       }
     }
     t(!1), await J(0), this.toLogin();
@@ -596,9 +596,9 @@ class pe {
   }
 }
 function St() {
-  return Pe(Oe, null);
+  return Pe(Me, null);
 }
-function Rs(n = {}) {
+function Es(n = {}) {
   const {
     notify: e,
     loading: t,
@@ -610,16 +610,16 @@ function Rs(n = {}) {
   } = n;
   let l = null;
   return {
-    request: Re({
+    request: Ee({
       settings: {
         type: "form",
         validSuccess: !0,
         originResponse: !1,
         loading: !0,
-        validate: (f) => f.data?.code === 0 || !!f.data?.success,
+        validate: (u) => u.data?.code === 0 || !!u.data?.success,
         failMessage: !0,
-        showError: (f) => {
-          e && e(f || "未知错误");
+        showError: (u) => {
+          e && e(u || "未知错误");
         },
         showLoading: () => {
           l && l.close(), t && (l = t());
@@ -630,7 +630,7 @@ function Rs(n = {}) {
         ...s
       }
     }),
-    jsonp: be,
+    jsonp: Re,
     notify: e,
     loading: t,
     useTitle: a,
@@ -639,7 +639,7 @@ function Rs(n = {}) {
     access: o ? new pe({ alert: i, ...o }) : void 0
   };
 }
-function bs(n = {}) {
+function Rs(n = {}) {
   return new pe(n);
 }
 function $t(n, e) {
@@ -650,7 +650,7 @@ function $t(n, e) {
       query: r
     });
   {
-    const r = n.headers ? H(n.headers, {}, !0) : void 0, o = {
+    const r = n.headers ? x(n.headers, {}, !0) : void 0, o = {
       url: n.url,
       method: n.method,
       settings: {
@@ -673,7 +673,7 @@ function jt(n, e) {
     return t(s, r, o, a);
   };
 }
-function Et(n = [], e = [], t) {
+function bt(n = [], e = [], t) {
   const s = {};
   for (const r of n)
     s[r.id] = $t(r, t);
@@ -681,19 +681,19 @@ function Et(n = [], e = [], t) {
     s[r.id] = jt(r, t);
   return s;
 }
-async function Rt(n = [], e = window) {
-  const t = T(e);
-  t && (Me(e), n.forEach((s) => Pt(t, s)));
+async function Et(n = [], e = window) {
+  const t = H(e);
+  t && (Oe(e), n.forEach((s) => Pt(t, s)));
 }
-function bt(n, e = window) {
-  const t = S(n.mockTemplate) && n.mockTemplate.value ? E(n.mockTemplate, {}, !0) : void 0, s = T(e);
+function Rt(n, e = window) {
+  const t = j(n.mockTemplate) && n.mockTemplate.value ? R(n.mockTemplate, {}, !0) : void 0, s = H(e);
   return async (...r) => {
     let o = {};
     if (t)
       try {
         o = await t.apply(t, r);
       } catch (a) {
-        F.warn("模拟数据模版异常", a);
+        M.warn("模拟数据模版异常", a);
       }
     return s?.mock(o);
   };
@@ -703,22 +703,22 @@ 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}(.*)`), a = Xe(r, { decode: decodeURIComponent }), i = H(s, {}, !0);
+      const r = se(t) ? new URL(t).pathname : t, o = We(`(.*)${r}(.*)`), a = Xe(r, { decode: decodeURIComponent }), i = x(s, {}, !0);
       n.mock(o, (l) => {
-        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 });
+        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], p = a(f)?.params;
+        Object.assign(l, { data: u, params: p, query: c });
         try {
           return n.mock(i(l));
-        } catch (p) {
-          return console.warn("[mockApi]", o, l, p), null;
+        } catch (h) {
+          return console.warn("[mockApi]", o, l, h), null;
         }
       });
     } catch (r) {
       console.warn("mockApi", r);
     }
 }
-function Me(n = window) {
-  const e = T(n);
+function Oe(n = window) {
+  const e = H(n);
   e && (e._mocked = {});
 }
 class Ct {
@@ -778,22 +778,22 @@ class Ct {
   }
   __parseFunction(e) {
     if (e)
-      if (this.__mode === y.Runtime) {
+      if (this.__mode === _.Runtime) {
         const { id: t, type: s } = e, r = t ? this.__transform[t] ?? e.value : e.value;
-        return E({ type: s, value: r }, this);
+        return R({ type: s, value: r }, this);
       } else
-        return E(e, this);
+        return R(e, this);
   }
   __parseExpression(e) {
     if (e)
-      if (this.__mode === y.Runtime) {
+      if (this.__mode === _.Runtime) {
         const { id: t, type: s } = e, r = t ? this.__transform[t] ?? e.value : e.value;
-        return H({ type: s, value: r }, this);
+        return x({ type: s, value: r }, this);
       } else
-        return H(e, this);
+        return x(e, this);
   }
   __ref(e = null, t) {
-    if (this.__mode !== y.VNode)
+    if (this.__mode !== _.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;
@@ -801,7 +801,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, 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;
+        return r.nodeType === 3 && r.nextSibling && (r = r.nextSibling), r.__vtj__ = e, _.Design === this.__mode && (r.__context__ = this, r.draggable = !0), e && (this.__refs[e] = this.__getRefEl(this.__refs, e, s)), typeof t == "function" ? t(s) : t && (this.$refs[t] = this.__getRefEl(this.$refs, t, s)), s;
       };
   }
   __getRefEl(e, t, s) {
@@ -823,7 +823,7 @@ class Ct {
 function ie(n) {
   const {
     Vue: e = z,
-    mode: t = y.Runtime,
+    mode: t = _.Runtime,
     components: s = {},
     libs: r = {},
     apis: o = {},
@@ -836,32 +836,32 @@ function ie(n) {
     mode: t,
     dsl: i.value,
     attrs: l
-  }), f = e.defineComponent({
+  }), u = e.defineComponent({
     name: i.value.name,
     __scopeId: i.value.id ? `data-v-${i.value.id}` : void 0,
     props: {
       ...It(i.value.props ?? [], c)
     },
-    setup(u) {
-      c.$props = u, c.props = u, i.value.id && fe(
+    setup(f) {
+      c.$props = f, c.props = f, i.value.id && fe(
         n.window || window,
         i.value.id,
         i.value.css || "",
         !0
       ), c.state = kt(e, i.value.state ?? {}, c);
-      const h = Ft(e, i.value.computed ?? {}, c), p = Ot(i.value.methods ?? {}, c), d = Mt(e, i.value.inject, c);
-      for (const [m, R] of Object.entries(d || {}))
-        d[m] = e.inject(m, R);
-      const g = Dt(
+      const p = Ft(e, i.value.computed ?? {}, c), h = Mt(i.value.methods ?? {}, c), d = Ot(e, i.value.inject, c);
+      for (const [y, w] of Object.entries(d || {}))
+        d[y] = e.inject(y, w);
+      const m = Dt(
         i.value.dataSources || {},
         c
-      ), v = {
+      ), g = {
         ...d,
-        ...h,
         ...p,
-        ...g
+        ...h,
+        ...m
       };
-      return c.setup(v, e), Tt(e, i.value.watch ?? [], c), {
+      return c.setup(g, e), Tt(e, i.value.watch ?? [], c), {
         vtj: c
       };
     },
@@ -869,30 +869,30 @@ function ie(n) {
     expose: ["vtj"],
     render() {
       if (!i.value.nodes) return null;
-      const u = i.value.nodes || [];
-      return u.length === 1 ? O(u[0], c, e, a, u) : u.map(
-        (h) => O(h, c, e, a, u)
+      const f = i.value.nodes || [];
+      return f.length === 1 ? O(f[0], c, e, a, f) : f.map(
+        (p) => O(p, c, e, a, f)
       );
     },
     ...Ht(i.value.lifeCycles ?? {}, c)
   });
   return {
-    renderer: e.markRaw(f),
+    renderer: e.markRaw(u),
     context: c
   };
 }
 function At(n = []) {
-  return n.map((e) => C(e) ? e : e.name);
+  return n.map((e) => A(e) ? e : e.name);
 }
 function It(n = [], e) {
   const t = (s) => s ? (Array.isArray(s) ? s : [s]).map((o) => it[o]) : void 0;
-  return n.map((s) => C(s) ? {
+  return n.map((s) => A(s) ? {
     name: s
   } : {
     name: s.name,
     type: s.type,
     required: s.required,
-    default: j(s.default) ? e.__parseExpression(s.default) : s.default
+    default: E(s.default) ? e.__parseExpression(s.default) : s.default
   }).reduce(
     (s, r) => (s[r.name] = {
       type: t(r.type),
@@ -907,7 +907,7 @@ function kt(n, e, t) {
     Object.keys(e || {}).reduce(
       (s, r) => {
         let o = e[r];
-        return j(o) ? o = t.__parseExpression(o) : S(o) && (o = t.__parseFunction(o)), s[r] = o, s;
+        return E(o) ? o = t.__parseExpression(o) : j(o) && (o = t.__parseFunction(o)), s[r] = o, s;
       },
       {}
     )
@@ -919,18 +919,18 @@ function Ft(n, e, t) {
     {}
   );
 }
-function Ot(n, e) {
+function Mt(n, e) {
   return Object.entries(n ?? {}).reduce(
     (t, [s, r]) => (t[s] = e.__parseFunction(r), t),
     {}
   );
 }
-function Mt(n, e = [], t) {
+function Ot(n, e = [], t) {
   return e.reduce(
     (s, r) => {
       const { name: o, from: a } = r || {};
       r.default;
-      const i = j(a) ? t.__parseExpression(a) || o : a ?? o, l = j(r.default) ? t.__parseExpression(r.default) : r.default ?? null;
+      const i = E(a) ? t.__parseExpression(a) || o : a ?? o, l = E(r.default) ? t.__parseExpression(r.default) : r.default ?? null;
       return s[o] = n.inject(i, l), s;
     },
     {}
@@ -941,9 +941,9 @@ function Dt(n, e) {
     (t, s) => {
       const r = n[s];
       if (r.type === "mock")
-        t[s] = bt(r);
+        t[s] = Rt(r);
       else if (r.ref) {
-        const o = e.$apis[r.ref], a = S(r.transform) ? r.transform.value ? e.__parseFunction(r.transform) : void 0 : r.transform;
+        const o = e.$apis[r.ref], a = j(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;
@@ -971,14 +971,14 @@ function Ht(n, e) {
     (t, [s, r]) => {
       const o = e.__parseFunction(r);
       return t[s] = async () => {
-        await J(0), L(o) && o();
+        await J(0), q(o) && o();
       }, t;
     },
     {}
   );
 }
 const De = new Ze();
-let Z = [], I = {};
+let Z = [], k = {};
 const xt = (n) => n;
 async function Te(n, e = window) {
   const { urls: t = [], library: s } = n, r = t.filter((i) => V(i));
@@ -996,32 +996,32 @@ function ae(n) {
     if (!o || typeof o == "string") return r;
     if (o.type === "Schema" && o.id)
       return a.defineAsyncComponent(async () => {
-        const i = I[o.id] || await De.add(
+        const i = k[o.id] || await De.add(
           o.id,
           () => e(o.id)
         );
-        return i && (i.name = r, I[o.id] = i), i ? ie({
+        return i && (i.name = r, k[o.id] = i), i ? ie({
           ...s,
           Vue: a,
           dsl: we(i),
-          mode: y.Runtime,
+          mode: _.Runtime,
           loader: ae(n)
         }).renderer : null;
       });
     if (o.type === "UrlSchema" && o.url)
       return a.defineAsyncComponent(async () => {
-        const i = I[o.url] || await t(o.url);
-        return i && (i.name = r, I[o.url] = i), i ? ie({
+        const i = k[o.url] || await t(o.url);
+        return i && (i.name = r, k[o.url] = i), i ? ie({
           ...s,
           Vue: a,
           dsl: we(i),
-          mode: y.Runtime,
+          mode: _.Runtime,
           loader: ae(n)
         }).renderer : null;
       });
     if (o.type === "Plugin") {
-      let i = o.library ? I[o.library] : null;
-      return i || (o.library && Z.push(o.library), i = I[o.library || Symbol()] = a.defineAsyncComponent(
+      let i = o.library ? k[o.library] : null;
+      return i || (o.library && Z.push(o.library), i = k[o.library || Symbol()] = a.defineAsyncComponent(
         async () => {
           const l = await Te(o, s.window);
           return l || (console.warn("getPlugin result is null", o), null);
@@ -1032,53 +1032,53 @@ function ae(n) {
   };
 }
 function Ps() {
-  I = {}, De.clearAllCache();
+  k = {}, De.clearAllCache();
 }
 function O(n, e, t = z, s = xt, r = [], o = !1) {
   if (!n || !n.name || n.invisible) return null;
-  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))
+  const a = t.getCurrentInstance()?.appContext, { id: i = null, directives: l = [] } = n, { vIf: c, vElseIf: u, vElse: f, vFor: p, vShow: h, vModels: d, vBind: m, vHtml: g, others: y } = He(l);
+  if (!o && (u || f))
     return null;
-  if (c && !Nt(c, e))
+  if (c && !Lt(c, e))
     return Jt(n, e, t, s, r);
-  const R = (_, x = 0) => {
-    const A = _.$components, Q = (() => {
+  const w = (v, $ = 0) => {
+    const I = v.$components, Q = (() => {
       if (n.name === "component")
-        return Ut(_, n.props?.is);
+        return Nt(v, n.props?.is);
       if (n.name === "slot") return n.name;
-      const $ = s(n.name, n.from, t);
-      if (C($))
-        return vt($) || yt($) ? $ : A[$] ?? a?.app?.component($) ?? $;
-      if (et($) && n.id) {
-        const ge = `Loader${n.id}_${x}`, ve = A[ge];
-        return ve || (A[ge] = $);
+      const b = s(n.name, n.from, t);
+      if (A(b))
+        return yt(b) || vt(b) ? b : I[b] ?? a?.app?.component(b) ?? b;
+      if (et(b) && n.id) {
+        const ge = `Loader${n.id}_${$}`, ye = I[ge];
+        return ye || (I[ge] = b);
       }
-      return $;
-    })(), b = qt(i, n.props ?? {}, _), Le = Lt(t, n.events ?? {}, _);
+      return b;
+    })(), P = Ut(i, n.props ?? {}, v), qe = qt(t, n.events ?? {}, v);
     if (n.name === "slot")
-      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, $, _));
+      return Kt(t, n, P, v, s);
+    m && Object.assign(P, v.__parseExpression(m.value)), h && (P.style = Object.assign(
+      P.style ?? {},
+      Gt(h, v)
+    )), g && Object.assign(P, Vt(g, v)), d.forEach((b) => {
+      Object.assign(P, Qt(t, b, v));
     });
     const Je = Wt(
       t,
       n.children ?? [],
-      _,
+      v,
       s,
       n
-    ), he = _?.__id ? `data-v-${_.__id}` : void 0, Ke = he ? { [he]: "" } : {};
+    ), he = v?.__id ? `data-v-${v.__id}` : void 0, Ke = he ? { [he]: "" } : {};
     let W = t.createVNode(
       Q,
-      { key: `${i}_${x}`, ...Ke, ...b, ...Le },
+      { key: `${i}_${$}`, ...Ke, ...P, ...qe },
       Je
     );
-    const me = a ? Bt(a, m, _) : [];
+    const me = a ? Bt(a, y, v) : [];
     return me.length && (W = t.withDirectives(W, me)), W;
   };
-  return h ? Zt(h, R, e) : R(e);
+  return p ? Zt(p, w, e) : w(e);
 }
 function Bt(n, e, t) {
   const s = n.app;
@@ -1090,12 +1090,12 @@ function Bt(n, e, t) {
   }).filter((r) => !!r);
 }
 function He(n = []) {
-  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"
+  const e = n.find((u) => C(u.name) === "vIf"), t = n.find(
+    (u) => C(u.name) === "vElseIf"
+  ), s = n.find((u) => C(u.name) === "vElse"), r = n.find((u) => C(u.name) === "vFor"), o = n.find((u) => C(u.name) === "vShow"), a = n.find((u) => C(u.name) === "vBind"), i = n.find((u) => C(u.name) === "vHtml"), l = n.filter(
+    (u) => C(u.name) === "vModel"
   ), c = n.filter(
-    (f) => !ot.includes(P(f.name))
+    (u) => !ot.includes(C(u.name))
   );
   return {
     vIf: e,
@@ -1109,18 +1109,18 @@ function He(n = []) {
     vHtml: i
   };
 }
-function Nt(n, e) {
+function Lt(n, e) {
   return !!e.__parseExpression(n.value);
 }
-function Ut(n, e) {
-  return e ? j(e) ? n.__parseExpression(e) : e : "div";
+function Nt(n, e) {
+  return e ? E(e) ? n.__parseExpression(e) : e : "div";
 }
-function qt(n, e, t) {
+function Ut(n, e, t) {
   const s = ce(e, t);
   return s.ref = t.__ref(n, s.ref), s;
 }
 function ce(n, e) {
-  return j(n) ? e.__parseExpression(n) : S(n) ? e.__parseFunction(n) : Array.isArray(n) ? n.map((t) => ce(t, e)) : typeof n == "object" ? Object.keys(n || {}).reduce(
+  return E(n) ? e.__parseExpression(n) : j(n) ? e.__parseFunction(n) : Array.isArray(n) ? n.map((t) => ce(t, e)) : typeof n == "object" ? Object.keys(n || {}).reduce(
     (t, s) => {
       let r = n[s];
       return t[s] = ce(r, e), t;
@@ -1128,7 +1128,7 @@ function ce(n, e) {
     {}
   ) : n;
 }
-function Lt(n, e, t) {
+function qt(n, e, t) {
   const s = ["passive", "capture", "once"], r = {
     capture: "Capture",
     once: "Once",
@@ -1136,8 +1136,8 @@ function Lt(n, e, t) {
   };
   return Object.keys(e || {}).reduce(
     (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;
+      const i = e[a], l = xe(i.modifiers), c = l.find((p) => s.includes(p)), u = "on" + tt(a) + (c && r[c] || ""), f = t.__parseFunction(i.handler);
+      return f && (o[u] = n.withModifiers(f, l)), o;
     },
     {}
   );
@@ -1162,7 +1162,7 @@ function xe(n = {}, e = !1) {
 }
 function Kt(n, e, t, s, r) {
   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(
+  return i ? i(t) : o ? A(o) ? n.createTextVNode(o) : E(o) ? n.createTextVNode(
     Ie(s.__parseExpression(o))
   ) : Array.isArray(o) ? o.map(
     (l) => O(l, s, n, r, o)
@@ -1171,7 +1171,7 @@ function Kt(n, e, t, s, r) {
 function zt(n, e) {
   const { props: t } = n, s = t?.name || "default";
   return {
-    name: j(s) ? e.__parseExpression(s) : s,
+    name: E(s) ? e.__parseExpression(s) : s,
     params: []
   };
 }
@@ -1192,8 +1192,8 @@ function Qt(n, e, t) {
         ${e.value.value} = v;
       }` : "(v) => {}"
   }, r = t.__parseFunction(s), o = xe(
-    j(e.modifiers) ? t.__parseExpression(e.modifiers) : e.modifiers
-  ), a = j(e.arg) ? t.__parseExpression(e.arg) : e.arg || "modelValue";
+    E(e.modifiers) ? t.__parseExpression(e.modifiers) : e.modifiers
+  ), a = E(e.arg) ? t.__parseExpression(e.arg) : e.arg || "modelValue";
   return {
     [a]: t.__parseExpression(e.value),
     [`onUpdate:${a}`]: o.length && r ? n.withModifiers(r, o) : r
@@ -1201,9 +1201,9 @@ function Qt(n, e, t) {
 }
 function Wt(n, e, t, s, r) {
   if (!e) return null;
-  if (C(e))
+  if (A(e))
     return { default: () => e };
-  if (j(e))
+  if (E(e))
     return {
       default: () => Ie(t.__parseExpression(e))
     };
@@ -1214,10 +1214,10 @@ function Wt(n, e, t, s, r) {
       [`scope_${r.id}`]: i
     } : l ? { [l]: /* @__PURE__ */ Object.create(null) } : {};
     return Object.entries(o).reduce(
-      (i, [l, { nodes: c, params: f, scope: u }]) => (i[l] = (h) => {
-        const p = f.length ? st(h ?? {}, f) : a(h, u);
+      (i, [l, { nodes: c, params: u, scope: f }]) => (i[l] = (p) => {
+        const h = u.length ? st(p ?? {}, u) : a(p, f);
         return c.map(
-          (d) => O(d, t.__clone(p), n, s, c)
+          (d) => O(d, t.__clone(h), n, s, c)
         );
       }, i),
       {}
@@ -1238,7 +1238,7 @@ function Xt(n) {
   return e;
 }
 function Yt(n = "default") {
-  return C(n) ? { name: n, params: [], scope: "" } : { params: [], scope: "", ...n };
+  return A(n) ? { name: n, params: [], scope: "" } : { params: [], scope: "", ...n };
 }
 function Zt(n, e, t) {
   const { value: s, iterator: r } = n, { item: o = "item", index: a = "index" } = r || {};
@@ -1248,7 +1248,7 @@ function Zt(n, e, t) {
 const ee = Ce({
   name: "VtjPageContainer",
   async setup() {
-    const n = Ue(), 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());
+    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: a } = n?.adapter;
@@ -1280,12 +1280,12 @@ const ee = Ce({
 function K(n, e, t = []) {
   const s = [];
   for (const r of t) {
-    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);
+    const { id: o, title: a, icon: i, children: l, hidden: c, layout: u } = r;
+    if (u) {
+      const f = K(n, e, l || []);
+      s.push(...f);
     } else {
-      const u = {
+      const f = {
         id: o,
         title: a,
         icon: i,
@@ -1293,7 +1293,7 @@ function K(n, e, t = []) {
         url: `${n}/${e}/${o}`,
         children: l && l.length ? K(n, e, l) : void 0
       };
-      s.push(u);
+      s.push(f);
     }
   }
   return s;
@@ -1314,37 +1314,37 @@ function Cs(n) {
     menuPathPrefix: e = "",
     pageRouteName: t = "page",
     disableMenusFilter: s = !1
-  } = n || {}, r = Ue(), 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;
+  } = n || {}, r = Ne(), o = Ae(), a = St(), i = oe(!1), l = oe(!1), c = r.project, u = (h, d) => {
+    i.value = !h?.mask, l.value = d?.pure ?? !!h?.pure;
   };
   rt(() => {
-    const { name: p, params: d, meta: g } = o;
-    if (p === D) {
-      const v = r.getPage(d.id);
-      f(v, g);
-    } else if (p === U) {
-      const v = r.getHomepage();
-      f(v, g);
+    const { name: h, params: d, meta: m } = o;
+    if (h === T) {
+      const g = r.getPage(d.id);
+      u(g, m);
+    } else if (h === N) {
+      const g = r.getHomepage();
+      u(g, m);
     } else {
-      const v = g.__vtj__;
-      if (v) {
-        const m = r.getPage(v);
-        f(m, g);
+      const g = m.__vtj__;
+      if (g) {
+        const y = r.getPage(g);
+        u(y, m);
       } else
-        i.value = !g.mask, l.value = !!g.pure;
+        i.value = !m.mask, l.value = !!m.pure;
     }
   });
-  const u = K(
+  const f = K(
     e,
     t,
     c?.pages
-  ), h = c?.config;
+  ), p = c?.config;
   return {
     disabled: i,
-    logo: h?.logo,
-    themeSwitchable: h?.themeSwitchable,
-    title: h?.title || c?.description || c?.name || "VTJ App",
-    menus: s ? u : Be(u, a),
+    logo: p?.logo,
+    themeSwitchable: p?.themeSwitchable,
+    title: p?.title || c?.description || c?.name || "VTJ App",
+    menus: s ? f : Be(f, a),
     pure: l
   };
 }
@@ -1373,9 +1373,9 @@ function le(n) {
     homepage: i
   } = n, l = [];
   for (const c of s) {
-    const { id: f, title: u, dir: h, layout: p, children: d, meta: g } = c;
-    if (h) {
-      const v = le({
+    const { id: u, title: f, dir: p, layout: h, children: d, meta: m } = c;
+    if (p) {
+      const g = le({
         name: e,
         prefix: t,
         component: r,
@@ -1384,9 +1384,9 @@ function le(n) {
         loader: o,
         pages: d || []
       });
-      l.push(...v);
-    } else if (p) {
-      const v = le({
+      l.push(...g);
+    } else if (h) {
+      const g = le({
         name: e,
         prefix: t,
         component: r,
@@ -1394,40 +1394,40 @@ function le(n) {
         homepage: i,
         loader: o,
         pages: d || []
-      }), m = {
-        name: `layout_${f}`,
+      }), y = {
+        name: `layout_${u}`,
         path: t,
-        component: () => o(f),
+        component: () => o(u),
         meta: {
-          title: u,
+          title: f,
           ...a,
-          ...g,
-          __vtj__: f
+          ...m,
+          __vtj__: u
         },
-        children: v
+        children: g
       };
-      l.push(m), l.push(te(c, n));
-    } else if (l.push(te(c, n)), i === f) {
-      const v = te(c, n);
-      v.path = "", v.name = `home_${f}`, l.push(v);
+      l.push(y), l.push(te(c, n));
+    } else if (l.push(te(c, n)), i === u) {
+      const g = te(c, n);
+      g.path = "", g.name = `home_${u}`, l.push(g);
     }
   }
   return l;
 }
 function ts(n = {}, e) {
-  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);
+  const { css: t, store: s, enhance: r } = n, { window: o, app: a, library: i = {}, adapter: l, mode: c } = e, { Pinia: u } = i;
+  a.config.globalProperties.$libs = i, fe(o, "global-css", t || ""), u && s && ss(s, a, u), 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();
-  if (e.use(s), S(n) && n.value) {
-    const r = E(n, {}, !1, !1, !0), o = t.defineStore("$store", r(e) || {});
+  if (e.use(s), j(n) && n.value) {
+    const r = R(n, {}, !1, !1, !0), o = t.defineStore("$store", r(e) || {});
     e.config.globalProperties.$store = o();
   }
 }
 function ns(n, e, t, s) {
-  if (S(n) && n.value) {
-    const r = E(n, {}, !1, !1, !0), { alert: o, request: a } = s, i = new pe({
+  if (j(n) && n.value) {
+    const r = R(n, {}, !1, !1, !0), { alert: o, request: a } = s, i = new pe({
       alert: o,
       storagePrefix: "__VTJ_APP_",
       ...r(e)
@@ -1438,32 +1438,32 @@ function ns(n, e, t, s) {
 function rs(n, e, t) {
   if (!e.request) return;
   const { axios: s, request: r, response: o } = t;
-  if (s && S(s) && s.value) {
-    const a = E(s, {}, !1, !1, !0);
+  if (s && j(s) && s.value) {
+    const a = R(s, {}, !1, !1, !0);
     e.request.setConfig(a(n));
   }
-  if (r && S(r) && r.value) {
-    const a = E(r, {}, !1, !1, !0), i = e.request;
+  if (r && j(r) && r.value) {
+    const a = R(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 a = E(o, {}, !1, !1, !0), i = e.request;
+  if (o && j(o) && o.value) {
+    const a = R(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);
+  if (t && j(t) && t.value) {
+    const o = R(t, {}, !1, !1, !0);
     r && r.beforeEach((a, i, l) => o(a, i, l, n));
   }
-  if (s && S(s) && s.value) {
-    const o = E(s, {}, !1, !1, !0);
+  if (s && j(s) && s.value) {
+    const o = R(s, {}, !1, !1, !0);
     r && r.afterEach((a, i, l) => o(a, i, l, n));
   }
 }
 function is(n, e, t = {}) {
-  S(n) && n.value && E(n, {}, !1, !1, !0)(e, t);
+  j(n) && n.value && R(n, {}, !1, !1, !0)(e, t);
 }
 function as(n, e, t) {
   if (!n || !e || !t) return;
@@ -1471,9 +1471,9 @@ function as(n, e, t) {
   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 u = Object.keys(c).filter((f) => f !== "key");
+      for (const f of u)
+        i[f] || (i[f] = {}), i[f][c.key] = c[f];
     }
     const l = s.createI18n({
       legacy: !1,
@@ -1484,7 +1484,7 @@ function as(n, e, t) {
     n.use(l);
   }
 }
-const Ne = Symbol("Provider");
+const Le = Symbol("Provider");
 var cs = /* @__PURE__ */ ((n) => (n.Production = "production", n.Development = "development", n))(cs || {});
 class ls extends ze {
   // DSL缓存
@@ -1496,21 +1496,21 @@ class ls extends ze {
     super(), this.options = e;
     const {
       service: t,
-      mode: s = y.Raw,
+      mode: s = _.Raw,
       dependencies: r,
       materials: o,
       project: a = {},
       adapter: i = {},
       globals: l = {},
       modules: c = {},
-      router: f = null,
-      materialPath: u = "./",
-      nodeEnv: h = "development"
+      router: u = null,
+      materialPath: f = "./",
+      nodeEnv: p = "development"
       /* Development */
     } = e;
-    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: f, request: d }), a && s !== y.Design ? this.load(a) : this.project = a;
+    this.mode = s, this.modules = c, this.service = t, this.router = u, this.materialPath = f, this.nodeEnv = p, r && (this.dependencies = r), o && (this.materials = o), Object.assign(this.globals, l), Object.assign(this.adapter, i);
+    const { access: h, request: d } = this.adapter;
+    h && h.connect({ mode: s, router: u, request: d }), a && s !== _.Design ? this.load(a) : this.project = a;
   }
   mode;
   // 当前运行模式(设计/源码/预览等)
@@ -1518,7 +1518,7 @@ class ls extends ze {
   // 全局变量
   modules = {};
   // 异步模块加载器
-  adapter = { request: ne, jsonp: be };
+  adapter = { request: ne, jsonp: Re };
   // 适配器接口
   apis = {};
   // API集合
@@ -1528,6 +1528,10 @@ class ls extends ze {
   // 物料资源
   library = {};
   // 第三方库
+  libraryLocales = {};
+  // 第三方库语言包
+  libraryLocaleMap = {};
+  // 库名称->语言包映射
   service;
   // 核心服务
   project = null;
@@ -1548,9 +1552,9 @@ class ls extends ze {
         try {
           s = await e.apply(e, t);
         } catch (o) {
-          F.warn("模拟数据模版异常", o);
+          M.warn("模拟数据模版异常", o);
         }
-      return T()?.mock(s);
+      return H()?.mock(s);
     };
   }
   /**
@@ -1567,10 +1571,10 @@ class ls extends ze {
     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, 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), Me(a), Rt(r, a), e.platform !== "uniapp" && this.initRouter(), this.triggerReady();
+    a && (a.CKEDITOR_VERSION = void 0), this.mode === _.Raw ? await this.loadDependencies(a) : await this.loadAssets(a), this.initMock(a), this.apis = bt(r, o, this.adapter), Oe(a), Et(r, a), e.platform !== "uniapp" && this.initRouter(), this.triggerReady();
   }
   initMock(e) {
-    const t = T(e);
+    const t = H(e);
     t && t.setup({
       timeout: "50-500"
     });
@@ -1581,45 +1585,56 @@ class ls 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: a, nodeEnv: i } = this, {
-      libraryExports: l,
-      libraryMap: c,
+    const { dependencies: t = [] } = this.project, {
+      dependencies: s,
+      library: r,
+      components: o,
+      materialPath: a,
+      nodeEnv: i,
+      libraryLocales: l
+    } = this, {
+      libraryExports: c,
+      libraryMap: u,
       materials: f,
-      materialExports: u,
-      materialMapLibrary: h
+      materialExports: p,
+      materialMapLibrary: h,
+      libraryLocaleMap: d
     } = ft(
       t,
       a,
       i === "development"
       /* Development */
     );
-    for (const p of l) {
-      const d = s[p], g = e[p];
-      if (g)
-        r[p] = g;
-      else if (d)
-        e[p] = r[p] = await d();
+    Object.assign(this.libraryLocaleMap, d);
+    for (const m of c) {
+      const g = s[m], y = e[m];
+      if (y)
+        r[m] = y;
+      else if (g)
+        e[m] = r[m] = await g();
       else {
-        const v = c[p] || [];
-        for (const m of v)
-          G(m) && await mt(m, k.append(m, { v: M })), V(m) && await Se(k.append(m, { v: M }));
-        r[p] = e[p];
+        const v = u[m] || [];
+        for (const $ of v)
+          G($) && await mt($, F.append($, { v: D })), V($) && await Se(F.append($, { v: D }));
+        r[m] = e[m];
       }
+      const w = d[m];
+      w && (l[w] = e[w]);
     }
     if (i === "development") {
-      for (const d of f)
-        await Se(k.append(d, { v: M }));
-      const p = this.materials || {};
-      for (const d of u) {
-        const g = e[h[d]], v = Ge[d];
-        if (v)
-          g && v.forEach((m) => {
-            o[m] = g[m];
+      for (const g of f)
+        await Se(F.append(g, { v: D }));
+      const m = this.materials || {};
+      for (const g of p) {
+        const y = e[h[g]], w = Ge[g];
+        if (w)
+          y && w.forEach((v) => {
+            o[v] = y[v];
           });
         else {
-          const m = p[d] ? (await p[d]()).default : e[d];
-          m && g && (m.components || []).forEach((R) => {
-            o[R.name] = pt(R, g);
+          const v = m[g] ? (await m[g]()).default : e[g];
+          v && y && (v.components || []).forEach(($) => {
+            o[$.name] = pt($, y);
           });
         }
       }
@@ -1632,30 +1647,30 @@ class ls extends ze {
       routeAppendTo: a,
       pageRouteName: i = o,
       routeMeta: l
-    } = s, c = a ? "" : "/", f = {
+    } = s, c = a ? "" : "/", u = {
       path: `${c}${i}/:id`,
-      name: D,
+      name: T,
       component: ee
-    }, u = {
+    }, f = {
       path: c,
-      name: U,
+      name: N,
       component: t?.homepage ? ee : r.startupComponent || es,
       meta: l
     };
-    if (e.hasRoute(D) && e.removeRoute(D), e.hasRoute(U) && e.removeRoute(U), s.enableStaticRoute) {
-      const h = t?.pages || [];
+    if (e.hasRoute(T) && e.removeRoute(T), e.hasRoute(N) && e.removeRoute(N), s.enableStaticRoute) {
+      const p = t?.pages || [];
       le({
         name: i,
         prefix: c,
-        pages: h,
+        pages: p,
         component: ee,
         loader: this.getRenderComponent.bind(this),
         homepage: t?.homepage
       }).forEach((d) => {
         a ? e.addRoute(a, d) : e.addRoute(d);
-      }), t?.homepage || (a ? e.addRoute(a, u) : e.addRoute(u));
+      }), t?.homepage || (a ? e.addRoute(a, f) : e.addRoute(f));
     } else
-      a ? (e.addRoute(a, f), e.addRoute(a, u)) : (e.addRoute(f), e.addRoute(u));
+      a ? (e.addRoute(a, u), e.addRoute(a, f)) : (e.addRoute(u), e.addRoute(f));
   }
   /**
    * Vue 插件安装方法
@@ -1668,27 +1683,30 @@ class ls extends ze {
    * @param app Vue 应用实例
    */
   install(e) {
-    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), this.project?.platform !== "uniapp" && this.mode !== y.Design && this.initGlobals(this.project?.globals || {}, {
+    const { libraryLocaleMap: t, libraryLocales: s } = this, r = e.config.globalProperties.installed || {};
+    for (const [o, a] of Object.entries(this.library))
+      if (!r[o] && gt(a)) {
+        const i = s[t[o]];
+        e.use(a, { locale: i }), r[o] = !0;
+      }
+    this.options.install && e.use(this.options.install), this.adapter.access && e.use(this.adapter.access), this.project?.platform !== "uniapp" && this.mode !== _.Design && this.initGlobals(this.project?.globals || {}, {
       app: e,
       window,
       adapter: this.adapter,
       library: this.library,
       mode: this.mode
-    }), this.mode !== y.Design && this.project?.i18n && this.initI18n(e, this.library, this.project.i18n), e.provide(Ne, 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}`;
+    }), this.mode !== _.Design && this.project?.i18n && this.initI18n(e, this.library, this.project.i18n), e.provide(Le, this), e.config.globalProperties.$provider = this, this.options.enhance && e.use(this.options.enhance, this), this.mode === _.Design && (e.config.errorHandler = (o, a, i) => {
+      const l = a?.$options.name, c = typeof o == "string" ? o : o?.message || o?.msg || "未知错误", u = `[ ${l} ] ${c} ${i}`;
       console.error(
         "[VTJ Error]:",
         {
-          err: s,
-          instance: r,
-          info: o
+          err: o,
+          instance: a,
+          info: i
         },
-        s?.stack
-      ), this.adapter.notify && this.adapter.notify(l, "组件渲染错误", "error");
-    }), e.config.globalProperties.installed = t;
+        o?.stack
+      ), this.adapter.notify && this.adapter.notify(u, "组件渲染错误", "error");
+    }), e.config.globalProperties.installed = r;
   }
   getFile(e) {
     const { blocks: t = [] } = this.project || {};
@@ -1772,13 +1790,13 @@ class ls extends ze {
   async getRenderComponent(e, t) {
     const s = this.getFile(e);
     if (!s)
-      return F.warn(`Can not find file: ${e}`), null;
-    if (t && t(s), this.mode === y.Raw) {
+      return M.warn(`Can not find file: ${e}`), null;
+    if (t && t(s), this.mode === _.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 : (F.warn(`Can not find dsl: ${e}`), null);
+    return r ? this.createDslRenderer(r).renderer : (M.warn(`Can not find dsl: ${e}`), null);
   }
   /**
    * 定义基于URL的异步组件
@@ -1831,8 +1849,8 @@ function As(n) {
     onReady: (s) => e.ready(s)
   };
 }
-function Ue(n = {}) {
-  const e = Pe(Ne, null);
+function Ne(n = {}) {
+  const e = Pe(Le, null);
   if (!e)
     throw new Error("Can not find provider");
   if (e.nodeEnv === "development") {
@@ -1856,7 +1874,7 @@ async function Is(n, e = "") {
       }
     );
 }
-const qe = {
+const Ue = {
   type: "json",
   validSuccess: !0,
   originResponse: !1,
@@ -1871,7 +1889,7 @@ const qe = {
     type: t,
     data: s
   },
-  settings: qe
+  settings: Ue
 }), fs = (n, e = "/__vtj__/api/uploader.json") => async (t, s) => await n.send({
   url: e,
   method: "post",
@@ -1880,12 +1898,12 @@ const qe = {
     projectId: s
   },
   settings: {
-    ...qe,
+    ...Ue,
     type: "data"
   }
 }).then((r) => r && r[0] ? r[0] : null).catch(() => null);
 function ks(n) {
-  return Re({
+  return Ee({
     settings: {
       type: "json",
       validSuccess: !0,
@@ -2000,58 +2018,58 @@ class de {
     return console.log("BaseService.genSource", e), "";
   }
 }
-const w = new nt({
+const S = new nt({
   type: "local",
   expired: 0,
   prefix: "__VTJ_"
 });
 class Fs extends de {
   init(e) {
-    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);
+    const t = new U(e), s = S.get(`project_${t.id}`), r = Object.assign(t.toDsl(), s || {});
+    return S.save(`project_${t.id}`, r), Promise.resolve(r);
   }
   saveProject(e) {
-    const t = new q(e);
-    return w.save(`project_${t.id}`, t.toDsl()), Promise.resolve(!0);
+    const t = new U(e);
+    return S.save(`project_${t.id}`, t.toDsl()), Promise.resolve(!0);
   }
   saveMaterials(e, t) {
-    return w.save(`materials_${e.id}`, ue(t)), Promise.resolve(!0);
+    return S.save(`materials_${e.id}`, ue(t)), Promise.resolve(!0);
   }
   saveFile(e) {
-    return w.save(`file_${e.id}`, e), Promise.resolve(!0);
+    return S.save(`file_${e.id}`, e), Promise.resolve(!0);
   }
   getFile(e) {
-    const t = w.get(`file_${e}`);
+    const t = S.get(`file_${e}`);
     return t ? Promise.resolve(t) : Promise.reject(null);
   }
   removeFile(e) {
-    return w.remove(`file_${e}`), Promise.resolve(!0);
+    return S.remove(`file_${e}`), Promise.resolve(!0);
   }
   saveHistory(e) {
-    return w.save(`history_${e.id}`, e), Promise.resolve(!0);
+    return S.save(`history_${e.id}`, e), Promise.resolve(!0);
   }
   removeHistory(e) {
-    const t = w.get(`history_${e}`);
+    const t = S.get(`history_${e}`);
     if (t) {
       const r = (t.items || []).map((o) => o.id);
-      this.removeHistoryItem(e, r), w.remove(`history_${e}`);
+      this.removeHistoryItem(e, r), S.remove(`history_${e}`);
     }
     return Promise.resolve(!0);
   }
   getHistory(e) {
-    const t = w.get(`history_${e}`), s = new Ee(t || { id: e });
+    const t = S.get(`history_${e}`), s = new be(t || { id: e });
     return Promise.resolve(s.toDsl());
   }
   getHistoryItem(e, t) {
-    const s = w.get(`history_${e}_${t}`);
+    const s = S.get(`history_${e}_${t}`);
     return Promise.resolve(s);
   }
   saveHistoryItem(e, t) {
-    return w.save(`history_${e}_${t.id}`, t), Promise.resolve(!0);
+    return S.save(`history_${e}_${t.id}`, t), Promise.resolve(!0);
   }
   removeHistoryItem(e, t) {
     return t.forEach((s) => {
-      w.remove(`history_${e}_${s}`);
+      S.remove(`history_${e}_${s}`);
     }), Promise.resolve(!0);
   }
 }
@@ -2062,11 +2080,11 @@ class ps extends de {
   histories = {};
   historyItems = {};
   init(e) {
-    const t = new q(e), s = this.projects[t.id] || {}, r = Object.assign(t.toDsl(), s);
+    const t = new U(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 q(e);
+    const t = new U(e);
     return this.projects[t.id] = t.toDsl(), Promise.resolve(!0);
   }
   saveMaterials(e, t) {
@@ -2094,7 +2112,7 @@ class ps extends de {
     return Promise.resolve(!0);
   }
   getHistory(e) {
-    const t = this.histories[e], s = new Ee(t || { id: e });
+    const t = this.histories[e], s = new be(t || { id: e });
     return Promise.resolve(s);
   }
   getHistoryItem(e, t) {
@@ -2112,11 +2130,11 @@ class ps extends de {
     }), Promise.resolve(!0);
   }
 }
-let N = null;
-function Os() {
-  return N || (N = new ps(), N);
+let L = null;
+function Ms() {
+  return L || (L = new ps(), L);
 }
-class Ms extends de {
+class Os extends de {
   getFileCaches = {};
   async getExtension() {
     return await this.api("getExtension", {}).catch(() => {
@@ -2175,60 +2193,60 @@ class Ms extends de {
 }
 export {
   _s as ACCESS,
-  Oe as ACCESS_KEY,
+  Me as ACCESS_KEY,
   pe as Access,
   ct as BUILD_IN_TAGS,
   ot as BUILT_IN_DIRECTIVES,
   de as BaseService,
   je as CONTEXT_HOST,
   Ct as Context,
-  y as ContextMode,
+  _ as ContextMode,
   it as DATA_TYPES,
-  U as HOMEPAGE_ROUTE_NAME,
+  N as HOMEPAGE_ROUTE_NAME,
   at as HTML_TAGS,
-  Es as JSCodeToString,
-  vs as LIFE_CYCLES_LIST,
-  Ms as LocalService,
+  bs as JSCodeToString,
+  ys as LIFE_CYCLES_LIST,
+  Os as LocalService,
   ps as MemoryService,
   cs as NodeEnv,
-  D as PAGE_ROUTE_NAME,
+  T as PAGE_ROUTE_NAME,
   ls as Provider,
-  ys as REMOTE,
+  vs as REMOTE,
   Fs as StorageService,
-  M as VTJ_RENDERER_VERSION,
+  D as VTJ_RENDERER_VERSION,
   $s as adoptStylesToInline,
   fe as adoptedStyleSheets,
   Ps as clearLoaderCache,
   ht as compileScopedCSS,
-  bs as createAccess,
-  Rs as createAdapter,
+  Rs as createAccess,
+  Es as createAdapter,
   ws as createAssetScripts,
   Ss as createAssetsCss,
   Dt as createDataSources,
   ae as createLoader,
-  Os as createMemoryService,
+  Ms as createMemoryService,
   K as createMenus,
   jt as createMetaApi,
-  bt as createMock,
+  Rt as createMock,
   As as createProvider,
   ie as createRenderer,
   $t as createSchemaApi,
-  Et as createSchemaApis,
+  bt as createSchemaApis,
   ks as createServiceRequest,
   xt as defaultLoader,
   B as fillBasePath,
-  T as getMock,
+  H as getMock,
   xe as getModifiers,
   Te as getPlugin,
   pt as getRawComponent,
-  vt as isBuiltInTag,
+  yt as isBuiltInTag,
   G as isCSSUrl,
   _t as isJSCode,
-  j as isJSExpression,
-  S as isJSFunction,
+  E as isJSExpression,
+  j as isJSFunction,
   lt as isJSON,
   V as isJSUrl,
-  yt as isNativeTag,
+  vt as isNativeTag,
   gt as isVuePlugin,
   mt as loadCss,
   ke as loadCssUrl,
@@ -2236,18 +2254,18 @@ export {
   Fe as loadScriptUrl,
   Be as menusFilter,
   Pt as mockApi,
-  Rt as mockApis,
-  Me as mockCleanup,
+  Et as mockApis,
+  Oe as mockCleanup,
   O as nodeRender,
   ft as parseDeps,
-  H as parseExpression,
-  E as parseFunction,
+  x as parseExpression,
+  R as parseFunction,
   dt as parseUrls,
-  Ne as providerKey,
+  Le as providerKey,
   ut as removeProdFlag,
   js as setupPageSetting,
   Ie as toString,
   St as useAccess,
   Cs as useMask,
-  Ue as useProvider
+  Ne as useProvider
 };