@vtj/renderer 0.9.0 → 0.9.2

package/dist/index.mjs

@@ -1,19 +1,19 @@
-import { Base as xe, BUILT_IN_COMPONENTS as ke, ProjectModel as T, HistoryModel as ue } from "@vtj/core";
-import { isUrl as Ce, url as P, dedupArray as Fe, isString as S, isFunction as z, logger as D, createRequest as Ae, merge as Ie, pathToRegexp as Oe, pathToRegexpMatch as Me, formDataToJson as Te, storage as L, cookie as q, toArray as ne, unRSA as re, delay as de, camelCase as $, upperFirst as De, pick as He, jsonp as Be, loadScript as oe, Request as Ne, Storage as Ue, mapToObject as Y } from "@vtj/utils";
+import { Base as Ae, BUILT_IN_COMPONENTS as Te, ProjectModel as H, HistoryModel as de } from "@vtj/core";
+import { isUrl as Ie, url as x, dedupArray as De, isString as j, isFunction as K, logger as M, createRequest as He, merge as Me, pathToRegexp as Oe, 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 pe, toRef as Le, readonly as qe, customRef as Je, ref as C, onBeforeUnmount as Ve, getCurrentScope as ze, onScopeDispose as Ke, unref as We, getCurrentInstance as fe, watch as he, computed as me, onMounted as Ge, defineComponent as Q, h as K, openBlock as Ye, createElementBlock as Qe, createElementVNode as b, toDisplayString as J, defineAsyncComponent as ie, watchEffect as Xe } from "vue";
-import { ElNotification as N, ElLoading as Ze } from "element-plus";
-import { useRoute as ge } from "vue-router";
+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
+ * @version 0.9.2
  * @license <a href="https://vtj.pro/license.html">MIT License</a>
  */
