@vtj/renderer 0.9.0-alpha.42 → 0.9.0-alpha.44

package/dist/index.mjs

@@ -1,19 +1,19 @@
-import { Base as Re, BUILT_IN_COMPONENTS as xe, ProjectModel as M, HistoryModel as le } from "@vtj/core";
-import { isUrl as ke, url as R, dedupArray as Ce, isString as j, isFunction as V, logger as T, createRequest as Fe, merge as Ae, pathToRegexp as Ie, pathToRegexpMatch as Oe, formDataToJson as Me, storage as U, cookie as L, toArray as se, unRSA as ne, delay as ue, camelCase as $, upperFirst as Te, pick as De, jsonp as He, loadScript as re, Request as Be, Storage as Ne, mapToObject as G } from "@vtj/utils";
-import * as H from "vue";
-import { inject as de, toRef as Ue, readonly as Le, customRef as qe, ref as C, onBeforeUnmount as Je, getCurrentScope as Ve, onScopeDispose as ze, unref as Ke, getCurrentInstance as pe, watch as fe, computed as he, onMounted as We, defineComponent as Y, h as z, openBlock as Ge, createElementBlock as Ye, createElementVNode as b, toDisplayString as q, defineAsyncComponent as oe, watchEffect as Qe } from "vue";
-import { ElNotification as B, ElLoading as Xe } from "element-plus";
-import { useRoute as me } from "vue-router";
+import { Base as xe, BUILT_IN_COMPONENTS as ke, ProjectModel as T, HistoryModel as ue } from "@vtj/core";
+import { isUrl as Ce, url as P, dedupArray as Fe, isString as S, isFunction as z, logger as D, createRequest as Ae, merge as Ie, pathToRegexp as Oe, pathToRegexpMatch as Me, formDataToJson as Te, storage as L, cookie as q, toArray as ne, unRSA as re, delay as de, camelCase as $, upperFirst as De, pick as He, jsonp as Be, loadScript as oe, Request as Ne, Storage as Ue, mapToObject as Y } from "@vtj/utils";
+import * as B from "vue";
+import { inject as pe, toRef as Le, readonly as qe, customRef as Je, ref as C, onBeforeUnmount as Ve, getCurrentScope as ze, onScopeDispose as Ke, unref as We, getCurrentInstance as fe, watch as he, computed as me, onMounted as Ge, defineComponent as Q, h as K, openBlock as Ye, createElementBlock as Qe, createElementVNode as b, toDisplayString as J, defineAsyncComponent as ie, watchEffect as Xe } from "vue";
+import { ElNotification as N, ElLoading as Ze } from "element-plus";
+import { useRoute as ge } from "vue-router";
 /**!
  * Copyright (c) 2024, VTJ.PRO All rights reserved.
  * @name @vtj/renderer 
  * @author CHC chenhuachun1549@dingtalk.com 
- * @version 0.9.0-alpha.42
+ * @version 0.9.0-alpha.44
  * @license <a href="https://vtj.pro/license.html">MIT License</a>
  */
-const x = "0.9.0-alpha.42";
+const x = "0.9.0-alpha.44";
 var _ = /* @__PURE__ */ ((n) => (n.Runtime = "Runtime", n.Design = "Design", n.Raw = "Raw", n.VNode = "VNode", n))(_ || {});
