@vtj/renderer 0.9.0-alpha.8 → 0.9.0

package/dist/index.mjs

@@ -1,19 +1,19 @@
-import { Base as xe, BUILT_IN_COMPONENTS as Re, ProjectModel as A, HistoryModel as ce } from "@vtj/core";
-import { isUrl as ke, url as x, dedupArray as Ce, isString as j, isFunction as ee, logger as I, createRequest as Fe, merge as Ae, pathToRegexp as Ie, pathToRegexpMatch as Oe, formDataToJson as De, storage as B, cookie as U, toArray as te, unRSA as se, delay as le, camelCase as $, upperFirst as Me, pick as Te, jsonp as He, loadScript as ne, Request as Be, Storage as Ue, mapToObject as z } from "@vtj/utils";
-import * as M from "vue";
-import { inject as ue, toRef as Ne, readonly as Le, customRef as qe, ref as O, onBeforeUnmount as Je, getCurrentScope as Ve, onScopeDispose as ze, unref as Ke, getCurrentInstance as de, watch as pe, computed as fe, onMounted as We, defineComponent as K, h as q, openBlock as Ge, createElementBlock as Ye, createElementVNode as b, toDisplayString as N, defineAsyncComponent as re, watchEffect as Qe } from "vue";
-import { ElNotification as T, ElLoading as Xe } from "element-plus";
-import { useRoute as he } 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.8
+ * @version 0.9.0
  * @license <a href="https://vtj.pro/license.html">MIT License</a>
  */
-const R = "0.9.0-alpha.8";
+const x = "0.9.0";
 var _ = /* @__PURE__ */ ((n) => (n.Runtime = "Runtime", n.Design = "Design", n.Raw = "Raw", n.VNode = "VNode", n))(_ || {});
