@vtj/renderer 0.8.70 → 0.8.72

package/dist/index.mjs

@@ -1,20 +1,20 @@
 import { Base as ve, BUILT_IN_COMPONENTS as ye, ProjectModel as I, HistoryModel as ee } from "@vtj/core";
-import { isUrl as ge, url as b, dedupArray as _e, isString as S, isFunction as K, logger as x, createRequest as we, merge as Se, pathToRegexp as $e, pathToRegexpMatch as je, formDataToJson as Ee, delay as be, camelCase as j, upperFirst as Pe, pick as Ce, jsonp as Re, loadScript as Q, Request as Fe, Storage as Ie, mapToObject as U } from "@vtj/utils";
+import { isUrl as ge, url as b, dedupArray as _e, isString as S, isFunction as K, logger as H, createRequest as we, merge as Se, pathToRegexp as $e, pathToRegexpMatch as je, formDataToJson as Ee, delay as be, camelCase as j, upperFirst as Pe, pick as Ce, jsonp as Re, loadScript as Q, Request as Fe, Storage as Ie, mapToObject as N } from "@vtj/utils";
 import * as O from "vue";
-import { toRef as xe, readonly as He, customRef as Me, ref as N, onBeforeUnmount as Oe, getCurrentScope as De, onScopeDispose as ke, unref as Te, getCurrentInstance as te, watch as ne, computed as re, onMounted as Ae, defineComponent as se, h as T, inject as Be, defineAsyncComponent as X, watchEffect as Ue } from "vue";
+import { toRef as He, readonly as xe, customRef as Me, ref as q, onBeforeUnmount as Oe, getCurrentScope as De, onScopeDispose as ke, unref as Te, getCurrentInstance as te, watch as ne, computed as re, onMounted as Ae, defineComponent as se, h as A, inject as Be, defineAsyncComponent as X, watchEffect as Ue } from "vue";
 import { useRoute as oe } from "vue-router";
-import { ElNotification as q, ElLoading as Ne } from "element-plus";
-import H from "mockjs";
+import { ElNotification as D, ElLoading as Ne } from "element-plus";
+import x from "mockjs";
 import { XStartup as qe } from "@vtj/ui";
 /**!
  * Copyright (c) 2024, VTJ.PRO All rights reserved.
  * @name @vtj/renderer 
  * @author CHC chenhuachun1549@dingtalk.com 
- * @version 0.8.70
+ * @version 0.8.72
  * @license <a href="https://vtj.pro/license.html">MIT License</a>
  */
