@vtj/renderer 0.8.31 → 0.8.32

package/dist/index.mjs

@@ -1,22 +1,21 @@
-import { Base as de, BUILT_IN_COMPONENTS as me, ProjectModel as M, HistoryModel as te } from "@vtj/core";
-import { isUrl as he, url as F, dedupArray as ve, isString as C, isFunction as X, logger as O, createRequest as ye, merge as ge, pathToRegexp as _e, pathToRegexpMatch as we, formDataToJson as Se, camelCase as E, upperFirst as $e, pick as je, jsonp as Ee, loadScript as Y, Request as Pe, Storage as Fe, mapToObject as J } from "@vtj/utils";
+import { Base as _e, BUILT_IN_COMPONENTS as we, ProjectModel as O, HistoryModel as re } from "@vtj/core";
+import { isUrl as Se, url as P, dedupArray as $e, isString as C, isFunction as Y, logger as x, createRequest as je, merge as Ee, pathToRegexp as be, pathToRegexpMatch as Pe, formDataToJson as Ce, camelCase as E, upperFirst as Fe, pick as Re, jsonp as Ie, loadScript as z, Request as He, Storage as Me, mapToObject as J } from "@vtj/utils";
 import * as T from "vue";
-import { defineComponent as re, h as N, inject as Ce, defineAsyncComponent as z, ref as be, watchEffect as Re } from "vue";
-import { useRoute as ne } from "vue-router";
-import { ElNotification as V, ElLoading as Ie } from "element-plus";
+import { toRef as Oe, readonly as xe, customRef as De, ref as L, onBeforeUnmount as ke, getCurrentScope as Te, onScopeDispose as Be, unref as Ae, getCurrentInstance as se, watch as oe, computed as ie, onMounted as Ne, defineComponent as ae, h as N, inject as Ue, defineAsyncComponent as Z, watchEffect as qe } from "vue";
+import { useRoute as ce } from "vue-router";
+import { ElNotification as V, ElLoading as Je } from "element-plus";
 import D from "mockjs";
-import { useTitle as He } from "@vueuse/core";
-import { XStartup as xe } from "@vtj/ui";
+import { XStartup as Le } from "@vtj/ui";
 /**!
  * Copyright (c) 2024, VTJ.PRO All rights reserved.
  * @name @vtj/renderer 
  * @author CHC chenhuachun1549@dingtalk.com 
- * @version 0.8.31
+ * @version 0.8.32
  * @license <a href="https://vtj.pro/license.html">MIT License</a>
  */
-const R = "0.8.31";
+const R = "0.8.32";
 var S = /* @__PURE__ */ ((n) => (n.Runtime = "Runtime", n.Design = "Design", n.Raw = "Raw", n.VNode = "VNode", n))(S || {});