-const oe = [
+const ae = [
   "$el",
   "$emit",
   "$nextTick",
@@ -25,7 +25,7 @@ const oe = [
   "$props",
   "$options",
   "$forceUpdate"
-], _s = [
+], ws = [
   "beforeCreate",
   "created",
   "beforeMount",
@@ -39,7 +39,7 @@ const oe = [
   "renderTriggered",
   "activated",
   "deactivated"
-], Ze = ["vIf", "vShow", "vModel", "vFor", "vBind"], et = {
+], et = ["vIf", "vShow", "vModel", "vFor", "vBind"], tt = {
   String,
   Number,
   Boolean,
@@ -47,65 +47,65 @@ const oe = [
   Object,
   Function,
   Date
-}, W = "VtjPage", me = "VtjHomepage";
-function C(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 G(n) {
+function X(n) {
   return /\.css$/.test(n);
 }
-function Y(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="${x.append(e, { v: R })}"><\/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="${x.append(e, { v: R })}" />`
+    (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((u) => !!u.enabled), r = [], o = [], a = [], i = [], c = {}, l = {}, f = [], d = {};
+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: u, assetsUrl: m, library: p, assetsLibrary: h, localeLibrary: w }) => {
-      u?.forEach((g) => {
-        Y(g) && r.push(st(g, t)), G(g) && o.push(g);
-      }), p && (i.push(p), c[p] = C(u || [], e), w && (l[p] = w)), m && a.push(m), h && f.push(h), p && h && (d[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: C(r, e),
-    css: C(o, e),
-    materials: C(a, e),
+    scripts: I(r, e),
+    css: I(o, e),
+    materials: I(a, e),
     libraryExports: i,
-    materialExports: Ce(f),
-    materialMapLibrary: d,
-    libraryMap: c,
-    libraryLocaleMap: l
+    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();
     r.id = e, r.replaceSync(t);
     const o = n.document, a = o.adoptedStyleSheets, i = Array.from(a).filter(
-      (c) => c.id !== e
+      (l) => l.id !== e
     );
     o.adoptedStyleSheets = [...i, r];
   } else {
@@ -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,40 +126,40 @@ 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) => {
-    for (const c of n) {
-      const l = s.createElement("script");
-      l.src = c, l.onload = () => {
+    for (const l of n) {
+      const c = s.createElement("script");
+      c.src = l, c.onload = () => {
         o = t[e], o ? a(o.default || o) : i(null);
-      }, l.onerror = (f) => {
+      }, c.onerror = (f) => {
         i(f);
-      }, r.appendChild(l);
+      }, r.appendChild(c);
     }
   });
 }
-function ct(n) {
-  return ee(n) || ee(n?.install);
+function lt(n) {
+  return z(n) || z(n?.install);
 }
-function k(n, e, t = !1, s = !1) {
+function F(n, e, t = !1, s = !1) {
   try {
     const r = ['"use strict";', "var __self = arguments[0];"];
     r.push("return ");
     let o = (n.value || "").trim();
-    o = o.replace(/this(\W|$)/g, (i, c) => `__self${c}`), o = r.join(`
+    o = o.replace(/this(\W|$)/g, (i, l) => `__self${l}`), o = r.join(`
 `) + o;
     const a = `with(${t ? "{}" : "$scope || {}"}) { ${o} }`;
     return new Function("$scope", a)(e);
   } catch (r) {
-    if (I.error("parseExpression.error", r, n, e?.__self ?? e), s)
+    if (D.error("parseExpression.error", r, n, e?.__self ?? e), s)
       throw r;
   }
 }
-function ie(n, e, t = !1, s = !1) {
-  const r = k(n, e, t, s);
-  if (typeof r != "function" && (I.error(
+function ce(n, e, t = !1, s = !1) {
+  const r = F(n, e, t, s);
+  if (typeof r != "function" && (D.error(
     "parseFunction.error",
     "not a function",
     n,
@@ -168,20 +168,20 @@ function ie(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 H(n) {
+function U(n) {
   return typeof n == "object" && n && n.type === "JSFunction";
 }
-function lt(n) {
-  return S(n) || H(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) => {
-      T.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, {
@@ -215,7 +215,7 @@ function dt(n, e) {
       query: r
     });
   {
-    const r = n.headers ? k(n.headers, {}, !0) : void 0, o = {
+    const r = n.headers ? F(n.headers, {}, !0) : void 0, o = {
       url: n.url,
       method: n.method,
       settings: {
@@ -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,89 +238,90 @@ 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 = k(s, {}, !0);
+    const r = Oe(`${t}(.*)`), o = Me(t, { decode: decodeURIComponent }), a = F(s, {}, !0);
     n.mock(r, (i) => {
-      const c = x.parse(i.url) || {}, l = i.body instanceof FormData ? De(i.body) : i.body, f = o(i.url)?.params;
-      return Object.assign(i, { data: l, params: c, query: f }), n.mock(a(i));
+      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",
   storagePrefix: "__VTJ_",
-  unauthorized: "/unauthorized",
+  unauthorized: void 0,
   auth: "/#/login",
   redirectParam: "r",
   unauthorizedCode: 401,
   unauthorizedMessage: "登录已经失效，请重新登录！",
-  noPermissionMessage: "无权限访问该页面"
-}, _e = Symbol("access");
-class $s {
+  noPermissionMessage: "无权限访问该页面",
+  appName: ""
+}, 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;
-    this.mode = t, s && t === _.Raw && this.setGuard(s), r && this.setRequest(r);
+    this.mode = t, s && this.mode === _.Raw && this.setGuard(s), r && this.setRequest(r);
   }
   login(e) {
     const { storageKey: t, storagePrefix: s, session: r, authKey: o } = this.options;
-    this.setData(e), this.data && (B.save(t, e, {
+    this.setData(e), this.data && (L.save(t, e, {
       type: "local",
       prefix: s
-    }), r && U.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, B.remove(e, {
+    this.data = null, L.remove(e, {
       type: "local",
       prefix: t
-    }), s && U.remove(r);
+    }), s && q.remove(r);
   }
   logout() {
     this.clear(), this.toLogin();
   }
   getData() {
-    return this.data;
+    return this.data ? this.data : (this.loadData(), this.data);
   }
   getToken() {
-    return this.data?.token;
+    return this.data || this.loadData(), this.data?.token;
   }
   can(e) {
-    const { permissions: t = {} } = this.data || {};
-    return typeof e == "function" ? e(t) : te(e).every((r) => t[r]);
+    const { appName: t } = this.options, { permissions: s = {} } = this.data || {};
+    return typeof e == "function" ? e(s) : ne(e).every((o) => s[o] || s[t + "." + o]);
   }
   some(e) {
-    const { permissions: t = {} } = this.data || {};
-    return te(e).some((r) => t[r]);
+    const { appName: t } = this.options, { permissions: s = {} } = this.data || {};
+    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;
@@ -334,20 +335,20 @@ class $s {
   }
   toLogin() {
     const { auth: e, redirectParam: t } = this.options;
-    if (!e || this.mode !== _.Raw) return;
+    if (!e) return;
     const s = t ? `?${t}=${encodeURIComponent(location.href)}` : "";
     typeof e == "function" ? e(s) : location.href = t ? `${e}${s}` : e;
   }
   setData(e) {
     const { privateKey: t } = this.options;
     if (Array.isArray(e) && t) {
-      const s = e.map((r) => se(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 ? se(e, t) : e;
+        const s = t ? re(e, t) : e;
         s ? this.data = JSON.parse(s) : console.warn("RSA解密失败或登录信息缺失");
       } catch (s) {
         console.warn(s);
@@ -356,18 +357,18 @@ class $s {
       this.data = e;
   }
   loadData() {
-    const { storageKey: e, storagePrefix: t } = this.options, s = B.get(e, {
+    const { storageKey: e, storagePrefix: t } = this.options, s = L.get(e, {
       type: "local",
       prefix: t
     });
-    this.setData(s);
+    this.setData(s || null);
   }
   isLogined() {
     const { session: e, authKey: t } = this.options;
-    return e && t ? !!U.get(t) : !!this.data;
+    return e && t ? !!q.get(t) : !!this.getToken();
   }
   hasRoutePermission(e) {
-    if (e.name === W) {
+    if (e.name === k) {
       const t = e.params.id;
       return t && this.can(t);
     }
@@ -376,15 +377,15 @@ 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()) {
       if (this.hasRoutePermission(e))
         return t();
       {
-        const s = this.options.noPermissionMessage || "无权限访问";
-        return this.showTip(s), t(!1);
+        const { noPermissionMessage: s = "无权限访问", unauthorized: r = !1 } = this.options;
+        return await this.showTip(s), z(r) ? (r(), t(!1)) : S(r) ? t(r) : t(!1);
       }
     }
     t(!1), this.toLogin();
@@ -403,10 +404,10 @@ class $s {
   }
   async showTip(e) {
     const { alert: t } = this.options;
-    t && (await le(150), await t(e, {
+    return t ? (await de(150), await t(e, {
       title: "提示",
       type: "warning"
-    }).catch((s) => s));
+    }).catch(() => !1)) : !1;
   }
   setRequest(e) {
     e.useRequest((t) => (this.data?.token && (t.headers[this.options.authKey] = this.data?.token), t)), e.useResponse(
@@ -418,10 +419,10 @@ class $s {
     );
   }
 }
-function vt() {
-  return ue(_e, null);
+function yt() {
+  return pe(we, null);
 }
-class yt {
+class _t {
   __id = null;
   __mode;
   __instance = null;
@@ -450,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 = M) {
+  setup(e, t = B) {
     const s = t.getCurrentInstance();
     if (!s) return;
     this.__refs = {}, this.$refs = {}, this.context = {}, this.__contextRefs = {}, this.__instance = s.proxy;
@@ -464,12 +465,12 @@ class yt {
     });
   }
   __proxy() {
-    this.__instance && oe.forEach((e) => {
+    this.__instance && ae.forEach((e) => {
       this[e] = this.__instance?.[e];
     });
   }
   __cleanup() {
-    oe.forEach((e) => {
+    ae.forEach((e) => {
       this[e] = null;
     });
   }
@@ -477,22 +478,22 @@ class yt {
     if (e)
       if (this.__mode === _.Runtime) {
         const { id: t, type: s } = e, r = t ? this.__transform[t] ?? e.value : e.value;
-        return ie({ type: s, value: r }, this);
+        return ce({ type: s, value: r }, this);
       } else
-        return ie(e, this);
+        return ce(e, this);
   }
   __parseExpression(e) {
     if (e)
       if (this.__mode === _.Runtime) {
         const { id: t, type: s } = e, r = t ? this.__transform[t] ?? e.value : e.value;
-        return k({ type: s, value: r }, this);
+        return F({ type: s, value: r }, this);
       } else
-        return k(e, this);
+        return F(e, this);
   }
   __ref(e = null, t) {
     if (this.__mode !== _.VNode)
       return e && e !== this.__id && (this.__contextRefs[e] = this), async (s) => {
-        await le(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]);
@@ -519,72 +520,72 @@ class yt {
     return s.context.__proto__ = this.context, s.__proto__ = this, s;
   }
 }
-function J(n) {
+function W(n) {
   const {
-    Vue: e = M,
+    Vue: e = B,
     mode: t = _.Runtime,
     components: s = {},
     libs: r = {},
     apis: o = {},
     loader: a
-  } = n, i = e.computed(() => n.dsl), c = {
+  } = n, i = e.computed(() => n.dsl), l = {
     $components: s,
     $libs: r,
     $apis: o
-  }, l = new yt({
+  }, c = new _t({
     mode: t,
     dsl: i.value,
-    attrs: c
+    attrs: l
   }), f = e.defineComponent({
     name: i.value.name,
     props: {
-      ...wt(i.value.props ?? [], l)
+      ...St(i.value.props ?? [], c)
     },
-    setup(d) {
-      l.$props = d, l.props = d, i.value.id && ve(
+    setup(u) {
+      c.$props = u, c.props = u, i.value.id && ye(
         n.window || window,
         i.value.id,
         i.value.css || ""
-      ), l.state = St(e, i.value.state ?? {}, l);
-      const u = jt(e, i.value.computed ?? {}, l), m = $t(i.value.methods ?? {}, l), p = bt(e, i.value.inject, l), 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 || {},
-        l
-      ), w = {
+        c
+      ), v = {
+        ...h,
         ...p,
-        ...u,
-        ...m,
-        ...h
+        ...d,
+        ...m
       };
-      return l.setup(w, e), Pt(e, i.value.watch ?? [], l), {
-        vtj: l
+      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 d = i.value.nodes || [];
-      return d.length === 1 ? D(d[0], l, e, a) : d.map((u) => D(u, l, e, a));
+      const u = i.value.nodes || [];
+      return u.length === 1 ? H(u[0], c, e, a) : u.map((p) => H(p, c, e, a));
     },
-    ...xt(i.value.lifeCycles ?? {}, l)
+    ...xt(i.value.lifeCycles ?? {}, c)
   });
   return {
     renderer: e.markRaw(f),
-    context: l
+    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),
@@ -594,47 +595,47 @@ 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) : H(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, c = S(r.default) ? t.__parseExpression(r.default) : r.default ?? null;
-      return s[o] = n.inject(i, c), s;
+      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 = H(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 c = await o.apply(e, i);
-        return a ? a(c) : c;
+        const l = await o.apply(e, i);
+        return a ? a(l) : l;
       }, t;
     },
     {}
@@ -658,78 +659,78 @@ function xt(n, e) {
     {}
   );
 }
-let L = [];
-const Rt = (n) => n;
-async function we(n, e = window) {
-  const { urls: t = [], library: s } = n, r = t.filter((i) => Y(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) => G(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 V(n) {
+function G(n) {
   const { getDsl: e, getDslByUrl: t, options: s } = n;
-  return s.window && (L.forEach((r) => {
+  return s.window && (V.forEach((r) => {
     delete s.window[r];
-  }), L = []), (r, o, a = M) => !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 ? J({
+    return i && (i.name = r), i ? W({
       ...s,
       Vue: a,
       dsl: i,
       mode: _.Runtime,
-      loader: V(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 ? J({
+    return i && (i.name = r), i ? W({
       ...s,
       Vue: a,
       dsl: i,
       mode: _.Runtime,
-      loader: V(n)
+      loader: G(n)
     }).renderer : null;
-  }) : o.type === "Plugin" ? (o.library && L.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 = M, s = Rt) {
+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: c, vModels: l, 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 d = (u) => {
-    const m = u.$components, p = (() => {
+  const p = (d) => {
+    const h = d.$components, m = (() => {
       if (n.name === "component")
-        return Ft(u, 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 ?? {}, u), w = It(t, n.events ?? {}, u);
+      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, u, s);
-    f && Object.assign(h, u.__parseExpression(f.value)), c && (h.style = Object.assign(
-      h.style ?? {},
-      Mt(c, u)
-    )), l.forEach((v) => {
-      Object.assign(h, Tt(t, v, u));
+      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 ?? [],
-      u,
+      d,
       s,
       n
     );
-    return t.createVNode(p, { ...h, ...w }, g);
+    return t.createVNode(m, { ...v, ...g }, A);
   };
-  return i ? Nt(i, d, e) : d(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,
@@ -740,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) : H(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",
@@ -764,70 +765,70 @@ function It(n, e, t) {
   };
   return Object.keys(e || {}).reduce(
     (o, a) => {
-      const i = e[a], c = Se(i.modifiers), l = c.find((u) => s.includes(u)), f = "on" + Me(a) + (l && r[l] || ""), d = t.__parseFunction(i.handler);
-      return d && (o[f] = n.withModifiers(d, c)), o;
+      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 = Dt(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(
-    (c) => D(c, s, n, r)
+    (l) => H(l, s, n, r)
   ) : null : null;
 }
-function Dt(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 Mt(n, e) {
+function Dt(n, e) {
   return e.__parseExpression(n.value) ? {} : {
     display: "none"
   };
 }
-function Tt(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, [c, { nodes: l, params: f }]) => (i[c] = (d) => {
-      const u = f.length ? Te(d ?? {}, f) : a(d);
-      return l.map(
-        (m) => D(m, t.__clone(u), n, s)
+    return Object.entries(o).reduce((i, [l, { nodes: c, params: f }]) => (i[l] = (u) => {
+      const p = f.length ? He(u ?? {}, f) : a(u);
+      return c.map(
+        (d) => H(d, t.__clone(p), n, s)
       );
     }, i), {});
   }
   return null;
 }
-function Bt(n) {
+function Nt(n) {
   const e = {
     default: {
       params: [],
@@ -844,142 +845,148 @@ function Bt(n) {
   return e;
 }
 function Ut(n = "default") {
-  return j(n) ? { name: n, params: [] } : { params: [], ...n };
+  return S(n) ? { name: n, params: [] } : { params: [], ...n };
 }
-function Nt(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((c, l) => l + 1)), Array.isArray(i) ? i.map((c, l) => e(t.__clone({ [o]: c, [a]: l }))) : (console.warn("[vForRender]:", `${s?.value} is not a Arrary`), []);
+  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 Q(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 de();
+function zt(n) {
+  return fe();
 }
-function zt(...n) {
+function Kt(...n) {
   if (n.length !== 1)
-    return Ne(...n);
+    return Le(...n);
   const e = n[0];
-  return typeof e == "function" ? Le(qe(() => ({ get: e, set: Jt }))) : O(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 = Q(n);
+  const t = ee(n);
   return (e = t?.$el) != null ? e : t;
 }
-function Qt() {
-  const n = O(!1), e = de();
-  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 fe(() => (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);
-  }, c = fe(() => {
-    const u = Q(n), m = (Array.isArray(u) ? u : [u]).map(Yt).filter(qt);
-    return new Set(m);
-  }), l = pe(
-    () => c.value,
-    (u) => {
-      i(), a.value && u.size && (o = new MutationObserver(e), u.forEach((m) => o.observe(m, r)));
+  }, l = me(() => {
+    const p = ee(n), d = (Array.isArray(p) ? p : [p]).map(Qt).filter(Jt);
+    return new Set(d);
+  }), c = he(
+    () => l.value,
+    (p) => {
+      i(), a.value && p.size && (o = new MutationObserver(e), p.forEach((d) => o.observe(d, r)));
     },
     { immediate: !0, flush: "post" }
-  ), f = () => o?.takeRecords(), d = () => {
-    l(), i();
+  ), f = () => o?.takeRecords(), u = () => {
+    c(), i();
   };
-  return Lt(d), {
+  return qt(u), {
     isSupported: a,
-    stop: d,
+    stop: u,
     takeRecords: f
   };
 }
-function es(n = null, e = {}) {
+function ts(n = null, e = {}) {
   var t, s, r;
   const {
-    document: o = Gt,
-    restoreOnUnmount: a = (d) => d
-  } = e, i = (t = o?.title) != null ? t : "", c = zt((s = n ?? o?.title) != null ? s : null), l = n && typeof n == "function";
-  function f(d) {
+    document: o = Yt,
+    restoreOnUnmount: a = (u) => u
+  } = 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 d;
-    const u = e.titleTemplate || "%s";
-    return typeof u == "function" ? u(d) : Q(u).replace(/%s/g, d);
-  }
-  return pe(
-    c,
-    (d, u) => {
-      d !== u && o && (o.title = f(typeof d == "string" ? d : ""));
+      return u;
+    const p = e.titleTemplate || "%s";
+    return typeof p == "function" ? p(u) : ee(p).replace(/%s/g, u);
+  }
+  return he(
+    l,
+    (u, p) => {
+      u !== p && o && (o.title = f(typeof u == "string" ? u : ""));
     },
     { immediate: !0 }
-  ), e.observe && !e.titleTemplate && o && !l && Zt(
+  ), e.observe && !e.titleTemplate && o && !c && es(
     (r = o.head) == null ? void 0 : r.querySelector("title"),
     () => {
-      o && o.title !== c.value && (c.value = f(o.title));
+      o && o.title !== l.value && (l.value = f(o.title));
     },
     { childList: !0 }
-  ), Kt(() => {
+  ), Wt(() => {
     if (a) {
-      const d = a(i, c.value || "");
-      d != null && o && (o.title = d);
+      const u = a(i, l.value || "");
+      u != null && o && (o.title = u);
     }
-  }), c;
+  }), l;
 }
-const ae = K({
+const le = Q({
   name: "VtjPageContainer",
   async setup() {
-    const n = be(), e = he(), t = e.params.id, s = t ? n.getPage(t) : n.getHomepage(), r = s ? await n.getRenderComponent(s.id) : null;
-    return s && (Object.assign(e.meta, s.meta || {}), 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,
       query: e.query,
-      meta: s?.meta
+      meta: e.meta,
+      sid: o,
+      route: e
     };
   },
   render() {
-    const { component: n, query: e } = this;
-    return n ? q(n, e) : q("div", "页面不存在");
+    const { component: n, query: e, sid: t } = this;
+    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__ */ K({
+}, cs = /* @__PURE__ */ Q({
   __name: "Startup",
   props: {
     name: { default: "VTJ.PRO" },
     tagline: { default: "基于 Vue3 + TypeScript 快速打造高生产力的低代码研发平台" },
-    actionText: { default: "开始设计" }
+    actionText: { default: "开始设计" },
+    link: {}
   },
   setup(n) {
     ((r, o) => {
@@ -1053,33 +1060,37 @@ const ae = K({
 }`);
     const t = n, s = () => {
       if (typeof window < "u") {
+        if (t.link) {
+          typeof t.link == "function" ? t.link() : window.location.href = t.link;
+          return;
+        }
         let o = (window.__VTJ_LINK__ || {}).href || window.location.pathname + "__vtj__/#/";
         window.location.href = o;
       }
     };
-    return (r, o) => (Ge(), Ye("div", ts, [
-      b("div", ss, [
-        b("h1", ns, [
-          b("span", rs, N(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, N(t.tagline), 1),
-        b("div", is, [
+        b("div", is, J(t.tagline), 1),
+        b("div", as, [
           b("button", {
             "data-l-h6o7ki7": "",
             onClick: s
-          }, N(t.actionText), 1)
+          }, J(t.actionText), 1)
         ])
       ])
     ]));
   }
-}), cs = K({
+}), ls = Q({
   name: "VtjStartupContainer",
   render() {
-    return q(as);
+    return K(cs);
   }
-}), $e = Symbol("Provider");
-var ls = /* @__PURE__ */ ((n) => (n.Production = "production", n.Development = "development", n))(ls || {});
-class us extends xe {
+}), 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 {
@@ -1089,21 +1100,21 @@ class us extends xe {
       materials: o,
       project: a = {},
       adapter: i = {},
-      globals: c = {},
-      modules: l = {},
+      globals: l = {},
+      modules: c = {},
       router: f = null,
-      materialPath: d = "./",
-      nodeEnv: u = "development"
+      materialPath: u = "./",
+      nodeEnv: p = "development"
       /* Development */
     } = e;
-    this.mode = s, this.modules = l, this.service = t, this.router = f, this.materialPath = d, this.nodeEnv = u, r && (this.dependencies = r), o && (this.materials = o), Object.assign(this.globals, c), Object.assign(this.adapter, i);
-    const { access: m, request: p } = this.adapter;
-    m && m.connect({ mode: s, router: f, request: p }), s !== _.Design && this.load(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 = {};
@@ -1120,77 +1131,79 @@ class us extends xe {
     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, {
-      libraryExports: c,
-      libraryMap: l,
+      libraryExports: l,
+      libraryMap: c,
       materials: f,
-      materialExports: d,
-      materialMapLibrary: u
-    } = nt(
+      materialExports: u,
+      materialMapLibrary: p
+    } = rt(
       t,
       a,
       i === "development"
       /* Development */
     );
-    for (const p of c) {
-      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 = l[p] || [];
-        for (const v of g)
-          G(v) && await ot(p, x.append(v, { v: R })), Y(v) && await ne(x.append(v, { v: R }));
-        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 ne(x.append(p, { v: R }));
-    const m = this.materials || {};
-    for (const p of d) {
-      const h = e[u[p]], w = Re[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);
+          });
+        }
       }
     }
   }
   initRouter() {
-    const { router: e, project: t, options: s } = this;
+    const { router: e, project: t, options: s, adapter: r } = this;
     if (!e) return;
-    const { routeParentName: r, pageRouteName: o = "page", routeMeta: a } = s, i = {
-      path: `/${o}/:id`,
-      name: W,
-      component: ae
-    }, c = {
-      path: "/",
-      name: me,
-      component: t?.homepage ? ae : cs,
-      meta: a
+    const { routeAppendTo: o, pageRouteName: a = "page", routeMeta: i } = s, l = o ? "" : "/", c = {
+      path: `${l}${a}/:id`,
+      name: k,
+      component: le
+    }, f = {
+      path: l,
+      name: M,
+      component: t?.homepage ? le : r.startupComponent || ls,
+      meta: i
     };
-    r ? (e.addRoute(r, i), e.addRoute(r, c)) : (e.addRoute(i), e.addRoute(c));
+    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) => {
-      const a = r?.$options.name, i = typeof s == "string" ? s : s?.message || s?.msg || "未知错误", c = `[ ${a} ] ${i} ${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]:",
         {
@@ -1199,9 +1212,9 @@ class us extends xe {
           info: o
         },
         s?.stack
-      ), T.error({
+      ), N.error({
         title: "未处理的异常：请在控制台查看详情",
-        message: c
+        message: l
       });
     });
   }
@@ -1229,7 +1242,7 @@ class us extends xe {
   }
   async getDsl(e) {
     const t = this.modules[`.vtj/files/${e}.json`];
-    return t ? await t() : this.service.getFile(e).catch(() => null);
+    return t ? await t() : this.service.getFile(e, this.project || void 0).catch(() => null);
   }
   async getDslByUrl(e) {
     const t = this.urlDslCaches[e];
@@ -1251,54 +1264,54 @@ class us extends xe {
       apis: a,
       window,
       ...t
-    }, c = V({
-      getDsl: async (l) => await this.getDsl(l) || null,
-      getDslByUrl: async (l) => await this.getDslByUrl(l) || null,
+    }, l = G({
+      getDsl: async (c) => await this.getDsl(c) || null,
+      getDslByUrl: async (c) => await this.getDslByUrl(c) || null,
       options: i
     });
-    return J({
+    return W({
       ...i,
       dsl: e,
-      loader: c
+      loader: l
     });
   }
   async getRenderComponent(e, t) {
     const s = this.getFile(e);
     if (!s)
-      return I.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 : (I.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 re(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 re(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 = ue($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 && T.warning({
+      r?.__VERSION__ !== s && N.warning({
         title: r?.name,
         message: "当前组件源码版本与运行时版本不一致，请重新发布组件"
       });
@@ -1306,7 +1319,7 @@ function be(n = {}) {
   }
   return e;
 }
-const X = new Be({
+const te = new Ne({
   settings: {
     type: "json",
     validSuccess: !0,
@@ -1314,12 +1327,12 @@ const X = new Be({
     failMessage: !0,
     validate: (n) => n.data?.code === 0,
     showError: (n) => {
-      T.error({
+      N.error({
         message: n || "未知错误"
       });
     }
   }
-}), ds = (n = "/__vtj__/api/:type.json") => (e, t) => X.send({
+}), ps = (n = "/__vtj__/api/:type.json") => (e, t) => te.send({
   url: n,
   method: "post",
   params: { type: e },
@@ -1327,7 +1340,7 @@ const X = new Be({
     type: e,
     data: t
   }
-}), ps = (n = "/__vtj__/api/uploader.json") => async (e, t) => await X.send({
+}), fs = (n = "/__vtj__/api/uploader.json") => async (e, t) => await te.send({
   url: n,
   method: "post",
   data: {
@@ -1338,12 +1351,12 @@ const X = new Be({
     type: "data"
   }
 }).then((s) => s && s[0] ? s[0] : null).catch(() => null);
-class Z {
+class se {
   api;
   pluginCaches = {};
   uploader;
   constructor() {
-    this.api = ds(), this.uploader = ps();
+    this.api = ps(), this.uploader = fs();
   }
   async getExtension() {
     console.log("BaseService.getExtension");
@@ -1416,10 +1429,10 @@ class Z {
     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] = X.send({
+    return r || (this.pluginCaches[s] = te.send({
       url: s,
       method: "get",
       settings: {
@@ -1428,23 +1441,26 @@ class Z {
       }
     }).then((o) => o.data).catch(() => null));
   }
+  async genSource(e) {
+    return console.log("BaseService.genSource", e), "";
+  }
 }
 const y = new Ue({
   type: "local",
   expired: 0,
   prefix: "__VTJ_"
 });
-class Es extends Z {
+class Rs extends se {
   init(e) {
-    const t = new A(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 A(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}`, z(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);
@@ -1468,7 +1484,7 @@ class Es extends Z {
     return Promise.resolve(!0);
   }
   getHistory(e) {
-    const t = y.get(`history_${e}`), s = new ce(t || { id: e });
+    const t = y.get(`history_${e}`), s = new ue(t || { id: e });
     return Promise.resolve(s.toDsl());
   }
   getHistoryItem(e, t) {
@@ -1484,22 +1500,22 @@ class Es extends Z {
     }), Promise.resolve(!0);
   }
 }
-class fs extends Z {
+class hs extends se {
   projects = {};
   materials = {};
   files = {};
   histories = {};
   historyItems = {};
   init(e) {
-    const t = new A(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 A(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] = z(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);
@@ -1523,7 +1539,7 @@ class fs extends Z {
     return Promise.resolve(!0);
   }
   getHistory(e) {
-    const t = this.histories[e], s = new ce(t || { id: e });
+    const t = this.histories[e], s = new ue(t || { id: e });
     return Promise.resolve(s);
   }
   getHistoryItem(e, t) {
@@ -1541,11 +1557,11 @@ class fs extends Z {
     }), Promise.resolve(!0);
   }
 }
-let F = null;
+let O = null;
 function Ps() {
-  return F || (F = new fs(), F);
+  return O || (O = new hs(), O);
 }
-class xs extends Z {
+class xs extends se {
   getFileCaches = {};
   async getExtension() {
     return await this.api("getExtension", {}).catch(() => {
@@ -1560,7 +1576,7 @@ class xs extends Z {
   async saveMaterials(e, t) {
     return !!await this.api("saveMaterials", {
       project: e,
-      materials: z(t)
+      materials: Y(t)
     }).catch(() => !1);
   }
   async saveFile(e) {
@@ -1600,16 +1616,16 @@ class xs extends Z {
     );
   }
 }
-function Ee(n = []) {
-  return n.map((e) => {
-    const { id: t, title: s, icon: r, children: o, hidden: a } = e;
+function Re(n, e, t = []) {
+  return t.map((s) => {
+    const { id: r, title: o, icon: a, children: i, hidden: l } = s;
     return {
-      id: t,
-      title: s,
-      icon: r,
-      hidden: a,
-      url: `/page/${t}`,
-      children: o && o.length ? Ee(o) : void 0
+      id: r,
+      title: o,
+      icon: a,
+      hidden: l,
+      url: `${n}/${e}/${r}`,
+      children: i && i.length ? Re(n, e, i) : void 0
     };
   });
 }
@@ -1621,89 +1637,97 @@ function Pe(n, e) {
       const r = Pe(s.children, e);
       r.length && (s.children = r, t.push(s));
     } else
-      e[s.id] && t.push(s);
+      e.can(s.id.toString()) && t.push(s);
   return t;
 }
-function Rs() {
-  const n = be(), e = he(), t = vt(), s = O(!1), r = O(!1), o = t?.getData(), a = n.project;
-  Qe(() => {
-    const { name: l, params: f, meta: d } = e;
-    if (l === W) {
-      const u = n.getPage(f.id);
-      s.value = !u?.mask, r.value = !!u?.pure;
-    } else if (l === me) {
-      const u = n.getHomepage();
-      s.value = !u?.mask, r.value = !!u?.pure;
+function ks(n) {
+  const {
+    menuPathPrefix: e = "",
+    pageRouteName: t = "page",
+    disableMenusFilter: s = !1
+  } = 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
-      s.value = !d.mask, r.value = !!d.pure;
+      i.value = !h.mask, l.value = !!h.pure;
   });
-  const i = Ee(a?.pages), c = a?.config;
+  const f = Re(
+    e,
+    t,
+    c?.pages
+  ), u = c?.config;
   return {
-    disabled: s,
-    logo: c?.logo,
-    themeSwitchable: c?.themeSwitchable,
-    title: c?.title || a?.description || a?.name || "VTJ App",
-    menus: Pe(i, o?.permissions),
-    pure: r
+    disabled: i,
+    logo: u?.logo,
+    themeSwitchable: u?.themeSwitchable,
+    title: u?.title || c?.description || c?.name || "VTJ App",
+    menus: s ? f : Pe(f, a),
+    pure: l
   };
 }
 export {
-  _e as ACCESS_KEY,
-  $s as Access,
-  Ze as BUILT_IN_DIRECTIVES,
-  Z as BaseService,
-  oe 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,
-  me as HOMEPAGE_ROUTE_NAME,
-  js as JSCodeToString,
-  _s as LIFE_CYCLES_LIST,
+  tt as DATA_TYPES,
+  M as HOMEPAGE_ROUTE_NAME,
+  $s as JSCodeToString,
+  ws as LIFE_CYCLES_LIST,
   xs as LocalService,
-  fs as MemoryService,
-  ls as NodeEnv,
-  W as PAGE_ROUTE_NAME,
-  us as Provider,
-  as as Startup,
-  Es as StorageService,
-  R as VTJ_RENDERER_VERSION,
-  ve as adoptedStyleSheets,
-  ws as createAssetScripts,
-  Ss as createAssetsCss,
-  Et as createDataSources,
-  V as createLoader,
+  hs as MemoryService,
+  us as NodeEnv,
+  k as PAGE_ROUTE_NAME,
+  ds as Provider,
+  cs as Startup,
+  Rs as StorageService,
+  x as VTJ_RENDERER_VERSION,
+  ye as adoptedStyleSheets,
+  Ss as createAssetScripts,
+  js as createAssetsCss,
+  Rt as createDataSources,
+  G as createLoader,
   Ps as createMemoryService,
-  pt as createMetaApi,
-  bs as createProvider,
-  J as createRenderer,
-  dt as createSchemaApi,
-  ft as createSchemaApis,
-  Rt as defaultLoader,
-  C as fillBasePath,
-  Se as getModifiers,
-  we as getPlugin,
-  rt as getRawComponent,
-  G as isCSSUrl,
-  lt as isJSCode,
-  S as isJSExpression,
-  H as isJSFunction,
-  tt as isJSON,
-  Y 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,
-  k as parseExpression,
-  ie as parseFunction,
-  $e as providerKey,
-  st as removeProdFlag,
-  ge as toString,
-  vt as useAccess,
-  Rs as useMask,
-  be as useProvider
+  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,
+  ce as parseFunction,
+  be as providerKey,
+  nt as removeProdFlag,
+  ve as toString,
+  yt as useAccess,
+  ks as useMask,
+  Ee as useProvider
 };