@vtj/renderer 0.9.0-alpha.9 → 0.9.1

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 Ae, BUILT_IN_COMPONENTS as Te, ProjectModel as M, HistoryModel as de } from "@vtj/core";
+import { isUrl as Ie, url as x, dedupArray as De, isString as j, isFunction as K, logger as O, createRequest as Me, merge as Oe, pathToRegexp as He, pathToRegexpMatch as Be, formDataToJson as Ne, storage as q, cookie as J, toArray as oe, unRSA as ie, delay as fe, camelCase as $, upperFirst as Ue, pick as Le, jsonp as qe, loadScript as ae, Request as Je, Storage as Ve, mapToObject as Q } from "@vtj/utils";
+import * as B from "vue";
+import { inject as he, toRef as ze, readonly as Ke, customRef as We, ref as F, onBeforeUnmount as Ge, getCurrentScope as Ye, onScopeDispose as Qe, unref as Xe, getCurrentInstance as me, watch as ge, computed as ve, onMounted as Ze, defineComponent as X, h as W, openBlock as et, createElementBlock as tt, createElementVNode as E, toDisplayString as V, defineAsyncComponent as ce, watchEffect as st } from "vue";
+import { ElNotification as N, ElLoading as nt } from "element-plus";
+import { useRoute as ye } from "vue-router";
 /**!
  * Copyright (c) 2024, VTJ.PRO All rights reserved.
  * @name @vtj/renderer 
  * @author CHC chenhuachun1549@dingtalk.com 
- * @version 0.9.0-alpha.9
+ * @version 0.9.1
  * @license <a href="https://vtj.pro/license.html">MIT License</a>
  */
