@vtj/renderer 0.7.30 → 0.7.32

package/dist/index.mjs

@@ -1,21 +1,22 @@
-import { Base as ae, BUILT_IN_COMPONENTS as ce, ProjectModel as R, HistoryModel as Y } from "@vtj/core";
-import { isUrl as le, url as F, dedupArray as ue, isString as P, isFunction as L, logger as C, createRequest as pe, merge as fe, camelCase as j, upperFirst as de, pick as me, jsonp as he, loadScript as q, Request as ve, Storage as _e, mapToObject as A } from "@vtj/utils";
-import * as M from "vue";
-import { defineComponent as D, h as k, openBlock as ye, createElementBlock as ge, createElementVNode as b, toDisplayString as B, createVNode as we, unref as U, withCtx as Se, createTextVNode as $e, inject as je, ref as Ee, watchEffect as Pe } from "vue";
-import { useRoute as G } from "vue-router";
-import { ElNotification as V, ElLoading as be, ElButton as Fe } from "element-plus";
-import { useTitle as Ie } from "@vueuse/core";
-import { EditPen as He } from "@vtj/icons";
+import { Base as le, BUILT_IN_COMPONENTS as ue, ProjectModel as C, HistoryModel as G } from "@vtj/core";
+import { isUrl as pe, url as P, dedupArray as fe, isString as b, isFunction as q, logger as T, createRequest as me, merge as de, pathToRegexp as he, pathToRegexpMatch as ve, formDataToJson as _e, camelCase as j, upperFirst as ye, pick as ge, jsonp as we, loadScript as U, Request as Se, Storage as $e, mapToObject as D } from "@vtj/utils";
+import * as k from "vue";
+import { defineComponent as V, h as B, openBlock as je, createElementBlock as Ee, createElementVNode as F, toDisplayString as A, createVNode as Pe, unref as z, withCtx as be, createTextVNode as Fe, inject as Ie, ref as Re, watchEffect as xe } from "vue";
+import { useRoute as X } from "vue-router";
+import { ElNotification as J, ElLoading as He, ElButton as Ce } from "element-plus";
+import M from "mockjs";
+import { useTitle as Te } from "@vueuse/core";
+import { EditPen as Me } from "@vtj/icons";
 /**!
  * Copyright (c) 2024, VTJ.PRO All rights reserved.
  * @name @vtj/renderer 
  * @author CHC chenhuachun1549@dingtalk.com 
- * @version 0.7.30
+ * @version 0.7.32
  * @license <a href="https://vtj.pro/license.html">MIT License</a>
  */