-const G = [
+const ee = [
   "$el",
   "$emit",
   "$nextTick",
@@ -28,7 +27,7 @@ const G = [
   "$props",
   "$options",
   "$forceUpdate"
-], It = [
+], en = [
   "beforeCreate",
   "created",
   "beforeMount",
@@ -42,7 +41,7 @@ const G = [
   "renderTriggered",
   "activated",
   "deactivated"
-], Me = ["vIf", "vShow", "vModel", "vFor", "vBind"], Oe = {
+], Ve = ["vIf", "vShow", "vModel", "vFor", "vBind"], We = {
   String,
   Number,
   Boolean,
@@ -52,54 +51,54 @@ const G = [
   Date
 };
 function H(n, e) {
-  return n.map((t) => he(t) ? t : `${e}${t}`);
+  return n.map((t) => Se(t) ? t : `${e}${t}`);
 }
-function L(n) {
+function W(n) {
   return /\.css$/.test(n);
 }
-function K(n) {
+function G(n) {
   return /\.js$/.test(n);
 }
-function De(n) {
+function Ge(n) {
   return /\.json$/.test(n);
 }
-function Ht(n) {
+function tn(n) {
   return n.map(
-    (e) => `<script src="${F.append(e, { v: R })}"><\/script>`
+    (e) => `<script src="${P.append(e, { v: R })}"><\/script>`
   ).join("");
 }
-function xt(n = []) {
+function nn(n = []) {
   return n.map(
-    (e) => `<link rel="stylesheet" href="${F.append(e, { v: R })}" />`
+    (e) => `<link rel="stylesheet" href="${P.append(e, { v: R })}" />`
   ).join("");
 }
-function ke(n, e) {
-  const t = n.filter((u) => !!u.enabled), r = [], s = [], o = [], a = [], i = {}, l = {}, c = [], d = {};
+function Ke(n, e) {
+  const t = n.filter((u) => !!u.enabled), r = [], s = [], o = [], a = [], i = {}, l = {}, c = [], p = {};
   return t.forEach(
-    ({ urls: u, assetsUrl: p, library: h, assetsLibrary: w, localeLibrary: m }) => {
+    ({ urls: u, assetsUrl: f, library: m, assetsLibrary: w, localeLibrary: h }) => {
       u?.forEach((g) => {
-        K(g) && r.push(g), L(g) && s.push(g);
-      }), h && (a.push(h), i[h] = H(u || [], e), m && (l[h] = m)), p && o.push(p), w && c.push(w), h && w && (d[w] = h);
+        G(g) && r.push(g), W(g) && s.push(g);
+      }), m && (a.push(m), i[m] = H(u || [], e), h && (l[m] = h)), f && o.push(f), w && c.push(w), m && w && (p[w] = m);
     }
   ), {
     scripts: H(r, e),
     css: H(s, e),
     materials: H(o, e),
     libraryExports: a,
-    materialExports: ve(c),
-    materialMapLibrary: d,
+    materialExports: $e(c),
+    materialMapLibrary: p,
     libraryMap: i,
     libraryLocaleMap: l
   };
 }
-function Te(n, e) {
+function Qe(n, e) {
   const { name: t, parent: r, alias: s } = n;
   return r ? e[r]?.[s || t] : e[s || t];
 }
-function se(n) {
+function le(n) {
   return C(n) ? n : JSON.stringify(n);
 }
-function oe(n, e, t) {
+function ue(n, e, t) {
   const r = n.CSSStyleSheet;
   if (r.prototype.replaceSync) {
     const s = new r();
@@ -114,11 +113,11 @@ function oe(n, e, t) {
     o ? o.innerHTML = t : (o = s.createElement("style"), o.id = e, o.innerHTML = t, s.head.appendChild(o));
   }
 }
-async function Ae(n, e) {
+async function Xe(n, e) {
   const t = await window.fetch(e).then((r) => r.text()).catch(() => "");
-  t && oe(window, n, t);
+  t && ue(window, n, t);
 }
-function ie(n, e = window) {
+function fe(n, e = window) {
   const t = e.document, r = e.document.head;
   for (const s of n)
     if (!t.getElementById(s)) {
@@ -126,7 +125,7 @@ function ie(n, e = window) {
       a.rel = "stylesheet", a.id = s, a.href = s, r.appendChild(a);
     }
 }
-async function Be(n, e, t = window) {
+async function Ye(n, e, t = window) {
   const r = t.document, s = t.document.head;
   let o = t[e];
   return o ? o.default || o : new Promise((a, i) => {
@@ -134,14 +133,14 @@ async function Be(n, e, t = window) {
       const c = r.createElement("script");
       c.src = l, c.onload = () => {
         o = t[e], o ? a(o.default || o) : i(null);
-      }, c.onerror = (d) => {
-        i(d);
+      }, c.onerror = (p) => {
+        i(p);
       }, s.appendChild(c);
     }
   });
 }
-function Ne(n) {
-  return X(n) || X(n?.install);
+function ze(n) {
+  return Y(n) || Y(n?.install);
 }
 function I(n, e, t = !1, r = !1) {
   try {
@@ -153,13 +152,13 @@ function I(n, e, t = !1, r = !1) {
     const a = `with(${t ? "{}" : "$scope || {}"}) { ${o} }`;
     return new Function("$scope", a)(e);
   } catch (s) {
-    if (O.error("parseExpression.error", s, n, e?.__self ?? e), r)
+    if (x.error("parseExpression.error", s, n, e?.__self ?? e), r)
       throw s;
   }
 }
-function Z(n, e, t = !1, r = !1) {
+function te(n, e, t = !1, r = !1) {
   const s = I(n, e, t, r);
-  if (typeof s != "function" && (O.error(
+  if (typeof s != "function" && (x.error(
     "parseFunction.error",
     "not a function",
     n,
@@ -171,17 +170,17 @@ function Z(n, e, t = !1, r = !1) {
 function _(n) {
   return n && n.type === "JSExpression";
 }
-function A(n) {
+function B(n) {
   return typeof n == "object" && n && n.type === "JSFunction";
 }
-function Ue(n) {
-  return _(n) || A(n);
+function Ze(n) {
+  return _(n) || B(n);
 }
-function Mt(n) {
-  return Ue(n) ? n.value : JSON.stringify(n);
+function rn(n) {
+  return Ze(n) ? n.value : JSON.stringify(n);
 }
-let P = null;
-const qe = ye({
+let b = null;
+const et = je({
   settings: {
     type: "form",
     validSuccess: !0,
@@ -195,18 +194,18 @@ const qe = ye({
       });
     },
     showLoading: () => {
-      P && P.close(), P = Ie.service({
+      b && b.close(), b = Je.service({
         lock: !0,
         text: "Loading",
         background: "rgba(0, 0, 0, 0.05)"
       });
     },
     hideLoading: () => {
-      P && (P.close(), P = null);
+      b && (b.close(), b = null);
     }
   }
 });
-function Je(n, e) {
+function tt(n, e) {
   const { jsonp: t, request: r } = e;
   if (n.method === "jsonp")
     return (s = {}) => t(n.url, {
@@ -222,10 +221,10 @@ function Je(n, e) {
         headers: s
       }
     };
-    return (a, i) => r.send(ge(o, i || {}, { data: a }));
+    return (a, i) => r.send(Ee(o, i || {}, { data: a }));
   }
 }
-function Ve(n, e) {
+function nt(n, e) {
   const { metaQuery: t } = e;
   if (!t)
     return;
@@ -238,35 +237,35 @@ function Ve(n, e) {
     return t(r, s, o, a);
   };
 }
-function Le(n = [], e = [], t) {
+function rt(n = [], e = [], t) {
   const r = {};
   for (const s of n)
-    r[s.id] = Je(s, t);
+    r[s.id] = tt(s, t);
   for (const s of e)
-    r[s.id] = Ve(s, t);
+    r[s.id] = nt(s, t);
   return r;
 }
-function Ke(n = []) {
+function st(n = []) {
   D.setup({
     timeout: "50-500"
-  }), ae(), n.forEach((e) => Qe(e));
+  }), pe(), n.forEach((e) => ot(e));
 }
-function Qe(n) {
+function ot(n) {
   if (!n.mock)
     return;
   const { url: e, mockTemplate: t } = n;
   if (e && t) {
-    const r = _e(`${e}(.*)`), s = we(e, { decode: decodeURIComponent }), o = I(t, {}, !0);
+    const r = be(`${e}(.*)`), s = Pe(e, { decode: decodeURIComponent }), o = I(t, {}, !0);
     D.mock(r, (a) => {
-      const i = F.parse(a.url) || {}, l = a.body instanceof FormData ? Se(a.body) : a.body, c = s(a.url)?.params;
+      const i = P.parse(a.url) || {}, l = a.body instanceof FormData ? Ce(a.body) : a.body, c = s(a.url)?.params;
       return Object.assign(a, { data: l, params: i, query: c }), D.mock(o(a));
     });
   }
 }
-function ae() {
+function pe() {
   D._mocked = {};
 }
-class We {
+class it {
   __id = null;
   __mode;
   __instance = null;
@@ -308,12 +307,12 @@ class We {
     });
   }
   __proxy() {
-    this.__instance && G.forEach((e) => {
+    this.__instance && ee.forEach((e) => {
       this[e] = this.__instance?.[e];
     });
   }
   __cleanup() {
-    G.forEach((e) => {
+    ee.forEach((e) => {
       this[e] = null;
     });
   }
@@ -321,9 +320,9 @@ class We {
     if (e)
       if (this.__mode === S.Runtime) {
         const { id: t, type: r } = e, s = t ? this.__transform[t] ?? e.value : e.value;
-        return Z({ type: r, value: s }, this);
+        return te({ type: r, value: s }, this);
       } else
-        return Z(e, this);
+        return te(e, this);
   }
   __parseExpression(e) {
     if (e)
@@ -374,31 +373,31 @@ function U(n) {
     $components: r,
     $libs: s,
     $apis: o
-  }, c = new We({
+  }, c = new it({
     mode: t,
     dsl: i.value,
     attrs: l
-  }), d = e.defineComponent({
+  }), p = e.defineComponent({
     name: i.value.name,
     props: {
-      ...Xe(i.value.props ?? [], c)
+      ...at(i.value.props ?? [], c)
     },
     setup(u) {
-      c.$props = u, c.props = u, i.value.id && oe(
+      c.$props = u, c.props = u, i.value.id && ue(
         n.window || window,
         i.value.id,
         i.value.css || ""
-      ), c.state = Ye(e, i.value.state ?? {}, c);
-      const p = ze(e, i.value.computed ?? {}, c), h = Ge(i.value.methods ?? {}, c), w = Ze(e, i.value.inject, c), m = et(
+      ), c.state = ct(e, i.value.state ?? {}, c);
+      const f = lt(e, i.value.computed ?? {}, c), m = ut(i.value.methods ?? {}, c), w = ft(e, i.value.inject, c), h = pt(
         i.value.dataSources || {},
         c
       ), g = {
         ...w,
-        ...p,
-        ...h,
-        ...m
+        ...f,
+        ...m,
+        ...h
       };
-      return c.setup(g, e), tt(e, i.value.watch ?? [], c), {
+      return c.setup(g, e), dt(e, i.value.watch ?? [], c), {
         vtj: c
       };
     },
@@ -408,17 +407,17 @@ function U(n) {
       if (!i.value.nodes)
         return null;
       const u = i.value.nodes || [];
-      return u.length === 1 ? k(u[0], c, e, a) : u.map((p) => k(p, c, e, a));
+      return u.length === 1 ? k(u[0], c, e, a) : u.map((f) => k(f, c, e, a));
     },
-    ...rt(i.value.lifeCycles ?? {}, c)
+    ...mt(i.value.lifeCycles ?? {}, c)
   });
   return {
-    renderer: e.markRaw(d),
+    renderer: e.markRaw(p),
     context: c
   };
 }
-function Xe(n = [], e) {
-  const t = (r) => r ? (Array.isArray(r) ? r : [r]).map((o) => Oe[o]) : void 0;
+function at(n = [], e) {
+  const t = (r) => r ? (Array.isArray(r) ? r : [r]).map((o) => We[o]) : void 0;
   return n.map((r) => C(r) ? {
     name: r
   } : {
@@ -435,30 +434,30 @@ function Xe(n = [], e) {
     {}
   );
 }
-function Ye(n, e, t) {
+function ct(n, e, t) {
   return n.reactive(
     Object.keys(e || {}).reduce(
       (r, s) => {
         let o = e[s];
-        return _(o) ? o = t.__parseExpression(o) : A(o) && (o = t.__parseFunction(o)), r[s] = o, r;
+        return _(o) ? o = t.__parseExpression(o) : B(o) && (o = t.__parseFunction(o)), r[s] = o, r;
       },
       {}
     )
   );
 }
-function ze(n, e, t) {
+function lt(n, e, t) {
   return Object.entries(e ?? {}).reduce(
     (r, [s, o]) => (r[s] = n.computed(t.__parseFunction(o)), r),
     {}
   );
 }
-function Ge(n, e) {
+function ut(n, e) {
   return Object.entries(n ?? {}).reduce(
     (t, [r, s]) => (t[r] = e.__parseFunction(s), t),
     {}
   );
 }
-function Ze(n, e = [], t) {
+function ft(n, e = [], t) {
   return e.reduce(
     (r, s) => {
       const { name: o, from: a } = s || {};
@@ -469,10 +468,10 @@ function Ze(n, e = [], t) {
     {}
   );
 }
-function et(n, e) {
+function pt(n, e) {
   return Object.keys(n).reduce(
     (t, r) => {
-      const s = n[r], o = e.$apis[s.ref], a = A(s.transform) ? s.transform.value ? e.__parseFunction(s.transform) : void 0 : s.transform;
+      const s = n[r], o = e.$apis[s.ref], a = B(s.transform) ? s.transform.value ? e.__parseFunction(s.transform) : void 0 : s.transform;
       return t[r] = async (...i) => {
         const l = await o.apply(e, i);
         return a ? a(l) : l;
@@ -481,7 +480,7 @@ function et(n, e) {
     {}
   );
 }
-function tt(n, e = [], t) {
+function dt(n, e = [], t) {
   e.forEach((r) => {
     n.watch(
       t.__parseExpression(r.source),
@@ -493,19 +492,19 @@ function tt(n, e = [], t) {
     );
   });
 }
-function rt(n, e) {
+function mt(n, e) {
   return Object.entries(n ?? {}).reduce(
     (t, [r, s]) => (t[r] = e.__parseFunction(s), t),
     {}
   );
 }
-let B = [];
-const nt = (n) => n;
-async function ce(n, e = window) {
-  const { urls: t = [], library: r } = n, s = t.filter((i) => K(i));
+let A = [];
+const ht = (n) => n;
+async function de(n, e = window) {
+  const { urls: t = [], library: r } = n, s = t.filter((i) => G(i));
   if (s.length === 0 || !r)
     return null;
-  const o = t.filter((i) => L(i)), a = await Be(s, r, e).catch(
+  const o = t.filter((i) => W(i)), a = await Ye(s, r, e).catch(
     () => null
   );
   return a ? {
@@ -515,9 +514,9 @@ async function ce(n, e = window) {
 }
 function q(n) {
   const { getDsl: e, getDslByUrl: t, options: r } = n;
-  return r.window && (B.forEach((s) => {
+  return r.window && (A.forEach((s) => {
     delete r.window[s];
-  }), B = []), (s, o, a = T) => !o || typeof o == "string" ? s : o.type === "Schema" && o.id ? a.defineAsyncComponent(async () => {
+  }), A = []), (s, o, a = T) => !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 ? U({
       ...r,
@@ -535,48 +534,48 @@ function q(n) {
       mode: S.Runtime,
       loader: q(n)
     }).renderer : null;
-  }) : o.type === "Plugin" ? (o.library && B.push(o.library), a.defineAsyncComponent(async () => {
-    const i = await ce(o, r.window);
-    return i ? (ie(i.css, r.window), i.component) : null;
+  }) : o.type === "Plugin" ? (o.library && A.push(o.library), a.defineAsyncComponent(async () => {
+    const i = await de(o, r.window);
+    return i ? (fe(i.css, r.window), i.component) : null;
   })) : s;
 }
-function k(n, e, t = T, r = nt) {
+function k(n, e, t = T, r = ht) {
   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 } = st(o);
-  if (a && !ot(a, e))
+  const { id: s = null, directives: o = [] } = n, { vIf: a, vFor: i, vShow: l, vModels: c, vBind: p } = vt(o);
+  if (a && !yt(a, e))
     return null;
-  const u = (p) => {
-    const h = p.$components, w = (() => {
+  const u = (f) => {
+    const m = f.$components, w = (() => {
       if (n.name === "component")
-        return it(p, n.props?.is);
+        return gt(f, n.props?.is);
       if (n.name === "slot")
         return n.name;
       const v = r(n.name, n.from, t);
-      return C(v) ? h[v] ?? v : v;
-    })(), m = at(s, n.props ?? {}, p), g = ct(t, n.events ?? {}, p);
+      return C(v) ? m[v] ?? v : v;
+    })(), h = _t(s, n.props ?? {}, f), g = wt(t, n.events ?? {}, f);
     if (n.name === "slot")
-      return lt(t, n, m, p, r);
-    d && Object.assign(m, p.__parseExpression(d.value)), l && (m.style = Object.assign(
-      m.style ?? {},
-      pt(l, p)
+      return St(t, n, h, f, r);
+    p && Object.assign(h, f.__parseExpression(p.value)), l && (h.style = Object.assign(
+      h.style ?? {},
+      jt(l, f)
     )), c.forEach((v) => {
-      Object.assign(m, ft(t, v, p));
+      Object.assign(h, Et(t, v, f));
     });
-    const f = dt(
+    const d = bt(
       t,
       n.children ?? [],
-      p,
+      f,
       r,
       n
     );
-    return t.createVNode(w, { ...m, ...g }, f);
+    return t.createVNode(w, { ...h, ...g }, d);
   };
-  return i ? vt(i, u, e) : u(e);
+  return i ? Ft(i, u, e) : u(e);
 }
-function st(n = []) {
+function vt(n = []) {
   const e = n.find((i) => E(i.name) === "vIf"), t = n.find((i) => E(i.name) === "vFor"), r = n.find((i) => E(i.name) === "vShow"), s = n.find((i) => E(i.name) === "vBind"), o = n.filter((i) => E(i.name) === "vModel"), a = n.filter(
-    (i) => !Me.includes(E(i.name))
+    (i) => !Ve.includes(E(i.name))
   );
   return {
     vIf: e,
@@ -587,23 +586,23 @@ function st(n = []) {
     others: a
   };
 }
-function ot(n, e) {
+function yt(n, e) {
   return !!e.__parseExpression(n.value);
 }
-function it(n, e) {
+function gt(n, e) {
   return e ? _(e) ? n.__parseExpression(e) : e : "div";
 }
-function at(n, e, t) {
+function _t(n, e, t) {
   const r = Object.keys(e || {}).reduce(
     (s, o) => {
       let a = e[o];
-      return _(a) ? a = t.__parseExpression(a) : A(a) && (a = t.__parseFunction(a)), s[o] = a, s;
+      return _(a) ? a = t.__parseExpression(a) : B(a) && (a = t.__parseFunction(a)), s[o] = a, s;
     },
     {}
   );
   return r.ref = t.__ref(n, r.ref), r;
 }
-function ct(n, e, t) {
+function wt(n, e, t) {
   const r = ["passive", "capture", "once"], s = {
     capture: "Capture",
     once: "Once",
@@ -611,71 +610,71 @@ function ct(n, e, t) {
   };
   return Object.keys(e || {}).reduce(
     (o, a) => {
-      const i = e[a], l = le(i.modifiers), c = l.find((p) => r.includes(p)), d = "on" + $e(a) + (c && s[c] || ""), u = t.__parseFunction(i.handler);
-      return u && (o[d] = n.withModifiers(u, l)), o;
+      const i = e[a], l = me(i.modifiers), c = l.find((f) => r.includes(f)), p = "on" + Fe(a) + (c && s[c] || ""), u = t.__parseFunction(i.handler);
+      return u && (o[p] = n.withModifiers(u, l)), o;
     },
     {}
   );
 }
-function le(n = {}, e = !1) {
+function me(n = {}, e = !1) {
   const t = Object.keys(n);
   return e ? t.map((r) => "." + r) : t;
 }
-function lt(n, e, t, r, s) {
-  const { children: o } = e, a = ut(e, r), i = r.$slots?.[a.name];
+function St(n, e, t, r, s) {
+  const { children: o } = e, a = $t(e, r), i = r.$slots?.[a.name];
   return i ? i(t) : o ? C(o) ? n.createTextVNode(o) : _(o) ? n.createTextVNode(
-    se(r.__parseExpression(o))
+    le(r.__parseExpression(o))
   ) : Array.isArray(o) ? o.map(
     (l) => k(l, r, n, s)
   ) : null : null;
 }
-function ut(n, e) {
+function $t(n, e) {
   const { props: t } = n, r = t?.name || "default";
   return {
     name: _(r) ? e.__parseExpression(r) : r,
     params: []
   };
 }
-function pt(n, e) {
+function jt(n, e) {
   return e.__parseExpression(n.value) ? {} : {
     display: "none"
   };
 }
-function ft(n, e, t) {
+function Et(n, e, t) {
   const r = {
     type: "JSFunction",
     value: e.value?.value ? `(v) => {
         ${e.value.value} = v;
       }` : "(v) => {}"
-  }, s = t.__parseFunction(r), o = le(e.modifiers), a = _(e.arg) ? t.__parseExpression(e.arg) : e.arg || "modelValue";
+  }, s = t.__parseFunction(r), o = me(e.modifiers), a = _(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
   };
 }
-function dt(n, e, t, r, s) {
+function bt(n, e, t, r, s) {
   if (!e)
     return null;
   if (C(e))
     return { default: () => e };
   if (_(e))
     return {
-      default: () => se(t.__parseExpression(e))
+      default: () => le(t.__parseExpression(e))
     };
   if (Array.isArray(e) && e.length > 0) {
-    const o = mt(e), a = (i) => !i || !s ? {} : s?.id && Object.keys(i).length ? {
+    const o = Pt(e), a = (i) => !i || !s ? {} : s?.id && Object.keys(i).length ? {
       [`scope_${s.id}`]: i
     } : {};
-    return Object.entries(o).reduce((i, [l, { nodes: c, params: d }]) => (i[l] = (u) => {
-      const p = d.length ? je(u ?? {}, d) : a(u);
+    return Object.entries(o).reduce((i, [l, { nodes: c, params: p }]) => (i[l] = (u) => {
+      const f = p.length ? Re(u ?? {}, p) : a(u);
       return c.map(
-        (h) => k(h, t.__clone(p), n, r)
+        (m) => k(m, t.__clone(f), n, r)
       );
     }, i), {});
   }
   return null;
 }
-function mt(n) {
+function Pt(n) {
   const e = {
     default: {
       params: [],
@@ -683,7 +682,7 @@ function mt(n) {
     }
   };
   for (const t of n) {
-    const r = ht(t.slot), s = r.name;
+    const r = Ct(t.slot), s = r.name;
     e[s] ? (e[s].nodes.push(t), e[s].params = e[s].params.concat(r.params)) : e[s] = {
       nodes: [t],
       params: r.params
@@ -691,19 +690,111 @@ function mt(n) {
   }
   return e;
 }
-function ht(n = "default") {
+function Ct(n = "default") {
   return C(n) ? { name: n, params: [] } : { params: [], ...n };
 }
-function vt(n, e, t) {
+function Ft(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`), []);
 }
-const ee = re({
+function Rt(n) {
+  return Te() ? (Be(n), !0) : !1;
+}
+function K(n) {
+  return typeof n == "function" ? n() : Ae(n);
+}
+const he = typeof window < "u" && typeof document < "u";
+typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
+const It = (n) => n != null, Ht = () => {
+};
+function Mt(n) {
+  return se();
+}
+function Ot(...n) {
+  if (n.length !== 1)
+    return Oe(...n);
+  const e = n[0];
+  return typeof e == "function" ? xe(De(() => ({ get: e, set: Ht }))) : L(e);
+}
+function xt(n, e) {
+  Mt() && ke(n, e);
+}
+function Dt(n) {
+  var e;
+  const t = K(n);
+  return (e = t?.$el) != null ? e : t;
+}
+const kt = he ? window : void 0, Tt = he ? window.document : void 0;
+function Bt() {
+  const n = L(!1), e = se();
+  return e && Ne(() => {
+    n.value = !0;
+  }, e), n;
+}
+function At(n) {
+  const e = Bt();
+  return ie(() => (e.value, !!n()));
+}
+function Nt(n, e, t = {}) {
+  const { window: r = kt, ...s } = t;
+  let o;
+  const a = At(() => r && "MutationObserver" in r), i = () => {
+    o && (o.disconnect(), o = void 0);
+  }, l = ie(() => {
+    const f = K(n), m = (Array.isArray(f) ? f : [f]).map(Dt).filter(It);
+    return new Set(m);
+  }), c = oe(
+    () => l.value,
+    (f) => {
+      i(), a.value && r && f.size && (o = new MutationObserver(e), f.forEach((m) => o.observe(m, s)));
+    },
+    { immediate: !0, flush: "post" }
+  ), p = () => o?.takeRecords(), u = () => {
+    i(), c();
+  };
+  return Rt(u), {
+    isSupported: a,
+    stop: u,
+    takeRecords: p
+  };
+}
+function Ut(n = null, e = {}) {
+  var t, r, s;
+  const {
+    document: o = Tt,
+    restoreOnUnmount: a = (u) => u
+  } = e, i = (t = o?.title) != null ? t : "", l = Ot((r = n ?? o?.title) != null ? r : null), c = n && typeof n == "function";
+  function p(u) {
+    if (!("titleTemplate" in e))
+      return u;
+    const f = e.titleTemplate || "%s";
+    return typeof f == "function" ? f(u) : K(f).replace(/%s/g, u);
+  }
+  return oe(
+    l,
+    (u, f) => {
+      u !== f && o && (o.title = p(typeof u == "string" ? u : ""));
+    },
+    { immediate: !0 }
+  ), e.observe && !e.titleTemplate && o && !c && Nt(
+    (s = o.head) == null ? void 0 : s.querySelector("title"),
+    () => {
+      o && o.title !== l.value && (l.value = p(o.title));
+    },
+    { childList: !0 }
+  ), xt(() => {
+    if (a) {
+      const u = a(i, l.value || "");
+      u != null && o && (o.title = u);
+    }
+  }), l;
+}
+const ne = ae({
   name: "VtjPageContainer",
   async setup() {
-    const n = pe(), e = ne(), t = e.params.id, r = t ? n.getPage(t) : n.getHomepage(), s = r ? await n.getRenderComponent(r.id) : null;
-    return r && He(r.title || "VTJ"), {
+    const n = ye(), e = ce(), 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,
       component: s,
       file: r,
@@ -713,13 +804,13 @@ const ee = re({
   render() {
     return this.component ? N(this.component, this.query) : N("div", "页面不存在");
   }
-}), yt = re({
+}), qt = ae({
   name: "VtjStartupContainer",
   render() {
-    return N(xe);
+    return N(Le);
   }
-}), ue = Symbol("Provider");
-class gt extends de {
+}), ve = Symbol("Provider");
+class Jt extends _e {
   constructor(e) {
     super(), this.options = e;
     const {
@@ -731,16 +822,16 @@ class gt extends de {
       adapter: i = {},
       globals: l = {},
       modules: c = {},
-      router: d = null,
+      router: p = null,
       materialPath: u = "./",
-      nodeEnv: p = "development"
+      nodeEnv: f = "development"
     } = e;
-    this.mode = r, this.modules = c, this.service = t, this.router = d, this.materialPath = u, this.nodeEnv = p, s && (this.dependencies = s), o && (this.materials = o), Object.assign(this.globals, l), Object.assign(this.adapter, i), r !== S.Design && this.load(a);
+    this.mode = r, this.modules = c, this.service = t, this.router = p, 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 !== S.Design && this.load(a);
   }
   mode;
   globals = {};
   modules = {};
-  adapter = { request: qe, jsonp: Ee };
+  adapter = { request: et, jsonp: Ie };
   apis = {};
   dependencies = {};
   materials = {};
@@ -761,61 +852,61 @@ class gt extends de {
       apis: s = [],
       meta: o = []
     } = this.project, { dependencies: a, library: i, components: l, materialPath: c } = this, {
-      libraryExports: d,
+      libraryExports: p,
       libraryMap: u,
-      materials: p,
-      materialExports: h,
+      materials: f,
+      materialExports: m,
       materialMapLibrary: w
-    } = ke(r, c), m = window;
-    m.CKEDITOR_VERSION = void 0;
-    for (const f of d) {
-      const v = a[f], b = m[f];
-      if (b)
-        i[f] = b;
+    } = Ke(r, c), h = window;
+    h.CKEDITOR_VERSION = void 0;
+    for (const d of p) {
+      const v = a[d], F = h[d];
+      if (F)
+        i[d] = F;
       else if (v)
-        m[f] = i[f] = await v();
+        h[d] = i[d] = await v();
       else {
-        const $ = u[f] || [];
+        const $ = u[d] || [];
         for (const j of $)
-          L(j) && await Ae(f, F.append(j, { v: R })), K(j) && await Y(F.append(j, { v: R }));
-        i[f] = m[f];
+          W(j) && await Xe(d, P.append(j, { v: R })), G(j) && await z(P.append(j, { v: R }));
+        i[d] = h[d];
       }
     }
-    for (const f of p)
-      await Y(F.append(f, { v: R }));
+    for (const d of f)
+      await z(P.append(d, { v: R }));
     const g = this.materials || {};
-    for (const f of h) {
-      const v = m[w[f]], b = me[f];
-      if (b)
-        v && b.forEach(($) => {
+    for (const d of m) {
+      const v = h[w[d]], F = we[d];
+      if (F)
+        v && F.forEach(($) => {
           l[$] = v[$];
         });
       else {
-        const $ = g[f] ? (await g[f]()).default : m[f];
+        const $ = g[d] ? (await g[d]()).default : h[d];
         $ && v && ($.components || []).forEach((j) => {
-          l[j.name] = Te(j, v);
+          l[j.name] = Qe(j, v);
         });
       }
     }
-    this.apis = Le(s, o, this.adapter), ae(), this.project.config?.mock && Ke(s), this.initRouter(), this.triggerReady();
+    this.apis = rt(s, o, this.adapter), pe(), this.project.config?.mock && st(s), this.initRouter(), this.triggerReady();
   }
   initRouter() {
     const { router: e, project: t } = this;
     e && (e.addRoute({
       path: "/page/:id",
       name: "VtjPage",
-      component: ee
+      component: ne
     }), e.addRoute({
       path: "/",
       name: "VtjHomepage",
-      component: t?.homepage ? ee : yt
+      component: t?.homepage ? ne : qt
     }));
   }
   install(e) {
     const t = e.config.globalProperties.installed || {};
     for (const [r, s] of Object.entries(this.library))
-      !t[r] && Ne(s) && (e.use(s), t[r] = !0);
-    e.provide(ue, this), e.config.globalProperties.installed = t;
+      !t[r] && ze(s) && (e.use(s), t[r] = !0);
+    this.options.install && e.use(this.options.install), e.provide(ve, this), e.config.globalProperties.installed = t;
   }
   getFile(e) {
     const { blocks: t = [] } = this.project || {};
@@ -877,35 +968,35 @@ class gt extends de {
   async getRenderComponent(e) {
     const t = this.getFile(e);
     if (!t)
-      return O.warn(`Can not find file: ${e}`), null;
+      return x.warn(`Can not find file: ${e}`), null;
     const r = `.vtj/vue/${e}.vue`, s = this.modules[r];
     if (s)
       return (await s())?.default;
     const o = await this.getDsl(t.id);
-    return o ? this.createDslRenderer(o).renderer : (O.warn(`Can not find dsl: ${e}`), null);
+    return o ? this.createDslRenderer(o).renderer : (x.warn(`Can not find dsl: ${e}`), null);
   }
   defineUrlSchemaComponent(e, t) {
-    return z(async () => {
+    return Z(async () => {
       const r = await this.getDslByUrl(e);
       return r ? (r.name = t || r.name, this.createDslRenderer(r).renderer) : null;
     });
   }
   definePluginComponent(e) {
-    return z(async () => {
-      const t = await ce(e, window);
-      return t ? (ie(t.css), t.component) : null;
+    return Z(async () => {
+      const t = await de(e, window);
+      return t ? (fe(t.css), t.component) : null;
     });
   }
 }
-function Ot(n) {
-  const e = new gt(n);
+function sn(n) {
+  const e = new Jt(n);
   return {
     provider: e,
     onReady: (r) => e.ready(r)
   };
 }
-function pe(n = {}) {
-  const e = Ce(ue);
+function ye(n = {}) {
+  const e = Ue(ve);
   if (!e)
     throw new Error("Can not find provider");
   if (e.nodeEnv === "development") {
@@ -920,7 +1011,7 @@ function pe(n = {}) {
   }
   return e;
 }
-const Q = new Pe({
+const Q = new He({
   settings: {
     type: "json",
     validSuccess: !0,
@@ -933,7 +1024,7 @@ const Q = new Pe({
       });
     }
   }
-}), _t = (n = "/vtj/local/repository/${type}.json") => (e, t) => Q.send({
+}), Lt = (n = "/vtj/local/repository/${type}.json") => (e, t) => Q.send({
   url: n,
   method: "post",
   query: { type: e },
@@ -941,7 +1032,7 @@ const Q = new Pe({
     type: e,
     data: t
   }
-}), wt = (n = "/vtj/local/repository/uploader.json") => async (e, t) => await Q.send({
+}), Vt = (n = "/vtj/local/repository/uploader.json") => async (e, t) => await Q.send({
   url: n,
   method: "post",
   data: {
@@ -952,12 +1043,12 @@ const Q = new Pe({
     type: "data"
   }
 }).then((r) => r && r[0] ? r[0] : null).catch(() => null);
-class W {
+class X {
   api;
   pluginCaches = {};
   uploader;
   constructor() {
-    this.api = _t(), this.uploader = wt();
+    this.api = Lt(), this.uploader = Vt();
   }
   async getExtension() {
     console.log("BaseService.getExtension");
@@ -1030,7 +1121,7 @@ class W {
     return await this.api("clearStaticFiles", e).catch(() => "");
   }
   async getPluginMaterial(e) {
-    const { urls: t = [] } = e, r = t.filter((o) => De(o))[0];
+    const { urls: t = [] } = e, r = t.filter((o) => Ge(o))[0];
     if (!r)
       return null;
     const s = this.pluginCaches[r];
@@ -1044,18 +1135,18 @@ class W {
     }).then((o) => o.data).catch(() => null));
   }
 }
-const y = new Fe({
+const y = new Me({
   type: "local",
   expired: 0,
   prefix: "__VTJ_"
 });
-class Dt extends W {
+class on extends X {
   init(e) {
-    const t = new M(e), r = y.get(`project_${t.id}`), s = Object.assign(t.toDsl(), r || {});
+    const t = new O(e), r = y.get(`project_${t.id}`), s = Object.assign(t.toDsl(), r || {});
     return y.save(`project_${t.id}`, s), Promise.resolve(s);
   }
   saveProject(e) {
-    const t = new M(e);
+    const t = new O(e);
     return y.save(`project_${t.id}`, t.toDsl()), Promise.resolve(!0);
   }
   saveMaterials(e, t) {
@@ -1083,7 +1174,7 @@ class Dt extends W {
     return Promise.resolve(!0);
   }
   getHistory(e) {
-    const t = y.get(`history_${e}`), r = new te(t || { id: e });
+    const t = y.get(`history_${e}`), r = new re(t || { id: e });
     return Promise.resolve(r.toDsl());
   }
   getHistoryItem(e, t) {
@@ -1099,18 +1190,18 @@ class Dt extends W {
     }), Promise.resolve(!0);
   }
 }
-class St extends W {
+class Wt extends X {
   projects = {};
   materials = {};
   files = {};
   histories = {};
   historyItems = {};
   init(e) {
-    const t = new M(e), r = this.projects[t.id] || {}, s = Object.assign(t.toDsl(), r);
+    const t = new O(e), r = this.projects[t.id] || {}, s = Object.assign(t.toDsl(), r);
     return this.projects[s.id] = s, Promise.resolve(s);
   }
   saveProject(e) {
-    const t = new M(e);
+    const t = new O(e);
     return this.projects[t.id] = t.toDsl(), Promise.resolve(!0);
   }
   saveMaterials(e, t) {
@@ -1138,7 +1229,7 @@ class St extends W {
     return Promise.resolve(!0);
   }
   getHistory(e) {
-    const t = this.histories[e], r = new te(t || { id: e });
+    const t = this.histories[e], r = new re(t || { id: e });
     return Promise.resolve(r);
   }
   getHistoryItem(e, t) {
@@ -1156,11 +1247,11 @@ class St extends W {
     }), Promise.resolve(!0);
   }
 }
-let x = null;
-function kt() {
-  return x || (x = new St(), x);
+let M = null;
+function an() {
+  return M || (M = new Wt(), M);
 }
-class Tt extends W {
+class cn extends X {
   getFileCaches = {};
   async getExtension() {
     return await this.api("getExtension", {}).catch(() => {
@@ -1215,7 +1306,7 @@ class Tt extends W {
     );
   }
 }
-function fe(n = []) {
+function ge(n = []) {
   return n.map((e) => {
     const { id: t, title: r, icon: s, children: o, hidden: a } = e;
     return {
@@ -1224,13 +1315,13 @@ function fe(n = []) {
       icon: s,
       hidden: a,
       url: `/page/${t}`,
-      children: o && o.length ? fe(o) : void 0
+      children: o && o.length ? ge(o) : void 0
     };
   });
 }
-function At() {
-  const n = pe(), e = ne(), t = be(!1), r = n.project;
-  Re(() => {
+function ln() {
+  const n = ye(), e = ce(), t = L(!1), r = n.project;
+  qe(() => {
     const { name: a, params: i, meta: l } = e;
     if (a === "VtjPage") {
       const c = n.getPage(i.id);
@@ -1241,7 +1332,7 @@ function At() {
     } else
       t.value = !l.mask;
   });
-  const s = fe(r?.pages), o = r?.config;
+  const s = ge(r?.pages), o = r?.config;
   return {
     disabled: t,
     logo: o?.logo,
@@ -1251,54 +1342,54 @@ function At() {
   };
 }
 export {
-  Me as BUILT_IN_DIRECTIVES,
-  W as BaseService,
-  G as CONTEXT_HOST,
-  We as Context,
+  Ve as BUILT_IN_DIRECTIVES,
+  X as BaseService,
+  ee as CONTEXT_HOST,
+  it as Context,
   S as ContextMode,
-  Oe as DATA_TYPES,
-  Mt as JSCodeToString,
-  It as LIFE_CYCLES_LIST,
-  Tt as LocalService,
-  St as MemoryService,
-  gt as Provider,
-  Dt as StorageService,
+  We as DATA_TYPES,
+  rn as JSCodeToString,
+  en as LIFE_CYCLES_LIST,
+  cn as LocalService,
+  Wt as MemoryService,
+  Jt as Provider,
+  on as StorageService,
   R as VTJ_RENDERER_VERSION,
-  oe as adoptedStyleSheets,
-  Ht as createAssetScripts,
-  xt as createAssetsCss,
-  et as createDataSources,
+  ue as adoptedStyleSheets,
+  tn as createAssetScripts,
+  nn as createAssetsCss,
+  pt as createDataSources,
   q as createLoader,
-  kt as createMemoryService,
-  Ve as createMetaApi,
-  Ot as createProvider,
+  an as createMemoryService,
+  nt as createMetaApi,
+  sn as createProvider,
   U as createRenderer,
-  Je as createSchemaApi,
-  Le as createSchemaApis,
-  nt as defaultLoader,
+  tt as createSchemaApi,
+  rt as createSchemaApis,
+  ht as defaultLoader,
   H as fillBasePath,
-  le as getModifiers,
-  ce as getPlugin,
-  Te as getRawComponent,
-  L as isCSSUrl,
-  Ue as isJSCode,
+  me as getModifiers,
+  de as getPlugin,
+  Qe as getRawComponent,
+  W as isCSSUrl,
+  Ze as isJSCode,
   _ as isJSExpression,
-  A as isJSFunction,
-  De as isJSON,
-  K as isJSUrl,
-  Ne as isVuePlugin,
-  Ae as loadCss,
-  ie as loadCssUrl,
-  Be as loadScriptUrl,
-  Qe as mockApi,
-  Ke as mockApis,
-  ae as mockCleanup,
+  B as isJSFunction,
+  Ge as isJSON,
+  G as isJSUrl,
+  ze as isVuePlugin,
+  Xe as loadCss,
+  fe as loadCssUrl,
+  Ye as loadScriptUrl,
+  ot as mockApi,
+  st as mockApis,
+  pe as mockCleanup,
   k as nodeRender,
-  ke as parseDeps,
+  Ke as parseDeps,
   I as parseExpression,
-  Z as parseFunction,
-  ue as providerKey,
-  se as toString,
-  At as useMask,
-  pe as useProvider
+  te as parseFunction,
+  ve as providerKey,
+  le as toString,
+  ln as useMask,
+  ye as useProvider
 };