-const R = "0.9.0-alpha.9";
-var _ = /* @__PURE__ */ ((n) => (n.Runtime = "Runtime", n.Design = "Design", n.Raw = "Raw", n.VNode = "VNode", n))(_ || {});
-const oe = [
+const k = "0.9.1";
+var y = /* @__PURE__ */ ((n) => (n.Runtime = "Runtime", n.Design = "Design", n.Raw = "Raw", n.VNode = "VNode", n))(y || {});
+const le = [
   "$el",
   "$emit",
   "$nextTick",
@@ -25,7 +25,7 @@ const oe = [
   "$props",
   "$options",
   "$forceUpdate"
-], _s = [
+], Cs = [
   "beforeCreate",
   "created",
   "beforeMount",
@@ -39,7 +39,7 @@ const oe = [
   "renderTriggered",
   "activated",
   "deactivated"
-], Ze = ["vIf", "vShow", "vModel", "vFor", "vBind"], et = {
+], rt = ["vIf", "vShow", "vModel", "vFor", "vBind"], ot = {
   String,
   Number,
   Boolean,
@@ -47,59 +47,61 @@ const oe = [
   Object,
   Function,
   Date
-}, W = "VtjPage", me = "VtjHomepage";
-function C(n, e) {
-  return n.map((t) => ke(t) || t.startsWith("/") ? t : `${e}${t}`);
+}, C = "VtjPage", D = "VtjHomepage", it = "html,body,base,head,link,meta,style,title,address,article,aside,footer,header,hgroup,h1,h2,h3,h4,h5,h6,nav,section,div,dd,dl,dt,figcaption,figure,picture,hr,img,li,main,ol,p,pre,ul,a,b,abbr,bdi,bdo,br,cite,code,data,dfn,em,i,kbd,mark,q,rp,rt,ruby,s,samp,small,span,strong,sub,sup,time,u,var,wbr,area,audio,map,track,video,embed,object,param,source,canvas,script,noscript,del,ins,caption,col,colgroup,table,thead,tbody,td,th,tr,button,datalist,fieldset,form,input,label,legend,meter,optgroup,option,output,progress,select,textarea,details,dialog,menu,summary,template,blockquote,iframe,tfoot".split(
+  ","
+), at = "component,slot".split(",");
+function T(n, e) {
+  return n.map((t) => Ie(t) || t.startsWith("/") ? t : `${e}${t}`);
 }
-function G(n) {
+function Z(n) {
   return /\.css$/.test(n);
 }
-function Y(n) {
+function ee(n) {
   return /\.js$/.test(n);
 }
-function tt(n) {
+function ct(n) {
   return /\.json$/.test(n);
 }
-function ws(n) {
+function Fs(n) {
   return n.map(
-    (e) => `<script src="${x.append(e, { v: R })}"><\/script>`
+    (e) => `<script src="${x.append(e, { v: k })}"><\/script>`
   ).join("");
 }
-function Ss(n = []) {
+function As(n = []) {
   return n.map(
-    (e) => `<link rel="stylesheet" href="${x.append(e, { v: R })}" />`
+    (e) => `<link rel="stylesheet" href="${x.append(e, { v: k })}" />`
   ).join("");
 }
-function st(n, e = !1) {
+function lt(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 ut(n, e, t = !1) {
+  const s = n.filter((p) => !!p.enabled), r = [], o = [], a = [], i = [], c = {}, l = {}, 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: h, library: m, assetsLibrary: d, localeLibrary: w }) => {
+      p?.forEach((g) => {
+        ee(g) && r.push(lt(g, t)), Z(g) && o.push(g);
+      }), m && (i.push(m), c[m] = T(p || [], e), w && (l[m] = w)), h && a.push(h), d && f.push(d), m && d && (u[d] = m);
     }
   ), {
-    scripts: C(r, e),
-    css: C(o, e),
-    materials: C(a, e),
+    scripts: T(r, e),
+    css: T(o, e),
+    materials: T(a, e),
     libraryExports: i,
-    materialExports: Ce(f),
-    materialMapLibrary: d,
+    materialExports: De(f),
+    materialMapLibrary: u,
     libraryMap: c,
     libraryLocaleMap: l
   };
 }
-function rt(n, e) {
+function pt(n, e) {
   const { name: t, parent: s, alias: r } = n;
   return s ? e[s]?.[r || t] : e[r || t];
 }
-function ge(n) {
+function _e(n) {
   return j(n) ? n : JSON.stringify(n);
 }
-function ve(n, e, t) {
+function we(n, e, t) {
   const s = n.CSSStyleSheet;
   if (s.prototype.replaceSync) {
     const r = new s();
@@ -114,11 +116,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 dt(n, e) {
   const t = await window.fetch(e).then((s) => s.text()).catch(() => "");
-  t && ve(window, n, t);
+  t && we(window, n, t);
 }
-function it(n, e = window) {
+function ft(n, e = window) {
   const t = e.document, s = e.document.head;
   for (const r of n)
     if (!t.getElementById(r)) {
@@ -126,7 +128,7 @@ function it(n, e = window) {
       a.rel = "stylesheet", a.id = r, a.href = r, s.appendChild(a);
     }
 }
-async function at(n, e, t = window) {
+async function ht(n, e, t = window) {
   const s = t.document, r = t.document.head;
   let o = t[e];
   return o ? o.default || o : new Promise((a, i) => {
@@ -140,10 +142,16 @@ async function at(n, e, t = window) {
     }
   });
 }
-function ct(n) {
-  return ee(n) || ee(n?.install);
+function mt(n) {
+  return K(n) || K(n?.install);
+}
+function gt(n) {
+  return at.includes(n);
 }
-function k(n, e, t = !1, s = !1) {
+function vt(n) {
+  return it.includes(n);
+}
+function A(n, e, t = !1, s = !1) {
   try {
     const r = ['"use strict";', "var __self = arguments[0];"];
     r.push("return ");
@@ -153,13 +161,13 @@ function k(n, e, t = !1, s = !1) {
     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 (O.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 ue(n, e, t = !1, s = !1) {
+  const r = A(n, e, t, s);
+  if (typeof r != "function" && (O.error(
     "parseFunction.error",
     "not a function",
     n,
@@ -168,20 +176,20 @@ function ie(n, e, t = !1, s = !1) {
     throw new Error(`"${n.value}" not a function`);
   return r;
 }
-function S(n) {
+function _(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 yt(n) {
+  return _(n) || U(n);
 }
-function js(n) {
-  return lt(n) ? n.value : JSON.stringify(n);
+function Ts(n) {
+  return yt(n) ? n.value : JSON.stringify(n);
 }
-let E = null;
-const ut = Fe({
+let R = null;
+const _t = Me({
   settings: {
     type: "form",
     validSuccess: !0,
@@ -190,24 +198,24 @@ 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({
+      R && R.close(), R = nt.service({
         lock: !0,
         text: "Loading",
         background: "rgba(0, 0, 0, 0.05)"
       });
     },
     hideLoading: () => {
-      E && (E.close(), E = null);
+      R && (R.close(), R = null);
     }
   }
 });
 let P;
-function dt(n, e) {
+function wt(n, e) {
   const { jsonp: t, request: s } = e;
   if (n.method === "jsonp")
     return (r = {}) => t(n.url, {
@@ -215,7 +223,7 @@ function dt(n, e) {
       query: r
     });
   {
-    const r = n.headers ? k(n.headers, {}, !0) : void 0, o = {
+    const r = n.headers ? A(n.headers, {}, !0) : void 0, o = {
       url: n.url,
       method: n.method,
       settings: {
@@ -223,10 +231,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(Oe(o, i || {}, { data: a })));
   }
 }
-function pt(n, e) {
+function St(n, e) {
   const { metaQuery: t } = e;
   if (!t) return;
   const { code: s, queryCode: r } = n;
@@ -238,89 +246,90 @@ function pt(n, e) {
     return t(s, r, o, a);
   };
 }
-function ft(n = [], e = [], t) {
+function bt(n = [], e = [], t) {
   const s = {};
   for (const r of n)
-    s[r.id] = dt(r, t);
+    s[r.id] = wt(r, t);
   for (const r of e)
-    s[r.id] = pt(r, t);
+    s[r.id] = St(r, t);
   return s;
 }
-async function ht(n = []) {
+async function jt(n = []) {
   P = await import("mockjs").then((e) => e.default || e), P && (P.setup({
     timeout: "50-500"
-  }), ye(), n.forEach((e) => mt(P, e)));
+  }), Se(), n.forEach((e) => $t(P, e)));
 }
-function mt(n, e) {
+function $t(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 = He(`${t}(.*)`), o = Be(t, { decode: decodeURIComponent }), a = A(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;
+      const c = x.parse(i.url) || {}, l = i.body instanceof FormData ? Ne(i.body) : i.body, f = o(i.url)?.params;
       return Object.assign(i, { data: l, params: c, query: f }), n.mock(a(i));
     });
   }
 }
-function ye() {
+function Se() {
   P && (P._mocked = {});
 }
-const gt = {
+const Et = {
   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: ""
+}, be = Symbol("access");
+class Is {
   options;
   data = null;
-  mode = _.Raw;
+  mode = y.Raw;
   constructor(e) {
-    this.options = Object.assign({}, gt, e), this.loadData();
+    this.options = Object.assign({}, Et, 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 === y.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 && (q.save(t, e, {
       type: "local",
       prefix: s
-    }), r && U.set(o, this.data.token));
+    }), r && J.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, q.remove(e, {
       type: "local",
       prefix: t
-    }), s && U.remove(r);
+    }), s && J.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) : oe(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 oe(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(be, this);
   }
   isAuthPath(e) {
     const { auth: t, isAuth: s } = this.options;
@@ -334,20 +343,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) => ie(r, t));
       this.data = JSON.parse(s.join(""));
       return;
     }
     if (typeof e == "string")
       try {
-        const s = t ? se(e, t) : e;
+        const s = t ? ie(e, t) : e;
         s ? this.data = JSON.parse(s) : console.warn("RSA解密失败或登录信息缺失");
       } catch (s) {
         console.warn(s);
@@ -356,18 +365,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 = q.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 ? !!J.get(t) : !!this.getToken();
   }
   hasRoutePermission(e) {
-    if (e.name === W) {
+    if (e.name === C) {
       const t = e.params.id;
       return t && this.can(t);
     }
@@ -376,15 +385,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), K(r) ? (r(), t(!1)) : j(r) ? t(r) : t(!1);
       }
     }
     t(!1), this.toLogin();
@@ -403,10 +412,10 @@ class $s {
   }
   async showTip(e) {
     const { alert: t } = this.options;
-    t && (await le(150), await t(e, {
+    return t ? (await fe(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 +427,10 @@ class $s {
     );
   }
 }
-function vt() {
-  return ue(_e, null);
+function Rt() {
+  return he(be, null);
 }
-class yt {
+class Pt {
   __id = null;
   __mode;
   __instance = null;
@@ -450,7 +459,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,41 +473,41 @@ class yt {
     });
   }
   __proxy() {
-    this.__instance && oe.forEach((e) => {
+    this.__instance && le.forEach((e) => {
       this[e] = this.__instance?.[e];
     });
   }
   __cleanup() {
-    oe.forEach((e) => {
+    le.forEach((e) => {
       this[e] = null;
     });
   }
   __parseFunction(e) {
     if (e)
-      if (this.__mode === _.Runtime) {
+      if (this.__mode === y.Runtime) {
         const { id: t, type: s } = e, r = t ? this.__transform[t] ?? e.value : e.value;
-        return ie({ type: s, value: r }, this);
+        return ue({ type: s, value: r }, this);
       } else
-        return ie(e, this);
+        return ue(e, this);
   }
   __parseExpression(e) {
     if (e)
-      if (this.__mode === _.Runtime) {
+      if (this.__mode === y.Runtime) {
         const { id: t, type: s } = e, r = t ? this.__transform[t] ?? e.value : e.value;
-        return k({ type: s, value: r }, this);
+        return A({ type: s, value: r }, this);
       } else
-        return k(e, this);
+        return A(e, this);
   }
   __ref(e = null, t) {
-    if (this.__mode !== _.VNode)
+    if (this.__mode !== y.VNode)
       return e && e !== this.__id && (this.__contextRefs[e] = this), async (s) => {
-        await le(0);
+        await fe(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]);
           return;
         }
-        if (r.nodeType === 3 && r.nextSibling && (r = r.nextSibling), r.__vtj__ = e, _.Design === this.__mode && (r.__context__ = this, r.draggable = !0), e && (this.__refs[e] = s), typeof t == "function")
+        if (r.nodeType === 3 && r.nextSibling && (r = r.nextSibling), r.__vtj__ = e, y.Design === this.__mode && (r.__context__ = this, r.draggable = !0), e && (this.__refs[e] = s), typeof t == "function")
           t(s);
         else if (t) {
           const o = this.$refs[t];
@@ -519,10 +528,10 @@ class yt {
     return s.context.__proto__ = this.context, s.__proto__ = this, s;
   }
 }
-function J(n) {
+function G(n) {
   const {
-    Vue: e = M,
-    mode: t = _.Runtime,
+    Vue: e = B,
+    mode: t = y.Runtime,
     components: s = {},
     libs: r = {},
     apis: o = {},
@@ -531,60 +540,60 @@ function J(n) {
     $components: s,
     $libs: r,
     $apis: o
-  }, l = new yt({
+  }, l = new Pt({
     mode: t,
     dsl: i.value,
     attrs: c
   }), f = e.defineComponent({
     name: i.value.name,
     props: {
-      ...wt(i.value.props ?? [], l)
+      ...kt(i.value.props ?? [], l)
     },
-    setup(d) {
-      l.$props = d, l.props = d, i.value.id && ve(
+    setup(u) {
+      l.$props = u, l.props = u, i.value.id && we(
         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(
+      ), l.state = Ct(e, i.value.state ?? {}, l);
+      const p = Ft(e, i.value.computed ?? {}, l), h = At(i.value.methods ?? {}, l), m = Tt(e, i.value.inject, l), d = It(
         i.value.dataSources || {},
         l
       ), w = {
-        ...p,
-        ...u,
         ...m,
-        ...h
+        ...p,
+        ...h,
+        ...d
       };
-      return l.setup(w, e), Pt(e, i.value.watch ?? [], l), {
+      return l.setup(w, e), Dt(e, i.value.watch ?? [], l), {
         vtj: l
       };
     },
-    emits: _t(i.value.emits),
+    emits: xt(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], l, e, a) : u.map((p) => H(p, l, e, a));
     },
-    ...xt(i.value.lifeCycles ?? {}, l)
+    ...Mt(i.value.lifeCycles ?? {}, l)
   });
   return {
     renderer: e.markRaw(f),
     context: l
   };
 }
-function _t(n = []) {
+function xt(n = []) {
   return n.map((e) => j(e) ? e : e.name);
 }
-function wt(n = [], e) {
-  const t = (s) => s ? (Array.isArray(s) ? s : [s]).map((o) => et[o]) : void 0;
+function kt(n = [], e) {
+  const t = (s) => s ? (Array.isArray(s) ? s : [s]).map((o) => ot[o]) : void 0;
   return n.map((s) => j(s) ? {
     name: s
   } : {
     name: s.name,
     type: s.type,
     required: s.required,
-    default: S(s.default) ? e.__parseExpression(s.default) : s.default
+    default: _(s.default) ? e.__parseExpression(s.default) : s.default
   }).reduce(
     (s, r) => (s[r.name] = {
       type: t(r.type),
@@ -594,44 +603,44 @@ function wt(n = [], e) {
     {}
   );
 }
-function St(n, e, t) {
+function Ct(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 _(o) ? o = t.__parseExpression(o) : U(o) && (o = t.__parseFunction(o)), s[r] = o, s;
       },
       {}
     )
   );
 }
-function jt(n, e, t) {
+function Ft(n, e, t) {
   return Object.entries(e ?? {}).reduce(
     (s, [r, o]) => (s[r] = n.computed(t.__parseFunction(o)), s),
     {}
   );
 }
-function $t(n, e) {
+function At(n, e) {
   return Object.entries(n ?? {}).reduce(
     (t, [s, r]) => (t[s] = e.__parseFunction(r), t),
     {}
   );
 }
-function bt(n, e = [], t) {
+function Tt(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;
+      const i = _(a) ? t.__parseExpression(a) || o : a ?? o, c = _(r.default) ? t.__parseExpression(r.default) : r.default ?? null;
       return s[o] = n.inject(i, c), s;
     },
     {}
   );
 }
-function Et(n, e) {
+function It(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;
@@ -640,7 +649,7 @@ function Et(n, e) {
     {}
   );
 }
-function Pt(n, e = [], t) {
+function Dt(n, e = [], t) {
   e.forEach((s) => {
     n.watch(
       t.__parseExpression(s.source),
@@ -652,111 +661,127 @@ function Pt(n, e = [], t) {
     );
   });
 }
-function xt(n, e) {
+function Mt(n, e) {
   return Object.entries(n ?? {}).reduce(
     (t, [s, r]) => (t[s] = e.__parseFunction(r), t),
     {}
   );
 }
-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 z = [];
+const Ot = (n) => n;
+async function je(n, e = window) {
+  const { urls: t = [], library: s } = n, r = t.filter((i) => ee(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) => Z(i));
+  return o.length && ft(o, e), await ht(r, s, e).catch(
     (i) => (console.warn("loadScriptUrl error", r, s, i), null)
   );
 }
-function V(n) {
+function Y(n) {
   const { getDsl: e, getDslByUrl: t, options: s } = n;
-  return s.window && (L.forEach((r) => {
+  return s.window && (z.forEach((r) => {
     delete s.window[r];
-  }), L = []), (r, o, a = M) => !o || typeof o == "string" ? r : o.type === "Schema" && o.id ? a.defineAsyncComponent(async () => {
+  }), z = []), (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 ? G({
       ...s,
       Vue: a,
       dsl: i,
-      mode: _.Runtime,
-      loader: V(n)
+      mode: y.Runtime,
+      loader: Y(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 ? G({
       ...s,
       Vue: a,
       dsl: i,
-      mode: _.Runtime,
-      loader: V(n)
+      mode: y.Runtime,
+      loader: Y(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 && z.push(o.library), a.defineAsyncComponent(async () => {
+    const i = await je(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 = Ot) {
   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: c, vShow: l, vModels: f, vBind: u, vHtml: p, others: h } = Bt(a);
+  if (i && !Nt(i, e))
     return null;
-  const d = (u) => {
-    const m = u.$components, p = (() => {
+  const m = (d) => {
+    const w = d.$components, g = (() => {
       if (n.name === "component")
-        return Ft(u, n.props?.is);
+        return Ut(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 b = s(n.name, n.from, t);
+      return j(b) ? gt(b) || vt(b) ? b : w[b] ?? r?.app?.component(b) ?? b : b;
+    })(), S = Lt(o, n.props ?? {}, d), Ce = qt(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 Jt(t, n, S, d, s);
+    u && Object.assign(S, d.__parseExpression(u.value)), l && (S.style = Object.assign(
+      S.style ?? {},
+      zt(l, d)
+    )), p && Object.assign(S, Kt(p, d)), f.forEach((b) => {
+      Object.assign(S, Wt(t, b, d));
     });
-    const g = Ht(
+    const Fe = Gt(
       t,
       n.children ?? [],
-      u,
+      d,
       s,
       n
     );
-    return t.createVNode(p, { ...h, ...w }, g);
+    let L = t.createVNode(g, { ...S, ...Ce }, Fe);
+    const re = r ? Ht(r, h, d) : [];
+    return re.length && (L = t.withDirectives(L, re)), L;
   };
-  return i ? Nt(i, d, e) : d(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(
-    (i) => !Ze.includes($(i.name))
+  return c ? Xt(c, m, e) : m(e);
+}
+function Ht(n, e, t) {
+  const s = n.app;
+  return e.map((r) => {
+    const o = typeof r.name == "string" ? s.directive(r.name) : t.__parseExpression(r.name);
+    if (!o) return null;
+    const a = [o];
+    return r.value && a.push(t.__parseExpression(r.value)), r.arg && a.push(r.arg), r.modifiers && a.push(
+      _(r.modifiers) ? t.__parseExpression(r.modifiers) : r.modifiers
+    ), a;
+  }).filter((r) => !!r);
+}
+function Bt(n = []) {
+  const e = n.find((c) => $(c.name) === "vIf"), t = n.find((c) => $(c.name) === "vFor"), s = n.find((c) => $(c.name) === "vShow"), r = n.find((c) => $(c.name) === "vBind"), o = n.find((c) => $(c.name) === "vHtml"), a = n.filter(
+    (c) => $(c.name) === "vModel"
+  ), i = n.filter(
+    (c) => !rt.includes($(c.name))
   );
   return {
     vIf: e,
     vFor: t,
     vShow: s,
-    vModels: o,
+    vModels: a,
     vBind: r,
-    others: a
+    others: i,
+    vHtml: o
   };
 }
-function Ct(n, e) {
+function Nt(n, e) {
   return !!e.__parseExpression(n.value);
 }
-function Ft(n, e) {
-  return e ? S(e) ? n.__parseExpression(e) : e : "div";
+function Ut(n, e) {
+  return e ? _(e) ? n.__parseExpression(e) : e : "div";
 }
-function At(n, e, t) {
+function Lt(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 _(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 qt(n, e, t) {
   const s = ["passive", "capture", "once"], r = {
     capture: "Capture",
     once: "Once",
@@ -764,70 +789,77 @@ 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], c = $e(i.modifiers), l = c.find((p) => s.includes(p)), f = "on" + Ue(a) + (l && r[l] || ""), u = t.__parseFunction(i.handler);
+      return u && (o[f] = n.withModifiers(u, c)), o;
     },
     {}
   );
 }
-function Se(n = {}, e = !1) {
+function $e(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 Jt(n, e, t, s, r) {
+  const { children: o } = e, a = Vt(e, s), i = s.$slots?.[a.name];
+  return i ? i(t) : o ? j(o) ? n.createTextVNode(o) : _(o) ? n.createTextVNode(
+    _e(s.__parseExpression(o))
   ) : Array.isArray(o) ? o.map(
-    (c) => D(c, s, n, r)
+    (c) => H(c, s, n, r)
   ) : null : null;
 }
-function Dt(n, e) {
+function Vt(n, e) {
   const { props: t } = n, s = t?.name || "default";
   return {
-    name: S(s) ? e.__parseExpression(s) : s,
+    name: _(s) ? e.__parseExpression(s) : s,
     params: []
   };
 }
-function Mt(n, e) {
+function zt(n, e) {
   return e.__parseExpression(n.value) ? {} : {
     display: "none"
   };
 }
-function Tt(n, e, t) {
+function Kt(n, e) {
+  return {
+    innerHTML: e.__parseExpression(n.value) || ""
+  };
+}
+function Wt(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 = $e(
+    _(e.modifiers) ? t.__parseExpression(e.modifiers) : e.modifiers
+  ), a = _(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 Gt(n, e, t, s, r) {
   if (!e) return null;
   if (j(e))
     return { default: () => e };
-  if (S(e))
+  if (_(e))
     return {
-      default: () => ge(t.__parseExpression(e))
+      default: () => _e(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 = Yt(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 Object.entries(o).reduce((i, [c, { nodes: l, params: f }]) => (i[c] = (u) => {
+      const p = f.length ? Le(u ?? {}, f) : a(u);
       return l.map(
-        (m) => D(m, t.__clone(u), n, s)
+        (h) => H(h, t.__clone(p), n, s)
       );
     }, i), {});
   }
   return null;
 }
-function Bt(n) {
+function Yt(n) {
   const e = {
     default: {
       params: [],
@@ -835,7 +867,7 @@ function Bt(n) {
     }
   };
   for (const t of n) {
-    const s = Ut(t.slot), r = s.name;
+    const s = Qt(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,143 +875,149 @@ function Bt(n) {
   }
   return e;
 }
-function Ut(n = "default") {
+function Qt(n = "default") {
   return j(n) ? { name: n, params: [] } : { params: [], ...n };
 }
-function Nt(n, e, t) {
+function Xt(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`), []);
 }
-function Lt(n) {
-  return Ve() ? (ze(n), !0) : !1;
+function Zt(n) {
+  return Ye() ? (Qe(n), !0) : !1;
 }
-function Q(n) {
-  return typeof n == "function" ? n() : Ke(n);
+function te(n) {
+  return typeof n == "function" ? n() : Xe(n);
 }
-const je = typeof window < "u" && typeof document < "u";
+const Ee = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const qt = (n) => n != null, Jt = () => {
+const es = (n) => n != null, ts = () => {
 };
-function Vt(n) {
-  return de();
+function ss(n) {
+  return me();
 }
-function zt(...n) {
+function ns(...n) {
   if (n.length !== 1)
-    return Ne(...n);
+    return ze(...n);
   const e = n[0];
-  return typeof e == "function" ? Le(qe(() => ({ get: e, set: Jt }))) : O(e);
+  return typeof e == "function" ? Ke(We(() => ({ get: e, set: ts }))) : F(e);
 }
-function Kt(n, e) {
-  Vt() && Je(n, e);
+function rs(n, e) {
+  ss() && Ge(n, e);
 }
-const Wt = je ? window : void 0, Gt = je ? window.document : void 0;
-function Yt(n) {
+const os = Ee ? window : void 0, is = Ee ? window.document : void 0;
+function as(n) {
   var e;
-  const t = Q(n);
+  const t = te(n);
   return (e = t?.$el) != null ? e : t;
 }
-function Qt() {
-  const n = O(!1), e = de();
-  return e && We(() => {
+function cs() {
+  const n = F(!1), e = me();
+  return e && Ze(() => {
     n.value = !0;
   }, e), n;
 }
-function Xt(n) {
-  const e = Qt();
-  return fe(() => (e.value, !!n()));
+function ls(n) {
+  const e = cs();
+  return ve(() => (e.value, !!n()));
 }
-function Zt(n, e, t = {}) {
-  const { window: s = Wt, ...r } = t;
+function us(n, e, t = {}) {
+  const { window: s = os, ...r } = t;
   let o;
-  const a = Xt(() => s && "MutationObserver" in s), i = () => {
+  const a = ls(() => 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 = ve(() => {
+    const p = te(n), h = (Array.isArray(p) ? p : [p]).map(as).filter(es);
+    return new Set(h);
+  }), l = ge(
     () => c.value,
-    (u) => {
-      i(), a.value && u.size && (o = new MutationObserver(e), u.forEach((m) => o.observe(m, r)));
+    (p) => {
+      i(), a.value && p.size && (o = new MutationObserver(e), p.forEach((h) => o.observe(h, r)));
     },
     { immediate: !0, flush: "post" }
-  ), f = () => o?.takeRecords(), d = () => {
+  ), f = () => o?.takeRecords(), u = () => {
     l(), i();
   };
-  return Lt(d), {
+  return Zt(u), {
     isSupported: a,
-    stop: d,
+    stop: u,
     takeRecords: f
   };
 }
-function es(n = null, e = {}) {
+function ps(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 = is,
+    restoreOnUnmount: a = (u) => u
+  } = e, i = (t = o?.title) != null ? t : "", c = ns((s = n ?? o?.title) != null ? s : null), l = 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 u;
+    const p = e.titleTemplate || "%s";
+    return typeof p == "function" ? p(u) : te(p).replace(/%s/g, u);
   }
-  return pe(
+  return ge(
     c,
-    (d, u) => {
-      d !== u && o && (o.title = f(typeof d == "string" ? d : ""));
+    (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 && !l && us(
     (r = o.head) == null ? void 0 : r.querySelector("title"),
     () => {
       o && o.title !== c.value && (c.value = f(o.title));
     },
     { childList: !0 }
-  ), Kt(() => {
+  ), rs(() => {
     if (a) {
-      const d = a(i, c.value || "");
-      d != null && o && (o.title = d);
+      const u = a(i, c.value || "");
+      u != null && o && (o.title = u);
     }
   }), c;
 }
-const ae = K({
+const pe = X({
   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 = Pe(), e = ye(), t = e.params.id, s = t ? n.getPage(t) : n.getHomepage(), r = s ? await n.getRenderComponent(s.id) : null, o = F(Symbol());
+    return s && (Object.assign(e.meta, s.meta || {}, { cache: s.cache }), ps(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 ? W(n, { ...e, key: t }) : W("div", "页面不存在");
+  },
+  activated() {
+    this.meta.cache === !1 && (this.sid = Symbol());
   }
-}), ts = {
+}), ds = {
   "data-l-h6o7ki7": "",
   class: "vtj-startup__wrapper"
-}, ss = {
+}, fs = {
   "data-l-h6o7ki7": "",
   class: "vtj-startup"
-}, ns = {
+}, hs = {
   "data-l-h6o7ki7": "",
   class: "vtj-startup__name"
-}, rs = { "data-l-h6o7ki7": "" }, os = {
+}, ms = { "data-l-h6o7ki7": "" }, gs = {
   "data-l-h6o7ki7": "",
   class: "vtj-startup__tagline"
-}, is = {
+}, vs = {
   "data-l-h6o7ki7": "",
   class: "vtj-startup__actions"
-}, as = /* @__PURE__ */ K({
+}, ys = /* @__PURE__ */ X({
   __name: "Startup",
   props: {
     name: { default: "VTJ.PRO" },
     tagline: { default: "基于 Vue3 + TypeScript 快速打造高生产力的低代码研发平台" },
-    actionText: { default: "开始设计" }
+    actionText: { default: "开始设计" },
+    link: {}
   },
   setup(n) {
     ((r, o) => {
@@ -1053,38 +1091,42 @@ 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) => (et(), tt("div", ds, [
+      E("div", fs, [
+        E("h1", hs, [
+          E("span", ms, V(t.name), 1)
         ]),
-        b("div", os, N(t.tagline), 1),
-        b("div", is, [
-          b("button", {
+        E("div", gs, V(t.tagline), 1),
+        E("div", vs, [
+          E("button", {
             "data-l-h6o7ki7": "",
             onClick: s
-          }, N(t.actionText), 1)
+          }, V(t.actionText), 1)
         ])
       ])
     ]));
   }
-}), cs = K({
+}), _s = X({
   name: "VtjStartupContainer",
   render() {
-    return q(as);
+    return W(ys);
   }
-}), $e = Symbol("Provider");
-var ls = /* @__PURE__ */ ((n) => (n.Production = "production", n.Development = "development", n))(ls || {});
-class us extends xe {
+}), Re = Symbol("Provider");
+var ws = /* @__PURE__ */ ((n) => (n.Production = "production", n.Development = "development", n))(ws || {});
+class Ss extends Ae {
   constructor(e) {
     super(), this.options = e;
     const {
       service: t,
-      mode: s = _.Raw,
+      mode: s = y.Raw,
       dependencies: r,
       materials: o,
       project: a = {},
@@ -1092,18 +1134,18 @@ class us extends xe {
       globals: c = {},
       modules: l = {},
       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 = l, this.service = t, this.router = f, this.materialPath = u, this.nodeEnv = p, r && (this.dependencies = r), o && (this.materials = o), Object.assign(this.globals, c), Object.assign(this.adapter, i);
+    const { access: h, request: m } = this.adapter;
+    h && h.connect({ mode: s, router: f, request: m }), a && s !== y.Design ? this.load(a) : this.project = a;
   }
   mode;
   globals = {};
   modules = {};
-  adapter = { request: ut, jsonp: He };
+  adapter = { request: _t, jsonp: qe };
   apis = {};
   dependencies = {};
   materials = {};
@@ -1120,76 +1162,78 @@ 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 === y.Raw ? await this.loadDependencies(o) : await this.loadAssets(o), this.apis = bt(s, r, this.adapter), Se(), this.project.config?.mock && jt(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,
       materials: f,
-      materialExports: d,
-      materialMapLibrary: u
-    } = nt(
+      materialExports: u,
+      materialMapLibrary: p
+    } = ut(
       t,
       a,
       i === "development"
       /* Development */
     );
-    for (const p of c) {
-      const h = s[p], w = e[p];
-      if (w)
-        r[p] = w;
-      else if (h)
-        e[p] = r[p] = await h();
+    for (const h of c) {
+      const m = s[h], d = e[h];
+      if (d)
+        r[h] = d;
+      else if (m)
+        e[h] = r[h] = await m();
       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 w = l[h] || [];
+        for (const g of w)
+          Z(g) && await dt(h, x.append(g, { v: k })), ee(g) && await ae(x.append(g, { v: k }));
+        r[h] = e[h];
       }
     }
-    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 m of f)
+        await ae(x.append(m, { v: k }));
+      const h = this.materials || {};
+      for (const m of u) {
+        const d = e[p[m]], w = Te[m];
+        if (w)
+          d && w.forEach((g) => {
+            o[g] = d[g];
+          });
+        else {
+          const g = h[m] ? (await h[m]()).default : e[m];
+          g && d && (g.components || []).forEach((S) => {
+            o[S.name] = pt(S, d);
+          });
+        }
       }
     }
   }
   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, c = o ? "" : "/", l = {
+      path: `${c}${a}/:id`,
+      name: C,
+      component: pe
+    }, f = {
+      path: c,
+      name: D,
+      component: t?.homepage ? pe : r.startupComponent || _s,
+      meta: i
     };
-    r ? (e.addRoute(r, i), e.addRoute(r, c)) : (e.addRoute(i), e.addRoute(c));
+    e.hasRoute(C) && e.removeRoute(C), e.hasRoute(D) && e.removeRoute(D), o ? (e.addRoute(o, l), e.addRoute(o, f)) : (e.addRoute(l), e.addRoute(f));
   }
   install(e) {
     const t = e.config.globalProperties.installed || {};
     for (const [s, r] of Object.entries(this.library))
-      !t[s] && ct(r) && (e.use(r), t[s] = !0);
-    this.options.install && e.use(this.options.install), this.adapter.access && e.use(this.adapter.access), e.provide($e, this), e.config.globalProperties.installed = t, this.mode === _.Design && (e.config.errorHandler = (s, r, o) => {
+      !t[s] && mt(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(Re, this), e.config.globalProperties.installed = t, this.mode === y.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}`;
       console.error(
         "[VTJ Error]:",
@@ -1199,7 +1243,7 @@ class us extends xe {
           info: o
         },
         s?.stack
-      ), T.error({
+      ), N.error({
         title: "未处理的异常：请在控制台查看详情",
         message: c
       });
@@ -1229,7 +1273,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,12 +1295,12 @@ class us extends xe {
       apis: a,
       window,
       ...t
-    }, c = V({
+    }, c = Y({
       getDsl: async (l) => await this.getDsl(l) || null,
       getDslByUrl: async (l) => await this.getDslByUrl(l) || null,
       options: i
     });
-    return J({
+    return G({
       ...i,
       dsl: e,
       loader: c
@@ -1265,40 +1309,40 @@ class us extends xe {
   async getRenderComponent(e, t) {
     const s = this.getFile(e);
     if (!s)
-      return I.warn(`Can not find file: ${e}`), null;
+      return O.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 : (O.warn(`Can not find dsl: ${e}`), null);
   }
   defineUrlSchemaComponent(e, t) {
-    return re(async () => {
+    return ce(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 ce(async () => await je(e, window));
   }
 }
-function bs(n) {
-  const e = new us(n);
+function Ds(n) {
+  const e = new Ss(n);
   return {
     provider: e,
     onReady: (s) => e.ready(s)
   };
 }
-function be(n = {}) {
-  const e = ue($e);
+function Pe(n = {}) {
+  const e = he(Re);
   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 +1350,7 @@ function be(n = {}) {
   }
   return e;
 }
-const X = new Be({
+const se = new Je({
   settings: {
     type: "json",
     validSuccess: !0,
@@ -1314,12 +1358,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({
+}), bs = (n = "/__vtj__/api/:type.json") => (e, t) => se.send({
   url: n,
   method: "post",
   params: { type: e },
@@ -1327,7 +1371,7 @@ const X = new Be({
     type: e,
     data: t
   }
-}), ps = (n = "/__vtj__/api/uploader.json") => async (e, t) => await X.send({
+}), js = (n = "/__vtj__/api/uploader.json") => async (e, t) => await se.send({
   url: n,
   method: "post",
   data: {
@@ -1338,12 +1382,12 @@ const X = new Be({
     type: "data"
   }
 }).then((s) => s && s[0] ? s[0] : null).catch(() => null);
-class Z {
+class ne {
   api;
   pluginCaches = {};
   uploader;
   constructor() {
-    this.api = ds(), this.uploader = ps();
+    this.api = bs(), this.uploader = js();
   }
   async getExtension() {
     console.log("BaseService.getExtension");
@@ -1416,10 +1460,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) => ct(o))[0];
     if (!s) return null;
     const r = this.pluginCaches[s];
-    return r || (this.pluginCaches[s] = X.send({
+    return r || (this.pluginCaches[s] = se.send({
       url: s,
       method: "get",
       settings: {
@@ -1428,78 +1472,81 @@ class Z {
       }
     }).then((o) => o.data).catch(() => null));
   }
+  async genSource(e) {
+    return console.log("BaseService.genSource", e), "";
+  }
 }
-const y = new Ue({
+const v = new Ve({
   type: "local",
   expired: 0,
   prefix: "__VTJ_"
 });
-class Es extends Z {
+class Ms extends ne {
   init(e) {
-    const t = new A(e), s = y.get(`project_${t.id}`), r = Object.assign(t.toDsl(), s || {});
-    return y.save(`project_${t.id}`, r), Promise.resolve(r);
+    const t = new M(e), s = v.get(`project_${t.id}`), r = Object.assign(t.toDsl(), s || {});
+    return v.save(`project_${t.id}`, r), Promise.resolve(r);
   }
   saveProject(e) {
-    const t = new A(e);
-    return y.save(`project_${t.id}`, t.toDsl()), Promise.resolve(!0);
+    const t = new M(e);
+    return v.save(`project_${t.id}`, t.toDsl()), Promise.resolve(!0);
   }
   saveMaterials(e, t) {
-    return y.save(`materials_${e.id}`, z(t)), Promise.resolve(!0);
+    return v.save(`materials_${e.id}`, Q(t)), Promise.resolve(!0);
   }
   saveFile(e) {
-    return y.save(`file_${e.id}`, e), Promise.resolve(!0);
+    return v.save(`file_${e.id}`, e), Promise.resolve(!0);
   }
   getFile(e) {
-    const t = y.get(`file_${e}`);
+    const t = v.get(`file_${e}`);
     return t ? Promise.resolve(t) : Promise.reject(null);
   }
   removeFile(e) {
-    return y.remove(`file_${e}`), Promise.resolve(!0);
+    return v.remove(`file_${e}`), Promise.resolve(!0);
   }
   saveHistory(e) {
-    return y.save(`history_${e.id}`, e), Promise.resolve(!0);
+    return v.save(`history_${e.id}`, e), Promise.resolve(!0);
   }
   removeHistory(e) {
-    const t = y.get(`history_${e}`);
+    const t = v.get(`history_${e}`);
     if (t) {
       const r = (t.items || []).map((o) => o.id);
-      this.removeHistoryItem(e, r), y.remove(`history_${e}`);
+      this.removeHistoryItem(e, r), v.remove(`history_${e}`);
     }
     return Promise.resolve(!0);
   }
   getHistory(e) {
-    const t = y.get(`history_${e}`), s = new ce(t || { id: e });
+    const t = v.get(`history_${e}`), s = new de(t || { id: e });
     return Promise.resolve(s.toDsl());
   }
   getHistoryItem(e, t) {
-    const s = y.get(`history_${e}_${t}`);
+    const s = v.get(`history_${e}_${t}`);
     return Promise.resolve(s);
   }
   saveHistoryItem(e, t) {
-    return y.save(`history_${e}_${t.id}`, t), Promise.resolve(!0);
+    return v.save(`history_${e}_${t.id}`, t), Promise.resolve(!0);
   }
   removeHistoryItem(e, t) {
     return t.forEach((s) => {
-      y.remove(`history_${e}_${s}`);
+      v.remove(`history_${e}_${s}`);
     }), Promise.resolve(!0);
   }
 }
-class fs extends Z {
+class $s extends ne {
   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] = Q(t)), Promise.resolve(!0);
   }
   saveFile(e) {
     return this.files[e.id] = e, Promise.resolve(!0);
@@ -1523,7 +1570,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 de(t || { id: e });
     return Promise.resolve(s);
   }
   getHistoryItem(e, t) {
@@ -1541,11 +1588,11 @@ class fs extends Z {
     }), Promise.resolve(!0);
   }
 }
-let F = null;
-function Ps() {
-  return F || (F = new fs(), F);
+let I = null;
+function Os() {
+  return I || (I = new $s(), I);
 }
-class xs extends Z {
+class Hs extends ne {
   getFileCaches = {};
   async getExtension() {
     return await this.api("getExtension", {}).catch(() => {
@@ -1560,7 +1607,7 @@ class xs extends Z {
   async saveMaterials(e, t) {
     return !!await this.api("saveMaterials", {
       project: e,
-      materials: z(t)
+      materials: Q(t)
     }).catch(() => !1);
   }
   async saveFile(e) {
@@ -1600,110 +1647,122 @@ class xs extends Z {
     );
   }
 }
-function Ee(n = []) {
-  return n.map((e) => {
-    const { id: t, title: s, icon: r, children: o, hidden: a } = e;
+function xe(n, e, t = []) {
+  return t.map((s) => {
+    const { id: r, title: o, icon: a, children: i, hidden: c } = 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: c,
+      url: `${n}/${e}/${r}`,
+      children: i && i.length ? xe(n, e, i) : void 0
     };
   });
 }
-function Pe(n, e) {
+function ke(n, e) {
   if (!e) return n;
   let t = [];
   for (const s of n)
     if (s.children && s.children.length) {
-      const r = Pe(s.children, e);
+      const r = ke(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 Bs(n) {
+  const {
+    menuPathPrefix: e = "",
+    pageRouteName: t = "page",
+    disableMenusFilter: s = !1
+  } = n || {}, r = Pe(), o = ye(), a = Rt(), i = F(!1), c = F(!1), l = r.project;
+  st(() => {
+    const { name: p, params: h, meta: m } = o;
+    if (p === C) {
+      const d = r.getPage(h.id);
+      i.value = !d?.mask, c.value = !!d?.pure;
+    } else if (p === D) {
+      const d = r.getHomepage();
+      i.value = !d?.mask, c.value = !!d?.pure;
     } else
-      s.value = !d.mask, r.value = !!d.pure;
+      i.value = !m.mask, c.value = !!m.pure;
   });
-  const i = Ee(a?.pages), c = a?.config;
+  const f = xe(
+    e,
+    t,
+    l?.pages
+  ), u = l?.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 || l?.description || l?.name || "VTJ App",
+    menus: s ? f : ke(f, a),
+    pure: c
   };
 }
 export {
-  _e as ACCESS_KEY,
-  $s as Access,
-  Ze as BUILT_IN_DIRECTIVES,
-  Z as BaseService,
-  oe as CONTEXT_HOST,
-  yt as Context,
-  _ as ContextMode,
-  et as DATA_TYPES,
-  me as HOMEPAGE_ROUTE_NAME,
-  js as JSCodeToString,
-  _s 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,
-  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
+  be as ACCESS_KEY,
+  Is as Access,
+  at as BUILD_IN_TAGS,
+  rt as BUILT_IN_DIRECTIVES,
+  ne as BaseService,
+  le as CONTEXT_HOST,
+  Pt as Context,
+  y as ContextMode,
+  ot as DATA_TYPES,
+  D as HOMEPAGE_ROUTE_NAME,
+  it as HTML_TAGS,
+  Ts as JSCodeToString,
+  Cs as LIFE_CYCLES_LIST,
+  Hs as LocalService,
+  $s as MemoryService,
+  ws as NodeEnv,
+  C as PAGE_ROUTE_NAME,
+  Ss as Provider,
+  ys as Startup,
+  Ms as StorageService,
+  k as VTJ_RENDERER_VERSION,
+  we as adoptedStyleSheets,
+  Fs as createAssetScripts,
+  As as createAssetsCss,
+  It as createDataSources,
+  Y as createLoader,
+  Os as createMemoryService,
+  St as createMetaApi,
+  Ds as createProvider,
+  G as createRenderer,
+  wt as createSchemaApi,
+  bt as createSchemaApis,
+  Ot as defaultLoader,
+  T as fillBasePath,
+  $e as getModifiers,
+  je as getPlugin,
+  pt as getRawComponent,
+  gt as isBuiltInTag,
+  Z as isCSSUrl,
+  yt as isJSCode,
+  _ as isJSExpression,
+  U as isJSFunction,
+  ct as isJSON,
+  ee as isJSUrl,
+  vt as isNativeTag,
+  mt as isVuePlugin,
+  dt as loadCss,
+  ft as loadCssUrl,
+  ht as loadScriptUrl,
+  $t as mockApi,
+  jt as mockApis,
+  Se as mockCleanup,
+  H as nodeRender,
+  ut as parseDeps,
+  A as parseExpression,
+  ue as parseFunction,
+  Re as providerKey,
+  lt as removeProdFlag,
+  _e as toString,
+  Rt as useAccess,
+  Bs as useMask,
+  Pe as useProvider
 };