-const ie = [
+const ae = [
   "$el",
   "$emit",
   "$nextTick",
@@ -25,7 +25,7 @@ const ie = [
   "$props",
   "$options",
   "$forceUpdate"
-], _s = [
+], ws = [
   "beforeCreate",
   "created",
   "beforeMount",
@@ -39,7 +39,7 @@ const ie = [
   "renderTriggered",
   "activated",
   "deactivated"
-], Ze = ["vIf", "vShow", "vModel", "vFor", "vBind"], et = {
+], et = ["vIf", "vShow", "vModel", "vFor", "vBind"], tt = {
   String,
   Number,
   Boolean,
@@ -47,59 +47,59 @@ const ie = [
   Object,
   Function,
   Date
-}, k = "VtjPage", O = "VtjHomepage";
-function A(n, e) {
-  return n.map((t) => ke(t) || t.startsWith("/") ? t : `${e}${t}`);
+}, k = "VtjPage", M = "VtjHomepage";
+function I(n, e) {
+  return n.map((t) => Ce(t) || t.startsWith("/") ? t : `${e}${t}`);
 }
-function Q(n) {
+function X(n) {
   return /\.css$/.test(n);
 }
-function X(n) {
+function Z(n) {
   return /\.js$/.test(n);
 }
-function tt(n) {
+function st(n) {
   return /\.json$/.test(n);
 }
-function ws(n) {
+function Ss(n) {
   return n.map(
-    (e) => `<script src="${R.append(e, { v: x })}"><\/script>`
+    (e) => `<script src="${P.append(e, { v: x })}"><\/script>`
   ).join("");
 }
-function Ss(n = []) {
+function js(n = []) {
   return n.map(
-    (e) => `<link rel="stylesheet" href="${R.append(e, { v: x })}" />`
+    (e) => `<link rel="stylesheet" href="${P.append(e, { v: x })}" />`
   ).join("");
 }
-function st(n, e = !1) {
+function nt(n, e = !1) {
   return e && n.endsWith(".prod.js") ? n.replace(".prod.js", ".js") : n;
 }
-function nt(n, e, t = !1) {
-  const s = n.filter((d) => !!d.enabled), r = [], o = [], a = [], i = [], l = {}, c = {}, f = [], u = {};
+function rt(n, e, t = !1) {
+  const s = n.filter((p) => !!p.enabled), r = [], o = [], a = [], i = [], l = {}, c = {}, f = [], u = {};
   return s.forEach(
-    ({ urls: d, assetsUrl: m, library: p, assetsLibrary: h, localeLibrary: w }) => {
-      d?.forEach((g) => {
-        X(g) && r.push(st(g, t)), Q(g) && o.push(g);
-      }), p && (i.push(p), l[p] = A(d || [], e), w && (c[p] = w)), m && a.push(m), h && f.push(h), p && h && (u[h] = p);
+    ({ urls: p, assetsUrl: d, library: h, assetsLibrary: m, localeLibrary: v }) => {
+      p?.forEach((g) => {
+        Z(g) && r.push(nt(g, t)), X(g) && o.push(g);
+      }), h && (i.push(h), l[h] = I(p || [], e), v && (c[h] = v)), d && a.push(d), m && f.push(m), h && m && (u[m] = h);
     }
   ), {
-    scripts: A(r, e),
-    css: A(o, e),
-    materials: A(a, e),
+    scripts: I(r, e),
+    css: I(o, e),
+    materials: I(a, e),
     libraryExports: i,
-    materialExports: Ce(f),
+    materialExports: Fe(f),
     materialMapLibrary: u,
     libraryMap: l,
     libraryLocaleMap: c
   };
 }
-function rt(n, e) {
+function ot(n, e) {
   const { name: t, parent: s, alias: r } = n;
   return s ? e[s]?.[r || t] : e[r || t];
 }
-function ge(n) {
-  return j(n) ? n : JSON.stringify(n);
+function ve(n) {
+  return S(n) ? n : JSON.stringify(n);
 }
-function ve(n, e, t) {
+function ye(n, e, t) {
   const s = n.CSSStyleSheet;
   if (s.prototype.replaceSync) {
     const r = new s();
@@ -114,11 +114,11 @@ function ve(n, e, t) {
     o ? o.innerHTML = t : (o = r.createElement("style"), o.id = e, o.innerHTML = t, r.head.appendChild(o));
   }
 }
-async function ot(n, e) {
+async function it(n, e) {
   const t = await window.fetch(e).then((s) => s.text()).catch(() => "");
-  t && ve(window, n, t);
+  t && ye(window, n, t);
 }
-function it(n, e = window) {
+function at(n, e = window) {
   const t = e.document, s = e.document.head;
   for (const r of n)
     if (!t.getElementById(r)) {
@@ -126,7 +126,7 @@ function it(n, e = window) {
       a.rel = "stylesheet", a.id = r, a.href = r, s.appendChild(a);
     }
 }
-async function at(n, e, t = window) {
+async function ct(n, e, t = window) {
   const s = t.document, r = t.document.head;
   let o = t[e];
   return o ? o.default || o : new Promise((a, i) => {
@@ -140,8 +140,8 @@ async function at(n, e, t = window) {
     }
   });
 }
-function ct(n) {
-  return V(n) || V(n?.install);
+function lt(n) {
+  return z(n) || z(n?.install);
 }
 function F(n, e, t = !1, s = !1) {
   try {
@@ -153,13 +153,13 @@ function F(n, e, t = !1, s = !1) {
     const a = `with(${t ? "{}" : "$scope || {}"}) { ${o} }`;
     return new Function("$scope", a)(e);
   } catch (r) {
-    if (T.error("parseExpression.error", r, n, e?.__self ?? e), s)
+    if (D.error("parseExpression.error", r, n, e?.__self ?? e), s)
       throw r;
   }
 }
-function ae(n, e, t = !1, s = !1) {
+function ce(n, e, t = !1, s = !1) {
   const r = F(n, e, t, s);
-  if (typeof r != "function" && (T.error(
+  if (typeof r != "function" && (D.error(
     "parseFunction.error",
     "not a function",
     n,
@@ -168,20 +168,20 @@ function ae(n, e, t = !1, s = !1) {
     throw new Error(`"${n.value}" not a function`);
   return r;
 }
-function S(n) {
+function w(n) {
   return n && n.type === "JSExpression";
 }
-function N(n) {
+function U(n) {
   return typeof n == "object" && n && n.type === "JSFunction";
 }
-function lt(n) {
-  return S(n) || N(n);
+function ut(n) {
+  return w(n) || U(n);
 }
-function js(n) {
-  return lt(n) ? n.value : JSON.stringify(n);
+function $s(n) {
+  return ut(n) ? n.value : JSON.stringify(n);
 }
 let E = null;
-const ut = Fe({
+const dt = Ae({
   settings: {
     type: "form",
     validSuccess: !0,
@@ -190,12 +190,12 @@ const ut = Fe({
     validate: (n) => n.data?.code === 0 || !!n.data?.success,
     failMessage: !0,
     showError: (n) => {
-      B.error({
+      N.error({
         message: n || "未知错误"
       });
     },
     showLoading: () => {
-      E && E.close(), E = Xe.service({
+      E && E.close(), E = Ze.service({
         lock: !0,
         text: "Loading",
         background: "rgba(0, 0, 0, 0.05)"
@@ -206,8 +206,8 @@ const ut = Fe({
     }
   }
 });
-let P;
-function dt(n, e) {
+let R;
+function pt(n, e) {
   const { jsonp: t, request: s } = e;
   if (n.method === "jsonp")
     return (r = {}) => t(n.url, {
@@ -223,10 +223,10 @@ function dt(n, e) {
         headers: r
       }
     };
-    return (a, i) => (delete o.data, s.send(Ae(o, i || {}, { data: a })));
+    return (a, i) => (delete o.data, s.send(Ie(o, i || {}, { data: a })));
   }
 }
-function pt(n, e) {
+function ft(n, e) {
   const { metaQuery: t } = e;
   if (!t) return;
   const { code: s, queryCode: r } = n;
@@ -238,34 +238,34 @@ function pt(n, e) {
     return t(s, r, o, a);
   };
 }
-function ft(n = [], e = [], t) {
+function ht(n = [], e = [], t) {
   const s = {};
   for (const r of n)
-    s[r.id] = dt(r, t);
-  for (const r of e)
     s[r.id] = pt(r, t);
+  for (const r of e)
+    s[r.id] = ft(r, t);
   return s;
 }
-async function ht(n = []) {
-  P = await import("mockjs").then((e) => e.default || e), P && (P.setup({
+async function mt(n = []) {
+  R = await import("mockjs").then((e) => e.default || e), R && (R.setup({
     timeout: "50-500"
-  }), ye(), n.forEach((e) => mt(P, e)));
+  }), _e(), n.forEach((e) => gt(R, e)));
 }
-function mt(n, e) {
+function gt(n, e) {
   if (!e.mock) return;
   const { url: t, mockTemplate: s } = e;
   if (t && s) {
-    const r = Ie(`${t}(.*)`), o = Oe(t, { decode: decodeURIComponent }), a = F(s, {}, !0);
+    const r = Oe(`${t}(.*)`), o = Me(t, { decode: decodeURIComponent }), a = F(s, {}, !0);
     n.mock(r, (i) => {
-      const l = R.parse(i.url) || {}, c = i.body instanceof FormData ? Me(i.body) : i.body, f = o(i.url)?.params;
+      const l = P.parse(i.url) || {}, c = i.body instanceof FormData ? Te(i.body) : i.body, f = o(i.url)?.params;
       return Object.assign(i, { data: c, params: l, query: f }), n.mock(a(i));
     });
   }
 }
-function ye() {
-  P && (P._mocked = {});
+function _e() {
+  R && (R._mocked = {});
 }
-const gt = {
+const vt = {
   session: !1,
   authKey: "Authorization",
   storageKey: "ACCESS_STORAGE",
@@ -277,13 +277,13 @@ const gt = {
   unauthorizedMessage: "登录已经失效，请重新登录！",
   noPermissionMessage: "无权限访问该页面",
   appName: ""
-}, _e = Symbol("access");
-class $s {
+}, we = Symbol("access");
+class bs {
   options;
   data = null;
   mode = _.Raw;
   constructor(e) {
-    this.options = Object.assign({}, gt, e), this.loadData();
+    this.options = Object.assign({}, vt, e), this.loadData();
   }
   connect(e) {
     const { mode: t, router: s, request: r } = e;
@@ -291,17 +291,17 @@ class $s {
   }
   login(e) {
     const { storageKey: t, storagePrefix: s, session: r, authKey: o } = this.options;
-    this.setData(e), this.data && (U.save(t, e, {
+    this.setData(e), this.data && (L.save(t, e, {
       type: "local",
       prefix: s
-    }), r && L.set(o, this.data.token));
+    }), r && q.set(o, this.data.token));
   }
   clear() {
     const { storageKey: e, storagePrefix: t, session: s, authKey: r } = this.options;
-    this.data = null, U.remove(e, {
+    this.data = null, L.remove(e, {
       type: "local",
       prefix: t
-    }), s && L.remove(r);
+    }), s && q.remove(r);
   }
   logout() {
     this.clear(), this.toLogin();
@@ -314,14 +314,14 @@ class $s {
   }
   can(e) {
     const { appName: t } = this.options, { permissions: s = {} } = this.data || {};
-    return typeof e == "function" ? e(s) : se(e).every((o) => s[o] || s[t + "." + o]);
+    return typeof e == "function" ? e(s) : ne(e).every((o) => s[o] || s[t + "." + o]);
   }
   some(e) {
     const { appName: t } = this.options, { permissions: s = {} } = this.data || {};
-    return se(e).some((o) => s[o] || s[t + "." + o]);
+    return ne(e).some((o) => s[o] || s[t + "." + o]);
   }
   install(e) {
-    e.config.globalProperties.$access || (e.config.globalProperties.$access = this), e.provide(_e, this);
+    e.config.globalProperties.$access || (e.config.globalProperties.$access = this), e.provide(we, this);
   }
   isAuthPath(e) {
     const { auth: t, isAuth: s } = this.options;
@@ -342,13 +342,13 @@ class $s {
   setData(e) {
     const { privateKey: t } = this.options;
     if (Array.isArray(e) && t) {
-      const s = e.map((r) => ne(r, t));
+      const s = e.map((r) => re(r, t));
       this.data = JSON.parse(s.join(""));
       return;
     }
     if (typeof e == "string")
       try {
-        const s = t ? ne(e, t) : e;
+        const s = t ? re(e, t) : e;
         s ? this.data = JSON.parse(s) : console.warn("RSA解密失败或登录信息缺失");
       } catch (s) {
         console.warn(s);
@@ -357,7 +357,7 @@ class $s {
       this.data = e;
   }
   loadData() {
-    const { storageKey: e, storagePrefix: t } = this.options, s = U.get(e, {
+    const { storageKey: e, storagePrefix: t } = this.options, s = L.get(e, {
       type: "local",
       prefix: t
     });
@@ -365,7 +365,7 @@ class $s {
   }
   isLogined() {
     const { session: e, authKey: t } = this.options;
-    return e && t ? !!L.get(t) : !!this.getToken();
+    return e && t ? !!q.get(t) : !!this.getToken();
   }
   hasRoutePermission(e) {
     if (e.name === k) {
@@ -377,7 +377,7 @@ class $s {
   setGuard(e) {
     e.beforeEach((t, s, r) => this.guard(t, r));
   }
-  guard(e, t) {
+  async guard(e, t) {
     if (this.isWhiteList(e) || this.isAuthPath(e))
       return t();
     if (this.isLogined()) {
@@ -385,7 +385,7 @@ class $s {
         return t();
       {
         const { noPermissionMessage: s = "无权限访问", unauthorized: r = !1 } = this.options;
-        return this.showTip(s), V(r) ? (r(), t(!1)) : j(r) ? t(r) : t(!1);
+        return await this.showTip(s), z(r) ? (r(), t(!1)) : S(r) ? t(r) : t(!1);
       }
     }
     t(!1), this.toLogin();
@@ -404,7 +404,7 @@ class $s {
   }
   async showTip(e) {
     const { alert: t } = this.options;
-    return t ? (await ue(150), await t(e, {
+    return t ? (await de(150), await t(e, {
       title: "提示",
       type: "warning"
     }).catch(() => !1)) : !1;
@@ -419,10 +419,10 @@ class $s {
     );
   }
 }
-function vt() {
-  return de(_e, null);
+function yt() {
+  return pe(we, null);
 }
-class yt {
+class _t {
   __id = null;
   __mode;
   __instance = null;
@@ -451,7 +451,7 @@ class yt {
     const { mode: t, dsl: s, attrs: r } = e;
     this.__mode = t, s && (this.__id = s.id || null, this.__transform = s.transform || {}), r && Object.assign(this, r);
   }
-  setup(e, t = H) {
+  setup(e, t = B) {
     const s = t.getCurrentInstance();
     if (!s) return;
     this.__refs = {}, this.$refs = {}, this.context = {}, this.__contextRefs = {}, this.__instance = s.proxy;
@@ -465,12 +465,12 @@ class yt {
     });
   }
   __proxy() {
-    this.__instance && ie.forEach((e) => {
+    this.__instance && ae.forEach((e) => {
       this[e] = this.__instance?.[e];
     });
   }
   __cleanup() {
-    ie.forEach((e) => {
+    ae.forEach((e) => {
       this[e] = null;
     });
   }
@@ -478,9 +478,9 @@ class yt {
     if (e)
       if (this.__mode === _.Runtime) {
         const { id: t, type: s } = e, r = t ? this.__transform[t] ?? e.value : e.value;
-        return ae({ type: s, value: r }, this);
+        return ce({ type: s, value: r }, this);
       } else
-        return ae(e, this);
+        return ce(e, this);
   }
   __parseExpression(e) {
     if (e)
@@ -493,7 +493,7 @@ class yt {
   __ref(e = null, t) {
     if (this.__mode !== _.VNode)
       return e && e !== this.__id && (this.__contextRefs[e] = this), async (s) => {
-        await ue(0);
+        await de(0);
         let r = s?.$vtjEl || s?.$el || s?._?.vnode?.el || s;
         if (!r) {
           typeof t == "string" && (delete this.$refs[t], e && delete this.__refs[e]);
@@ -520,9 +520,9 @@ class yt {
     return s.context.__proto__ = this.context, s.__proto__ = this, s;
   }
 }
-function K(n) {
+function W(n) {
   const {
-    Vue: e = H,
+    Vue: e = B,
     mode: t = _.Runtime,
     components: s = {},
     libs: r = {},
@@ -532,60 +532,60 @@ function K(n) {
     $components: s,
     $libs: r,
     $apis: o
-  }, c = new yt({
+  }, c = new _t({
     mode: t,
     dsl: i.value,
     attrs: l
   }), f = e.defineComponent({
     name: i.value.name,
     props: {
-      ...wt(i.value.props ?? [], c)
+      ...St(i.value.props ?? [], c)
     },
     setup(u) {
-      c.$props = u, c.props = u, i.value.id && ve(
+      c.$props = u, c.props = u, i.value.id && ye(
         n.window || window,
         i.value.id,
         i.value.css || ""
-      ), c.state = St(e, i.value.state ?? {}, c);
-      const d = jt(e, i.value.computed ?? {}, c), m = $t(i.value.methods ?? {}, c), p = bt(e, i.value.inject, c), h = Et(
+      ), c.state = jt(e, i.value.state ?? {}, c);
+      const p = $t(e, i.value.computed ?? {}, c), d = bt(i.value.methods ?? {}, c), h = Et(e, i.value.inject, c), m = Rt(
         i.value.dataSources || {},
         c
-      ), w = {
+      ), v = {
+        ...h,
         ...p,
         ...d,
-        ...m,
-        ...h
+        ...m
       };
-      return c.setup(w, e), Pt(e, i.value.watch ?? [], c), {
+      return c.setup(v, e), Pt(e, i.value.watch ?? [], c), {
         vtj: c
       };
     },
-    emits: _t(i.value.emits),
+    emits: wt(i.value.emits),
     expose: ["vtj"],
     render() {
       if (!i.value.nodes) return null;
       const u = i.value.nodes || [];
-      return u.length === 1 ? D(u[0], c, e, a) : u.map((d) => D(d, c, e, a));
+      return u.length === 1 ? H(u[0], c, e, a) : u.map((p) => H(p, c, e, a));
     },
-    ...Rt(i.value.lifeCycles ?? {}, c)
+    ...xt(i.value.lifeCycles ?? {}, c)
   });
   return {
     renderer: e.markRaw(f),
     context: c
   };
 }
-function _t(n = []) {
-  return n.map((e) => j(e) ? e : e.name);
+function wt(n = []) {
+  return n.map((e) => S(e) ? e : e.name);
 }
-function wt(n = [], e) {
-  const t = (s) => s ? (Array.isArray(s) ? s : [s]).map((o) => et[o]) : void 0;
-  return n.map((s) => j(s) ? {
+function St(n = [], e) {
+  const t = (s) => s ? (Array.isArray(s) ? s : [s]).map((o) => tt[o]) : void 0;
+  return n.map((s) => S(s) ? {
     name: s
   } : {
     name: s.name,
     type: s.type,
     required: s.required,
-    default: S(s.default) ? e.__parseExpression(s.default) : s.default
+    default: w(s.default) ? e.__parseExpression(s.default) : s.default
   }).reduce(
     (s, r) => (s[r.name] = {
       type: t(r.type),
@@ -595,44 +595,44 @@ function wt(n = [], e) {
     {}
   );
 }
-function St(n, e, t) {
+function jt(n, e, t) {
   return n.reactive(
     Object.keys(e || {}).reduce(
       (s, r) => {
         let o = e[r];
-        return S(o) ? o = t.__parseExpression(o) : N(o) && (o = t.__parseFunction(o)), s[r] = o, s;
+        return w(o) ? o = t.__parseExpression(o) : U(o) && (o = t.__parseFunction(o)), s[r] = o, s;
       },
       {}
     )
   );
 }
-function jt(n, e, t) {
+function $t(n, e, t) {
   return Object.entries(e ?? {}).reduce(
     (s, [r, o]) => (s[r] = n.computed(t.__parseFunction(o)), s),
     {}
   );
 }
-function $t(n, e) {
+function bt(n, e) {
   return Object.entries(n ?? {}).reduce(
     (t, [s, r]) => (t[s] = e.__parseFunction(r), t),
     {}
   );
 }
-function bt(n, e = [], t) {
+function Et(n, e = [], t) {
   return e.reduce(
     (s, r) => {
       const { name: o, from: a } = r || {};
       r.default;
-      const i = S(a) ? t.__parseExpression(a) || o : a ?? o, l = S(r.default) ? t.__parseExpression(r.default) : r.default ?? null;
+      const i = w(a) ? t.__parseExpression(a) || o : a ?? o, l = w(r.default) ? t.__parseExpression(r.default) : r.default ?? null;
       return s[o] = n.inject(i, l), s;
     },
     {}
   );
 }
-function Et(n, e) {
+function Rt(n, e) {
   return Object.keys(n).reduce(
     (t, s) => {
-      const r = n[s], o = e.$apis[r.ref], a = N(r.transform) ? r.transform.value ? e.__parseFunction(r.transform) : void 0 : r.transform;
+      const r = n[s], o = e.$apis[r.ref], a = U(r.transform) ? r.transform.value ? e.__parseFunction(r.transform) : void 0 : r.transform;
       return t[s] = async (...i) => {
         const l = await o.apply(e, i);
         return a ? a(l) : l;
@@ -653,84 +653,84 @@ function Pt(n, e = [], t) {
     );
   });
 }
-function Rt(n, e) {
+function xt(n, e) {
   return Object.entries(n ?? {}).reduce(
     (t, [s, r]) => (t[s] = e.__parseFunction(r), t),
     {}
   );
 }
-let J = [];
-const xt = (n) => n;
-async function we(n, e = window) {
-  const { urls: t = [], library: s } = n, r = t.filter((i) => X(i));
+let V = [];
+const kt = (n) => n;
+async function Se(n, e = window) {
+  const { urls: t = [], library: s } = n, r = t.filter((i) => Z(i));
   if (r.length === 0 || !s) return null;
-  const o = t.filter((i) => Q(i));
-  return o.length && it(o, e), await at(r, s, e).catch(
+  const o = t.filter((i) => X(i));
+  return o.length && at(o, e), await ct(r, s, e).catch(
     (i) => (console.warn("loadScriptUrl error", r, s, i), null)
   );
 }
-function W(n) {
+function G(n) {
   const { getDsl: e, getDslByUrl: t, options: s } = n;
-  return s.window && (J.forEach((r) => {
+  return s.window && (V.forEach((r) => {
     delete s.window[r];
-  }), J = []), (r, o, a = H) => !o || typeof o == "string" ? r : o.type === "Schema" && o.id ? a.defineAsyncComponent(async () => {
+  }), V = []), (r, o, a = B) => !o || typeof o == "string" ? r : o.type === "Schema" && o.id ? a.defineAsyncComponent(async () => {
     const i = await e(o.id);
-    return i && (i.name = r), i ? K({
+    return i && (i.name = r), i ? W({
       ...s,
       Vue: a,
       dsl: i,
       mode: _.Runtime,
-      loader: W(n)
+      loader: G(n)
     }).renderer : null;
   }) : o.type === "UrlSchema" && o.url ? a.defineAsyncComponent(async () => {
     const i = await t(o.url);
-    return i && (i.name = r), i ? K({
+    return i && (i.name = r), i ? W({
       ...s,
       Vue: a,
       dsl: i,
       mode: _.Runtime,
-      loader: W(n)
+      loader: G(n)
     }).renderer : null;
-  }) : o.type === "Plugin" ? (o.library && J.push(o.library), a.defineAsyncComponent(async () => {
-    const i = await we(o, s.window);
+  }) : o.type === "Plugin" ? (o.library && V.push(o.library), a.defineAsyncComponent(async () => {
+    const i = await Se(o, s.window);
     return i || (console.warn("getPlugin result is null", o), null);
   })) : r;
 }
-function D(n, e, t = H, s = xt) {
+function H(n, e, t = B, s = kt) {
   if (!n || !n.name || n.invisible) return null;
-  const { id: r = null, directives: o = [] } = n, { vIf: a, vFor: i, vShow: l, vModels: c, vBind: f } = kt(o);
-  if (a && !Ct(a, e))
+  const r = t.getCurrentInstance()?.appContext, { id: o = null, directives: a = [] } = n, { vIf: i, vFor: l, vShow: c, vModels: f, vBind: u } = Ct(a);
+  if (i && !Ft(i, e))
     return null;
-  const u = (d) => {
-    const m = d.$components, p = (() => {
+  const p = (d) => {
+    const h = d.$components, m = (() => {
       if (n.name === "component")
-        return Ft(d, n.props?.is);
+        return At(d, n.props?.is);
       if (n.name === "slot") return n.name;
-      const v = s(n.name, n.from, t);
-      return j(v) ? m[v] ?? v : v;
-    })(), h = At(r, n.props ?? {}, d), w = It(t, n.events ?? {}, d);
+      const j = s(n.name, n.from, t);
+      return S(j) ? h[j] ?? r?.app?.component(j) ?? j : j;
+    })(), v = It(o, n.props ?? {}, d), g = Ot(t, n.events ?? {}, d);
     if (n.name === "slot")
-      return Ot(t, n, h, d, s);
-    f && Object.assign(h, d.__parseExpression(f.value)), l && (h.style = Object.assign(
-      h.style ?? {},
-      Tt(l, d)
-    )), c.forEach((v) => {
-      Object.assign(h, Dt(t, v, d));
+      return Mt(t, n, v, d, s);
+    u && Object.assign(v, d.__parseExpression(u.value)), c && (v.style = Object.assign(
+      v.style ?? {},
+      Dt(c, d)
+    )), f.forEach((j) => {
+      Object.assign(v, Ht(t, j, d));
     });
-    const g = Ht(
+    const A = Bt(
       t,
       n.children ?? [],
       d,
       s,
       n
     );
-    return t.createVNode(p, { ...h, ...w }, g);
+    return t.createVNode(m, { ...v, ...g }, A);
   };
-  return i ? Ut(i, u, e) : u(e);
+  return l ? Lt(l, p, e) : p(e);
 }
-function kt(n = []) {
+function Ct(n = []) {
   const e = n.find((i) => $(i.name) === "vIf"), t = n.find((i) => $(i.name) === "vFor"), s = n.find((i) => $(i.name) === "vShow"), r = n.find((i) => $(i.name) === "vBind"), o = n.filter((i) => $(i.name) === "vModel"), a = n.filter(
-    (i) => !Ze.includes($(i.name))
+    (i) => !et.includes($(i.name))
   );
   return {
     vIf: e,
@@ -741,23 +741,23 @@ function kt(n = []) {
     others: a
   };
 }
-function Ct(n, e) {
+function Ft(n, e) {
   return !!e.__parseExpression(n.value);
 }
-function Ft(n, e) {
-  return e ? S(e) ? n.__parseExpression(e) : e : "div";
+function At(n, e) {
+  return e ? w(e) ? n.__parseExpression(e) : e : "div";
 }
-function At(n, e, t) {
+function It(n, e, t) {
   const s = Object.keys(e || {}).reduce(
     (r, o) => {
       let a = e[o];
-      return S(a) ? a = t.__parseExpression(a) : N(a) && (a = t.__parseFunction(a)), r[o] = a, r;
+      return w(a) ? a = t.__parseExpression(a) : U(a) && (a = t.__parseFunction(a)), r[o] = a, r;
     },
     {}
   );
   return s.ref = t.__ref(n, s.ref), s;
 }
-function It(n, e, t) {
+function Ot(n, e, t) {
   const s = ["passive", "capture", "once"], r = {
     capture: "Capture",
     once: "Once",
@@ -765,70 +765,70 @@ function It(n, e, t) {
   };
   return Object.keys(e || {}).reduce(
     (o, a) => {
-      const i = e[a], l = Se(i.modifiers), c = l.find((d) => s.includes(d)), f = "on" + Te(a) + (c && r[c] || ""), u = t.__parseFunction(i.handler);
+      const i = e[a], l = je(i.modifiers), c = l.find((p) => s.includes(p)), f = "on" + De(a) + (c && r[c] || ""), u = t.__parseFunction(i.handler);
       return u && (o[f] = n.withModifiers(u, l)), o;
     },
     {}
   );
 }
-function Se(n = {}, e = !1) {
+function je(n = {}, e = !1) {
   const t = Object.keys(n);
   return e ? t.map((s) => "." + s) : t;
 }
-function Ot(n, e, t, s, r) {
-  const { children: o } = e, a = Mt(e, s), i = s.$slots?.[a.name];
-  return i ? i(t) : o ? j(o) ? n.createTextVNode(o) : S(o) ? n.createTextVNode(
-    ge(s.__parseExpression(o))
+function Mt(n, e, t, s, r) {
+  const { children: o } = e, a = Tt(e, s), i = s.$slots?.[a.name];
+  return i ? i(t) : o ? S(o) ? n.createTextVNode(o) : w(o) ? n.createTextVNode(
+    ve(s.__parseExpression(o))
   ) : Array.isArray(o) ? o.map(
-    (l) => D(l, s, n, r)
+    (l) => H(l, s, n, r)
   ) : null : null;
 }
-function Mt(n, e) {
+function Tt(n, e) {
   const { props: t } = n, s = t?.name || "default";
   return {
-    name: S(s) ? e.__parseExpression(s) : s,
+    name: w(s) ? e.__parseExpression(s) : s,
     params: []
   };
 }
-function Tt(n, e) {
+function Dt(n, e) {
   return e.__parseExpression(n.value) ? {} : {
     display: "none"
   };
 }
-function Dt(n, e, t) {
+function Ht(n, e, t) {
   const s = {
     type: "JSFunction",
     value: e.value?.value ? `(v) => {
         ${e.value.value} = v;
       }` : "(v) => {}"
-  }, r = t.__parseFunction(s), o = Se(e.modifiers), a = S(e.arg) ? t.__parseExpression(e.arg) : e.arg || "modelValue";
+  }, r = t.__parseFunction(s), o = je(e.modifiers), a = w(e.arg) ? t.__parseExpression(e.arg) : e.arg || "modelValue";
   return {
     [a]: t.__parseExpression(e.value),
     [`onUpdate:${a}`]: o.length && r ? n.withModifiers(r, o) : r
   };
 }
-function Ht(n, e, t, s, r) {
+function Bt(n, e, t, s, r) {
   if (!e) return null;
-  if (j(e))
-    return { default: () => e };
   if (S(e))
+    return { default: () => e };
+  if (w(e))
     return {
-      default: () => ge(t.__parseExpression(e))
+      default: () => ve(t.__parseExpression(e))
     };
   if (Array.isArray(e) && e.length > 0) {
-    const o = Bt(e), a = (i) => !i || !r ? {} : r?.id && Object.keys(i).length ? {
+    const o = Nt(e), a = (i) => !i || !r ? {} : r?.id && Object.keys(i).length ? {
       [`scope_${r.id}`]: i
     } : {};
     return Object.entries(o).reduce((i, [l, { nodes: c, params: f }]) => (i[l] = (u) => {
-      const d = f.length ? De(u ?? {}, f) : a(u);
+      const p = f.length ? He(u ?? {}, f) : a(u);
       return c.map(
-        (m) => D(m, t.__clone(d), n, s)
+        (d) => H(d, t.__clone(p), n, s)
       );
     }, i), {});
   }
   return null;
 }
-function Bt(n) {
+function Nt(n) {
   const e = {
     default: {
       params: [],
@@ -836,7 +836,7 @@ function Bt(n) {
     }
   };
   for (const t of n) {
-    const s = Nt(t.slot), r = s.name;
+    const s = Ut(t.slot), r = s.name;
     e[r] ? (e[r].nodes.push(t), e[r].params = e[r].params.concat(s.params)) : e[r] = {
       nodes: [t],
       params: s.params
@@ -844,111 +844,111 @@ function Bt(n) {
   }
   return e;
 }
-function Nt(n = "default") {
-  return j(n) ? { name: n, params: [] } : { params: [], ...n };
+function Ut(n = "default") {
+  return S(n) ? { name: n, params: [] } : { params: [], ...n };
 }
-function Ut(n, e, t) {
+function Lt(n, e, t) {
   const { value: s, iterator: r } = n, { item: o = "item", index: a = "index" } = r || {};
   let i = t.__parseExpression(s) || [];
   return Number.isInteger(i) && (i = new Array(i).fill(!0).map((l, c) => c + 1)), Array.isArray(i) ? i.map((l, c) => e(t.__clone({ [o]: l, [a]: c }))) : (console.warn("[vForRender]:", `${s?.value} is not a Arrary`), []);
 }
-function Lt(n) {
-  return Ve() ? (ze(n), !0) : !1;
+function qt(n) {
+  return ze() ? (Ke(n), !0) : !1;
 }
-function Z(n) {
-  return typeof n == "function" ? n() : Ke(n);
+function ee(n) {
+  return typeof n == "function" ? n() : We(n);
 }
-const je = typeof window < "u" && typeof document < "u";
+const $e = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const qt = (n) => n != null, Jt = () => {
+const Jt = (n) => n != null, Vt = () => {
 };
-function Vt(n) {
-  return pe();
+function zt(n) {
+  return fe();
 }
-function zt(...n) {
+function Kt(...n) {
   if (n.length !== 1)
-    return Ue(...n);
+    return Le(...n);
   const e = n[0];
-  return typeof e == "function" ? Le(qe(() => ({ get: e, set: Jt }))) : C(e);
+  return typeof e == "function" ? qe(Je(() => ({ get: e, set: Vt }))) : C(e);
 }
-function Kt(n, e) {
-  Vt() && Je(n, e);
+function Wt(n, e) {
+  zt() && Ve(n, e);
 }
-const Wt = je ? window : void 0, Gt = je ? window.document : void 0;
-function Yt(n) {
+const Gt = $e ? window : void 0, Yt = $e ? window.document : void 0;
+function Qt(n) {
   var e;
-  const t = Z(n);
+  const t = ee(n);
   return (e = t?.$el) != null ? e : t;
 }
-function Qt() {
-  const n = C(!1), e = pe();
-  return e && We(() => {
+function Xt() {
+  const n = C(!1), e = fe();
+  return e && Ge(() => {
     n.value = !0;
   }, e), n;
 }
-function Xt(n) {
-  const e = Qt();
-  return he(() => (e.value, !!n()));
+function Zt(n) {
+  const e = Xt();
+  return me(() => (e.value, !!n()));
 }
-function Zt(n, e, t = {}) {
-  const { window: s = Wt, ...r } = t;
+function es(n, e, t = {}) {
+  const { window: s = Gt, ...r } = t;
   let o;
-  const a = Xt(() => s && "MutationObserver" in s), i = () => {
+  const a = Zt(() => s && "MutationObserver" in s), i = () => {
     o && (o.disconnect(), o = void 0);
-  }, l = he(() => {
-    const d = Z(n), m = (Array.isArray(d) ? d : [d]).map(Yt).filter(qt);
-    return new Set(m);
-  }), c = fe(
+  }, l = me(() => {
+    const p = ee(n), d = (Array.isArray(p) ? p : [p]).map(Qt).filter(Jt);
+    return new Set(d);
+  }), c = he(
     () => l.value,
-    (d) => {
-      i(), a.value && d.size && (o = new MutationObserver(e), d.forEach((m) => o.observe(m, r)));
+    (p) => {
+      i(), a.value && p.size && (o = new MutationObserver(e), p.forEach((d) => o.observe(d, r)));
     },
     { immediate: !0, flush: "post" }
   ), f = () => o?.takeRecords(), u = () => {
     c(), i();
   };
-  return Lt(u), {
+  return qt(u), {
     isSupported: a,
     stop: u,
     takeRecords: f
   };
 }
-function es(n = null, e = {}) {
+function ts(n = null, e = {}) {
   var t, s, r;
   const {
-    document: o = Gt,
+    document: o = Yt,
     restoreOnUnmount: a = (u) => u
-  } = e, i = (t = o?.title) != null ? t : "", l = zt((s = n ?? o?.title) != null ? s : null), c = n && typeof n == "function";
+  } = e, i = (t = o?.title) != null ? t : "", l = Kt((s = n ?? o?.title) != null ? s : null), c = n && typeof n == "function";
   function f(u) {
     if (!("titleTemplate" in e))
       return u;
-    const d = e.titleTemplate || "%s";
-    return typeof d == "function" ? d(u) : Z(d).replace(/%s/g, u);
+    const p = e.titleTemplate || "%s";
+    return typeof p == "function" ? p(u) : ee(p).replace(/%s/g, u);
   }
-  return fe(
+  return he(
     l,
-    (u, d) => {
-      u !== d && o && (o.title = f(typeof u == "string" ? u : ""));
+    (u, p) => {
+      u !== p && o && (o.title = f(typeof u == "string" ? u : ""));
     },
     { immediate: !0 }
-  ), e.observe && !e.titleTemplate && o && !c && Zt(
+  ), e.observe && !e.titleTemplate && o && !c && es(
     (r = o.head) == null ? void 0 : r.querySelector("title"),
     () => {
       o && o.title !== l.value && (l.value = f(o.title));
     },
     { childList: !0 }
-  ), Kt(() => {
+  ), Wt(() => {
     if (a) {
       const u = a(i, l.value || "");
       u != null && o && (o.title = u);
     }
   }), l;
 }
-const ce = Y({
+const le = Q({
   name: "VtjPageContainer",
   async setup() {
-    const n = be(), e = me(), t = e.params.id, s = t ? n.getPage(t) : n.getHomepage(), r = s ? await n.getRenderComponent(s.id) : null, o = C(Symbol());
-    return s && (Object.assign(e.meta, s.meta || {}, { cache: s.cache }), es(s.title || "VTJ")), {
+    const n = Ee(), e = ge(), t = e.params.id, s = t ? n.getPage(t) : n.getHomepage(), r = s ? await n.getRenderComponent(s.id) : null, o = C(Symbol());
+    return s && (Object.assign(e.meta, s.meta || {}, { cache: s.cache }), ts(s.title || "VTJ")), {
       provider: n,
       component: r,
       file: s,
@@ -960,27 +960,27 @@ const ce = Y({
   },
   render() {
     const { component: n, query: e, sid: t } = this;
-    return n ? z(n, { ...e, key: t }) : z("div", "页面不存在");
+    return n ? K(n, { ...e, key: t }) : K("div", "页面不存在");
   },
   activated() {
     this.meta.cache === !1 && (this.sid = Symbol());
   }
-}), ts = {
+}), ss = {
   "data-l-h6o7ki7": "",
   class: "vtj-startup__wrapper"
-}, ss = {
+}, ns = {
   "data-l-h6o7ki7": "",
   class: "vtj-startup"
-}, ns = {
+}, rs = {
   "data-l-h6o7ki7": "",
   class: "vtj-startup__name"
-}, rs = { "data-l-h6o7ki7": "" }, os = {
+}, os = { "data-l-h6o7ki7": "" }, is = {
   "data-l-h6o7ki7": "",
   class: "vtj-startup__tagline"
-}, is = {
+}, as = {
   "data-l-h6o7ki7": "",
   class: "vtj-startup__actions"
-}, as = /* @__PURE__ */ Y({
+}, cs = /* @__PURE__ */ Q({
   __name: "Startup",
   props: {
     name: { default: "VTJ.PRO" },
@@ -1068,29 +1068,29 @@ const ce = Y({
         window.location.href = o;
       }
     };
-    return (r, o) => (Ge(), Ye("div", ts, [
-      b("div", ss, [
-        b("h1", ns, [
-          b("span", rs, q(t.name), 1)
+    return (r, o) => (Ye(), Qe("div", ss, [
+      b("div", ns, [
+        b("h1", rs, [
+          b("span", os, J(t.name), 1)
         ]),
-        b("div", os, q(t.tagline), 1),
-        b("div", is, [
+        b("div", is, J(t.tagline), 1),
+        b("div", as, [
           b("button", {
             "data-l-h6o7ki7": "",
             onClick: s
-          }, q(t.actionText), 1)
+          }, J(t.actionText), 1)
         ])
       ])
     ]));
   }
-}), cs = Y({
+}), ls = Q({
   name: "VtjStartupContainer",
   render() {
-    return z(as);
+    return K(cs);
   }
-}), $e = Symbol("Provider");
-var ls = /* @__PURE__ */ ((n) => (n.Production = "production", n.Development = "development", n))(ls || {});
-class us extends Re {
+}), be = Symbol("Provider");
+var us = /* @__PURE__ */ ((n) => (n.Production = "production", n.Development = "development", n))(us || {});
+class ds extends xe {
   constructor(e) {
     super(), this.options = e;
     const {
@@ -1104,17 +1104,17 @@ class us extends Re {
       modules: c = {},
       router: f = null,
       materialPath: u = "./",
-      nodeEnv: d = "development"
+      nodeEnv: p = "development"
       /* Development */
     } = e;
-    this.mode = s, this.modules = c, this.service = t, this.router = f, this.materialPath = u, this.nodeEnv = d, r && (this.dependencies = r), o && (this.materials = o), Object.assign(this.globals, l), Object.assign(this.adapter, i);
-    const { access: m, request: p } = this.adapter;
-    m && m.connect({ mode: s, router: f, request: p }), a && s !== _.Design ? this.load(a) : this.project = a;
+    this.mode = s, this.modules = c, this.service = t, this.router = f, this.materialPath = u, this.nodeEnv = p, r && (this.dependencies = r), o && (this.materials = o), Object.assign(this.globals, l), Object.assign(this.adapter, i);
+    const { access: d, request: h } = this.adapter;
+    d && d.connect({ mode: s, router: f, request: h }), a && s !== _.Design ? this.load(a) : this.project = a;
   }
   mode;
   globals = {};
   modules = {};
-  adapter = { request: ut, jsonp: He };
+  adapter = { request: dt, jsonp: Be };
   apis = {};
   dependencies = {};
   materials = {};
@@ -1131,12 +1131,12 @@ class us extends Re {
     if (this.project = t ? await t() : await this.service.init(e), !this.project)
       throw new Error("project is null");
     const { apis: s = [], meta: r = [] } = this.project, o = window;
-    o.CKEDITOR_VERSION = void 0, this.nodeEnv !== "production" ? await this.loadAssets(o) : await this.loadDependencies(o), this.apis = ft(s, r, this.adapter), ye(), this.project.config?.mock && ht(s), this.initRouter(), this.triggerReady();
+    o.CKEDITOR_VERSION = void 0, this.mode === _.Raw ? await this.loadDependencies(o) : await this.loadAssets(o), this.apis = ht(s, r, this.adapter), _e(), this.project.config?.mock && mt(s), this.initRouter(), this.triggerReady();
   }
   async loadDependencies(e) {
     const t = Object.entries(this.dependencies);
     for (const [s, r] of t)
-      e[s] || (e[s] = await r());
+      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, {
@@ -1144,40 +1144,42 @@ class us extends Re {
       libraryMap: c,
       materials: f,
       materialExports: u,
-      materialMapLibrary: d
-    } = nt(
+      materialMapLibrary: p
+    } = rt(
       t,
       a,
       i === "development"
       /* Development */
     );
-    for (const p of l) {
-      const h = s[p], w = e[p];
-      if (w)
-        r[p] = w;
+    for (const d of l) {
+      const h = s[d], m = e[d];
+      if (m)
+        r[d] = m;
       else if (h)
-        e[p] = r[p] = await h();
+        e[d] = r[d] = await h();
       else {
-        const g = c[p] || [];
-        for (const v of g)
-          Q(v) && await ot(p, R.append(v, { v: x })), X(v) && await re(R.append(v, { v: x }));
-        r[p] = e[p];
+        const v = c[d] || [];
+        for (const g of v)
+          X(g) && await it(d, P.append(g, { v: x })), Z(g) && await oe(P.append(g, { v: x }));
+        r[d] = e[d];
       }
     }
-    for (const p of f)
-      await re(R.append(p, { v: x }));
-    const m = this.materials || {};
-    for (const p of u) {
-      const h = e[d[p]], w = xe[p];
-      if (w)
-        h && w.forEach((g) => {
-          o[g] = h[g];
-        });
-      else {
-        const g = m[p] ? (await m[p]()).default : e[p];
-        g && h && (g.components || []).forEach((v) => {
-          o[v.name] = rt(v, h);
-        });
+    if (i === "development") {
+      for (const h of f)
+        await oe(P.append(h, { v: x }));
+      const d = this.materials || {};
+      for (const h of u) {
+        const m = e[p[h]], v = ke[h];
+        if (v)
+          m && v.forEach((g) => {
+            o[g] = m[g];
+          });
+        else {
+          const g = d[h] ? (await d[h]()).default : e[h];
+          g && m && (g.components || []).forEach((A) => {
+            o[A.name] = ot(A, m);
+          });
+        }
       }
     }
   }
@@ -1187,20 +1189,20 @@ class us extends Re {
     const { routeAppendTo: o, pageRouteName: a = "page", routeMeta: i } = s, l = o ? "" : "/", c = {
       path: `${l}${a}/:id`,
       name: k,
-      component: ce
+      component: le
     }, f = {
       path: l,
-      name: O,
-      component: t?.homepage ? ce : r.startupComponent || cs,
+      name: M,
+      component: t?.homepage ? le : r.startupComponent || ls,
       meta: i
     };
-    e.hasRoute(k) && e.removeRoute(k), e.hasRoute(O) && e.removeRoute(O), o ? (e.addRoute(o, c), e.addRoute(o, f)) : (e.addRoute(c), e.addRoute(f));
+    e.hasRoute(k) && e.removeRoute(k), e.hasRoute(M) && e.removeRoute(M), o ? (e.addRoute(o, c), e.addRoute(o, f)) : (e.addRoute(c), e.addRoute(f));
   }
   install(e) {
     const t = e.config.globalProperties.installed || {};
     for (const [s, r] of Object.entries(this.library))
-      !t[s] && ct(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($e, this), e.config.globalProperties.installed = t, this.mode === _.Design && (e.config.errorHandler = (s, r, o) => {
+      !t[s] && lt(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(be, this), e.config.globalProperties.installed = t, this.mode === _.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]:",
@@ -1210,7 +1212,7 @@ class us extends Re {
           info: o
         },
         s?.stack
-      ), B.error({
+      ), N.error({
         title: "未处理的异常：请在控制台查看详情",
         message: l
       });
@@ -1262,12 +1264,12 @@ class us extends Re {
       apis: a,
       window,
       ...t
-    }, l = W({
+    }, l = G({
       getDsl: async (c) => await this.getDsl(c) || null,
       getDslByUrl: async (c) => await this.getDslByUrl(c) || null,
       options: i
     });
-    return K({
+    return W({
       ...i,
       dsl: e,
       loader: l
@@ -1276,40 +1278,40 @@ class us extends Re {
   async getRenderComponent(e, t) {
     const s = this.getFile(e);
     if (!s)
-      return T.warn(`Can not find file: ${e}`), null;
+      return D.warn(`Can not find file: ${e}`), null;
     t && t(s);
     const r = `.vtj/vue/${e}.vue`, o = this.modules[r];
     if (o)
       return (await o())?.default;
     const a = await this.getDsl(s.id);
-    return a ? this.createDslRenderer(a).renderer : (T.warn(`Can not find dsl: ${e}`), null);
+    return a ? this.createDslRenderer(a).renderer : (D.warn(`Can not find dsl: ${e}`), null);
   }
   defineUrlSchemaComponent(e, t) {
-    return oe(async () => {
+    return ie(async () => {
       const s = await this.getDslByUrl(e);
       return s ? (s.name = t || s.name, this.createDslRenderer(s).renderer) : null;
     });
   }
   definePluginComponent(e) {
-    return oe(async () => await we(e, window));
+    return ie(async () => await Se(e, window));
   }
 }
-function bs(n) {
-  const e = new us(n);
+function Es(n) {
+  const e = new ds(n);
   return {
     provider: e,
     onReady: (s) => e.ready(s)
   };
 }
-function be(n = {}) {
-  const e = de($e);
+function Ee(n = {}) {
+  const e = pe(be);
   if (!e)
     throw new Error("Can not find provider");
   if (e.nodeEnv === "development") {
     const { id: t, version: s } = n;
     t && s && (async () => {
       const r = await e.getDsl(t);
-      r?.__VERSION__ !== s && B.warning({
+      r?.__VERSION__ !== s && N.warning({
         title: r?.name,
         message: "当前组件源码版本与运行时版本不一致，请重新发布组件"
       });
@@ -1317,7 +1319,7 @@ function be(n = {}) {
   }
   return e;
 }
-const ee = new Be({
+const te = new Ne({
   settings: {
     type: "json",
     validSuccess: !0,
@@ -1325,12 +1327,12 @@ const ee = new Be({
     failMessage: !0,
     validate: (n) => n.data?.code === 0,
     showError: (n) => {
-      B.error({
+      N.error({
         message: n || "未知错误"
       });
     }
   }
-}), ds = (n = "/__vtj__/api/:type.json") => (e, t) => ee.send({
+}), ps = (n = "/__vtj__/api/:type.json") => (e, t) => te.send({
   url: n,
   method: "post",
   params: { type: e },
@@ -1338,7 +1340,7 @@ const ee = new Be({
     type: e,
     data: t
   }
-}), ps = (n = "/__vtj__/api/uploader.json") => async (e, t) => await ee.send({
+}), fs = (n = "/__vtj__/api/uploader.json") => async (e, t) => await te.send({
   url: n,
   method: "post",
   data: {
@@ -1349,12 +1351,12 @@ const ee = new Be({
     type: "data"
   }
 }).then((s) => s && s[0] ? s[0] : null).catch(() => null);
-class te {
+class se {
   api;
   pluginCaches = {};
   uploader;
   constructor() {
-    this.api = ds(), this.uploader = ps();
+    this.api = ps(), this.uploader = fs();
   }
   async getExtension() {
     console.log("BaseService.getExtension");
@@ -1427,10 +1429,10 @@ class te {
     return await this.api("clearStaticFiles", e).catch(() => "");
   }
   async getPluginMaterial(e) {
-    const { urls: t = [] } = e, s = t.filter((o) => tt(o))[0];
+    const { urls: t = [] } = e, s = t.filter((o) => st(o))[0];
     if (!s) return null;
     const r = this.pluginCaches[s];
-    return r || (this.pluginCaches[s] = ee.send({
+    return r || (this.pluginCaches[s] = te.send({
       url: s,
       method: "get",
       settings: {
@@ -1443,22 +1445,22 @@ class te {
     return console.log("BaseService.genSource", e), "";
   }
 }
-const y = new Ne({
+const y = new Ue({
   type: "local",
   expired: 0,
   prefix: "__VTJ_"
 });
-class Es extends te {
+class Rs extends se {
   init(e) {
-    const t = new M(e), s = y.get(`project_${t.id}`), r = Object.assign(t.toDsl(), s || {});
+    const t = new T(e), s = y.get(`project_${t.id}`), r = Object.assign(t.toDsl(), s || {});
     return y.save(`project_${t.id}`, r), Promise.resolve(r);
   }
   saveProject(e) {
-    const t = new M(e);
+    const t = new T(e);
     return y.save(`project_${t.id}`, t.toDsl()), Promise.resolve(!0);
   }
   saveMaterials(e, t) {
-    return y.save(`materials_${e.id}`, G(t)), Promise.resolve(!0);
+    return y.save(`materials_${e.id}`, Y(t)), Promise.resolve(!0);
   }
   saveFile(e) {
     return y.save(`file_${e.id}`, e), Promise.resolve(!0);
@@ -1482,7 +1484,7 @@ class Es extends te {
     return Promise.resolve(!0);
   }
   getHistory(e) {
-    const t = y.get(`history_${e}`), s = new le(t || { id: e });
+    const t = y.get(`history_${e}`), s = new ue(t || { id: e });
     return Promise.resolve(s.toDsl());
   }
   getHistoryItem(e, t) {
@@ -1498,22 +1500,22 @@ class Es extends te {
     }), Promise.resolve(!0);
   }
 }
-class fs extends te {
+class hs extends se {
   projects = {};
   materials = {};
   files = {};
   histories = {};
   historyItems = {};
   init(e) {
-    const t = new M(e), s = this.projects[t.id] || {}, r = Object.assign(t.toDsl(), s);
+    const t = new T(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 M(e);
+    const t = new T(e);
     return this.projects[t.id] = t.toDsl(), Promise.resolve(!0);
   }
   saveMaterials(e, t) {
-    return e.id && (this.materials[e.id] = G(t)), Promise.resolve(!0);
+    return e.id && (this.materials[e.id] = Y(t)), Promise.resolve(!0);
   }
   saveFile(e) {
     return this.files[e.id] = e, Promise.resolve(!0);
@@ -1537,7 +1539,7 @@ class fs extends te {
     return Promise.resolve(!0);
   }
   getHistory(e) {
-    const t = this.histories[e], s = new le(t || { id: e });
+    const t = this.histories[e], s = new ue(t || { id: e });
     return Promise.resolve(s);
   }
   getHistoryItem(e, t) {
@@ -1555,11 +1557,11 @@ class fs extends te {
     }), Promise.resolve(!0);
   }
 }
-let I = null;
+let O = null;
 function Ps() {
-  return I || (I = new fs(), I);
+  return O || (O = new hs(), O);
 }
-class Rs extends te {
+class xs extends se {
   getFileCaches = {};
   async getExtension() {
     return await this.api("getExtension", {}).catch(() => {
@@ -1574,7 +1576,7 @@ class Rs extends te {
   async saveMaterials(e, t) {
     return !!await this.api("saveMaterials", {
       project: e,
-      materials: G(t)
+      materials: Y(t)
     }).catch(() => !1);
   }
   async saveFile(e) {
@@ -1614,7 +1616,7 @@ class Rs extends te {
     );
   }
 }
-function Ee(n, e, t = []) {
+function Re(n, e, t = []) {
   return t.map((s) => {
     const { id: r, title: o, icon: a, children: i, hidden: l } = s;
     return {
@@ -1623,7 +1625,7 @@ function Ee(n, e, t = []) {
       icon: a,
       hidden: l,
       url: `${n}/${e}/${r}`,
-      children: i && i.length ? Ee(n, e, i) : void 0
+      children: i && i.length ? Re(n, e, i) : void 0
     };
   });
 }
@@ -1638,24 +1640,24 @@ function Pe(n, e) {
       e.can(s.id.toString()) && t.push(s);
   return t;
 }
-function xs(n) {
+function ks(n) {
   const {
     menuPathPrefix: e = "",
     pageRouteName: t = "page",
     disableMenusFilter: s = !1
-  } = n || {}, r = be(), o = me(), a = vt(), i = C(!1), l = C(!1), c = r.project;
-  Qe(() => {
-    const { name: d, params: m, meta: p } = o;
-    if (d === k) {
-      const h = r.getPage(m.id);
-      i.value = !h?.mask, l.value = !!h?.pure;
-    } else if (d === O) {
-      const h = r.getHomepage();
-      i.value = !h?.mask, l.value = !!h?.pure;
+  } = n || {}, r = Ee(), o = ge(), a = yt(), i = C(!1), l = C(!1), c = r.project;
+  Xe(() => {
+    const { name: p, params: d, meta: h } = o;
+    if (p === k) {
+      const m = r.getPage(d.id);
+      i.value = !m?.mask, l.value = !!m?.pure;
+    } else if (p === M) {
+      const m = r.getHomepage();
+      i.value = !m?.mask, l.value = !!m?.pure;
     } else
-      i.value = !p.mask, l.value = !!p.pure;
+      i.value = !h.mask, l.value = !!h.pure;
   });
-  const f = Ee(
+  const f = Re(
     e,
     t,
     c?.pages
@@ -1670,62 +1672,62 @@ function xs(n) {
   };
 }
 export {
-  _e as ACCESS_KEY,
-  $s as Access,
-  Ze as BUILT_IN_DIRECTIVES,
-  te as BaseService,
-  ie as CONTEXT_HOST,
-  yt as Context,
+  we as ACCESS_KEY,
+  bs as Access,
+  et as BUILT_IN_DIRECTIVES,
+  se as BaseService,
+  ae as CONTEXT_HOST,
+  _t as Context,
   _ as ContextMode,
-  et as DATA_TYPES,
-  O as HOMEPAGE_ROUTE_NAME,
-  js as JSCodeToString,
-  _s as LIFE_CYCLES_LIST,
-  Rs as LocalService,
-  fs as MemoryService,
-  ls as NodeEnv,
+  tt as DATA_TYPES,
+  M as HOMEPAGE_ROUTE_NAME,
+  $s as JSCodeToString,
+  ws as LIFE_CYCLES_LIST,
+  xs as LocalService,
+  hs as MemoryService,
+  us as NodeEnv,
   k as PAGE_ROUTE_NAME,
-  us as Provider,
-  as as Startup,
-  Es as StorageService,
+  ds as Provider,
+  cs as Startup,
+  Rs as StorageService,
   x as VTJ_RENDERER_VERSION,
-  ve as adoptedStyleSheets,
-  ws as createAssetScripts,
-  Ss as createAssetsCss,
-  Et as createDataSources,
-  W as createLoader,
+  ye as adoptedStyleSheets,
+  Ss as createAssetScripts,
+  js as createAssetsCss,
+  Rt as createDataSources,
+  G as createLoader,
   Ps as createMemoryService,
-  pt as createMetaApi,
-  bs as createProvider,
-  K as createRenderer,
-  dt as createSchemaApi,
-  ft as createSchemaApis,
-  xt as defaultLoader,
-  A as fillBasePath,
-  Se as getModifiers,
-  we as getPlugin,
-  rt as getRawComponent,
-  Q as isCSSUrl,
-  lt as isJSCode,
-  S as isJSExpression,
-  N as isJSFunction,
-  tt as isJSON,
-  X as isJSUrl,
-  ct as isVuePlugin,
-  ot as loadCss,
-  it as loadCssUrl,
-  at as loadScriptUrl,
-  mt as mockApi,
-  ht as mockApis,
-  ye as mockCleanup,
-  D as nodeRender,
-  nt as parseDeps,
+  ft as createMetaApi,
+  Es as createProvider,
+  W as createRenderer,
+  pt as createSchemaApi,
+  ht as createSchemaApis,
+  kt as defaultLoader,
+  I as fillBasePath,
+  je as getModifiers,
+  Se as getPlugin,
+  ot as getRawComponent,
+  X as isCSSUrl,
+  ut as isJSCode,
+  w as isJSExpression,
+  U as isJSFunction,
+  st as isJSON,
+  Z as isJSUrl,
+  lt as isVuePlugin,
+  it as loadCss,
+  at as loadCssUrl,
+  ct as loadScriptUrl,
+  gt as mockApi,
+  mt as mockApis,
+  _e as mockCleanup,
+  H as nodeRender,
+  rt as parseDeps,
   F as parseExpression,
-  ae as parseFunction,
-  $e as providerKey,
-  st as removeProdFlag,
-  ge as toString,
-  vt as useAccess,
-  xs as useMask,
-  be as useProvider
+  ce as parseFunction,
+  be as providerKey,
+  nt as removeProdFlag,
+  ve as toString,
+  yt as useAccess,
+  ks as useMask,
+  Ee as useProvider
 };