-const x = "0.9.0";
-var _ = /* @__PURE__ */ ((n) => (n.Runtime = "Runtime", n.Design = "Design", n.Raw = "Raw", n.VNode = "VNode", n))(_ || {});
-const ae = [
+const k = "0.9.2";
+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 ae = [
   "$props",
   "$options",
   "$forceUpdate"
-], ws = [
+], Cs = [
   "beforeCreate",
   "created",
   "beforeMount",
@@ -39,7 +39,14 @@ const ae = [
   "renderTriggered",
   "activated",
   "deactivated"
-], et = ["vIf", "vShow", "vModel", "vFor", "vBind"], tt = {
+], rt = [
+  "vIf",
+  "vShow",
+  "vModel",
+  "vFor",
+  "vBind",
+  "vHtml"
+], ot = {
   String,
   Number,
   Boolean,
@@ -47,65 +54,67 @@ const ae = [
   Object,
   Function,
   Date
-}, k = "VtjPage", M = "VtjHomepage";
-function I(n, e) {
-  return n.map((t) => Ce(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 X(n) {
+function Z(n) {
   return /\.css$/.test(n);
 }
-function Z(n) {
+function ee(n) {
   return /\.js$/.test(n);
 }
-function st(n) {
+function ct(n) {
   return /\.json$/.test(n);
 }
-function Ss(n) {
+function Fs(n) {
   return n.map(
-    (e) => `<script src="${P.append(e, { v: x })}"><\/script>`
+    (e) => `<script src="${x.append(e, { v: k })}"><\/script>`
   ).join("");
 }
-function js(n = []) {
+function As(n = []) {
   return n.map(
-    (e) => `<link rel="stylesheet" href="${P.append(e, { v: x })}" />`
+    (e) => `<link rel="stylesheet" href="${x.append(e, { v: k })}" />`
   ).join("");
 }
-function nt(n, e = !1) {
+function lt(n, e = !1) {
   return e && n.endsWith(".prod.js") ? n.replace(".prod.js", ".js") : n;
 }
-function rt(n, e, t = !1) {
-  const s = n.filter((p) => !!p.enabled), r = [], o = [], a = [], i = [], l = {}, c = {}, f = [], u = {};
+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: p, assetsUrl: d, library: h, assetsLibrary: m, localeLibrary: v }) => {
+    ({ urls: p, assetsUrl: h, library: m, assetsLibrary: d, localeLibrary: w }) => {
       p?.forEach((g) => {
-        Z(g) && r.push(nt(g, t)), X(g) && o.push(g);
-      }), h && (i.push(h), l[h] = I(p || [], e), v && (c[h] = v)), d && a.push(d), m && f.push(m), h && m && (u[m] = h);
+        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: I(r, e),
-    css: I(o, e),
-    materials: I(a, e),
+    scripts: T(r, e),
+    css: T(o, e),
+    materials: T(a, e),
     libraryExports: i,
-    materialExports: Fe(f),
+    materialExports: De(f),
     materialMapLibrary: u,
-    libraryMap: l,
-    libraryLocaleMap: c
+    libraryMap: c,
+    libraryLocaleMap: l
   };
 }
-function ot(n, e) {
+function pt(n, e) {
   const { name: t, parent: s, alias: r } = n;
   return s ? e[s]?.[r || t] : e[r || t];
 }
-function ve(n) {
-  return S(n) ? n : JSON.stringify(n);
+function _e(n) {
+  return j(n) ? n : JSON.stringify(n);
 }
-function ye(n, e, t) {
+function we(n, e, t) {
   const s = n.CSSStyleSheet;
   if (s.prototype.replaceSync) {
     const r = new s();
     r.id = e, r.replaceSync(t);
     const o = n.document, a = o.adoptedStyleSheets, i = Array.from(a).filter(
-      (l) => l.id !== e
+      (c) => c.id !== e
     );
     o.adoptedStyleSheets = [...i, r];
   } else {
@@ -114,11 +123,11 @@ function ye(n, e, t) {
     o ? o.innerHTML = t : (o = r.createElement("style"), o.id = e, o.innerHTML = t, r.head.appendChild(o));
   }
 }
-async function it(n, e) {
+async function dt(n, e) {
   const t = await window.fetch(e).then((s) => s.text()).catch(() => "");
-  t && ye(window, n, t);
+  t && we(window, n, t);
 }
-function at(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,40 +135,46 @@ function at(n, e = window) {
       a.rel = "stylesheet", a.id = r, a.href = r, s.appendChild(a);
     }
 }
-async function ct(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) => {
-    for (const l of n) {
-      const c = s.createElement("script");
-      c.src = l, c.onload = () => {
+    for (const c of n) {
+      const l = s.createElement("script");
+      l.src = c, l.onload = () => {
         o = t[e], o ? a(o.default || o) : i(null);
-      }, c.onerror = (f) => {
+      }, l.onerror = (f) => {
         i(f);
-      }, r.appendChild(c);
+      }, r.appendChild(l);
     }
   });
 }
-function lt(n) {
-  return z(n) || z(n?.install);
+function mt(n) {
+  return K(n) || K(n?.install);
+}
+function gt(n) {
+  return at.includes(n);
+}
+function vt(n) {
+  return it.includes(n);
 }
-function F(n, e, t = !1, s = !1) {
+function A(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, l) => `__self${l}`), o = r.join(`
+    o = o.replace(/this(\W|$)/g, (i, c) => `__self${c}`), o = r.join(`
 `) + o;
     const a = `with(${t ? "{}" : "$scope || {}"}) { ${o} }`;
     return new Function("$scope", a)(e);
   } catch (r) {
-    if (D.error("parseExpression.error", r, n, e?.__self ?? e), s)
+    if (M.error("parseExpression.error", r, n, e?.__self ?? e), s)
       throw r;
   }
 }
-function ce(n, e, t = !1, s = !1) {
-  const r = F(n, e, t, s);
-  if (typeof r != "function" && (D.error(
+function ue(n, e, t = !1, s = !1) {
+  const r = A(n, e, t, s);
+  if (typeof r != "function" && (M.error(
     "parseFunction.error",
     "not a function",
     n,
@@ -168,20 +183,20 @@ function ce(n, e, t = !1, s = !1) {
     throw new Error(`"${n.value}" not a function`);
   return r;
 }
-function w(n) {
+function _(n) {
   return n && n.type === "JSExpression";
 }
 function U(n) {
   return typeof n == "object" && n && n.type === "JSFunction";
 }
-function ut(n) {
-  return w(n) || U(n);
+function yt(n) {
+  return _(n) || U(n);
 }
-function $s(n) {
-  return ut(n) ? n.value : JSON.stringify(n);
+function Ts(n) {
+  return yt(n) ? n.value : JSON.stringify(n);
 }
-let E = null;
-const dt = Ae({
+let R = null;
+const _t = He({
   settings: {
     type: "form",
     validSuccess: !0,
@@ -195,19 +210,19 @@ const dt = Ae({
       });
     },
     showLoading: () => {
-      E && E.close(), E = Ze.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 R;
-function pt(n, e) {
+let P;
+function wt(n, e) {
   const { jsonp: t, request: s } = e;
   if (n.method === "jsonp")
     return (r = {}) => t(n.url, {
@@ -215,7 +230,7 @@ function pt(n, e) {
       query: r
     });
   {
-    const r = n.headers ? F(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 +238,10 @@ function pt(n, e) {
         headers: r
       }
     };
-    return (a, i) => (delete o.data, s.send(Ie(o, i || {}, { data: a })));
+    return (a, i) => (delete o.data, s.send(Me(o, i || {}, { data: a })));
   }
 }
-function ft(n, e) {
+function St(n, e) {
   const { metaQuery: t } = e;
   if (!t) return;
   const { code: s, queryCode: r } = n;
@@ -238,34 +253,34 @@ function ft(n, e) {
     return t(s, r, o, a);
   };
 }
-function ht(n = [], e = [], t) {
+function bt(n = [], e = [], t) {
   const s = {};
   for (const r of n)
-    s[r.id] = pt(r, t);
+    s[r.id] = wt(r, t);
   for (const r of e)
-    s[r.id] = ft(r, t);
+    s[r.id] = St(r, t);
   return s;
 }
-async function mt(n = []) {
-  R = await import("mockjs").then((e) => e.default || e), R && (R.setup({
+async function jt(n = []) {
+  P = await import("mockjs").then((e) => e.default || e), P && (P.setup({
     timeout: "50-500"
-  }), _e(), n.forEach((e) => gt(R, e)));
+  }), Se(), n.forEach((e) => $t(P, e)));
 }
-function gt(n, e) {
+function $t(n, e) {
   if (!e.mock) return;
   const { url: t, mockTemplate: s } = e;
   if (t && s) {
-    const r = Oe(`${t}(.*)`), o = Me(t, { decode: decodeURIComponent }), a = F(s, {}, !0);
+    const r = Oe(`${t}(.*)`), o = Be(t, { decode: decodeURIComponent }), a = A(s, {}, !0);
     n.mock(r, (i) => {
-      const l = P.parse(i.url) || {}, c = i.body instanceof FormData ? Te(i.body) : i.body, f = o(i.url)?.params;
-      return Object.assign(i, { data: c, params: l, query: f }), n.mock(a(i));
+      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 _e() {
-  R && (R._mocked = {});
+function Se() {
+  P && (P._mocked = {});
 }
-const vt = {
+const Et = {
   session: !1,
   authKey: "Authorization",
   storageKey: "ACCESS_STORAGE",
@@ -277,31 +292,31 @@ const vt = {
   unauthorizedMessage: "登录已经失效，请重新登录！",
   noPermissionMessage: "无权限访问该页面",
   appName: ""
-}, we = Symbol("access");
-class bs {
+}, be = Symbol("access");
+class Is {
   options;
   data = null;
-  mode = _.Raw;
+  mode = y.Raw;
   constructor(e) {
-    this.options = Object.assign({}, vt, 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 && this.mode === _.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 && (L.save(t, e, {
+    this.setData(e), this.data && (q.save(t, e, {
       type: "local",
       prefix: s
-    }), r && q.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, L.remove(e, {
+    this.data = null, q.remove(e, {
       type: "local",
       prefix: t
-    }), s && q.remove(r);
+    }), s && J.remove(r);
   }
   logout() {
     this.clear(), this.toLogin();
@@ -314,14 +329,14 @@ class bs {
   }
   can(e) {
     const { appName: t } = this.options, { permissions: s = {} } = this.data || {};
-    return typeof e == "function" ? e(s) : ne(e).every((o) => s[o] || s[t + "." + o]);
+    return typeof e == "function" ? e(s) : oe(e).every((o) => s[o] || s[t + "." + o]);
   }
   some(e) {
     const { appName: t } = this.options, { permissions: s = {} } = this.data || {};
-    return ne(e).some((o) => s[o] || s[t + "." + o]);
+    return oe(e).some((o) => s[o] || s[t + "." + o]);
   }
   install(e) {
-    e.config.globalProperties.$access || (e.config.globalProperties.$access = this), e.provide(we, this);
+    e.config.globalProperties.$access || (e.config.globalProperties.$access = this), e.provide(be, this);
   }
   isAuthPath(e) {
     const { auth: t, isAuth: s } = this.options;
@@ -342,13 +357,13 @@ class bs {
   setData(e) {
     const { privateKey: t } = this.options;
     if (Array.isArray(e) && t) {
-      const s = e.map((r) => re(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 ? re(e, t) : e;
+        const s = t ? ie(e, t) : e;
         s ? this.data = JSON.parse(s) : console.warn("RSA解密失败或登录信息缺失");
       } catch (s) {
         console.warn(s);
@@ -357,7 +372,7 @@ class bs {
       this.data = e;
   }
   loadData() {
-    const { storageKey: e, storagePrefix: t } = this.options, s = L.get(e, {
+    const { storageKey: e, storagePrefix: t } = this.options, s = q.get(e, {
       type: "local",
       prefix: t
     });
@@ -365,10 +380,10 @@ class bs {
   }
   isLogined() {
     const { session: e, authKey: t } = this.options;
-    return e && t ? !!q.get(t) : !!this.getToken();
+    return e && t ? !!J.get(t) : !!this.getToken();
   }
   hasRoutePermission(e) {
-    if (e.name === k) {
+    if (e.name === C) {
       const t = e.params.id;
       return t && this.can(t);
     }
@@ -385,7 +400,7 @@ class bs {
         return t();
       {
         const { noPermissionMessage: s = "无权限访问", unauthorized: r = !1 } = this.options;
-        return await this.showTip(s), z(r) ? (r(), t(!1)) : S(r) ? t(r) : t(!1);
+        return await this.showTip(s), K(r) ? (r(), t(!1)) : j(r) ? t(r) : t(!1);
       }
     }
     t(!1), this.toLogin();
@@ -404,7 +419,7 @@ class bs {
   }
   async showTip(e) {
     const { alert: t } = this.options;
-    return t ? (await de(150), await t(e, {
+    return t ? (await fe(150), await t(e, {
       title: "提示",
       type: "warning"
     }).catch(() => !1)) : !1;
@@ -419,10 +434,10 @@ class bs {
     );
   }
 }
-function yt() {
-  return pe(we, null);
+function Rt() {
+  return he(be, null);
 }
-class _t {
+class Pt {
   __id = null;
   __mode;
   __instance = null;
@@ -465,41 +480,41 @@ class _t {
     });
   }
   __proxy() {
-    this.__instance && ae.forEach((e) => {
+    this.__instance && le.forEach((e) => {
       this[e] = this.__instance?.[e];
     });
   }
   __cleanup() {
-    ae.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 ce({ type: s, value: r }, this);
+        return ue({ type: s, value: r }, this);
       } else
-        return ce(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 F({ type: s, value: r }, this);
+        return A({ type: s, value: r }, this);
       } else
-        return F(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 de(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];
@@ -520,72 +535,72 @@ class _t {
     return s.context.__proto__ = this.context, s.__proto__ = this, s;
   }
 }
-function W(n) {
+function G(n) {
   const {
     Vue: e = B,
-    mode: t = _.Runtime,
+    mode: t = y.Runtime,
     components: s = {},
     libs: r = {},
     apis: o = {},
     loader: a
-  } = n, i = e.computed(() => n.dsl), l = {
+  } = n, i = e.computed(() => n.dsl), c = {
     $components: s,
     $libs: r,
     $apis: o
-  }, c = new _t({
+  }, l = new Pt({
     mode: t,
     dsl: i.value,
-    attrs: l
+    attrs: c
   }), f = e.defineComponent({
     name: i.value.name,
     props: {
-      ...St(i.value.props ?? [], c)
+      ...kt(i.value.props ?? [], l)
     },
     setup(u) {
-      c.$props = u, c.props = u, i.value.id && ye(
+      l.$props = u, l.props = u, i.value.id && we(
         n.window || window,
         i.value.id,
         i.value.css || ""
-      ), c.state = jt(e, i.value.state ?? {}, c);
-      const p = $t(e, i.value.computed ?? {}, c), d = bt(i.value.methods ?? {}, c), h = Et(e, i.value.inject, c), m = Rt(
+      ), 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 || {},
-        c
-      ), v = {
-        ...h,
+        l
+      ), w = {
+        ...m,
         ...p,
-        ...d,
-        ...m
+        ...h,
+        ...d
       };
-      return c.setup(v, e), Pt(e, i.value.watch ?? [], c), {
-        vtj: c
+      return l.setup(w, e), Dt(e, i.value.watch ?? [], l), {
+        vtj: l
       };
     },
-    emits: wt(i.value.emits),
+    emits: xt(i.value.emits),
     expose: ["vtj"],
     render() {
       if (!i.value.nodes) return null;
       const u = i.value.nodes || [];
-      return u.length === 1 ? H(u[0], c, e, a) : u.map((p) => H(p, c, e, a));
+      return u.length === 1 ? O(u[0], l, e, a) : u.map((p) => O(p, l, e, a));
     },
-    ...xt(i.value.lifeCycles ?? {}, c)
+    ...Ht(i.value.lifeCycles ?? {}, l)
   });
   return {
     renderer: e.markRaw(f),
-    context: c
+    context: l
   };
 }
-function wt(n = []) {
-  return n.map((e) => S(e) ? e : e.name);
+function xt(n = []) {
+  return n.map((e) => j(e) ? e : e.name);
 }
-function St(n = [], e) {
-  const t = (s) => s ? (Array.isArray(s) ? s : [s]).map((o) => tt[o]) : void 0;
-  return n.map((s) => S(s) ? {
+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: w(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),
@@ -595,53 +610,53 @@ function St(n = [], e) {
     {}
   );
 }
-function jt(n, e, t) {
+function Ct(n, e, t) {
   return n.reactive(
     Object.keys(e || {}).reduce(
       (s, r) => {
         let o = e[r];
-        return w(o) ? o = t.__parseExpression(o) : U(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 $t(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 bt(n, e) {
+function At(n, e) {
   return Object.entries(n ?? {}).reduce(
     (t, [s, r]) => (t[s] = e.__parseFunction(r), t),
     {}
   );
 }
-function Et(n, e = [], t) {
+function Tt(n, e = [], t) {
   return e.reduce(
     (s, r) => {
       const { name: o, from: a } = r || {};
       r.default;
-      const i = w(a) ? t.__parseExpression(a) || o : a ?? o, l = w(r.default) ? t.__parseExpression(r.default) : r.default ?? null;
-      return s[o] = n.inject(i, l), s;
+      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 Rt(n, e) {
+function It(n, e) {
   return Object.keys(n).reduce(
     (t, s) => {
       const r = n[s], o = e.$apis[r.ref], a = U(r.transform) ? r.transform.value ? e.__parseFunction(r.transform) : void 0 : r.transform;
       return t[s] = async (...i) => {
-        const l = await o.apply(e, i);
-        return a ? a(l) : l;
+        const c = await o.apply(e, i);
+        return a ? a(c) : c;
       }, t;
     },
     {}
   );
 }
-function Pt(n, e = [], t) {
+function Dt(n, e = [], t) {
   e.forEach((s) => {
     n.watch(
       t.__parseExpression(s.source),
@@ -653,111 +668,125 @@ function Pt(n, e = [], t) {
     );
   });
 }
-function xt(n, e) {
+function Ht(n, e) {
   return Object.entries(n ?? {}).reduce(
     (t, [s, r]) => (t[s] = e.__parseFunction(r), t),
     {}
   );
 }
-let V = [];
-const kt = (n) => n;
-async function Se(n, e = window) {
-  const { urls: t = [], library: s } = n, r = t.filter((i) => Z(i));
+let z = [];
+const Mt = (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) => X(i));
-  return o.length && at(o, e), await ct(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 G(n) {
+function Y(n) {
   const { getDsl: e, getDslByUrl: t, options: s } = n;
-  return s.window && (V.forEach((r) => {
+  return s.window && (z.forEach((r) => {
     delete s.window[r];
-  }), V = []), (r, o, a = B) => !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 ? W({
+    return i && (i.name = r), i ? G({
       ...s,
       Vue: a,
       dsl: i,
-      mode: _.Runtime,
-      loader: G(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 ? W({
+    return i && (i.name = r), i ? G({
       ...s,
       Vue: a,
       dsl: i,
-      mode: _.Runtime,
-      loader: G(n)
+      mode: y.Runtime,
+      loader: Y(n)
     }).renderer : null;
-  }) : o.type === "Plugin" ? (o.library && V.push(o.library), a.defineAsyncComponent(async () => {
-    const i = await Se(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 H(n, e, t = B, s = kt) {
+function O(n, e, t = B, s = Mt) {
   if (!n || !n.name || n.invisible) return null;
-  const r = t.getCurrentInstance()?.appContext, { id: o = null, directives: a = [] } = n, { vIf: i, vFor: l, vShow: c, vModels: f, vBind: u } = Ct(a);
-  if (i && !Ft(i, e))
+  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 p = (d) => {
-    const h = d.$components, m = (() => {
+  const m = (d) => {
+    const w = d.$components, g = (() => {
       if (n.name === "component")
-        return At(d, n.props?.is);
+        return Ut(d, n.props?.is);
       if (n.name === "slot") return n.name;
-      const j = s(n.name, n.from, t);
-      return S(j) ? h[j] ?? r?.app?.component(j) ?? j : j;
-    })(), v = It(o, n.props ?? {}, d), g = Ot(t, n.events ?? {}, d);
+      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 Mt(t, n, v, d, s);
-    u && Object.assign(v, d.__parseExpression(u.value)), c && (v.style = Object.assign(
-      v.style ?? {},
-      Dt(c, d)
-    )), f.forEach((j) => {
-      Object.assign(v, Ht(t, j, d));
+      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 A = Bt(
+    const Fe = Gt(
       t,
       n.children ?? [],
       d,
       s,
       n
     );
-    return t.createVNode(m, { ...v, ...g }, A);
+    let L = t.createVNode(g, { ...S, ...Ce }, Fe);
+    const re = r ? Ot(r, h, d) : [];
+    return re.length && (L = t.withDirectives(L, re)), L;
   };
-  return l ? Lt(l, p, e) : p(e);
+  return c ? Xt(c, m, e) : m(e);
 }
-function Ct(n = []) {
-  const e = n.find((i) => $(i.name) === "vIf"), t = n.find((i) => $(i.name) === "vFor"), s = n.find((i) => $(i.name) === "vShow"), r = n.find((i) => $(i.name) === "vBind"), o = n.filter((i) => $(i.name) === "vModel"), a = n.filter(
-    (i) => !et.includes($(i.name))
+function Ot(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), 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 Ft(n, e) {
+function Nt(n, e) {
   return !!e.__parseExpression(n.value);
 }
-function At(n, e) {
-  return e ? w(e) ? n.__parseExpression(e) : e : "div";
+function Ut(n, e) {
+  return e ? _(e) ? n.__parseExpression(e) : e : "div";
 }
-function It(n, e, t) {
+function Lt(n, e, t) {
   const s = Object.keys(e || {}).reduce(
     (r, o) => {
       let a = e[o];
-      return w(a) ? a = t.__parseExpression(a) : U(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 Ot(n, e, t) {
+function qt(n, e, t) {
   const s = ["passive", "capture", "once"], r = {
     capture: "Capture",
     once: "Once",
@@ -765,70 +794,77 @@ function Ot(n, e, t) {
   };
   return Object.keys(e || {}).reduce(
     (o, a) => {
-      const i = e[a], l = je(i.modifiers), c = l.find((p) => s.includes(p)), f = "on" + De(a) + (c && r[c] || ""), u = t.__parseFunction(i.handler);
-      return u && (o[f] = n.withModifiers(u, l)), o;
+      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 je(n = {}, e = !1) {
+function $e(n = {}, e = !1) {
   const t = Object.keys(n);
   return e ? t.map((s) => "." + s) : t;
 }
-function Mt(n, e, t, s, r) {
-  const { children: o } = e, a = Tt(e, s), i = s.$slots?.[a.name];
-  return i ? i(t) : o ? S(o) ? n.createTextVNode(o) : w(o) ? n.createTextVNode(
-    ve(s.__parseExpression(o))
+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(
-    (l) => H(l, s, n, r)
+    (c) => O(c, s, n, r)
   ) : null : null;
 }
-function Tt(n, e) {
+function Vt(n, e) {
   const { props: t } = n, s = t?.name || "default";
   return {
-    name: w(s) ? e.__parseExpression(s) : s,
+    name: _(s) ? e.__parseExpression(s) : s,
     params: []
   };
 }
-function Dt(n, e) {
+function zt(n, e) {
   return e.__parseExpression(n.value) ? {} : {
     display: "none"
   };
 }
-function Ht(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 = je(e.modifiers), a = w(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 Bt(n, e, t, s, r) {
+function Gt(n, e, t, s, r) {
   if (!e) return null;
-  if (S(e))
+  if (j(e))
     return { default: () => e };
-  if (w(e))
+  if (_(e))
     return {
-      default: () => ve(t.__parseExpression(e))
+      default: () => _e(t.__parseExpression(e))
     };
   if (Array.isArray(e) && e.length > 0) {
-    const o = Nt(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, [l, { nodes: c, params: f }]) => (i[l] = (u) => {
-      const p = f.length ? He(u ?? {}, f) : a(u);
-      return c.map(
-        (d) => H(d, t.__clone(p), n, s)
+    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(
+        (h) => O(h, t.__clone(p), n, s)
       );
     }, i), {});
   }
   return null;
 }
-function Nt(n) {
+function Yt(n) {
   const e = {
     default: {
       params: [],
@@ -836,7 +872,7 @@ function Nt(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
@@ -844,111 +880,111 @@ function Nt(n) {
   }
   return e;
 }
-function Ut(n = "default") {
-  return S(n) ? { name: n, params: [] } : { params: [], ...n };
+function Qt(n = "default") {
+  return j(n) ? { name: n, params: [] } : { params: [], ...n };
 }
-function Lt(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((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`), []);
+  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 qt(n) {
-  return ze() ? (Ke(n), !0) : !1;
+function Zt(n) {
+  return Ye() ? (Qe(n), !0) : !1;
 }
-function ee(n) {
-  return typeof n == "function" ? n() : We(n);
+function te(n) {
+  return typeof n == "function" ? n() : Xe(n);
 }
-const $e = typeof window < "u" && typeof document < "u";
+const Ee = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const Jt = (n) => n != null, Vt = () => {
+const es = (n) => n != null, ts = () => {
 };
-function zt(n) {
-  return fe();
+function ss(n) {
+  return me();
 }
-function Kt(...n) {
+function ns(...n) {
   if (n.length !== 1)
-    return Le(...n);
+    return ze(...n);
   const e = n[0];
-  return typeof e == "function" ? qe(Je(() => ({ get: e, set: Vt }))) : C(e);
+  return typeof e == "function" ? Ke(We(() => ({ get: e, set: ts }))) : F(e);
 }
-function Wt(n, e) {
-  zt() && Ve(n, e);
+function rs(n, e) {
+  ss() && Ge(n, e);
 }
-const Gt = $e ? window : void 0, Yt = $e ? window.document : void 0;
-function Qt(n) {
+const os = Ee ? window : void 0, is = Ee ? window.document : void 0;
+function as(n) {
   var e;
-  const t = ee(n);
+  const t = te(n);
   return (e = t?.$el) != null ? e : t;
 }
-function Xt() {
-  const n = C(!1), e = fe();
-  return e && Ge(() => {
+function cs() {
+  const n = F(!1), e = me();
+  return e && Ze(() => {
     n.value = !0;
   }, e), n;
 }
-function Zt(n) {
-  const e = Xt();
-  return me(() => (e.value, !!n()));
+function ls(n) {
+  const e = cs();
+  return ve(() => (e.value, !!n()));
 }
-function es(n, e, t = {}) {
-  const { window: s = Gt, ...r } = t;
+function us(n, e, t = {}) {
+  const { window: s = os, ...r } = t;
   let o;
-  const a = Zt(() => s && "MutationObserver" in s), i = () => {
+  const a = ls(() => s && "MutationObserver" in s), i = () => {
     o && (o.disconnect(), o = void 0);
-  }, l = me(() => {
-    const p = ee(n), d = (Array.isArray(p) ? p : [p]).map(Qt).filter(Jt);
-    return new Set(d);
-  }), c = he(
-    () => l.value,
+  }, c = ve(() => {
+    const p = te(n), h = (Array.isArray(p) ? p : [p]).map(as).filter(es);
+    return new Set(h);
+  }), l = ge(
+    () => c.value,
     (p) => {
-      i(), a.value && p.size && (o = new MutationObserver(e), p.forEach((d) => o.observe(d, r)));
+      i(), a.value && p.size && (o = new MutationObserver(e), p.forEach((h) => o.observe(h, r)));
     },
     { immediate: !0, flush: "post" }
   ), f = () => o?.takeRecords(), u = () => {
-    c(), i();
+    l(), i();
   };
-  return qt(u), {
+  return Zt(u), {
     isSupported: a,
     stop: u,
     takeRecords: f
   };
 }
-function ts(n = null, e = {}) {
+function ps(n = null, e = {}) {
   var t, s, r;
   const {
-    document: o = Yt,
+    document: o = is,
     restoreOnUnmount: a = (u) => u
-  } = e, i = (t = o?.title) != null ? t : "", l = Kt((s = n ?? o?.title) != null ? s : null), c = n && typeof n == "function";
+  } = 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 u;
     const p = e.titleTemplate || "%s";
-    return typeof p == "function" ? p(u) : ee(p).replace(/%s/g, u);
+    return typeof p == "function" ? p(u) : te(p).replace(/%s/g, u);
   }
-  return he(
-    l,
+  return ge(
+    c,
     (u, p) => {
       u !== p && o && (o.title = f(typeof u == "string" ? u : ""));
     },
     { immediate: !0 }
-  ), e.observe && !e.titleTemplate && o && !c && es(
+  ), e.observe && !e.titleTemplate && o && !l && us(
     (r = o.head) == null ? void 0 : r.querySelector("title"),
     () => {
-      o && o.title !== l.value && (l.value = f(o.title));
+      o && o.title !== c.value && (c.value = f(o.title));
     },
     { childList: !0 }
-  ), Wt(() => {
+  ), rs(() => {
     if (a) {
-      const u = a(i, l.value || "");
+      const u = a(i, c.value || "");
       u != null && o && (o.title = u);
     }
-  }), l;
+  }), c;
 }
-const le = Q({
+const pe = X({
   name: "VtjPageContainer",
   async setup() {
-    const n = Ee(), e = ge(), t = e.params.id, s = t ? n.getPage(t) : n.getHomepage(), r = s ? await n.getRenderComponent(s.id) : null, o = C(Symbol());
-    return s && (Object.assign(e.meta, s.meta || {}, { cache: s.cache }), ts(s.title || "VTJ")), {
+    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,
@@ -960,27 +996,27 @@ const le = Q({
   },
   render() {
     const { component: n, query: e, sid: t } = this;
-    return n ? K(n, { ...e, key: t }) : K("div", "页面不存在");
+    return n ? W(n, { ...e, key: t }) : W("div", "页面不存在");
   },
   activated() {
     this.meta.cache === !1 && (this.sid = Symbol());
   }
-}), ss = {
+}), ds = {
   "data-l-h6o7ki7": "",
   class: "vtj-startup__wrapper"
-}, ns = {
+}, fs = {
   "data-l-h6o7ki7": "",
   class: "vtj-startup"
-}, rs = {
+}, hs = {
   "data-l-h6o7ki7": "",
   class: "vtj-startup__name"
-}, os = { "data-l-h6o7ki7": "" }, is = {
+}, ms = { "data-l-h6o7ki7": "" }, gs = {
   "data-l-h6o7ki7": "",
   class: "vtj-startup__tagline"
-}, as = {
+}, vs = {
   "data-l-h6o7ki7": "",
   class: "vtj-startup__actions"
-}, cs = /* @__PURE__ */ Q({
+}, ys = /* @__PURE__ */ X({
   __name: "Startup",
   props: {
     name: { default: "VTJ.PRO" },
@@ -1068,53 +1104,53 @@ const le = Q({
         window.location.href = o;
       }
     };
-    return (r, o) => (Ye(), Qe("div", ss, [
-      b("div", ns, [
-        b("h1", rs, [
-          b("span", os, J(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", is, J(t.tagline), 1),
-        b("div", as, [
-          b("button", {
+        E("div", gs, V(t.tagline), 1),
+        E("div", vs, [
+          E("button", {
             "data-l-h6o7ki7": "",
             onClick: s
-          }, J(t.actionText), 1)
+          }, V(t.actionText), 1)
         ])
       ])
     ]));
   }
-}), ls = Q({
+}), _s = X({
   name: "VtjStartupContainer",
   render() {
-    return K(cs);
+    return W(ys);
   }
-}), be = Symbol("Provider");
-var us = /* @__PURE__ */ ((n) => (n.Production = "production", n.Development = "development", n))(us || {});
-class ds 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 = {},
       adapter: i = {},
-      globals: l = {},
-      modules: c = {},
+      globals: c = {},
+      modules: l = {},
       router: f = null,
       materialPath: u = "./",
       nodeEnv: p = "development"
       /* Development */
     } = e;
-    this.mode = s, this.modules = c, this.service = t, this.router = f, this.materialPath = u, this.nodeEnv = p, r && (this.dependencies = r), o && (this.materials = o), Object.assign(this.globals, l), Object.assign(this.adapter, i);
-    const { access: d, request: h } = this.adapter;
-    d && d.connect({ mode: s, router: f, request: h }), a && s !== _.Design ? this.load(a) : this.project = a;
+    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: dt, jsonp: Be };
+  adapter = { request: _t, jsonp: qe };
   apis = {};
   dependencies = {};
   materials = {};
@@ -1131,7 +1167,7 @@ class ds 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.mode === _.Raw ? await this.loadDependencies(o) : await this.loadAssets(o), this.apis = ht(s, r, this.adapter), _e(), this.project.config?.mock && mt(s), this.initRouter(), this.triggerReady();
+    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);
@@ -1140,44 +1176,44 @@ class ds extends xe {
   }
   async loadAssets(e) {
     const { dependencies: t = [] } = this.project, { dependencies: s, library: r, components: o, materialPath: a, nodeEnv: i } = this, {
-      libraryExports: l,
-      libraryMap: c,
+      libraryExports: c,
+      libraryMap: l,
       materials: f,
       materialExports: u,
       materialMapLibrary: p
-    } = rt(
+    } = ut(
       t,
       a,
       i === "development"
       /* Development */
     );
-    for (const d of l) {
-      const h = s[d], m = e[d];
-      if (m)
-        r[d] = m;
-      else if (h)
-        e[d] = r[d] = 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 v = c[d] || [];
-        for (const g of v)
-          X(g) && await it(d, P.append(g, { v: x })), Z(g) && await oe(P.append(g, { v: x }));
-        r[d] = e[d];
+        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];
       }
     }
     if (i === "development") {
-      for (const h of f)
-        await oe(P.append(h, { v: x }));
-      const d = this.materials || {};
-      for (const h of u) {
-        const m = e[p[h]], v = ke[h];
-        if (v)
-          m && v.forEach((g) => {
-            o[g] = m[g];
+      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 = d[h] ? (await d[h]()).default : e[h];
-          g && m && (g.components || []).forEach((A) => {
-            o[A.name] = ot(A, m);
+          const g = h[m] ? (await h[m]()).default : e[m];
+          g && d && (g.components || []).forEach((S) => {
+            o[S.name] = pt(S, d);
           });
         }
       }
@@ -1186,24 +1222,24 @@ class ds extends xe {
   initRouter() {
     const { router: e, project: t, options: s, adapter: r } = this;
     if (!e) return;
-    const { routeAppendTo: o, pageRouteName: a = "page", routeMeta: i } = s, l = o ? "" : "/", c = {
-      path: `${l}${a}/:id`,
-      name: k,
-      component: le
+    const { routeAppendTo: o, pageRouteName: a = "page", routeMeta: i } = s, c = o ? "" : "/", l = {
+      path: `${c}${a}/:id`,
+      name: C,
+      component: pe
     }, f = {
-      path: l,
-      name: M,
-      component: t?.homepage ? le : r.startupComponent || ls,
+      path: c,
+      name: D,
+      component: t?.homepage ? pe : r.startupComponent || _s,
       meta: i
     };
-    e.hasRoute(k) && e.removeRoute(k), e.hasRoute(M) && e.removeRoute(M), o ? (e.addRoute(o, c), e.addRoute(o, f)) : (e.addRoute(c), e.addRoute(f));
+    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] && lt(r) && (e.use(r), t[s] = !0);
-    this.options.install && e.use(this.options.install), this.adapter.access && e.use(this.adapter.access), e.provide(be, this), e.config.globalProperties.installed = t, this.mode === _.Design && (e.config.errorHandler = (s, r, o) => {
-      const a = r?.$options.name, i = typeof s == "string" ? s : s?.message || s?.msg || "未知错误", l = `[ ${a} ] ${i} ${o}`;
+      !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]:",
         {
@@ -1214,7 +1250,7 @@ class ds extends xe {
         s?.stack
       ), N.error({
         title: "未处理的异常：请在控制台查看详情",
-        message: l
+        message: c
       });
     });
   }
@@ -1264,47 +1300,47 @@ class ds extends xe {
       apis: a,
       window,
       ...t
-    }, l = G({
-      getDsl: async (c) => await this.getDsl(c) || null,
-      getDslByUrl: async (c) => await this.getDslByUrl(c) || null,
+    }, c = Y({
+      getDsl: async (l) => await this.getDsl(l) || null,
+      getDslByUrl: async (l) => await this.getDslByUrl(l) || null,
       options: i
     });
-    return W({
+    return G({
       ...i,
       dsl: e,
-      loader: l
+      loader: c
     });
   }
   async getRenderComponent(e, t) {
     const s = this.getFile(e);
     if (!s)
-      return D.warn(`Can not find file: ${e}`), null;
+      return M.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 : (D.warn(`Can not find dsl: ${e}`), null);
+    return a ? this.createDslRenderer(a).renderer : (M.warn(`Can not find dsl: ${e}`), null);
   }
   defineUrlSchemaComponent(e, t) {
-    return ie(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 ie(async () => await Se(e, window));
+    return ce(async () => await je(e, window));
   }
 }
-function Es(n) {
-  const e = new ds(n);
+function Ds(n) {
+  const e = new Ss(n);
   return {
     provider: e,
     onReady: (s) => e.ready(s)
   };
 }
-function Ee(n = {}) {
-  const e = pe(be);
+function Pe(n = {}) {
+  const e = he(Re);
   if (!e)
     throw new Error("Can not find provider");
   if (e.nodeEnv === "development") {
@@ -1319,7 +1355,7 @@ function Ee(n = {}) {
   }
   return e;
 }
-const te = new Ne({
+const se = new Je({
   settings: {
     type: "json",
     validSuccess: !0,
@@ -1332,7 +1368,7 @@ const te = new Ne({
       });
     }
   }
-}), ps = (n = "/__vtj__/api/:type.json") => (e, t) => te.send({
+}), bs = (n = "/__vtj__/api/:type.json") => (e, t) => se.send({
   url: n,
   method: "post",
   params: { type: e },
@@ -1340,7 +1376,7 @@ const te = new Ne({
     type: e,
     data: t
   }
-}), fs = (n = "/__vtj__/api/uploader.json") => async (e, t) => await te.send({
+}), js = (n = "/__vtj__/api/uploader.json") => async (e, t) => await se.send({
   url: n,
   method: "post",
   data: {
@@ -1351,12 +1387,12 @@ const te = new Ne({
     type: "data"
   }
 }).then((s) => s && s[0] ? s[0] : null).catch(() => null);
-class se {
+class ne {
   api;
   pluginCaches = {};
   uploader;
   constructor() {
-    this.api = ps(), this.uploader = fs();
+    this.api = bs(), this.uploader = js();
   }
   async getExtension() {
     console.log("BaseService.getExtension");
@@ -1429,10 +1465,10 @@ class se {
     return await this.api("clearStaticFiles", e).catch(() => "");
   }
   async getPluginMaterial(e) {
-    const { urls: t = [] } = e, s = t.filter((o) => st(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] = te.send({
+    return r || (this.pluginCaches[s] = se.send({
       url: s,
       method: "get",
       settings: {
@@ -1445,77 +1481,77 @@ class se {
     return console.log("BaseService.genSource", e), "";
   }
 }
-const y = new Ue({
+const v = new Ve({
   type: "local",
   expired: 0,
   prefix: "__VTJ_"
 });
-class Rs extends se {
+class Hs extends ne {
   init(e) {
-    const t = new T(e), s = y.get(`project_${t.id}`), r = Object.assign(t.toDsl(), s || {});
-    return y.save(`project_${t.id}`, r), Promise.resolve(r);
+    const t = new H(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 T(e);
-    return y.save(`project_${t.id}`, t.toDsl()), Promise.resolve(!0);
+    const t = new H(e);
+    return v.save(`project_${t.id}`, t.toDsl()), Promise.resolve(!0);
   }
   saveMaterials(e, t) {
-    return y.save(`materials_${e.id}`, Y(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 ue(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 hs extends se {
+class $s extends ne {
   projects = {};
   materials = {};
   files = {};
   histories = {};
   historyItems = {};
   init(e) {
-    const t = new T(e), s = this.projects[t.id] || {}, r = Object.assign(t.toDsl(), s);
+    const t = new H(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 T(e);
+    const t = new H(e);
     return this.projects[t.id] = t.toDsl(), Promise.resolve(!0);
   }
   saveMaterials(e, t) {
-    return e.id && (this.materials[e.id] = Y(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);
@@ -1539,7 +1575,7 @@ class hs extends se {
     return Promise.resolve(!0);
   }
   getHistory(e) {
-    const t = this.histories[e], s = new ue(t || { id: e });
+    const t = this.histories[e], s = new de(t || { id: e });
     return Promise.resolve(s);
   }
   getHistoryItem(e, t) {
@@ -1557,11 +1593,11 @@ class hs extends se {
     }), Promise.resolve(!0);
   }
 }
-let O = null;
-function Ps() {
-  return O || (O = new hs(), O);
+let I = null;
+function Ms() {
+  return I || (I = new $s(), I);
 }
-class xs extends se {
+class Os extends ne {
   getFileCaches = {};
   async getExtension() {
     return await this.api("getExtension", {}).catch(() => {
@@ -1576,7 +1612,7 @@ class xs extends se {
   async saveMaterials(e, t) {
     return !!await this.api("saveMaterials", {
       project: e,
-      materials: Y(t)
+      materials: Q(t)
     }).catch(() => !1);
   }
   async saveFile(e) {
@@ -1616,118 +1652,122 @@ class xs extends se {
     );
   }
 }
-function Re(n, e, t = []) {
+function xe(n, e, t = []) {
   return t.map((s) => {
-    const { id: r, title: o, icon: a, children: i, hidden: l } = s;
+    const { id: r, title: o, icon: a, children: i, hidden: c } = s;
     return {
       id: r,
       title: o,
       icon: a,
-      hidden: l,
+      hidden: c,
       url: `${n}/${e}/${r}`,
-      children: i && i.length ? Re(n, e, i) : void 0
+      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.can(s.id.toString()) && t.push(s);
   return t;
 }
-function ks(n) {
+function Bs(n) {
   const {
     menuPathPrefix: e = "",
     pageRouteName: t = "page",
     disableMenusFilter: s = !1
-  } = n || {}, r = Ee(), o = ge(), a = yt(), i = C(!1), l = C(!1), c = r.project;
-  Xe(() => {
-    const { name: p, params: d, meta: h } = o;
-    if (p === k) {
-      const m = r.getPage(d.id);
-      i.value = !m?.mask, l.value = !!m?.pure;
-    } else if (p === M) {
-      const m = r.getHomepage();
-      i.value = !m?.mask, l.value = !!m?.pure;
+  } = 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
-      i.value = !h.mask, l.value = !!h.pure;
+      i.value = !m.mask, c.value = !!m.pure;
   });
-  const f = Re(
+  const f = xe(
     e,
     t,
-    c?.pages
-  ), u = c?.config;
+    l?.pages
+  ), u = l?.config;
   return {
     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
+    title: u?.title || l?.description || l?.name || "VTJ App",
+    menus: s ? f : ke(f, a),
+    pure: c
   };
 }
 export {
-  we as ACCESS_KEY,
-  bs as Access,
-  et as BUILT_IN_DIRECTIVES,
-  se as BaseService,
-  ae as CONTEXT_HOST,
-  _t as Context,
-  _ as ContextMode,
-  tt as DATA_TYPES,
-  M as HOMEPAGE_ROUTE_NAME,
-  $s as JSCodeToString,
-  ws as LIFE_CYCLES_LIST,
-  xs as LocalService,
-  hs as MemoryService,
-  us as NodeEnv,
-  k as PAGE_ROUTE_NAME,
-  ds as Provider,
-  cs as Startup,
-  Rs as StorageService,
-  x as VTJ_RENDERER_VERSION,
-  ye as adoptedStyleSheets,
-  Ss as createAssetScripts,
-  js as createAssetsCss,
-  Rt as createDataSources,
-  G as createLoader,
-  Ps as createMemoryService,
-  ft as createMetaApi,
-  Es as createProvider,
-  W as createRenderer,
-  pt as createSchemaApi,
-  ht as createSchemaApis,
-  kt as defaultLoader,
-  I as fillBasePath,
-  je as getModifiers,
-  Se as getPlugin,
-  ot as getRawComponent,
-  X as isCSSUrl,
-  ut as isJSCode,
-  w as isJSExpression,
+  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,
+  Os as LocalService,
+  $s as MemoryService,
+  ws as NodeEnv,
+  C as PAGE_ROUTE_NAME,
+  Ss as Provider,
+  ys as Startup,
+  Hs as StorageService,
+  k as VTJ_RENDERER_VERSION,
+  we as adoptedStyleSheets,
+  Fs as createAssetScripts,
+  As as createAssetsCss,
+  It as createDataSources,
+  Y as createLoader,
+  Ms as createMemoryService,
+  St as createMetaApi,
+  Ds as createProvider,
+  G as createRenderer,
+  wt as createSchemaApi,
+  bt as createSchemaApis,
+  Mt 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,
-  st as isJSON,
-  Z as isJSUrl,
-  lt as isVuePlugin,
-  it as loadCss,
-  at as loadCssUrl,
-  ct as loadScriptUrl,
-  gt as mockApi,
-  mt as mockApis,
-  _e as mockCleanup,
-  H as nodeRender,
-  rt as parseDeps,
-  F as parseExpression,
-  ce as parseFunction,
-  be as providerKey,
-  nt as removeProdFlag,
-  ve as toString,
-  yt as useAccess,
-  ks as useMask,
-  Ee as useProvider
+  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,
+  O 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
 };