@vtj/renderer 0.9.0-alpha.4 → 0.9.0-alpha.41

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 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";
 /**!
  * Copyright (c) 2024, VTJ.PRO All rights reserved.
  * @name @vtj/renderer 
  * @author CHC chenhuachun1549@dingtalk.com 
- * @version 0.9.0-alpha.4
+ * @version 0.9.0-alpha.41
  * @license <a href="https://vtj.pro/license.html">MIT License</a>
  */
-const R = "0.9.0-alpha.4";
+const x = "0.9.0-alpha.41";
 var _ = /* @__PURE__ */ ((n) => (n.Runtime = "Runtime", n.Design = "Design", n.Raw = "Raw", n.VNode = "VNode", n))(_ || {});
-const oe = [
+const ie = [
   "$el",
   "$emit",
   "$nextTick",
@@ -47,14 +47,14 @@ const oe = [
   Object,
   Function,
   Date
-}, W = "VtjPage", me = "VtjHomepage";
-function C(n, e) {
+}, k = "VtjPage", O = "VtjHomepage";
+function A(n, e) {
   return n.map((t) => ke(t) || t.startsWith("/") ? t : `${e}${t}`);
 }
-function G(n) {
+function Q(n) {
   return /\.css$/.test(n);
 }
-function Y(n) {
+function X(n) {
   return /\.js$/.test(n);
 }
 function tt(n) {
@@ -62,34 +62,34 @@ function tt(n) {
 }
 function ws(n) {
   return n.map(
-    (e) => `<script src="${x.append(e, { v: R })}"><\/script>`
+    (e) => `<script src="${R.append(e, { v: x })}"><\/script>`
   ).join("");
 }
 function Ss(n = []) {
   return n.map(
-    (e) => `<link rel="stylesheet" href="${x.append(e, { v: R })}" />`
+    (e) => `<link rel="stylesheet" href="${R.append(e, { v: x })}" />`
   ).join("");
 }
 function st(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 = {};
+  const s = n.filter((d) => !!d.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: 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);
     }
   ), {
-    scripts: C(r, e),
-    css: C(o, e),
-    materials: C(a, e),
+    scripts: A(r, e),
+    css: A(o, e),
+    materials: A(a, e),
     libraryExports: i,
     materialExports: Ce(f),
-    materialMapLibrary: d,
-    libraryMap: c,
-    libraryLocaleMap: l
+    materialMapLibrary: u,
+    libraryMap: l,
+    libraryLocaleMap: c
   };
 }
 function rt(n, e) {
@@ -105,7 +105,7 @@ function ve(n, e, t) {
     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 {
@@ -130,36 +130,36 @@ async function at(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);
+  return V(n) || V(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 (T.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 ae(n, e, t = !1, s = !1) {
+  const r = F(n, e, t, s);
+  if (typeof r != "function" && (T.error(
     "parseFunction.error",
     "not a function",
     n,
@@ -171,11 +171,11 @@ function ie(n, e, t = !1, s = !1) {
 function S(n) {
   return n && n.type === "JSExpression";
 }
-function H(n) {
+function N(n) {
   return typeof n == "object" && n && n.type === "JSFunction";
 }
 function lt(n) {
-  return S(n) || H(n);
+  return S(n) || N(n);
 }
 function js(n) {
   return lt(n) ? n.value : JSON.stringify(n);
@@ -190,7 +190,7 @@ const ut = Fe({
     validate: (n) => n.data?.code === 0 || !!n.data?.success,
     failMessage: !0,
     showError: (n) => {
-      T.error({
+      B.error({
         message: n || "未知错误"
       });
     },
@@ -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: {
@@ -255,10 +255,10 @@ function mt(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 = Ie(`${t}(.*)`), o = Oe(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 = R.parse(i.url) || {}, c = i.body instanceof FormData ? Me(i.body) : i.body, f = o(i.url)?.params;
+      return Object.assign(i, { data: c, params: l, query: f }), n.mock(a(i));
     });
   }
 }
@@ -270,12 +270,13 @@ const gt = {
   authKey: "Authorization",
   storageKey: "ACCESS_STORAGE",
   storagePrefix: "__VTJ_",
-  unauthorized: "/unauthorized",
+  unauthorized: void 0,
   auth: "/#/login",
   redirectParam: "r",
   unauthorizedCode: 401,
   unauthorizedMessage: "登录已经失效，请重新登录！",
-  noPermissionMessage: "无权限访问该页面"
+  noPermissionMessage: "无权限访问该页面",
+  appName: ""
 }, _e = Symbol("access");
 class $s {
   options;
@@ -286,38 +287,38 @@ class $s {
   }
   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 && (U.save(t, e, {
       type: "local",
       prefix: s
-    }), r && U.set(o, this.data.token));
+    }), r && L.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, U.remove(e, {
       type: "local",
       prefix: t
-    }), s && U.remove(r);
+    }), s && L.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) : se(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 se(e).some((o) => s[o] || s[t + "." + o]);
   }
   install(e) {
     e.config.globalProperties.$access || (e.config.globalProperties.$access = this), e.provide(_e, this);
@@ -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) => ne(r, t));
       this.data = JSON.parse(s.join(""));
       return;
     }
     if (typeof e == "string")
       try {
-        const s = t ? se(e, t) : e;
+        const s = t ? ne(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 = U.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 ? !!L.get(t) : !!this.getToken();
   }
   hasRoutePermission(e) {
-    if (e.name === W) {
+    if (e.name === k) {
       const t = e.params.id;
       return t && this.can(t);
     }
@@ -383,8 +384,8 @@ class $s {
       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 this.showTip(s), V(r) ? (r(), t(!1)) : j(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 ue(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(
@@ -419,7 +420,7 @@ class $s {
   }
 }
 function vt() {
-  return ue(_e, null);
+  return de(_e, null);
 }
 class yt {
   __id = 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 = H) {
     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 && ie.forEach((e) => {
       this[e] = this.__instance?.[e];
     });
   }
   __cleanup() {
-    oe.forEach((e) => {
+    ie.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 ae({ type: s, value: r }, this);
       } else
-        return ie(e, this);
+        return ae(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 ue(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,58 +520,58 @@ class yt {
     return s.context.__proto__ = this.context, s.__proto__ = this, s;
   }
 }
-function J(n) {
+function K(n) {
   const {
-    Vue: e = M,
+    Vue: e = H,
     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 yt({
     mode: t,
     dsl: i.value,
-    attrs: c
+    attrs: l
   }), f = e.defineComponent({
     name: i.value.name,
     props: {
-      ...wt(i.value.props ?? [], l)
+      ...wt(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 && ve(
         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 = 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(
         i.value.dataSources || {},
-        l
+        c
       ), w = {
         ...p,
-        ...u,
+        ...d,
         ...m,
         ...h
       };
-      return l.setup(w, e), Pt(e, i.value.watch ?? [], l), {
-        vtj: l
+      return c.setup(w, e), Pt(e, i.value.watch ?? [], c), {
+        vtj: c
       };
     },
     emits: _t(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 ? D(u[0], c, e, a) : u.map((d) => D(d, c, e, a));
     },
-    ...xt(i.value.lifeCycles ?? {}, l)
+    ...Rt(i.value.lifeCycles ?? {}, c)
   });
   return {
     renderer: e.markRaw(f),
-    context: l
+    context: c
   };
 }
 function _t(n = []) {
@@ -599,7 +600,7 @@ function St(n, e, t) {
     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 S(o) ? o = t.__parseExpression(o) : N(o) && (o = t.__parseFunction(o)), s[r] = o, s;
       },
       {}
     )
@@ -622,8 +623,8 @@ function bt(n, e = [], t) {
     (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 = S(a) ? t.__parseExpression(a) || o : a ?? o, l = S(r.default) ? t.__parseExpression(r.default) : r.default ?? null;
+      return s[o] = n.inject(i, l), s;
     },
     {}
   );
@@ -631,10 +632,10 @@ function bt(n, e = [], t) {
 function Et(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 = N(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;
     },
     {}
@@ -652,80 +653,80 @@ function Pt(n, e = [], t) {
     );
   });
 }
-function xt(n, e) {
+function Rt(n, e) {
   return Object.entries(n ?? {}).reduce(
     (t, [s, r]) => (t[s] = e.__parseFunction(r), t),
     {}
   );
 }
-let L = [];
-const Rt = (n) => n;
+let J = [];
+const xt = (n) => n;
 async function we(n, e = window) {
-  const { urls: t = [], library: s } = n, r = t.filter((i) => Y(i));
+  const { urls: t = [], library: s } = n, r = t.filter((i) => X(i));
   if (r.length === 0 || !s) return null;
-  const o = t.filter((i) => G(i));
+  const o = t.filter((i) => Q(i));
   return o.length && it(o, e), await at(r, s, e).catch(
     (i) => (console.warn("loadScriptUrl error", r, s, i), null)
   );
 }
-function V(n) {
+function W(n) {
   const { getDsl: e, getDslByUrl: t, options: s } = n;
-  return s.window && (L.forEach((r) => {
+  return s.window && (J.forEach((r) => {
     delete s.window[r];
-  }), L = []), (r, o, a = M) => !o || typeof o == "string" ? r : o.type === "Schema" && o.id ? a.defineAsyncComponent(async () => {
+  }), J = []), (r, o, a = H) => !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 ? K({
       ...s,
       Vue: a,
       dsl: i,
       mode: _.Runtime,
-      loader: V(n)
+      loader: W(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 ? K({
       ...s,
       Vue: a,
       dsl: i,
       mode: _.Runtime,
-      loader: V(n)
+      loader: W(n)
     }).renderer : null;
-  }) : o.type === "Plugin" ? (o.library && L.push(o.library), a.defineAsyncComponent(async () => {
+  }) : o.type === "Plugin" ? (o.library && J.push(o.library), a.defineAsyncComponent(async () => {
     const i = await we(o, s.window);
     return i || (console.warn("getPlugin result is null", o), null);
   })) : r;
 }
-function D(n, e, t = M, s = Rt) {
+function D(n, e, t = H, s = xt) {
   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);
+  const { id: r = null, directives: o = [] } = n, { vIf: a, vFor: i, vShow: l, vModels: c, vBind: f } = kt(o);
   if (a && !Ct(a, e))
     return null;
-  const d = (u) => {
-    const m = u.$components, p = (() => {
+  const u = (d) => {
+    const m = d.$components, p = (() => {
       if (n.name === "component")
-        return Ft(u, n.props?.is);
+        return Ft(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);
+    })(), h = At(r, n.props ?? {}, d), w = It(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(
+      return Ot(t, n, h, d, s);
+    f && Object.assign(h, d.__parseExpression(f.value)), l && (h.style = Object.assign(
       h.style ?? {},
-      Mt(c, u)
-    )), l.forEach((v) => {
-      Object.assign(h, Tt(t, v, u));
+      Tt(l, d)
+    )), c.forEach((v) => {
+      Object.assign(h, Dt(t, v, d));
     });
     const g = Ht(
       t,
       n.children ?? [],
-      u,
+      d,
       s,
       n
     );
     return t.createVNode(p, { ...h, ...w }, g);
   };
-  return i ? Nt(i, d, e) : d(e);
+  return i ? Ut(i, u, e) : u(e);
 }
 function kt(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(
@@ -750,7 +751,7 @@ function At(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 S(a) ? a = t.__parseExpression(a) : N(a) && (a = t.__parseFunction(a)), r[o] = a, r;
     },
     {}
   );
@@ -764,8 +765,8 @@ 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 = Se(i.modifiers), c = l.find((d) => s.includes(d)), f = "on" + Te(a) + (c && r[c] || ""), u = t.__parseFunction(i.handler);
+      return u && (o[f] = n.withModifiers(u, l)), o;
     },
     {}
   );
@@ -775,26 +776,26 @@ function Se(n = {}, e = !1) {
   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];
+  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))
   ) : Array.isArray(o) ? o.map(
-    (c) => D(c, s, n, r)
+    (l) => D(l, s, n, r)
   ) : null : null;
 }
-function Dt(n, e) {
+function Mt(n, e) {
   const { props: t } = n, s = t?.name || "default";
   return {
     name: S(s) ? e.__parseExpression(s) : s,
     params: []
   };
 }
-function Mt(n, e) {
+function Tt(n, e) {
   return e.__parseExpression(n.value) ? {} : {
     display: "none"
   };
 }
-function Tt(n, e, t) {
+function Dt(n, e, t) {
   const s = {
     type: "JSFunction",
     value: e.value?.value ? `(v) => {
@@ -818,10 +819,10 @@ function Ht(n, e, t, s, r) {
     const o = Bt(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 d = f.length ? De(u ?? {}, f) : a(u);
+      return c.map(
+        (m) => D(m, t.__clone(d), n, s)
       );
     }, i), {});
   }
@@ -835,7 +836,7 @@ function Bt(n) {
     }
   };
   for (const t of n) {
-    const s = Ut(t.slot), r = s.name;
+    const s = Nt(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
@@ -843,18 +844,18 @@ function Bt(n) {
   }
   return e;
 }
-function Ut(n = "default") {
+function Nt(n = "default") {
   return j(n) ? { name: n, params: [] } : { params: [], ...n };
 }
-function Nt(n, e, t) {
+function Ut(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 Q(n) {
+function Z(n) {
   return typeof n == "function" ? n() : Ke(n);
 }
 const je = typeof window < "u" && typeof document < "u";
@@ -862,13 +863,13 @@ typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
 const qt = (n) => n != null, Jt = () => {
 };
 function Vt(n) {
-  return de();
+  return pe();
 }
 function zt(...n) {
   if (n.length !== 1)
-    return Ne(...n);
+    return Ue(...n);
   const e = n[0];
-  return typeof e == "function" ? Le(qe(() => ({ get: e, set: Jt }))) : O(e);
+  return typeof e == "function" ? Le(qe(() => ({ get: e, set: Jt }))) : C(e);
 }
 function Kt(n, e) {
   Vt() && Je(n, e);
@@ -876,39 +877,39 @@ function Kt(n, e) {
 const Wt = je ? window : void 0, Gt = je ? window.document : void 0;
 function Yt(n) {
   var e;
-  const t = Q(n);
+  const t = Z(n);
   return (e = t?.$el) != null ? e : t;
 }
 function Qt() {
-  const n = O(!1), e = de();
+  const n = C(!1), e = pe();
   return e && We(() => {
     n.value = !0;
   }, e), n;
 }
 function Xt(n) {
   const e = Qt();
-  return fe(() => (e.value, !!n()));
+  return he(() => (e.value, !!n()));
 }
 function Zt(n, e, t = {}) {
   const { window: s = Wt, ...r } = t;
   let o;
   const a = Xt(() => 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);
+  }, l = he(() => {
+    const d = Z(n), m = (Array.isArray(d) ? d : [d]).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)));
+  }), c = fe(
+    () => l.value,
+    (d) => {
+      i(), a.value && d.size && (o = new MutationObserver(e), d.forEach((m) => o.observe(m, r)));
     },
     { immediate: !0, flush: "post" }
-  ), f = () => o?.takeRecords(), d = () => {
-    l(), i();
+  ), f = () => o?.takeRecords(), u = () => {
+    c(), i();
   };
-  return Lt(d), {
+  return Lt(u), {
     isSupported: a,
-    stop: d,
+    stop: u,
     takeRecords: f
   };
 }
@@ -916,48 +917,53 @@ function es(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) {
+    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";
+  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 d = e.titleTemplate || "%s";
+    return typeof d == "function" ? d(u) : Z(d).replace(/%s/g, u);
+  }
+  return fe(
+    l,
+    (u, d) => {
+      u !== d && o && (o.title = f(typeof u == "string" ? u : ""));
     },
     { immediate: !0 }
-  ), e.observe && !e.titleTemplate && o && !l && Zt(
+  ), e.observe && !e.titleTemplate && o && !c && Zt(
     (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(() => {
     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 ce = Y({
   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 = 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")), {
       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 ? z(n, { ...e, key: t }) : z("div", "页面不存在");
+  },
+  activated() {
+    this.meta.cache === !1 && (this.sid = Symbol());
   }
 }), ts = {
   "data-l-h6o7ki7": "",
@@ -974,12 +980,13 @@ const ae = K({
 }, is = {
   "data-l-h6o7ki7": "",
   class: "vtj-startup__actions"
-}, as = /* @__PURE__ */ K({
+}, as = /* @__PURE__ */ Y({
   __name: "Startup",
   props: {
     name: { default: "VTJ.PRO" },
     tagline: { default: "基于 Vue3 + TypeScript 快速打造高生产力的低代码研发平台" },
-    actionText: { default: "开始设计" }
+    actionText: { default: "开始设计" },
+    link: {}
   },
   setup(n) {
     ((r, o) => {
@@ -1053,6 +1060,10 @@ 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;
       }
@@ -1060,26 +1071,26 @@ const ae = K({
     return (r, o) => (Ge(), Ye("div", ts, [
       b("div", ss, [
         b("h1", ns, [
-          b("span", rs, N(t.name), 1)
+          b("span", rs, q(t.name), 1)
         ]),
-        b("div", os, N(t.tagline), 1),
+        b("div", os, q(t.tagline), 1),
         b("div", is, [
           b("button", {
             "data-l-h6o7ki7": "",
             onClick: s
-          }, N(t.actionText), 1)
+          }, q(t.actionText), 1)
         ])
       ])
     ]));
   }
-}), cs = K({
+}), cs = Y({
   name: "VtjStartupContainer",
   render() {
-    return q(as);
+    return z(as);
   }
 }), $e = Symbol("Provider");
 var ls = /* @__PURE__ */ ((n) => (n.Production = "production", n.Development = "development", n))(ls || {});
-class us extends xe {
+class us extends Re {
   constructor(e) {
     super(), this.options = e;
     const {
@@ -1089,16 +1100,16 @@ 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: d = "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);
+    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 }), s !== _.Design && this.load(a);
+    m && m.connect({ mode: s, router: f, request: p }), a && s !== _.Design ? this.load(a) : this.project = a;
   }
   mode;
   globals = {};
@@ -1129,35 +1140,35 @@ class us extends xe {
   }
   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
+      materialExports: u,
+      materialMapLibrary: d
     } = nt(
       t,
       a,
       i === "development"
       /* Development */
     );
-    for (const p of c) {
+    for (const p of l) {
       const h = s[p], w = e[p];
       if (w)
         r[p] = w;
       else if (h)
         e[p] = r[p] = await h();
       else {
-        const g = l[p] || [];
+        const g = c[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 }));
+          Q(v) && await ot(p, R.append(v, { v: x })), X(v) && await re(R.append(v, { v: x }));
         r[p] = e[p];
       }
     }
     for (const p of f)
-      await ne(x.append(p, { v: R }));
+      await re(R.append(p, { v: x }));
     const m = this.materials || {};
-    for (const p of d) {
-      const h = e[u[p]], w = Re[p];
+    for (const p of u) {
+      const h = e[d[p]], w = xe[p];
       if (w)
         h && w.forEach((g) => {
           o[g] = h[g];
@@ -1171,26 +1182,26 @@ class us extends xe {
     }
   }
   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: ce
+    }, f = {
+      path: l,
+      name: O,
+      component: t?.homepage ? ce : r.startupComponent || cs,
+      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(O) && e.removeRoute(O), 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}`;
+      const a = r?.$options.name, i = typeof s == "string" ? s : s?.message || s?.msg || "未知错误", l = `[ ${a} ] ${i} ${o}`;
       console.error(
         "[VTJ Error]:",
         {
@@ -1199,9 +1210,9 @@ class us extends xe {
           info: o
         },
         s?.stack
-      ), T.error({
+      ), B.error({
         title: "未处理的异常：请在控制台查看详情",
-        message: c
+        message: l
       });
     });
   }
@@ -1229,7 +1240,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,36 +1262,36 @@ 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 = W({
+      getDsl: async (c) => await this.getDsl(c) || null,
+      getDslByUrl: async (c) => await this.getDslByUrl(c) || null,
       options: i
     });
-    return J({
+    return K({
       ...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 T.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 : (T.warn(`Can not find dsl: ${e}`), null);
   }
   defineUrlSchemaComponent(e, t) {
-    return re(async () => {
+    return oe(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 oe(async () => await we(e, window));
   }
 }
 function bs(n) {
@@ -1291,14 +1302,14 @@ function bs(n) {
   };
 }
 function be(n = {}) {
-  const e = ue($e);
+  const e = de($e);
   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 && B.warning({
         title: r?.name,
         message: "当前组件源码版本与运行时版本不一致，请重新发布组件"
       });
@@ -1306,7 +1317,7 @@ function be(n = {}) {
   }
   return e;
 }
-const X = new Be({
+const ee = new Be({
   settings: {
     type: "json",
     validSuccess: !0,
@@ -1314,12 +1325,12 @@ const X = new Be({
     failMessage: !0,
     validate: (n) => n.data?.code === 0,
     showError: (n) => {
-      T.error({
+      B.error({
         message: n || "未知错误"
       });
     }
   }
-}), ds = (n = "/__vtj__/api/:type.json") => (e, t) => X.send({
+}), ds = (n = "/__vtj__/api/:type.json") => (e, t) => ee.send({
   url: n,
   method: "post",
   params: { type: e },
@@ -1327,7 +1338,7 @@ const X = new Be({
     type: e,
     data: t
   }
-}), ps = (n = "/__vtj__/api/uploader.json") => async (e, t) => await X.send({
+}), ps = (n = "/__vtj__/api/uploader.json") => async (e, t) => await ee.send({
   url: n,
   method: "post",
   data: {
@@ -1338,7 +1349,7 @@ const X = new Be({
     type: "data"
   }
 }).then((s) => s && s[0] ? s[0] : null).catch(() => null);
-class Z {
+class te {
   api;
   pluginCaches = {};
   uploader;
@@ -1419,7 +1430,7 @@ class Z {
     const { urls: t = [] } = e, s = t.filter((o) => tt(o))[0];
     if (!s) return null;
     const r = this.pluginCaches[s];
-    return r || (this.pluginCaches[s] = X.send({
+    return r || (this.pluginCaches[s] = ee.send({
       url: s,
       method: "get",
       settings: {
@@ -1428,23 +1439,26 @@ class Z {
       }
     }).then((o) => o.data).catch(() => null));
   }
+  async genSource(e) {
+    return console.log("BaseService.genSource", e), "";
+  }
 }
-const y = new Ue({
+const y = new Ne({
   type: "local",
   expired: 0,
   prefix: "__VTJ_"
 });
-class Es extends Z {
+class Es extends te {
   init(e) {
-    const t = new A(e), s = y.get(`project_${t.id}`), r = Object.assign(t.toDsl(), s || {});
+    const t = new M(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 M(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}`, G(t)), Promise.resolve(!0);
   }
   saveFile(e) {
     return y.save(`file_${e.id}`, e), Promise.resolve(!0);
@@ -1468,7 +1482,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 le(t || { id: e });
     return Promise.resolve(s.toDsl());
   }
   getHistoryItem(e, t) {
@@ -1484,22 +1498,22 @@ class Es extends Z {
     }), Promise.resolve(!0);
   }
 }
-class fs extends Z {
+class fs extends te {
   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 M(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 M(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] = G(t)), Promise.resolve(!0);
   }
   saveFile(e) {
     return this.files[e.id] = e, Promise.resolve(!0);
@@ -1523,7 +1537,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 le(t || { id: e });
     return Promise.resolve(s);
   }
   getHistoryItem(e, t) {
@@ -1541,11 +1555,11 @@ class fs extends Z {
     }), Promise.resolve(!0);
   }
 }
-let F = null;
+let I = null;
 function Ps() {
-  return F || (F = new fs(), F);
+  return I || (I = new fs(), I);
 }
-class xs extends Z {
+class Rs extends te {
   getFileCaches = {};
   async getExtension() {
     return await this.api("getExtension", {}).catch(() => {
@@ -1560,7 +1574,7 @@ class xs extends Z {
   async saveMaterials(e, t) {
     return !!await this.api("saveMaterials", {
       project: e,
-      materials: z(t)
+      materials: G(t)
     }).catch(() => !1);
   }
   async saveFile(e) {
@@ -1600,16 +1614,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 Ee(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 ? Ee(n, e, i) : void 0
     };
   });
 }
@@ -1621,74 +1635,82 @@ 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;
+function xs(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: 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;
+    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;
     } else
-      s.value = !d.mask, r.value = !!d.pure;
+      i.value = !p.mask, l.value = !!p.pure;
   });
-  const i = Ee(a?.pages), c = a?.config;
+  const f = Ee(
+    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,
+  te as BaseService,
+  ie as CONTEXT_HOST,
   yt as Context,
   _ as ContextMode,
   et as DATA_TYPES,
-  me as HOMEPAGE_ROUTE_NAME,
+  O as HOMEPAGE_ROUTE_NAME,
   js as JSCodeToString,
   _s as LIFE_CYCLES_LIST,
-  xs as LocalService,
+  Rs as LocalService,
   fs as MemoryService,
   ls as NodeEnv,
-  W as PAGE_ROUTE_NAME,
+  k as PAGE_ROUTE_NAME,
   us as Provider,
   as as Startup,
   Es as StorageService,
-  R as VTJ_RENDERER_VERSION,
+  x as VTJ_RENDERER_VERSION,
   ve as adoptedStyleSheets,
   ws as createAssetScripts,
   Ss as createAssetsCss,
   Et as createDataSources,
-  V as createLoader,
+  W as createLoader,
   Ps as createMemoryService,
   pt as createMetaApi,
   bs as createProvider,
-  J as createRenderer,
+  K as createRenderer,
   dt as createSchemaApi,
   ft as createSchemaApis,
-  Rt as defaultLoader,
-  C as fillBasePath,
+  xt as defaultLoader,
+  A as fillBasePath,
   Se as getModifiers,
   we as getPlugin,
   rt as getRawComponent,
-  G as isCSSUrl,
+  Q as isCSSUrl,
   lt as isJSCode,
   S as isJSExpression,
-  H as isJSFunction,
+  N as isJSFunction,
   tt as isJSON,
-  Y as isJSUrl,
+  X as isJSUrl,
   ct as isVuePlugin,
   ot as loadCss,
   it as loadCssUrl,
@@ -1698,12 +1720,12 @@ export {
   ye as mockCleanup,
   D as nodeRender,
   nt as parseDeps,
-  k as parseExpression,
-  ie as parseFunction,
+  F as parseExpression,
+  ae as parseFunction,
   $e as providerKey,
   st as removeProdFlag,
   ge as toString,
   vt as useAccess,
-  Rs as useMask,
+  xs as useMask,
   be as useProvider
 };