-const P = "0.8.70";
-var _ = /* @__PURE__ */ ((n) => (n.Runtime = "Runtime", n.Design = "Design", n.Raw = "Raw", n.VNode = "VNode", n))(_ || {});
+const P = "0.8.72";
+var _ = /* @__PURE__ */ ((r) => (r.Runtime = "Runtime", r.Design = "Design", r.Raw = "Raw", r.VNode = "VNode", r))(_ || {});
 const Y = [
   "$el",
   "$emit",
@@ -50,38 +50,38 @@ const Y = [
   Function,
   Date
 };
-function R(n, e) {
-  return n.map((t) => ge(t) ? t : `${e}${t}`);
+function R(r, e) {
+  return r.map((t) => ge(t) ? t : `${e}${t}`);
 }
-function J(n) {
-  return /\.css$/.test(n);
+function J(r) {
+  return /\.css$/.test(r);
 }
-function L(n) {
-  return /\.js$/.test(n);
+function L(r) {
+  return /\.js$/.test(r);
 }
-function Ve(n) {
-  return /\.json$/.test(n);
+function Ve(r) {
+  return /\.json$/.test(r);
 }
-function en(n) {
-  return n.map(
+function en(r) {
+  return r.map(
     (e) => `<script src="${b.append(e, { v: P })}"><\/script>`
   ).join("");
 }
-function tn(n = []) {
-  return n.map(
+function tn(r = []) {
+  return r.map(
     (e) => `<link rel="stylesheet" href="${b.append(e, { v: P })}" />`
   ).join("");
 }
-function We(n, e) {
-  const t = n.filter((u) => !!u.enabled), r = [], s = [], o = [], a = [], i = {}, l = {}, c = [], d = {};
+function We(r, e) {
+  const t = r.filter((u) => !!u.enabled), n = [], s = [], o = [], a = [], i = {}, l = {}, c = [], d = {};
   return t.forEach(
     ({ urls: u, assetsUrl: f, library: p, assetsLibrary: h, localeLibrary: m }) => {
       u?.forEach((v) => {
-        L(v) && r.push(v), J(v) && s.push(v);
+        L(v) && n.push(v), J(v) && s.push(v);
       }), p && (a.push(p), i[p] = R(u || [], e), m && (l[p] = m)), f && o.push(f), h && c.push(h), p && h && (d[h] = p);
     }
   ), {
-    scripts: R(r, e),
+    scripts: R(n, e),
     css: R(s, e),
     materials: R(o, e),
     libraryExports: a,
@@ -91,46 +91,46 @@ function We(n, e) {
     libraryLocaleMap: l
   };
 }
-function Ge(n, e) {
-  const { name: t, parent: r, alias: s } = n;
-  return r ? e[r]?.[s || t] : e[s || t];
+function Ge(r, e) {
+  const { name: t, parent: n, alias: s } = r;
+  return n ? e[n]?.[s || t] : e[s || t];
 }
-function ie(n) {
-  return S(n) ? n : JSON.stringify(n);
+function ie(r) {
+  return S(r) ? r : JSON.stringify(r);
 }
-function ae(n, e, t) {
-  const r = n.CSSStyleSheet;
-  if (r.prototype.replaceSync) {
-    const s = new r();
+function ae(r, e, t) {
+  const n = r.CSSStyleSheet;
+  if (n.prototype.replaceSync) {
+    const s = new n();
     s.id = e, s.replaceSync(t);
-    const o = n.document, a = o.adoptedStyleSheets, i = Array.from(a).filter(
+    const o = r.document, a = o.adoptedStyleSheets, i = Array.from(a).filter(
       (l) => l.id !== e
     );
     o.adoptedStyleSheets = [...i, s];
   } else {
-    const s = n.document;
+    const s = r.document;
     let o = s.getElementById(e);
     o ? o.innerHTML = t : (o = s.createElement("style"), o.id = e, o.innerHTML = t, s.head.appendChild(o));
   }
 }
-async function Ke(n, e) {
-  const t = await window.fetch(e).then((r) => r.text()).catch(() => "");
-  t && ae(window, n, t);
+async function Ke(r, e) {
+  const t = await window.fetch(e).then((n) => n.text()).catch(() => "");
+  t && ae(window, r, t);
 }
-function ce(n, e = window) {
-  const t = e.document, r = e.document.head;
-  for (const s of n)
+function ce(r, e = window) {
+  const t = e.document, n = e.document.head;
+  for (const s of r)
     if (!t.getElementById(s)) {
       const a = t.createElement("link");
-      a.rel = "stylesheet", a.id = s, a.href = s, r.appendChild(a);
+      a.rel = "stylesheet", a.id = s, a.href = s, n.appendChild(a);
     }
 }
-async function Qe(n, e, t = window) {
-  const r = t.document, s = t.document.head;
+async function Qe(r, e, t = window) {
+  const n = t.document, s = t.document.head;
   let o = t[e];
   return o ? o.default || o : new Promise((a, i) => {
-    for (const l of n) {
-      const c = r.createElement("script");
+    for (const l of r) {
+      const c = n.createElement("script");
       c.src = l, c.onload = () => {
         o = t[e], o ? a(o.default || o) : i(null);
       }, c.onerror = (d) => {
@@ -139,45 +139,45 @@ async function Qe(n, e, t = window) {
     }
   });
 }
-function Xe(n) {
-  return K(n) || K(n?.install);
+function Xe(r) {
+  return K(r) || K(r?.install);
 }
-function C(n, e, t = !1, r = !1) {
+function C(r, e, t = !1, n = !1) {
   try {
     const s = ['"use strict";', "var __self = arguments[0];"];
     s.push("return ");
-    let o = (n.value || "").trim();
+    let o = (r.value || "").trim();
     o = o.replace(/this(\W|$)/g, (i, l) => `__self${l}`), o = s.join(`
 `) + o;
     const a = `with(${t ? "{}" : "$scope || {}"}) { ${o} }`;
     return new Function("$scope", a)(e);
   } catch (s) {
-    if (x.error("parseExpression.error", s, n, e?.__self ?? e), r)
+    if (H.error("parseExpression.error", s, r, e?.__self ?? e), n)
       throw s;
   }
 }
-function z(n, e, t = !1, r = !1) {
-  const s = C(n, e, t, r);
-  if (typeof s != "function" && (x.error(
+function z(r, e, t = !1, n = !1) {
+  const s = C(r, e, t, n);
+  if (typeof s != "function" && (H.error(
     "parseFunction.error",
     "not a function",
-    n,
+    r,
     e?.__self ?? e
-  ), r))
-    throw new Error(`"${n.value}" not a function`);
+  ), n))
+    throw new Error(`"${r.value}" not a function`);
   return s;
 }
-function g(n) {
-  return n && n.type === "JSExpression";
+function g(r) {
+  return r && r.type === "JSExpression";
 }
-function D(n) {
-  return typeof n == "object" && n && n.type === "JSFunction";
+function k(r) {
+  return typeof r == "object" && r && r.type === "JSFunction";
 }
-function Ye(n) {
-  return g(n) || D(n);
+function Ye(r) {
+  return g(r) || k(r);
 }
-function nn(n) {
-  return Ye(n) ? n.value : JSON.stringify(n);
+function nn(r) {
+  return Ye(r) ? r.value : JSON.stringify(r);
 }
 let E = null;
 const ze = we({
@@ -186,11 +186,11 @@ const ze = we({
     validSuccess: !0,
     originResponse: !1,
     loading: !0,
-    validate: (n) => n.data?.code === 0 || !!n.data?.success,
+    validate: (r) => r.data?.code === 0 || !!r.data?.success,
     failMessage: !0,
-    showError: (n) => {
-      q.error({
-        message: n || "未知错误"
+    showError: (r) => {
+      D.error({
+        message: r || "未知错误"
       });
     },
     showLoading: () => {
@@ -205,63 +205,63 @@ const ze = we({
     }
   }
 });
-function Ze(n, e) {
-  const { jsonp: t, request: r } = e;
-  if (n.method === "jsonp")
-    return (s = {}) => t(n.url, {
-      ...n.jsonpOptions,
+function Ze(r, e) {
+  const { jsonp: t, request: n } = e;
+  if (r.method === "jsonp")
+    return (s = {}) => t(r.url, {
+      ...r.jsonpOptions,
       query: s
     });
   {
-    const s = n.headers ? C(n.headers, {}, !0) : void 0, o = {
-      url: n.url,
-      method: n.method,
+    const s = r.headers ? C(r.headers, {}, !0) : void 0, o = {
+      url: r.url,
+      method: r.method,
       settings: {
-        ...n.settings,
+        ...r.settings,
         headers: s
       }
     };
-    return (a, i) => r.send(Se(o, i || {}, { data: a }));
+    return (a, i) => n.send(Se(o, i || {}, { data: a }));
   }
 }
-function et(n, e) {
+function et(r, e) {
   const { metaQuery: t } = e;
   if (!t) return;
-  const { code: r, queryCode: s } = n;
+  const { code: n, queryCode: s } = r;
   return (o, a) => {
     if (!t) {
       console.warn("adapter.metaQuery is not defined!");
       return;
     }
-    return t(r, s, o, a);
+    return t(n, s, o, a);
   };
 }
-function tt(n = [], e = [], t) {
-  const r = {};
-  for (const s of n)
-    r[s.id] = Ze(s, t);
+function tt(r = [], e = [], t) {
+  const n = {};
+  for (const s of r)
+    n[s.id] = Ze(s, t);
   for (const s of e)
-    r[s.id] = et(s, t);
-  return r;
+    n[s.id] = et(s, t);
+  return n;
 }
-function nt(n = []) {
-  H.setup({
+function nt(r = []) {
+  x.setup({
     timeout: "50-500"
-  }), le(), n.forEach((e) => rt(e));
+  }), le(), r.forEach((e) => rt(e));
 }
-function rt(n) {
-  if (!n.mock) return;
-  const { url: e, mockTemplate: t } = n;
+function rt(r) {
+  if (!r.mock) return;
+  const { url: e, mockTemplate: t } = r;
   if (e && t) {
-    const r = $e(`${e}(.*)`), s = je(e, { decode: decodeURIComponent }), o = C(t, {}, !0);
-    H.mock(r, (a) => {
+    const n = $e(`${e}(.*)`), s = je(e, { decode: decodeURIComponent }), o = C(t, {}, !0);
+    x.mock(n, (a) => {
       const i = b.parse(a.url) || {}, l = a.body instanceof FormData ? Ee(a.body) : a.body, c = s(a.url)?.params;
-      return Object.assign(a, { data: l, params: i, query: c }), H.mock(o(a));
+      return Object.assign(a, { data: l, params: i, query: c }), x.mock(o(a));
     });
   }
 }
 function le() {
-  H._mocked = {};
+  x._mocked = {};
 }
 class st {
   __id = null;
@@ -289,14 +289,14 @@ class st {
   $apis = {};
   __transform = {};
   constructor(e) {
-    const { mode: t, dsl: r, attrs: s } = e;
-    this.__mode = t, r && (this.__id = r.id || null, this.__transform = r.transform || {}), s && Object.assign(this, s);
+    const { mode: t, dsl: n, attrs: s } = e;
+    this.__mode = t, n && (this.__id = n.id || null, this.__transform = n.transform || {}), s && Object.assign(this, s);
   }
   setup(e, t = O) {
-    const r = t.getCurrentInstance();
-    if (!r) return;
-    this.__refs = {}, this.$refs = {}, this.context = {}, this.__contextRefs = {}, this.__instance = r.proxy;
-    const s = r.appContext.config.globalProperties;
+    const n = t.getCurrentInstance();
+    if (!n) return;
+    this.__refs = {}, this.$refs = {}, this.context = {}, this.__contextRefs = {}, this.__instance = n.proxy;
+    const s = n.appContext.config.globalProperties;
     Object.assign(this, s), Object.assign(this, e || {}), this.__proxy(), t.onMounted(() => {
       this.__proxy();
     }), t.onUnmounted(() => {
@@ -318,59 +318,59 @@ class st {
   __parseFunction(e) {
     if (e)
       if (this.__mode === _.Runtime) {
-        const { id: t, type: r } = e, s = t ? this.__transform[t] ?? e.value : e.value;
-        return z({ type: r, value: s }, this);
+        const { id: t, type: n } = e, s = t ? this.__transform[t] ?? e.value : e.value;
+        return z({ type: n, value: s }, this);
       } else
         return z(e, this);
   }
   __parseExpression(e) {
     if (e)
       if (this.__mode === _.Runtime) {
-        const { id: t, type: r } = e, s = t ? this.__transform[t] ?? e.value : e.value;
-        return C({ type: r, value: s }, this);
+        const { id: t, type: n } = e, s = t ? this.__transform[t] ?? e.value : e.value;
+        return C({ type: n, value: s }, this);
       } else
         return C(e, this);
   }
   __ref(e = null, t) {
     if (this.__mode !== _.VNode)
-      return e && e !== this.__id && (this.__contextRefs[e] = this), async (r) => {
+      return e && e !== this.__id && (this.__contextRefs[e] = this), async (n) => {
         await be(0);
-        let s = r?.$vtjEl || r?.$el || r?._?.vnode?.el || r;
+        let s = n?.$vtjEl || n?.$el || n?._?.vnode?.el || n;
         if (!s) {
           typeof t == "string" && (delete this.$refs[t], e && delete this.__refs[e]);
           return;
         }
-        if (s.nodeType === 3 && s.nextSibling && (s = s.nextSibling), s.__vtj__ = e, _.Design === this.__mode && (s.__context__ = this), e && (this.__refs[e] = r), typeof t == "function")
-          t(r);
+        if (s.nodeType === 3 && s.nextSibling && (s = s.nextSibling), s.__vtj__ = e, _.Design === this.__mode && (s.__context__ = this), e && (this.__refs[e] = n), typeof t == "function")
+          t(n);
         else if (t) {
           const o = this.$refs[t];
           if (o) {
-            const a = new Set([].concat(o, r));
+            const a = new Set([].concat(o, n));
             this.$refs[t] = Array.from(a);
           } else
-            this.$refs[t] = r;
+            this.$refs[t] = n;
         }
-        return r;
+        return n;
       };
   }
   __clone(e = {}) {
-    const t = { ...this.context, ...e }, r = {
+    const t = { ...this.context, ...e }, n = {
       ...t,
       context: t
     };
-    return r.context.__proto__ = this.context, r.__proto__ = this, r;
+    return n.context.__proto__ = this.context, n.__proto__ = this, n;
   }
 }
-function A(n) {
+function B(r) {
   const {
     Vue: e = O,
     mode: t = _.Runtime,
-    components: r = {},
+    components: n = {},
     libs: s = {},
     apis: o = {},
     loader: a
-  } = n, i = e.computed(() => n.dsl), l = {
-    $components: r,
+  } = r, i = e.computed(() => r.dsl), l = {
+    $components: n,
     $libs: s,
     $apis: o
   }, c = new st({
@@ -384,7 +384,7 @@ function A(n) {
     },
     setup(u) {
       c.$props = u, c.props = u, i.value.id && ae(
-        n.window || window,
+        r.window || window,
         i.value.id,
         i.value.css || ""
       ), c.state = at(e, i.value.state ?? {}, c);
@@ -415,66 +415,66 @@ function A(n) {
     context: c
   };
 }
-function ot(n = []) {
-  return n.map((e) => S(e) ? e : e.name);
+function ot(r = []) {
+  return r.map((e) => S(e) ? e : e.name);
 }
-function it(n = [], e) {
-  const t = (r) => r ? (Array.isArray(r) ? r : [r]).map((o) => Le[o]) : void 0;
-  return n.map((r) => S(r) ? {
-    name: r
+function it(r = [], e) {
+  const t = (n) => n ? (Array.isArray(n) ? n : [n]).map((o) => Le[o]) : void 0;
+  return r.map((n) => S(n) ? {
+    name: n
   } : {
-    name: r.name,
-    type: r.type,
-    required: r.required,
-    default: g(r.default) ? e.__parseExpression(r.default) : r.default
+    name: n.name,
+    type: n.type,
+    required: n.required,
+    default: g(n.default) ? e.__parseExpression(n.default) : n.default
   }).reduce(
-    (r, s) => (r[s.name] = {
+    (n, s) => (n[s.name] = {
       type: t(s.type),
       required: s.required,
       default: s.default
-    }, r),
+    }, n),
     {}
   );
 }
-function at(n, e, t) {
-  return n.reactive(
+function at(r, e, t) {
+  return r.reactive(
     Object.keys(e || {}).reduce(
-      (r, s) => {
+      (n, s) => {
         let o = e[s];
-        return g(o) ? o = t.__parseExpression(o) : D(o) && (o = t.__parseFunction(o)), r[s] = o, r;
+        return g(o) ? o = t.__parseExpression(o) : k(o) && (o = t.__parseFunction(o)), n[s] = o, n;
       },
       {}
     )
   );
 }
-function ct(n, e, t) {
+function ct(r, e, t) {
   return Object.entries(e ?? {}).reduce(
-    (r, [s, o]) => (r[s] = n.computed(t.__parseFunction(o)), r),
+    (n, [s, o]) => (n[s] = r.computed(t.__parseFunction(o)), n),
     {}
   );
 }
-function lt(n, e) {
-  return Object.entries(n ?? {}).reduce(
-    (t, [r, s]) => (t[r] = e.__parseFunction(s), t),
+function lt(r, e) {
+  return Object.entries(r ?? {}).reduce(
+    (t, [n, s]) => (t[n] = e.__parseFunction(s), t),
     {}
   );
 }
-function ut(n, e = [], t) {
+function ut(r, e = [], t) {
   return e.reduce(
-    (r, s) => {
+    (n, s) => {
       const { name: o, from: a } = s || {};
       s.default;
       const i = g(a) ? t.__parseExpression(a) || o : a ?? o, l = g(s.default) ? t.__parseExpression(s.default) : s.default ?? null;
-      return r[o] = n.inject(i, l), r;
+      return n[o] = r.inject(i, l), n;
     },
     {}
   );
 }
-function ft(n, e) {
-  return Object.keys(n).reduce(
-    (t, r) => {
-      const s = n[r], o = e.$apis[s.ref], a = D(s.transform) ? s.transform.value ? e.__parseFunction(s.transform) : void 0 : s.transform;
-      return t[r] = async (...i) => {
+function ft(r, e) {
+  return Object.keys(r).reduce(
+    (t, n) => {
+      const s = r[n], o = e.$apis[s.ref], a = k(s.transform) ? s.transform.value ? e.__parseFunction(s.transform) : void 0 : s.transform;
+      return t[n] = async (...i) => {
         const l = await o.apply(e, i);
         return a ? a(l) : l;
       }, t;
@@ -482,79 +482,79 @@ function ft(n, e) {
     {}
   );
 }
-function pt(n, e = [], t) {
-  e.forEach((r) => {
-    n.watch(
-      t.__parseExpression(r.source),
-      t.__parseFunction(r.handler),
+function pt(r, e = [], t) {
+  e.forEach((n) => {
+    r.watch(
+      t.__parseExpression(n.source),
+      t.__parseFunction(n.handler),
       {
-        deep: r.deep,
-        immediate: r.immediate
+        deep: n.deep,
+        immediate: n.immediate
       }
     );
   });
 }
-function dt(n, e) {
-  return Object.entries(n ?? {}).reduce(
-    (t, [r, s]) => (t[r] = e.__parseFunction(s), t),
+function dt(r, e) {
+  return Object.entries(r ?? {}).reduce(
+    (t, [n, s]) => (t[n] = e.__parseFunction(s), t),
     {}
   );
 }
-let k = [];
-const mt = (n) => n;
-async function ue(n, e = window) {
-  const { urls: t = [], library: r } = n, s = t.filter((i) => L(i));
-  if (s.length === 0 || !r) return null;
-  const o = t.filter((i) => J(i)), a = await Qe(s, r, e).catch(
-    (i) => (console.warn("loadScriptUrl error", s, r, i), null)
+let T = [];
+const mt = (r) => r;
+async function ue(r, e = window) {
+  const { urls: t = [], library: n } = r, s = t.filter((i) => L(i));
+  if (s.length === 0 || !n) return null;
+  const o = t.filter((i) => J(i)), a = await Qe(s, n, e).catch(
+    (i) => (console.warn("loadScriptUrl error", s, n, i), null)
   );
   return a ? {
     component: a,
     css: o
   } : null;
 }
-function B(n) {
-  const { getDsl: e, getDslByUrl: t, options: r } = n;
-  return r.window && (k.forEach((s) => {
-    delete r.window[s];
-  }), k = []), (s, o, a = O) => !o || typeof o == "string" ? s : o.type === "Schema" && o.id ? a.defineAsyncComponent(async () => {
+function U(r) {
+  const { getDsl: e, getDslByUrl: t, options: n } = r;
+  return n.window && (T.forEach((s) => {
+    delete n.window[s];
+  }), T = []), (s, o, a = O) => !o || typeof o == "string" ? s : o.type === "Schema" && o.id ? a.defineAsyncComponent(async () => {
     const i = await e(o.id);
-    return i && (i.name = s), i ? A({
-      ...r,
+    return i && (i.name = s), i ? B({
+      ...n,
       Vue: a,
       dsl: i,
       mode: _.Runtime,
-      loader: B(n)
+      loader: U(r)
     }).renderer : null;
   }) : o.type === "UrlSchema" && o.url ? a.defineAsyncComponent(async () => {
     const i = await t(o.url);
-    return i && (i.name = s), i ? A({
-      ...r,
+    return i && (i.name = s), i ? B({
+      ...n,
       Vue: a,
       dsl: i,
       mode: _.Runtime,
-      loader: B(n)
+      loader: U(r)
     }).renderer : null;
-  }) : o.type === "Plugin" ? (o.library && k.push(o.library), a.defineAsyncComponent(async () => {
-    const i = await ue(o, r.window);
-    return i ? (ce(i.css, r.window), i.component) : (console.warn("getPlugin result is null", o), null);
+  }) : o.type === "Plugin" ? (o.library && T.push(o.library), a.defineAsyncComponent(async () => {
+    const i = await ue(o, n.window);
+    return i ? (ce(i.css, n.window), i.component) : (console.warn("getPlugin result is null", o), null);
   })) : s;
 }
-function M(n, e, t = O, r = mt) {
-  if (!n || !n.name || n.invisible) return null;
-  const { id: s = null, directives: o = [] } = n, { vIf: a, vFor: i, vShow: l, vModels: c, vBind: d } = ht(o);
+function M(r, e, t = O, n = mt) {
+  if (!r || !r.name || r.invisible) return null;
+  const { id: s = null, directives: o = [] } = r, { vIf: a, vFor: i, vShow: l, vModels: c, vBind: d } = ht(o);
   if (a && !vt(a, e))
     return null;
   const u = (f) => {
     const p = f.$components, h = (() => {
-      if (n.name === "component")
-        return yt(f, n.props?.is);
-      if (n.name === "slot") return n.name;
-      const $ = r(n.name, n.from, t);
+      if (r.name === "component")
+        return yt(f, r.props?.is);
+      if (r.name === "slot") return r.name;
+      const $ = n(r.name, r.from, t);
       return S($) ? p[$] ?? $ : $;
-    })(), m = gt(s, n.props ?? {}, f), v = _t(t, n.events ?? {}, f);
-    if (n.name === "slot")
-      return wt(t, n, m, f, r);
+    })(), m = gt(s, r.props ?? {}, f), v = _t(t, r.events ?? {}, f);
+    if (r.name === "slot")
+      return wt(t, r, m, f, n);
     d && Object.assign(m, f.__parseExpression(d.value)), l && (m.style = Object.assign(
       m.style ?? {},
       $t(l, f)
@@ -563,95 +563,95 @@ function M(n, e, t = O, r = mt) {
     });
     const w = Et(
       t,
-      n.children ?? [],
+      r.children ?? [],
       f,
-      r,
-      n
+      n,
+      r
     );
     return t.createVNode(h, { ...m, ...v }, w);
   };
   return i ? Ct(i, u, e) : u(e);
 }
-function ht(n = []) {
-  const e = n.find((i) => j(i.name) === "vIf"), t = n.find((i) => j(i.name) === "vFor"), r = n.find((i) => j(i.name) === "vShow"), s = n.find((i) => j(i.name) === "vBind"), o = n.filter((i) => j(i.name) === "vModel"), a = n.filter(
+function ht(r = []) {
+  const e = r.find((i) => j(i.name) === "vIf"), t = r.find((i) => j(i.name) === "vFor"), n = r.find((i) => j(i.name) === "vShow"), s = r.find((i) => j(i.name) === "vBind"), o = r.filter((i) => j(i.name) === "vModel"), a = r.filter(
     (i) => !Je.includes(j(i.name))
   );
   return {
     vIf: e,
     vFor: t,
-    vShow: r,
+    vShow: n,
     vModels: o,
     vBind: s,
     others: a
   };
 }
-function vt(n, e) {
-  return !!e.__parseExpression(n.value);
+function vt(r, e) {
+  return !!e.__parseExpression(r.value);
 }
-function yt(n, e) {
-  return e ? g(e) ? n.__parseExpression(e) : e : "div";
+function yt(r, e) {
+  return e ? g(e) ? r.__parseExpression(e) : e : "div";
 }
-function gt(n, e, t) {
-  const r = Object.keys(e || {}).reduce(
+function gt(r, e, t) {
+  const n = Object.keys(e || {}).reduce(
     (s, o) => {
       let a = e[o];
-      return g(a) ? a = t.__parseExpression(a) : D(a) && (a = t.__parseFunction(a)), s[o] = a, s;
+      return g(a) ? a = t.__parseExpression(a) : k(a) && (a = t.__parseFunction(a)), s[o] = a, s;
     },
     {}
   );
-  return r.ref = t.__ref(n, r.ref), r;
+  return n.ref = t.__ref(r, n.ref), n;
 }
-function _t(n, e, t) {
-  const r = ["passive", "capture", "once"], s = {
+function _t(r, e, t) {
+  const n = ["passive", "capture", "once"], s = {
     capture: "Capture",
     once: "Once",
     passive: "OnceCapture"
   };
   return Object.keys(e || {}).reduce(
     (o, a) => {
-      const i = e[a], l = fe(i.modifiers), c = l.find((f) => r.includes(f)), d = "on" + Pe(a) + (c && s[c] || ""), u = t.__parseFunction(i.handler);
-      return u && (o[d] = n.withModifiers(u, l)), o;
+      const i = e[a], l = fe(i.modifiers), c = l.find((f) => n.includes(f)), d = "on" + Pe(a) + (c && s[c] || ""), u = t.__parseFunction(i.handler);
+      return u && (o[d] = r.withModifiers(u, l)), o;
     },
     {}
   );
 }
-function fe(n = {}, e = !1) {
-  const t = Object.keys(n);
-  return e ? t.map((r) => "." + r) : t;
+function fe(r = {}, e = !1) {
+  const t = Object.keys(r);
+  return e ? t.map((n) => "." + n) : t;
 }
-function wt(n, e, t, r, s) {
-  const { children: o } = e, a = St(e, r), i = r.$slots?.[a.name];
-  return i ? i(t) : o ? S(o) ? n.createTextVNode(o) : g(o) ? n.createTextVNode(
-    ie(r.__parseExpression(o))
+function wt(r, e, t, n, s) {
+  const { children: o } = e, a = St(e, n), i = n.$slots?.[a.name];
+  return i ? i(t) : o ? S(o) ? r.createTextVNode(o) : g(o) ? r.createTextVNode(
+    ie(n.__parseExpression(o))
   ) : Array.isArray(o) ? o.map(
-    (l) => M(l, r, n, s)
+    (l) => M(l, n, r, s)
   ) : null : null;
 }
-function St(n, e) {
-  const { props: t } = n, r = t?.name || "default";
+function St(r, e) {
+  const { props: t } = r, n = t?.name || "default";
   return {
-    name: g(r) ? e.__parseExpression(r) : r,
+    name: g(n) ? e.__parseExpression(n) : n,
     params: []
   };
 }
-function $t(n, e) {
-  return e.__parseExpression(n.value) ? {} : {
+function $t(r, e) {
+  return e.__parseExpression(r.value) ? {} : {
     display: "none"
   };
 }
-function jt(n, e, t) {
-  const r = {
+function jt(r, e, t) {
+  const n = {
     type: "JSFunction",
     value: e.value?.value ? `(v) => {
         ${e.value.value} = v;
       }` : "(v) => {}"
-  }, s = t.__parseFunction(r), o = fe(e.modifiers), a = g(e.arg) ? t.__parseExpression(e.arg) : e.arg || "modelValue";
+  }, s = t.__parseFunction(n), o = fe(e.modifiers), a = g(e.arg) ? t.__parseExpression(e.arg) : e.arg || "modelValue";
   return {
     [a]: t.__parseExpression(e.value),
-    [`onUpdate:${a}`]: o.length && s ? n.withModifiers(s, o) : s
+    [`onUpdate:${a}`]: o.length && s ? r.withModifiers(s, o) : s
   };
 }
-function Et(n, e, t, r, s) {
+function Et(r, e, t, n, s) {
   if (!e) return null;
   if (S(e))
     return { default: () => e };
@@ -666,81 +666,81 @@ function Et(n, e, t, r, s) {
     return Object.entries(o).reduce((i, [l, { nodes: c, params: d }]) => (i[l] = (u) => {
       const f = d.length ? Ce(u ?? {}, d) : a(u);
       return c.map(
-        (p) => M(p, t.__clone(f), n, r)
+        (p) => M(p, t.__clone(f), r, n)
       );
     }, i), {});
   }
   return null;
 }
-function bt(n) {
+function bt(r) {
   const e = {
     default: {
       params: [],
       nodes: []
     }
   };
-  for (const t of n) {
-    const r = Pt(t.slot), s = r.name;
-    e[s] ? (e[s].nodes.push(t), e[s].params = e[s].params.concat(r.params)) : e[s] = {
+  for (const t of r) {
+    const n = Pt(t.slot), s = n.name;
+    e[s] ? (e[s].nodes.push(t), e[s].params = e[s].params.concat(n.params)) : e[s] = {
       nodes: [t],
-      params: r.params
+      params: n.params
     };
   }
   return e;
 }
-function Pt(n = "default") {
-  return S(n) ? { name: n, params: [] } : { params: [], ...n };
+function Pt(r = "default") {
+  return S(r) ? { name: r, params: [] } : { params: [], ...r };
 }
-function Ct(n, e, t) {
-  const { value: r, iterator: s } = n, { item: o = "item", index: a = "index" } = s || {};
-  let i = t.__parseExpression(r) || [];
-  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]:", `${r?.value} is not a Arrary`), []);
+function Ct(r, e, t) {
+  const { value: n, iterator: s } = r, { item: o = "item", index: a = "index" } = s || {};
+  let i = t.__parseExpression(n) || [];
+  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]:", `${n?.value} is not a Arrary`), []);
 }
-function Rt(n) {
-  return De() ? (ke(n), !0) : !1;
+function Rt(r) {
+  return De() ? (ke(r), !0) : !1;
 }
-function V(n) {
-  return typeof n == "function" ? n() : Te(n);
+function V(r) {
+  return typeof r == "function" ? r() : Te(r);
 }
 const pe = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const Ft = (n) => n != null, It = () => {
+const Ft = (r) => r != null, It = () => {
 };
-function xt(n) {
+function Ht(r) {
   return te();
 }
-function Ht(...n) {
-  if (n.length !== 1)
-    return xe(...n);
-  const e = n[0];
-  return typeof e == "function" ? He(Me(() => ({ get: e, set: It }))) : N(e);
+function xt(...r) {
+  if (r.length !== 1)
+    return He(...r);
+  const e = r[0];
+  return typeof e == "function" ? xe(Me(() => ({ get: e, set: It }))) : q(e);
 }
-function Mt(n, e) {
-  xt() && Oe(n, e);
+function Mt(r, e) {
+  Ht() && Oe(r, e);
 }
-function Ot(n) {
+function Ot(r) {
   var e;
-  const t = V(n);
+  const t = V(r);
   return (e = t?.$el) != null ? e : t;
 }
 const Dt = pe ? window : void 0, kt = pe ? window.document : void 0;
 function Tt() {
-  const n = N(!1), e = te();
+  const r = q(!1), e = te();
   return e && Ae(() => {
-    n.value = !0;
-  }, e), n;
+    r.value = !0;
+  }, e), r;
 }
-function At(n) {
+function At(r) {
   const e = Tt();
-  return re(() => (e.value, !!n()));
+  return re(() => (e.value, !!r()));
 }
-function Bt(n, e, t = {}) {
-  const { window: r = Dt, ...s } = t;
+function Bt(r, e, t = {}) {
+  const { window: n = Dt, ...s } = t;
   let o;
-  const a = At(() => r && "MutationObserver" in r), i = () => {
+  const a = At(() => n && "MutationObserver" in n), i = () => {
     o && (o.disconnect(), o = void 0);
   }, l = re(() => {
-    const f = V(n), p = (Array.isArray(f) ? f : [f]).map(Ot).filter(Ft);
+    const f = V(r), p = (Array.isArray(f) ? f : [f]).map(Ot).filter(Ft);
     return new Set(p);
   }), c = ne(
     () => l.value,
@@ -757,12 +757,12 @@ function Bt(n, e, t = {}) {
     takeRecords: d
   };
 }
-function Ut(n = null, e = {}) {
-  var t, r, s;
+function Ut(r = null, e = {}) {
+  var t, n, s;
   const {
     document: o = kt,
     restoreOnUnmount: a = (u) => u
-  } = e, i = (t = o?.title) != null ? t : "", l = Ht((r = n ?? o?.title) != null ? r : null), c = n && typeof n == "function";
+  } = e, i = (t = o?.title) != null ? t : "", l = xt((n = r ?? o?.title) != null ? n : null), c = r && typeof r == "function";
   function d(u) {
     if (!("titleTemplate" in e))
       return u;
@@ -791,21 +791,21 @@ function Ut(n = null, e = {}) {
 const Z = se({
   name: "VtjPageContainer",
   async setup() {
-    const n = me(), e = oe(), t = e.params.id, r = t ? n.getPage(t) : n.getHomepage(), s = r ? await n.getRenderComponent(r.id) : null;
-    return r && Ut(r.title || "VTJ"), {
-      provider: n,
+    const r = me(), e = oe(), t = e.params.id, n = t ? r.getPage(t) : r.getHomepage(), s = n ? await r.getRenderComponent(n.id) : null;
+    return n && Ut(n.title || "VTJ"), {
+      provider: r,
       component: s,
-      file: r,
+      file: n,
       query: e.query
     };
   },
   render() {
-    return this.component ? T(this.component, this.query) : T("div", "页面不存在");
+    return this.component ? A(this.component, this.query) : A("div", "页面不存在");
   }
 }), Nt = se({
   name: "VtjStartupContainer",
   render() {
-    return T(qe);
+    return A(qe);
   }
 }), de = Symbol("Provider");
 class qt extends ve {
@@ -813,7 +813,7 @@ class qt extends ve {
     super(), this.options = e;
     const {
       service: t,
-      mode: r = _.Raw,
+      mode: n = _.Raw,
       dependencies: s,
       materials: o,
       project: a = {},
@@ -824,7 +824,7 @@ class qt extends ve {
       materialPath: u = "./",
       nodeEnv: f = "development"
     } = e;
-    this.mode = r, this.modules = c, this.service = t, this.router = d, this.materialPath = u, this.nodeEnv = f, s && (this.dependencies = s), o && (this.materials = o), Object.assign(this.globals, l), Object.assign(this.adapter, i), r !== _.Design && this.load(a);
+    this.mode = n, this.modules = c, this.service = t, this.router = d, this.materialPath = u, this.nodeEnv = f, s && (this.dependencies = s), o && (this.materials = o), Object.assign(this.globals, l), Object.assign(this.adapter, i), n !== _.Design && this.load(a);
   }
   mode;
   globals = {};
@@ -845,11 +845,11 @@ class qt extends ve {
     const t = this.modules[`.vtj/projects/${e.id}.json`];
     if (this.project = t ? await t() : await this.service.init(e), !this.project)
       throw new Error("project is null");
-    const { apis: r = [], meta: s = [] } = this.project, o = window;
-    o.CKEDITOR_VERSION = void 0, this.nodeEnv !== "production" && await this.loadAssets(o), this.apis = tt(r, s, this.adapter), le(), this.project.config?.mock && nt(r), this.initRouter(), this.triggerReady();
+    const { apis: n = [], meta: s = [] } = this.project, o = window;
+    o.CKEDITOR_VERSION = void 0, this.nodeEnv !== "production" && await this.loadAssets(o), this.apis = tt(n, s, this.adapter), le(), this.project.config?.mock && nt(n), this.initRouter(), this.triggerReady();
   }
   async loadAssets(e) {
-    const { dependencies: t = [] } = this.project, { dependencies: r, library: s, components: o, materialPath: a } = this, {
+    const { dependencies: t = [] } = this.project, { dependencies: n, library: s, components: o, materialPath: a } = this, {
       libraryExports: i,
       libraryMap: l,
       materials: c,
@@ -857,7 +857,7 @@ class qt extends ve {
       materialMapLibrary: u
     } = We(t, a);
     for (const p of i) {
-      const h = r[p], m = e[p];
+      const h = n[p], m = e[p];
       if (m)
         s[p] = m;
       else if (h)
@@ -900,27 +900,41 @@ class qt extends ve {
   }
   install(e) {
     const t = e.config.globalProperties.installed || {};
-    for (const [r, s] of Object.entries(this.library))
-      !t[r] && Xe(s) && (e.use(s), t[r] = !0);
-    this.options.install && e.use(this.options.install), e.provide(de, this), e.config.globalProperties.installed = t;
+    for (const [n, s] of Object.entries(this.library))
+      !t[n] && Xe(s) && (e.use(s), t[n] = !0);
+    this.options.install && e.use(this.options.install), e.provide(de, this), e.config.globalProperties.installed = t, this.nodeEnv === "development" && (e.config.errorHandler = (n, s, o) => {
+      const a = s?.$options.name, i = n?.message || n?.msg || "未知错误", l = `[ ${a} ] ${i}`;
+      console.error(
+        "[VTJ Error]:",
+        {
+          err: n,
+          instance: s,
+          info: o
+        },
+        n?.stack
+      ), D.error({
+        title: "运行时错误：请在控制台查看详情",
+        message: l
+      });
+    });
   }
   getFile(e) {
     const { blocks: t = [] } = this.project || {};
-    return this.getPage(e) || t.find((r) => r.id === e) || null;
+    return this.getPage(e) || t.find((n) => n.id === e) || null;
   }
   getPage(e) {
-    const { pages: t = [] } = this.project || {}, r = (s, o = []) => {
+    const { pages: t = [] } = this.project || {}, n = (s, o = []) => {
       for (const a of o) {
         if (a.id === s)
           return a;
         if (a.children && a.children.length) {
-          const i = r(s, a.children);
+          const i = n(s, a.children);
           if (i)
             return i;
         }
       }
     };
-    return r(e, t) || null;
+    return n(e, t) || null;
   }
   getHomepage() {
     const { homepage: e } = this.project || {};
@@ -939,23 +953,23 @@ class qt extends ve {
         validSuccess: !1,
         originResponse: !0
       }
-    }).then((r) => r.data).catch(() => null));
+    }).then((n) => n.data).catch(() => null));
   }
   createDslRenderer(e, t = {}) {
-    const { library: r, components: s, mode: o, apis: a } = this, i = {
+    const { library: n, components: s, mode: o, apis: a } = this, i = {
       mode: o,
-      Vue: r.Vue,
+      Vue: n.Vue,
       components: s,
-      libs: r,
+      libs: n,
       apis: a,
       window,
       ...t
-    }, l = B({
+    }, l = U({
       getDsl: async (c) => await this.getDsl(c) || null,
       getDslByUrl: async (c) => await this.getDslByUrl(c) || null,
       options: i
     });
-    return A({
+    return B({
       ...i,
       dsl: e,
       loader: l
@@ -964,17 +978,17 @@ class qt extends ve {
   async getRenderComponent(e) {
     const t = this.getFile(e);
     if (!t)
-      return x.warn(`Can not find file: ${e}`), null;
-    const r = `.vtj/vue/${e}.vue`, s = this.modules[r];
+      return H.warn(`Can not find file: ${e}`), null;
+    const n = `.vtj/vue/${e}.vue`, s = this.modules[n];
     if (s)
       return (await s())?.default;
     const o = await this.getDsl(t.id);
-    return o ? this.createDslRenderer(o).renderer : (x.warn(`Can not find dsl: ${e}`), null);
+    return o ? this.createDslRenderer(o).renderer : (H.warn(`Can not find dsl: ${e}`), null);
   }
   defineUrlSchemaComponent(e, t) {
     return X(async () => {
-      const r = await this.getDslByUrl(e);
-      return r ? (r.name = t || r.name, this.createDslRenderer(r).renderer) : null;
+      const n = await this.getDslByUrl(e);
+      return n ? (n.name = t || n.name, this.createDslRenderer(n).renderer) : null;
     });
   }
   definePluginComponent(e) {
@@ -984,22 +998,22 @@ class qt extends ve {
     });
   }
 }
-function rn(n) {
-  const e = new qt(n);
+function rn(r) {
+  const e = new qt(r);
   return {
     provider: e,
-    onReady: (r) => e.ready(r)
+    onReady: (n) => e.ready(n)
   };
 }
-function me(n = {}) {
+function me(r = {}) {
   const e = Be(de);
   if (!e)
     throw new Error("Can not find provider");
   if (e.nodeEnv === "development") {
-    const { id: t, version: r } = n;
-    t && r && (async () => {
+    const { id: t, version: n } = r;
+    t && n && (async () => {
       const s = await e.getDsl(t);
-      s?.__VERSION__ !== r && q.warning({
+      s?.__VERSION__ !== n && D.warning({
         title: s?.name,
         message: "当前组件源码版本与运行时版本不一致，请重新发布组件"
       });
@@ -1013,23 +1027,23 @@ const W = new Fe({
     validSuccess: !0,
     originResponse: !1,
     failMessage: !0,
-    validate: (n) => n.data?.code === 0,
-    showError: (n) => {
-      q.error({
-        message: n || "未知错误"
+    validate: (r) => r.data?.code === 0,
+    showError: (r) => {
+      D.error({
+        message: r || "未知错误"
       });
     }
   }
-}), Jt = (n = "/vtj/local/repository/${type}.json") => (e, t) => W.send({
-  url: n,
+}), Jt = (r = "/vtj/local/repository/${type}.json") => (e, t) => W.send({
+  url: r,
   method: "post",
   query: { type: e },
   data: {
     type: e,
     data: t
   }
-}), Lt = (n = "/vtj/local/repository/uploader.json") => async (e, t) => await W.send({
-  url: n,
+}), Lt = (r = "/vtj/local/repository/uploader.json") => async (e, t) => await W.send({
+  url: r,
   method: "post",
   data: {
     files: e,
@@ -1038,7 +1052,7 @@ const W = new Fe({
   settings: {
     type: "data"
   }
-}).then((r) => r && r[0] ? r[0] : null).catch(() => null);
+}).then((n) => n && n[0] ? n[0] : null).catch(() => null);
 class G {
   api;
   pluginCaches = {};
@@ -1117,11 +1131,11 @@ class G {
     return await this.api("clearStaticFiles", e).catch(() => "");
   }
   async getPluginMaterial(e) {
-    const { urls: t = [] } = e, r = t.filter((o) => Ve(o))[0];
-    if (!r) return null;
-    const s = this.pluginCaches[r];
-    return s || (this.pluginCaches[r] = W.send({
-      url: r,
+    const { urls: t = [] } = e, n = t.filter((o) => Ve(o))[0];
+    if (!n) return null;
+    const s = this.pluginCaches[n];
+    return s || (this.pluginCaches[n] = W.send({
+      url: n,
       method: "get",
       settings: {
         validSuccess: !1,
@@ -1137,7 +1151,7 @@ const y = new Ie({
 });
 class sn extends G {
   init(e) {
-    const t = new I(e), r = y.get(`project_${t.id}`), s = Object.assign(t.toDsl(), r || {});
+    const t = new I(e), n = y.get(`project_${t.id}`), s = Object.assign(t.toDsl(), n || {});
     return y.save(`project_${t.id}`, s), Promise.resolve(s);
   }
   saveProject(e) {
@@ -1145,7 +1159,7 @@ class sn extends G {
     return y.save(`project_${t.id}`, t.toDsl()), Promise.resolve(!0);
   }
   saveMaterials(e, t) {
-    return y.save(`materials_${e.id}`, U(t)), Promise.resolve(!0);
+    return y.save(`materials_${e.id}`, N(t)), Promise.resolve(!0);
   }
   saveFile(e) {
     return y.save(`file_${e.id}`, e), Promise.resolve(!0);
@@ -1169,19 +1183,19 @@ class sn extends G {
     return Promise.resolve(!0);
   }
   getHistory(e) {
-    const t = y.get(`history_${e}`), r = new ee(t || { id: e });
-    return Promise.resolve(r.toDsl());
+    const t = y.get(`history_${e}`), n = new ee(t || { id: e });
+    return Promise.resolve(n.toDsl());
   }
   getHistoryItem(e, t) {
-    const r = y.get(`history_${e}_${t}`);
-    return Promise.resolve(r);
+    const n = y.get(`history_${e}_${t}`);
+    return Promise.resolve(n);
   }
   saveHistoryItem(e, t) {
     return y.save(`history_${e}_${t.id}`, t), Promise.resolve(!0);
   }
   removeHistoryItem(e, t) {
-    return t.forEach((r) => {
-      y.remove(`history_${e}_${r}`);
+    return t.forEach((n) => {
+      y.remove(`history_${e}_${n}`);
     }), Promise.resolve(!0);
   }
 }
@@ -1192,7 +1206,7 @@ class Vt extends G {
   histories = {};
   historyItems = {};
   init(e) {
-    const t = new I(e), r = this.projects[t.id] || {}, s = Object.assign(t.toDsl(), r);
+    const t = new I(e), n = this.projects[t.id] || {}, s = Object.assign(t.toDsl(), n);
     return this.projects[s.id] = s, Promise.resolve(s);
   }
   saveProject(e) {
@@ -1200,7 +1214,7 @@ class Vt extends G {
     return this.projects[t.id] = t.toDsl(), Promise.resolve(!0);
   }
   saveMaterials(e, t) {
-    return e.id && (this.materials[e.id] = U(t)), Promise.resolve(!0);
+    return e.id && (this.materials[e.id] = N(t)), Promise.resolve(!0);
   }
   saveFile(e) {
     return this.files[e.id] = e, Promise.resolve(!0);
@@ -1224,20 +1238,20 @@ class Vt extends G {
     return Promise.resolve(!0);
   }
   getHistory(e) {
-    const t = this.histories[e], r = new ee(t || { id: e });
-    return Promise.resolve(r);
+    const t = this.histories[e], n = new ee(t || { id: e });
+    return Promise.resolve(n);
   }
   getHistoryItem(e, t) {
-    const r = `${e}_${t}`, s = this.historyItems[r] || {};
+    const n = `${e}_${t}`, s = this.historyItems[n] || {};
     return Promise.resolve(s);
   }
   saveHistoryItem(e, t) {
-    const r = `${e}_${t.id}`;
-    return this.historyItems[r] = t, Promise.resolve(!0);
+    const n = `${e}_${t.id}`;
+    return this.historyItems[n] = t, Promise.resolve(!0);
   }
   removeHistoryItem(e, t) {
-    return t.forEach((r) => {
-      const s = `${e}_${r}`;
+    return t.forEach((n) => {
+      const s = `${e}_${n}`;
       delete this.historyItems[s];
     }), Promise.resolve(!0);
   }
@@ -1261,7 +1275,7 @@ class an extends G {
   async saveMaterials(e, t) {
     return !!await this.api("saveMaterials", {
       project: e,
-      materials: U(t)
+      materials: N(t)
     }).catch(() => !1);
   }
   async saveFile(e) {
@@ -1301,12 +1315,12 @@ class an extends G {
     );
   }
 }
-function he(n = []) {
-  return n.map((e) => {
-    const { id: t, title: r, icon: s, children: o, hidden: a } = e;
+function he(r = []) {
+  return r.map((e) => {
+    const { id: t, title: n, icon: s, children: o, hidden: a } = e;
     return {
       id: t,
-      title: r,
+      title: n,
       icon: s,
       hidden: a,
       url: `/page/${t}`,
@@ -1315,24 +1329,24 @@ function he(n = []) {
   });
 }
 function cn() {
-  const n = me(), e = oe(), t = N(!1), r = n.project;
+  const r = me(), e = oe(), t = q(!1), n = r.project;
   Ue(() => {
     const { name: a, params: i, meta: l } = e;
     if (a === "VtjPage") {
-      const c = n.getPage(i.id);
+      const c = r.getPage(i.id);
       t.value = !c?.mask;
     } else if (a === "VtjHomepage") {
-      const c = n.getHomepage();
+      const c = r.getHomepage();
       t.value = !c?.mask;
     } else
       t.value = !l.mask;
   });
-  const s = he(r?.pages), o = r?.config;
+  const s = he(n?.pages), o = n?.config;
   return {
     disabled: t,
     logo: o?.logo,
     themeSwitchable: o?.themeSwitchable,
-    title: o?.title || r?.description || r?.name || "VTJ App",
+    title: o?.title || n?.description || n?.name || "VTJ App",
     menus: s
   };
 }
@@ -1354,11 +1368,11 @@ export {
   en as createAssetScripts,
   tn as createAssetsCss,
   ft as createDataSources,
-  B as createLoader,
+  U as createLoader,
   on as createMemoryService,
   et as createMetaApi,
   rn as createProvider,
-  A as createRenderer,
+  B as createRenderer,
   Ze as createSchemaApi,
   tt as createSchemaApis,
   mt as defaultLoader,
@@ -1369,7 +1383,7 @@ export {
   J as isCSSUrl,
   Ye as isJSCode,
   g as isJSExpression,
-  D as isJSFunction,
+  k as isJSFunction,
   Ve as isJSON,
   L as isJSUrl,
   Xe as isVuePlugin,