-const I = "0.7.30";
-var w = /* @__PURE__ */ ((s) => (s.Runtime = "Runtime", s.Design = "Design", s.Raw = "Raw", s.VNode = "VNode", s))(w || {});
-const z = [
+const I = "0.7.32";
+var w = /* @__PURE__ */ ((r) => (r.Runtime = "Runtime", r.Design = "Design", r.Raw = "Raw", r.VNode = "VNode", r))(w || {});
+const K = [
   "$el",
   "$emit",
   "$nextTick",
@@ -27,7 +28,7 @@ const z = [
   "$props",
   "$options",
   "$forceUpdate"
-], Ht = [
+], Nt = [
   "beforeCreate",
   "created",
   "beforeMount",
@@ -41,7 +42,7 @@ const z = [
   "renderTriggered",
   "activated",
   "deactivated"
-], xe = ["vIf", "vShow", "vModel", "vFor", "vBind"], Re = {
+], Oe = ["vIf", "vShow", "vModel", "vFor", "vBind"], ke = {
   String,
   Number,
   Boolean,
@@ -50,123 +51,123 @@ const z = [
   Function,
   Date
 };
-function H(s, e) {
-  return s.map((t) => le(t) ? t : `${e}${t}`);
+function x(r, e) {
+  return r.map((t) => pe(t) ? t : `${e}${t}`);
 }
-function X(s) {
-  return /\.css$/.test(s);
+function Q(r) {
+  return /\.css$/.test(r);
 }
-function Q(s) {
-  return /\.js$/.test(s);
+function Z(r) {
+  return /\.js$/.test(r);
 }
-function xt(s) {
-  return s.map(
-    (e) => `<script src="${F.append(e, { v: I })}"><\/script>`
+function At(r) {
+  return r.map(
+    (e) => `<script src="${P.append(e, { v: I })}"><\/script>`
   ).join("");
 }
-function Rt(s = []) {
-  return s.map(
-    (e) => `<link rel="stylesheet" href="${F.append(e, { v: I })}" />`
+function Bt(r = []) {
+  return r.map(
+    (e) => `<link rel="stylesheet" href="${P.append(e, { v: I })}" />`
   ).join("");
 }
-function Ce(s, e) {
-  const t = s.filter((d) => !!d.enabled), r = [], n = [], o = [], i = [], a = {}, l = [], c = {};
-  return t.forEach(({ urls: d, assetsUrl: f, library: u, assetsLibrary: v }) => {
-    d?.forEach((_) => {
-      Q(_) && r.push(_), X(_) && n.push(_);
-    }), u && (i.push(u), a[u] = H(d || [], e)), f && o.push(f), v && l.push(v), u && v && (c[v] = u);
+function Ne(r, e) {
+  const t = r.filter((m) => !!m.enabled), s = [], n = [], o = [], i = [], a = {}, l = [], c = {};
+  return t.forEach(({ urls: m, assetsUrl: f, library: u, assetsLibrary: v }) => {
+    m?.forEach((_) => {
+      Z(_) && s.push(_), Q(_) && n.push(_);
+    }), u && (i.push(u), a[u] = x(m || [], e)), f && o.push(f), v && l.push(v), u && v && (c[v] = u);
   }), {
-    scripts: H(r, e),
-    css: H(n, e),
-    materials: H(o, e),
+    scripts: x(s, e),
+    css: x(n, e),
+    materials: x(o, e),
     libraryExports: i,
-    materialExports: ue(l),
+    materialExports: fe(l),
     materialMapLibrary: c,
     libraryMap: a
   };
 }
-function Oe(s, e) {
-  const { name: t, parent: r, alias: n } = s;
-  return r ? e[r]?.[n || t] : e[n || t];
+function Ae(r, e) {
+  const { name: t, parent: s, alias: n } = r;
+  return s ? e[s]?.[n || t] : e[n || t];
 }
-function Z(s) {
-  return P(s) ? s : JSON.stringify(s);
+function ee(r) {
+  return b(r) ? r : JSON.stringify(r);
 }
-function ee(s, e, t) {
-  const r = s.CSSStyleSheet;
-  if (r.prototype.replaceSync) {
-    const n = new r();
+function te(r, e, t) {
+  const s = r.CSSStyleSheet;
+  if (s.prototype.replaceSync) {
+    const n = new s();
     n.id = e, n.replaceSync(t);
-    const o = s.document, i = o.adoptedStyleSheets, a = Array.from(i).filter(
+    const o = r.document, i = o.adoptedStyleSheets, a = Array.from(i).filter(
       (l) => l.id !== e
     );
     o.adoptedStyleSheets = [...a, n];
   } else {
-    const n = s.document;
+    const n = r.document;
     let o = n.getElementById(e);
     o ? o.innerHTML = t : (o = n.createElement("style"), o.id = e, o.innerHTML = t, n.head.appendChild(o));
   }
 }
-async function Te(s, e) {
-  const t = await window.fetch(e).then((r) => r.text()).catch(() => "");
-  t && ee(window, s, t);
+async function Be(r, e) {
+  const t = await window.fetch(e).then((s) => s.text()).catch(() => "");
+  t && te(window, r, t);
 }
-function Me(s) {
-  return L(s) || L(s?.install);
+function De(r) {
+  return q(r) || q(r?.install);
 }
-function O(s, e, t = !1, r = !1) {
+function R(r, e, t = !1, s = !1) {
   try {
     const n = ['"use strict";', "var __self = arguments[0];"];
     n.push("return ");
-    let o = (s.value || "").trim();
+    let o = (r.value || "").trim();
     o = o.replace(/this(\W|$)/g, (a, l) => `__self${l}`), o = n.join(`
 `) + o;
     const i = `with(${t ? "{}" : "$scope || {}"}) { ${o} }`;
     return new Function("$scope", i)(e);
   } catch (n) {
-    if (C.error("parseExpression.error", n, s, e?.__self ?? e), r)
+    if (T.error("parseExpression.error", n, r, e?.__self ?? e), s)
       throw n;
   }
 }
-function K(s, e, t = !1, r = !1) {
-  const n = O(s, e, t, r);
-  if (typeof n != "function" && (C.error(
+function W(r, e, t = !1, s = !1) {
+  const n = R(r, e, t, s);
+  if (typeof n != "function" && (T.error(
     "parseFunction.error",
     "not a function",
-    s,
+    r,
     e?.__self ?? e
-  ), r))
-    throw new Error(`"${s.value}" not a function`);
+  ), s))
+    throw new Error(`"${r.value}" not a function`);
   return n;
 }
-function g(s) {
-  return s && s.type === "JSExpression";
+function g(r) {
+  return r && r.type === "JSExpression";
 }
-function N(s) {
-  return typeof s == "object" && s && s.type === "JSFunction";
+function N(r) {
+  return typeof r == "object" && r && r.type === "JSFunction";
 }
-function Ne(s) {
-  return g(s) || N(s);
+function Ve(r) {
+  return g(r) || N(r);
 }
-function Ct(s) {
-  return Ne(s) ? s.value : JSON.stringify(s);
+function Dt(r) {
+  return Ve(r) ? r.value : JSON.stringify(r);
 }
 let E = null;
-const Be = pe({
+const Je = me({
   settings: {
     type: "form",
     validSuccess: !0,
     originResponse: !1,
     loading: !0,
-    validate: (s) => s.data?.code === 0 || !!s.data?.success,
+    validate: (r) => r.data?.code === 0 || !!r.data?.success,
     failMessage: !0,
-    showError: (s) => {
-      V.error({
-        message: s || "未知错误"
+    showError: (r) => {
+      J.error({
+        message: r || "未知错误"
       });
     },
     showLoading: () => {
-      E && E.close(), E = be.service({
+      E && E.close(), E = He.service({
         lock: !0,
         text: "Loading",
         background: "rgba(0, 0, 0, 0.05)"
@@ -177,29 +178,52 @@ const Be = pe({
     }
   }
 });
-function ke(s, e) {
-  const { jsonp: t, request: r } = e;
-  if (s.method === "jsonp")
-    return (n = {}) => t(s.url, {
-      ...s.jsonpOptions,
+function Le(r, e) {
+  const { jsonp: t, request: s } = e;
+  if (r.method === "jsonp")
+    return (n = {}) => t(r.url, {
+      ...r.jsonpOptions,
       query: n
     });
   {
-    const n = s.headers ? O(s.headers, {}, !0) : void 0, o = {
-      url: s.url,
-      method: s.method,
+    const n = r.headers ? R(r.headers, {}, !0) : void 0, o = {
+      url: r.url,
+      method: r.method,
       settings: {
-        ...s.settings,
+        ...r.settings,
         headers: n
       }
     };
-    return (i, a) => r.send(fe(o, a || {}, { data: i }));
+    return (i, a) => s.send(de(o, a || {}, { data: i }));
   }
 }
-function Ae(s = [], e) {
-  return s.reduce((t, r) => (t[r.id] = ke(r, e), t), {});
+function qe(r = [], e) {
+  return r.reduce(
+    (t, s) => (t[s.id] = Le(s, e), t),
+    {}
+  );
+}
+function Ue(r = []) {
+  M.setup({
+    timeout: "50-500"
+  }), re(), r.forEach((e) => ze(e));
+}
+function ze(r) {
+  if (!r.mock)
+    return;
+  const { url: e, mockTemplate: t } = r;
+  if (e && t) {
+    const s = he(`${e}(.*)`), n = ve(e, { decode: decodeURIComponent }), o = R(t, {}, !0);
+    M.mock(s, (i) => {
+      const a = P.parse(i.url) || {}, l = i.body instanceof FormData ? _e(i.body) : i.body, c = n(i.url)?.params;
+      return Object.assign(i, { data: l, params: a, query: c }), M.mock(o(i));
+    });
+  }
+}
+function re() {
+  M._mocked = {};
 }
-class De {
+class Ke {
   __id = null;
   __mode;
   __instance = null;
@@ -224,15 +248,15 @@ class De {
   $apis = {};
   __transform = {};
   constructor(e) {
-    const { mode: t, dsl: r, attrs: n } = e;
-    this.__mode = t, r && (this.__id = r.id || null, this.__transform = r.transform || {}), n && Object.assign(this, n);
+    const { mode: t, dsl: s, attrs: n } = e;
+    this.__mode = t, s && (this.__id = s.id || null, this.__transform = s.transform || {}), n && Object.assign(this, n);
   }
-  setup(e, t = M) {
-    const r = t.getCurrentInstance();
-    if (!r)
+  setup(e, t = k) {
+    const s = t.getCurrentInstance();
+    if (!s)
       return;
-    this.__instance = r.proxy;
-    const n = r.appContext.config.globalProperties;
+    this.__instance = s.proxy;
+    const n = s.appContext.config.globalProperties;
     Object.assign(this, n), Object.assign(this, e || {}), this.__proxy(), t.onMounted(() => {
       this.__proxy();
     }), t.onUnmounted(() => {
@@ -240,88 +264,88 @@ class De {
     });
   }
   __proxy() {
-    this.__instance && z.forEach((e) => {
+    this.__instance && K.forEach((e) => {
       this[e] = this.__instance?.[e];
     });
   }
   __cleanup() {
-    z.forEach((e) => {
+    K.forEach((e) => {
       this[e] = null;
     });
   }
   __parseFunction(e) {
     if (e)
       if (this.__mode === w.Runtime) {
-        const { id: t, type: r } = e, n = t ? this.__transform[t] ?? e.value : e.value;
-        return K({ type: r, value: n }, this);
+        const { id: t, type: s } = e, n = t ? this.__transform[t] ?? e.value : e.value;
+        return W({ type: s, value: n }, this);
       } else
-        return K(e, this);
+        return W(e, this);
   }
   __parseExpression(e) {
     if (e)
       if (this.__mode === w.Runtime) {
-        const { id: t, type: r } = e, n = t ? this.__transform[t] ?? e.value : e.value;
-        return O({ type: r, value: n }, this);
+        const { id: t, type: s } = e, n = t ? this.__transform[t] ?? e.value : e.value;
+        return R({ type: s, value: n }, this);
       } else
-        return O(e, this);
+        return R(e, this);
   }
   __ref(e = null, t) {
     if (this.__mode !== w.VNode)
-      return e && e !== this.__id && (this.__contextRefs[e] = this), (r) => {
-        let n = r?.$vtjEl || r?.$el || r;
+      return e && e !== this.__id && (this.__contextRefs[e] = this), (s) => {
+        let n = s?.$vtjEl || s?.$el || s;
         if (!n) {
           typeof t == "string" && (delete this.$refs[t], e && delete this.__refs[e]);
           return;
         }
-        if (n.__vtj__ = e, n.nodeType === 3 && n.nextSibling && (n = n.nextSibling), w.Design === this.__mode && (n.__context__ = this), e && (this.__refs[e] = r), typeof t == "function")
-          t(r);
+        if (n.__vtj__ = e, n.nodeType === 3 && n.nextSibling && (n = n.nextSibling), w.Design === this.__mode && (n.__context__ = this), e && (this.__refs[e] = s), typeof t == "function")
+          t(s);
         else if (t) {
           const o = this.$refs[t];
           if (o) {
-            const i = new Set([].concat(o, r));
+            const i = new Set([].concat(o, s));
             this.$refs[t] = Array.from(i);
           } else
-            this.$refs[t] = r;
+            this.$refs[t] = s;
         }
-        return r;
+        return s;
       };
   }
   __clone(e = {}) {
-    const t = { ...this.context, ...e }, r = {
+    const t = { ...this.context, ...e }, s = {
       ...t,
       context: t
     };
-    return r.context.__proto__ = this.context, r.__proto__ = this, r;
+    return s.context.__proto__ = this.context, s.__proto__ = this, s;
   }
 }
-function te(s) {
+function se(r) {
   const {
-    Vue: e = M,
+    Vue: e = k,
     mode: t = w.Runtime,
-    components: r = {},
+    components: s = {},
     libs: n = {},
     apis: o = {},
     loader: i
-  } = s, a = e.computed(() => s.dsl), l = {
-    $components: r,
+  } = r, a = e.computed(() => r.dsl), l = {
+    $components: s,
     $libs: n,
     $apis: o
-  }, c = new De({
+  }, c = new Ke({
     mode: t,
     dsl: a.value,
     attrs: l
-  }), d = e.defineComponent({
+  }), m = e.defineComponent({
     name: a.value.name,
     props: {
-      ...Ve(a.value.props ?? [], c)
+      ...We(a.value.props ?? [], c)
     },
     setup(f) {
-      c.$props = f, a.value.id && ee(
-        s.window || window,
+      c.$props = f, a.value.id && te(
+        r.window || window,
         a.value.id,
         a.value.css || ""
-      ), c.state = Je(e, a.value.state ?? {}, c);
-      const u = Le(e, a.value.computed ?? {}, c), v = qe(a.value.methods ?? {}, c), _ = Ue(e, a.value.inject, c), p = ze(
+      ), c.state = Ye(e, a.value.state ?? {}, c);
+      const u = Ge(e, a.value.computed ?? {}, c), v = Xe(a.value.methods ?? {}, c), _ = Qe(e, a.value.inject, c), p = Ze(
         a.value.dataSources || {},
         c
       ), y = {
@@ -330,7 +354,7 @@ function te(s) {
         ...v,
         ...p
       };
-      return c.setup(y, e), Ke(e, a.value.watch ?? [], c), {
+      return c.setup(y, e), et(e, a.value.watch ?? [], c), {
         vtj: c
       };
     },
@@ -340,72 +364,72 @@ function te(s) {
       if (!a.value.nodes)
         return null;
       const f = a.value.nodes || [];
-      return f.length === 1 ? T(f[0], c, e, i) : f.map((u) => T(u, c, e, i));
+      return f.length === 1 ? O(f[0], c, e, i) : f.map((u) => O(u, c, e, i));
     },
-    ...We(a.value.lifeCycles ?? {}, c)
+    ...tt(a.value.lifeCycles ?? {}, c)
   });
   return {
-    renderer: e.markRaw(d),
+    renderer: e.markRaw(m),
     context: c
   };
 }
-function Ve(s = [], e) {
-  const t = (r) => r ? (Array.isArray(r) ? r : [r]).map((o) => Re[o]) : void 0;
-  return s.map((r) => P(r) ? {
-    name: r
+function We(r = [], e) {
+  const t = (s) => s ? (Array.isArray(s) ? s : [s]).map((o) => ke[o]) : void 0;
+  return r.map((s) => b(s) ? {
+    name: s
   } : {
-    name: r.name,
-    type: r.type,
-    required: r.required,
-    default: g(r.default) ? e.__parseExpression(r.default) : r.default
+    name: s.name,
+    type: s.type,
+    required: s.required,
+    default: g(s.default) ? e.__parseExpression(s.default) : s.default
   }).reduce(
-    (r, n) => (r[n.name] = {
+    (s, n) => (s[n.name] = {
       type: t(n.type),
       required: n.required,
       default: n.default
-    }, r),
+    }, s),
     {}
   );
 }
-function Je(s, e, t) {
-  return s.reactive(
+function Ye(r, e, t) {
+  return r.reactive(
     Object.keys(e || {}).reduce(
-      (r, n) => {
+      (s, n) => {
         let o = e[n];
-        return g(o) ? o = t.__parseExpression(o) : N(o) && (o = t.__parseFunction(o)), r[n] = o, r;
+        return g(o) ? o = t.__parseExpression(o) : N(o) && (o = t.__parseFunction(o)), s[n] = o, s;
       },
       {}
     )
   );
 }
-function Le(s, e, t) {
+function Ge(r, e, t) {
   return Object.entries(e ?? {}).reduce(
-    (r, [n, o]) => (r[n] = s.computed(t.__parseFunction(o)), r),
+    (s, [n, o]) => (s[n] = r.computed(t.__parseFunction(o)), s),
     {}
   );
 }
-function qe(s, e) {
-  return Object.entries(s ?? {}).reduce(
-    (t, [r, n]) => (t[r] = e.__parseFunction(n), t),
+function Xe(r, e) {
+  return Object.entries(r ?? {}).reduce(
+    (t, [s, n]) => (t[s] = e.__parseFunction(n), t),
     {}
   );
 }
-function Ue(s, e = [], t) {
+function Qe(r, e = [], t) {
   return e.reduce(
-    (r, n) => {
+    (s, n) => {
       const { name: o, from: i } = n || {};
       n.default;
       const a = g(i) ? t.__parseExpression(i) || o : i ?? o, l = g(n.default) ? t.__parseExpression(n.default) : n.default ?? null;
-      return r[o] = s.inject(a, l), r;
+      return s[o] = r.inject(a, l), s;
     },
     {}
   );
 }
-function ze(s, e) {
-  return Object.keys(s).reduce(
-    (t, r) => {
-      const n = s[r], o = e.$apis[n.ref], i = N(n.transform) ? n.transform.value ? e.__parseFunction(n.transform) : void 0 : n.transform;
-      return t[r] = async (...a) => {
+function Ze(r, e) {
+  return Object.keys(r).reduce(
+    (t, s) => {
+      const n = r[s], o = e.$apis[n.ref], i = N(n.transform) ? n.transform.value ? e.__parseFunction(n.transform) : void 0 : n.transform;
+      return t[s] = async (...a) => {
         const l = await o.apply(e, a);
         return i ? i(l) : l;
       }, t;
@@ -413,204 +437,204 @@ function ze(s, e) {
     {}
   );
 }
-function Ke(s, e = [], t) {
-  e.forEach((r) => {
-    s.watch(
-      t.__parseExpression(r.source),
-      t.__parseFunction(r.handler),
+function et(r, e = [], t) {
+  e.forEach((s) => {
+    r.watch(
+      t.__parseExpression(s.source),
+      t.__parseFunction(s.handler),
       {
-        deep: r.deep,
-        immediate: r.immediate
+        deep: s.deep,
+        immediate: s.immediate
       }
     );
   });
 }
-function We(s, e) {
-  return Object.entries(s ?? {}).reduce(
-    (t, [r, n]) => (t[r] = e.__parseFunction(n), t),
+function tt(r, e) {
+  return Object.entries(r ?? {}).reduce(
+    (t, [s, n]) => (t[s] = e.__parseFunction(n), t),
     {}
   );
 }
-const Ye = (s) => s;
-function re(s) {
-  const { getDsl: e, options: t } = s;
-  return (r, n, o = M) => !n || typeof n == "string" ? r : n.type === "Schema" ? o.defineAsyncComponent(async () => {
+const rt = (r) => r;
+function ne(r) {
+  const { getDsl: e, options: t } = r;
+  return (s, n, o = k) => !n || typeof n == "string" ? s : n.type === "Schema" ? o.defineAsyncComponent(async () => {
     const i = await e(n.id);
-    return i ? te({
+    return i ? se({
       ...t,
       Vue: o,
       dsl: i,
       mode: w.Runtime,
-      loader: re(s)
+      loader: ne(r)
     }).renderer : null;
-  }) : r;
+  }) : s;
 }
-function T(s, e, t = M, r = Ye) {
-  if (!s || !s.name || s.invisible)
+function O(r, e, t = k, s = rt) {
+  if (!r || !r.name || r.invisible)
     return null;
-  const { id: n = null, directives: o = [] } = s, { vIf: i, vFor: a, vShow: l, vModels: c, vBind: d } = Ge(o);
-  if (i && !Xe(i, e))
+  const { id: n = null, directives: o = [] } = r, { vIf: i, vFor: a, vShow: l, vModels: c, vBind: m } = st(o);
+  if (i && !nt(i, e))
     return null;
   const f = (u) => {
     const v = u.$components, _ = (() => {
-      if (s.name === "component")
-        return Qe(u, s.props?.is);
-      if (s.name === "slot")
-        return s.name;
-      const m = r(s.name, s.from, t);
-      return P(m) ? v[m] ?? m : m;
-    })(), p = Ze(n, s.props ?? {}, u), y = et(t, s.events ?? {}, u);
-    if (s.name === "slot")
-      return tt(t, s, p, u);
-    d && Object.assign(p, u.__parseExpression(d.value)), l && (p.style = Object.assign(
+      if (r.name === "component")
+        return ot(u, r.props?.is);
+      if (r.name === "slot")
+        return r.name;
+      const d = s(r.name, r.from, t);
+      return b(d) ? v[d] ?? d : d;
+    })(), p = it(n, r.props ?? {}, u), y = at(t, r.events ?? {}, u);
+    if (r.name === "slot")
+      return ct(t, r, p, u);
+    m && Object.assign(p, u.__parseExpression(m.value)), l && (p.style = Object.assign(
       p.style ?? {},
-      st(l, u)
-    )), c.forEach((m) => {
-      Object.assign(p, nt(t, m, u));
+      ut(l, u)
+    )), c.forEach((d) => {
+      Object.assign(p, pt(t, d, u));
     });
-    const S = ot(t, s.children ?? [], u, s);
+    const S = ft(t, r.children ?? [], u, r);
     return t.createVNode(_, { ...p, ...y }, S);
   };
-  return a ? ct(a, f, e) : f(e);
+  return a ? ht(a, f, e) : f(e);
 }
-function Ge(s = []) {
-  const e = s.find((a) => j(a.name) === "vIf"), t = s.find((a) => j(a.name) === "vFor"), r = s.find((a) => j(a.name) === "vShow"), n = s.find((a) => j(a.name) === "vBind"), o = s.filter((a) => j(a.name) === "vModel"), i = s.filter(
-    (a) => !xe.includes(j(a.name))
+function st(r = []) {
+  const e = r.find((a) => j(a.name) === "vIf"), t = r.find((a) => j(a.name) === "vFor"), s = r.find((a) => j(a.name) === "vShow"), n = r.find((a) => j(a.name) === "vBind"), o = r.filter((a) => j(a.name) === "vModel"), i = r.filter(
+    (a) => !Oe.includes(j(a.name))
   );
   return {
     vIf: e,
     vFor: t,
-    vShow: r,
+    vShow: s,
     vModels: o,
     vBind: n,
     others: i
   };
 }
-function Xe(s, e) {
-  return !!e.__parseExpression(s.value);
+function nt(r, e) {
+  return !!e.__parseExpression(r.value);
 }
-function Qe(s, e) {
-  return e ? g(e) ? s.__parseExpression(e) : e : "div";
+function ot(r, e) {
+  return e ? g(e) ? r.__parseExpression(e) : e : "div";
 }
-function Ze(s, e, t) {
-  const r = Object.keys(e || {}).reduce(
+function it(r, e, t) {
+  const s = Object.keys(e || {}).reduce(
     (n, o) => {
       let i = e[o];
       return g(i) ? i = t.__parseExpression(i) : N(i) && (i = t.__parseFunction(i)), n[o] = i, n;
     },
     {}
   );
-  return r.ref = t.__ref(s, r.ref), r;
+  return s.ref = t.__ref(r, s.ref), s;
 }
-function et(s, e, t) {
-  const r = ["passive", "capture", "once"], n = {
+function at(r, e, t) {
+  const s = ["passive", "capture", "once"], n = {
     capture: "Capture",
     once: "Once",
     passive: "OnceCapture"
   };
   return Object.keys(e || {}).reduce(
     (o, i) => {
-      const a = e[i], l = se(a.modifiers), c = l.find((u) => r.includes(u)), d = "on" + de(i) + (c && n[c] || ""), f = t.__parseFunction(a.handler);
-      return f && (o[d] = s.withModifiers(f, l)), o;
+      const a = e[i], l = oe(a.modifiers), c = l.find((u) => s.includes(u)), m = "on" + ye(i) + (c && n[c] || ""), f = t.__parseFunction(a.handler);
+      return f && (o[m] = r.withModifiers(f, l)), o;
     },
     {}
   );
 }
-function se(s = {}, e = !1) {
-  const t = Object.keys(s);
-  return e ? t.map((r) => "." + r) : t;
+function oe(r = {}, e = !1) {
+  const t = Object.keys(r);
+  return e ? t.map((s) => "." + s) : t;
 }
-function tt(s, e, t, r) {
-  const { children: n } = e, o = rt(e, r), i = r.$slots?.[o.name];
-  return i ? i(t) : n ? P(n) ? s.createTextVNode(n) : g(n) ? s.createTextVNode(
-    Z(r.__parseExpression(n))
-  ) : Array.isArray(n) ? n.map((a) => T(a, r, s)) : null : null;
+function ct(r, e, t, s) {
+  const { children: n } = e, o = lt(e, s), i = s.$slots?.[o.name];
+  return i ? i(t) : n ? b(n) ? r.createTextVNode(n) : g(n) ? r.createTextVNode(
+    ee(s.__parseExpression(n))
+  ) : Array.isArray(n) ? n.map((a) => O(a, s, r)) : null : null;
 }
-function rt(s, e) {
-  const { props: t } = s, r = t?.name || "default";
+function lt(r, e) {
+  const { props: t } = r, s = t?.name || "default";
   return {
-    name: g(r) ? e.__parseExpression(r) : r,
+    name: g(s) ? e.__parseExpression(s) : s,
     params: []
   };
 }
-function st(s, e) {
-  return e.__parseExpression(s.value) ? {} : {
+function ut(r, e) {
+  return e.__parseExpression(r.value) ? {} : {
     display: "none"
   };
 }
-function nt(s, e, t) {
-  const r = {
+function pt(r, e, t) {
+  const s = {
     type: "JSFunction",
     value: e.value?.value ? `(v) => {
         ${e.value.value} = v;
       }` : "(v) => {}"
-  }, n = t.__parseFunction(r), o = se(e.modifiers), i = g(e.arg) ? t.__parseExpression(e.arg) : e.arg || "modelValue";
+  }, n = t.__parseFunction(s), o = oe(e.modifiers), i = g(e.arg) ? t.__parseExpression(e.arg) : e.arg || "modelValue";
   return {
     [i]: t.__parseExpression(e.value),
-    [`onUpdate:${i}`]: o.length && n ? s.withModifiers(n, o) : n
+    [`onUpdate:${i}`]: o.length && n ? r.withModifiers(n, o) : n
   };
 }
-function ot(s, e, t, r) {
+function ft(r, e, t, s) {
   if (!e)
     return null;
-  if (P(e))
+  if (b(e))
     return { default: () => e };
   if (g(e))
     return {
-      default: () => Z(t.__parseExpression(e))
+      default: () => ee(t.__parseExpression(e))
     };
   if (Array.isArray(e) && e.length > 0) {
-    const n = it(e), o = (i) => !i || !r ? {} : r?.id && Object.keys(i).length ? {
-      [`scope_${r.id}`]: i
+    const n = mt(e), o = (i) => !i || !s ? {} : s?.id && Object.keys(i).length ? {
+      [`scope_${s.id}`]: i
     } : {};
-    return Object.entries(n).reduce((i, [a, { nodes: l, params: c }]) => (i[a] = (d) => {
-      const f = c.length ? me(d ?? {}, c) : o(d);
+    return Object.entries(n).reduce((i, [a, { nodes: l, params: c }]) => (i[a] = (m) => {
+      const f = c.length ? ge(m ?? {}, c) : o(m);
       return l.map(
-        (u) => T(u, t.__clone(f), s)
+        (u) => O(u, t.__clone(f), r)
       );
     }, i), {});
   }
   return null;
 }
-function it(s) {
+function mt(r) {
   const e = {
     default: {
       params: [],
       nodes: []
     }
   };
-  for (const t of s) {
-    const r = at(t.slot), n = r.name;
-    e[n] ? (e[n].nodes.push(t), e[n].params = e[n].params.concat(r.params)) : e[n] = {
+  for (const t of r) {
+    const s = dt(t.slot), n = s.name;
+    e[n] ? (e[n].nodes.push(t), e[n].params = e[n].params.concat(s.params)) : e[n] = {
       nodes: [t],
-      params: r.params
+      params: s.params
     };
   }
   return e;
 }
-function at(s = "default") {
-  return P(s) ? { name: s, params: [] } : { params: [], ...s };
+function dt(r = "default") {
+  return b(r) ? { name: r, params: [] } : { params: [], ...r };
 }
-function ct(s, e, t) {
-  const { value: r, iterator: n } = s, { item: o = "item", index: i = "index" } = n || {};
-  let a = t.__parseExpression(r) || [];
-  return Number.isInteger(a) && (a = new Array(a).fill(!0).map((l, c) => c + 1)), Array.isArray(a) ? a.map((l, c) => e(t.__clone({ [o]: l, [i]: c }))) : (console.warn("[vForRender]:", `${r?.value} is not a Arrary`), []);
+function ht(r, e, t) {
+  const { value: s, iterator: n } = r, { item: o = "item", index: i = "index" } = n || {};
+  let a = t.__parseExpression(s) || [];
+  return Number.isInteger(a) && (a = new Array(a).fill(!0).map((l, c) => c + 1)), Array.isArray(a) ? a.map((l, c) => e(t.__clone({ [o]: l, [i]: c }))) : (console.warn("[vForRender]:", `${s?.value} is not a Arrary`), []);
 }
-const W = D({
+const Y = V({
   name: "VtjPageContainer",
   async setup() {
-    const s = oe(), e = G(), t = e.params.id, r = t ? s.getPage(t) : s.getHomepage(), n = r ? await s.getRenderComponent(r.id) : null;
-    return r && Ie(r.title || "VTJ"), {
-      provider: s,
+    const r = ae(), e = X(), t = e.params.id, s = t ? r.getPage(t) : r.getHomepage(), n = s ? await r.getRenderComponent(s.id) : null;
+    return s && Te(s.title || "VTJ"), {
+      provider: r,
       component: n,
-      file: r,
+      file: s,
       query: e.query
     };
   },
   render() {
-    return this.component ? k(this.component, this.query) : k("div", "页面不存在");
+    return this.component ? B(this.component, this.query) : B("div", "页面不存在");
   }
-}), lt = {
+}), vt = {
   name: {
     type: String,
     default: "VTJ.PRO"
@@ -627,32 +651,32 @@ const W = D({
     type: String,
     default: "/@vtj/pro/"
   }
-}, ut = { class: "x-startup" }, pt = { class: "x-startup__wrapper" }, ft = { class: "x-startup__name" }, dt = { class: "clip" }, mt = { class: "x-startup__tagline" }, ht = { class: "x-startup__actions" }, vt = /* @__PURE__ */ D({
+}, _t = { class: "x-startup" }, yt = { class: "x-startup__wrapper" }, gt = { class: "x-startup__name" }, wt = { class: "clip" }, St = { class: "x-startup__tagline" }, $t = { class: "x-startup__actions" }, jt = /* @__PURE__ */ V({
   __name: "Startup",
-  props: lt,
-  setup(s) {
-    const e = s, t = () => {
+  props: vt,
+  setup(r) {
+    const e = r, t = () => {
       if (typeof window < "u") {
-        let r = (window.__VTJ_LINK__ || {}).href || window.location.pathname + "@vtj/pro/#/";
-        window.location.href = r;
+        let s = (window.__VTJ_LINK__ || {}).href || window.location.pathname + "@vtj/pro/#/";
+        window.location.href = s;
       }
     };
-    return (r, n) => (ye(), ge("div", ut, [
-      b("div", pt, [
-        b("div", ft, [
-          b("span", dt, B(e.name), 1)
+    return (s, n) => (je(), Ee("div", _t, [
+      F("div", yt, [
+        F("div", gt, [
+          F("span", wt, A(e.name), 1)
         ]),
-        b("div", mt, B(e.tagline), 1),
-        b("div", ht, [
-          we(U(Fe), {
+        F("div", St, A(e.tagline), 1),
+        F("div", $t, [
+          Pe(z(Ce), {
             type: "primary",
             size: "large",
             round: "",
-            icon: U(He),
+            icon: z(Me),
             onClick: t
           }, {
-            default: Se(() => [
-              $e(B(e.actionText), 1)
+            default: be(() => [
+              Fe(A(e.actionText), 1)
             ]),
             _: 1
           }, 8, ["icon"])
@@ -660,17 +684,17 @@ const W = D({
       ])
     ]));
   }
-}), _t = D({
+}), Et = V({
   name: "VtjStartupContainer",
   render() {
-    return k(vt);
+    return B(jt);
   }
-}), ne = Symbol("Provider");
-class yt extends ae {
+}), ie = Symbol("Provider");
+class Pt extends le {
   mode;
   globals = {};
   modules = {};
-  adapter = { request: Be, jsonp: he };
+  adapter = { request: Je, jsonp: we };
   apis = {};
   dependencies = {};
   materials = {};
@@ -685,30 +709,30 @@ class yt extends ae {
     super();
     const {
       service: t,
-      mode: r = w.Raw,
+      mode: s = w.Raw,
       dependencies: n,
       materials: o,
       project: i = {},
       adapter: a = {},
       globals: l = {},
       modules: c = {},
-      router: d = null,
+      router: m = null,
       materialPath: f = "./",
       nodeEnv: u = "development"
     } = e;
-    this.mode = r, this.modules = c, this.service = t, this.router = d, this.materialPath = f, this.nodeEnv = u, n && (this.dependencies = n), o && (this.materials = o), Object.assign(this.globals, l), Object.assign(this.adapter, a), r !== w.Design && this.load(i);
+    this.mode = s, this.modules = c, this.service = t, this.router = m, this.materialPath = f, this.nodeEnv = u, n && (this.dependencies = n), o && (this.materials = o), Object.assign(this.globals, l), Object.assign(this.adapter, a), s !== w.Design && this.load(i);
   }
   async load(e) {
     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 { dependencies: r = [], apis: n } = this.project, { dependencies: o, library: i, components: a, materialPath: l } = this, {
+    const { dependencies: s = [], apis: n } = this.project, { dependencies: o, library: i, components: a, materialPath: l } = this, {
       libraryExports: c,
-      libraryMap: d,
+      libraryMap: m,
       materials: f,
       materialExports: u,
       materialMapLibrary: v
-    } = Ce(r, l);
+    } = Ne(s, l);
     for (const p of c) {
       const y = o[p], S = window[p];
       if (S)
@@ -716,64 +740,64 @@ class yt extends ae {
       else if (y)
         window[p] = i[p] = await y();
       else {
-        const m = d[p] || [];
-        for (const $ of m)
-          X($) && await Te(p, F.append($, { v: I })), Q($) && await q(F.append($, { v: I })), i[p] = window[p];
+        const d = m[p] || [];
+        for (const $ of d)
+          Q($) && await Be(p, P.append($, { v: I })), Z($) && await U(P.append($, { v: I })), i[p] = window[p];
       }
     }
     for (const p of f)
-      await q(F.append(p, { v: I }));
+      await U(P.append(p, { v: I }));
     const _ = this.materials || {};
     for (const p of u) {
-      const y = window[v[p]], S = ce[p];
+      const y = window[v[p]], S = ue[p];
       if (S)
-        y && S.forEach((m) => {
-          a[m] = y[m];
+        y && S.forEach((d) => {
+          a[d] = y[d];
         });
       else {
-        const m = _[p] ? (await _[p]()).default : window[p];
-        m && y && (m.components || []).forEach(($) => {
-          a[$.name] = Oe($, y);
+        const d = _[p] ? (await _[p]()).default : window[p];
+        d && y && (d.components || []).forEach(($) => {
+          a[$.name] = Ae($, y);
         });
       }
     }
-    n && (this.apis = Ae(n, this.adapter)), this.initRouter(), this.triggerReady();
+    n && (this.apis = qe(n, this.adapter), re(), this.project.config?.mock && Ue(n)), this.initRouter(), this.triggerReady();
   }
   initRouter() {
     const { router: e, project: t } = this;
     e && (e.addRoute({
       path: "/page/:id",
       name: "VtjPage",
-      component: W
+      component: Y
     }), e.addRoute({
       path: "/",
       name: "VtjHomepage",
-      component: t?.homepage ? W : _t
+      component: t?.homepage ? Y : Et
     }));
   }
   install(e) {
     const t = e.config.globalProperties.installed || {};
-    for (const [r, n] of Object.entries(this.library))
-      !t[r] && Me(n) && (e.use(n), t[r] = !0);
-    e.provide(ne, this), e.config.globalProperties.installed = t;
+    for (const [s, n] of Object.entries(this.library))
+      !t[s] && De(n) && (e.use(n), t[s] = !0);
+    e.provide(ie, this), e.config.globalProperties.installed = t;
   }
   getFile(e) {
     const { blocks: t = [] } = this.project || {};
-    return this.getPage(e) || t.find((r) => r.id === e) || null;
+    return this.getPage(e) || t.find((s) => s.id === e) || null;
   }
   getPage(e) {
-    const { pages: t = [] } = this.project || {}, r = (n, o = []) => {
+    const { pages: t = [] } = this.project || {}, s = (n, o = []) => {
       for (const i of o) {
         if (i.id === n)
           return i;
         if (i.children && i.children.length) {
-          const a = r(n, i.children);
+          const a = s(n, i.children);
           if (a)
             return a;
         }
       }
     };
-    return r(e, t) || null;
+    return s(e, t) || null;
   }
   getHomepage() {
     const { homepage: e } = this.project || {};
@@ -786,47 +810,47 @@ class yt extends ae {
   async getRenderComponent(e) {
     const t = this.getFile(e);
     if (!t)
-      return C.warn(`Can not find file: ${e}`), null;
-    const r = `.vtj/vue/${e}.vue`, n = this.modules[r];
+      return T.warn(`Can not find file: ${e}`), null;
+    const s = `.vtj/vue/${e}.vue`, n = this.modules[s];
     if (n)
       return (await n())?.default;
     const o = await this.getDsl(t.id);
     if (!o)
-      return C.warn(`Can not find dsl: ${e}`), null;
-    const { library: i, components: a, mode: l, apis: c } = this, d = {
+      return T.warn(`Can not find dsl: ${e}`), null;
+    const { library: i, components: a, mode: l, apis: c } = this, m = {
       mode: l,
       Vue: i.Vue,
       components: a,
       libs: i,
       apis: c,
       window
-    }, f = re({
+    }, f = ne({
       getDsl: async (v) => await this.getDsl(v) || null,
-      options: d
-    }), { renderer: u } = te({
-      ...d,
+      options: m
+    }), { renderer: u } = se({
+      ...m,
       dsl: o,
       loader: f
     });
     return u;
   }
 }
-function Ot(s) {
-  const e = new yt(s);
+function Vt(r) {
+  const e = new Pt(r);
   return {
     provider: e,
-    onReady: (r) => e.ready(r)
+    onReady: (s) => e.ready(s)
   };
 }
-function oe(s = {}) {
-  const e = je(ne);
+function ae(r = {}) {
+  const e = Ie(ie);
   if (!e)
     throw new Error("Can not find provider");
   if (e.mode === w.Raw && e.nodeEnv === "development") {
-    const { id: t, version: r } = s;
-    t && r && (async () => {
+    const { id: t, version: s } = r;
+    t && s && (async () => {
       const n = await e.getDsl(t);
-      n?.__VERSION__ !== r && V.warning({
+      n?.__VERSION__ !== s && J.warning({
         title: n?.name,
         message: "当前组件源码版本与运行时版本不一致，请重新发布组件"
       });
@@ -834,21 +858,21 @@ function oe(s = {}) {
   }
   return e;
 }
-const gt = new ve({
+const bt = new Se({
   settings: {
     type: "json",
     validSuccess: !0,
     originResponse: !1,
     failMessage: !0,
-    validate: (s) => s.data?.code === 0,
-    showError: (s) => {
-      V.error({
-        message: s || "未知错误"
+    validate: (r) => r.data?.code === 0,
+    showError: (r) => {
+      J.error({
+        message: r || "未知错误"
       });
     }
   }
-}), wt = (s = "/vtj/local/repository/${type}.json") => (e, t) => gt.send({
-  url: s,
+}), Ft = (r = "/vtj/local/repository/${type}.json") => (e, t) => bt.send({
+  url: r,
   method: "post",
   query: { type: e },
   data: {
@@ -856,10 +880,10 @@ const gt = new ve({
     data: t
   }
 });
-class J {
+class L {
   api;
   constructor() {
-    this.api = wt();
+    this.api = Ft();
   }
   async init(e) {
     return console.log("BaseService.init", e), {};
@@ -915,22 +939,22 @@ class J {
     return await this.api("removeRawPage", e).catch(() => "");
   }
 }
-const h = new _e({
+const h = new $e({
   type: "local",
   expired: 0,
   prefix: "__VTJ_"
 });
-class Tt extends J {
+class Jt extends L {
   init(e) {
-    const t = new R(e), r = h.get(`project_${t.id}`), n = Object.assign(t.toDsl(), r || {});
+    const t = new C(e), s = h.get(`project_${t.id}`), n = Object.assign(t.toDsl(), s || {});
     return h.save(`project_${t.id}`, n), Promise.resolve(n);
   }
   saveProject(e) {
-    const t = new R(e);
+    const t = new C(e);
     return h.save(`project_${t.id}`, t.toDsl()), Promise.resolve(!0);
   }
   saveMaterials(e, t) {
-    return h.save(`materials_${e.id}`, A(t)), Promise.resolve(!0);
+    return h.save(`materials_${e.id}`, D(t)), Promise.resolve(!0);
   }
   saveFile(e) {
     return h.save(`file_${e.id}`, e), Promise.resolve(!0);
@@ -954,38 +978,38 @@ class Tt extends J {
     return Promise.resolve(!0);
   }
   getHistory(e) {
-    const t = h.get(`history_${e}`), r = new Y(t || { id: e });
-    return Promise.resolve(r.toDsl());
+    const t = h.get(`history_${e}`), s = new G(t || { id: e });
+    return Promise.resolve(s.toDsl());
   }
   getHistoryItem(e, t) {
-    const r = h.get(`history_${e}_${t}`);
-    return Promise.resolve(r);
+    const s = h.get(`history_${e}_${t}`);
+    return Promise.resolve(s);
   }
   saveHistoryItem(e, t) {
     return h.save(`history_${e}_${t.id}`, t), Promise.resolve(!0);
   }
   removeHistoryItem(e, t) {
-    return t.forEach((r) => {
-      h.remove(`history_${e}_${r}`);
+    return t.forEach((s) => {
+      h.remove(`history_${e}_${s}`);
     }), Promise.resolve(!0);
   }
 }
-class St extends J {
+class It extends L {
   projects = {};
   materials = {};
   files = {};
   histories = {};
   historyItems = {};
   init(e) {
-    const t = new R(e), r = this.projects[t.id] || {}, n = Object.assign(t.toDsl(), r);
+    const t = new C(e), s = this.projects[t.id] || {}, n = Object.assign(t.toDsl(), s);
     return this.projects[n.id] = n, Promise.resolve(n);
   }
   saveProject(e) {
-    const t = new R(e);
+    const t = new C(e);
     return this.projects[t.id] = t.toDsl(), Promise.resolve(!0);
   }
   saveMaterials(e, t) {
-    return e.id && (this.materials[e.id] = A(t)), Promise.resolve(!0);
+    return e.id && (this.materials[e.id] = D(t)), Promise.resolve(!0);
   }
   saveFile(e) {
     return this.files[e.id] = e, Promise.resolve(!0);
@@ -1009,29 +1033,29 @@ class St extends J {
     return Promise.resolve(!0);
   }
   getHistory(e) {
-    const t = this.histories[e], r = new Y(t || { id: e });
-    return Promise.resolve(r);
+    const t = this.histories[e], s = new G(t || { id: e });
+    return Promise.resolve(s);
   }
   getHistoryItem(e, t) {
-    const r = `${e}_${t}`, n = this.historyItems[r] || {};
+    const s = `${e}_${t}`, n = this.historyItems[s] || {};
     return Promise.resolve(n);
   }
   saveHistoryItem(e, t) {
-    const r = `${e}_${t.id}`;
-    return this.historyItems[r] = t, Promise.resolve(!0);
+    const s = `${e}_${t.id}`;
+    return this.historyItems[s] = t, Promise.resolve(!0);
   }
   removeHistoryItem(e, t) {
-    return t.forEach((r) => {
-      const n = `${e}_${r}`;
+    return t.forEach((s) => {
+      const n = `${e}_${s}`;
       delete this.historyItems[n];
     }), Promise.resolve(!0);
   }
 }
-let x = null;
-function Mt() {
-  return x || (x = new St(), x);
+let H = null;
+function Lt() {
+  return H || (H = new It(), H);
 }
-class Nt extends J {
+class qt extends L {
   async init(e) {
     return await this.api("init", e).catch(() => null) || {};
   }
@@ -1041,7 +1065,7 @@ class Nt extends J {
   async saveMaterials(e, t) {
     return !!await this.api("saveMaterials", {
       project: e,
-      materials: A(t)
+      materials: D(t)
     }).catch(() => !1);
   }
   async saveFile(e) {
@@ -1076,80 +1100,85 @@ class Nt extends J {
     );
   }
 }
-function ie(s = []) {
-  return s.map((e) => {
-    const { id: t, title: r, icon: n, children: o, hidden: i } = e;
+function ce(r = []) {
+  return r.map((e) => {
+    const { id: t, title: s, icon: n, children: o, hidden: i } = e;
     return {
       id: t,
-      title: r,
+      title: s,
       icon: n,
       hidden: i,
       url: `/page/${t}`,
-      children: o && o.length ? ie(o) : void 0
+      children: o && o.length ? ce(o) : void 0
     };
   });
 }
-function Bt() {
-  const s = oe(), e = G(), t = Ee(!1), r = s.project;
-  Pe(() => {
-    const { name: o, params: i, meta: a } = e;
-    if (o === "VtjPage") {
-      const l = s.getPage(i.id);
-      t.value = !l?.mask;
-    } else if (o === "VtjHomepage") {
-      const l = s.getHomepage();
-      t.value = !l?.mask;
+function Ut() {
+  const r = ae(), e = X(), t = Re(!1), s = r.project;
+  xe(() => {
+    const { name: i, params: a, meta: l } = e;
+    if (i === "VtjPage") {
+      const c = r.getPage(a.id);
+      t.value = !c?.mask;
+    } else if (i === "VtjHomepage") {
+      const c = r.getHomepage();
+      t.value = !c?.mask;
     } else
-      t.value = !a.mask;
+      t.value = !l.mask;
   });
-  const n = ie(r?.pages);
+  const n = ce(s?.pages), o = s?.config;
   return {
     disabled: t,
-    title: r?.description || r?.name || "VTJ App",
+    logo: o?.logo,
+    themeSwitchable: o?.themeSwitchable,
+    title: o?.title || s?.description || s?.name || "VTJ App",
     menus: n
   };
 }
 export {
-  xe as BUILT_IN_DIRECTIVES,
-  J as BaseService,
-  z as CONTEXT_HOST,
-  De as Context,
+  Oe as BUILT_IN_DIRECTIVES,
+  L as BaseService,
+  K as CONTEXT_HOST,
+  Ke as Context,
   w as ContextMode,
-  Re as DATA_TYPES,
-  Ct as JSCodeToString,
-  Ht as LIFE_CYCLES_LIST,
-  Nt as LocalService,
-  St as MemoryService,
-  yt as Provider,
-  Tt as StorageService,
+  ke as DATA_TYPES,
+  Dt as JSCodeToString,
+  Nt as LIFE_CYCLES_LIST,
+  qt as LocalService,
+  It as MemoryService,
+  Pt as Provider,
+  Jt as StorageService,
   I as VTJ_RENDERER_VERSION,
-  ee as adoptedStyleSheets,
-  xt as createAssetScripts,
-  Rt as createAssetsCss,
-  ze as createDataSources,
-  re as createLoader,
-  Mt as createMemoryService,
-  Ot as createProvider,
-  te as createRenderer,
-  ke as createSchemaApi,
-  Ae as createSchemaApis,
-  Ye as defaultLoader,
-  H as fillBasePath,
-  se as getModifiers,
-  Oe as getRawComponent,
-  X as isCSSUrl,
-  Ne as isJSCode,
+  te as adoptedStyleSheets,
+  At as createAssetScripts,
+  Bt as createAssetsCss,
+  Ze as createDataSources,
+  ne as createLoader,
+  Lt as createMemoryService,
+  Vt as createProvider,
+  se as createRenderer,
+  Le as createSchemaApi,
+  qe as createSchemaApis,
+  rt as defaultLoader,
+  x as fillBasePath,
+  oe as getModifiers,
+  Ae as getRawComponent,
+  Q as isCSSUrl,
+  Ve as isJSCode,
   g as isJSExpression,
   N as isJSFunction,
-  Q as isJSUrl,
-  Me as isVuePlugin,
-  Te as loadCss,
-  T as nodeRender,
-  Ce as parseDeps,
-  O as parseExpression,
-  K as parseFunction,
-  ne as providerKey,
-  Z as toString,
-  Bt as useMask,
-  oe as useProvider
+  Z as isJSUrl,
+  De as isVuePlugin,
+  Be as loadCss,
+  ze as mockApi,
+  Ue as mockApis,
+  re as mockCleanup,
+  O as nodeRender,
+  Ne as parseDeps,
+  R as parseExpression,
+  W as parseFunction,
+  ie as providerKey,
+  ee as toString,
+  Ut as useMask,
+  ae as useProvider
 };