@vtj/renderer 0.8.25 → 0.8.27

package/dist/index.mjs

@@ -1,21 +1,21 @@
-import { Base as fe, BUILT_IN_COMPONENTS as de, ProjectModel as x, HistoryModel as ee } from "@vtj/core";
-import { isUrl as me, url as F, dedupArray as he, isString as b, isFunction as X, logger as O, createRequest as ve, merge as ye, pathToRegexp as ge, pathToRegexpMatch as _e, formDataToJson as we, camelCase as E, upperFirst as Se, pick as $e, jsonp as je, loadScript as Y, Request as Ee, Storage as Pe, mapToObject as q } from "@vtj/utils";
-import * as k from "vue";
-import { defineComponent as te, h as A, inject as Fe, defineAsyncComponent as z, ref as be, watchEffect as Ce } from "vue";
-import { useRoute as re } from "vue-router";
-import { ElNotification as J, ElLoading as Re } from "element-plus";
+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 * 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 D from "mockjs";
-import { useTitle as Ie } from "@vueuse/core";
-import { XStartup as He } from "@vtj/ui";
+import { useTitle as He } from "@vueuse/core";
+import { XStartup as xe } from "@vtj/ui";
 /**!
  * Copyright (c) 2024, VTJ.PRO All rights reserved.
  * @name @vtj/renderer 
  * @author CHC chenhuachun1549@dingtalk.com 
- * @version 0.8.25
+ * @version 0.8.27
  * @license <a href="https://vtj.pro/license.html">MIT License</a>
  */
-const C = "0.8.25";
-var w = /* @__PURE__ */ ((n) => (n.Runtime = "Runtime", n.Design = "Design", n.Raw = "Raw", n.VNode = "VNode", n))(w || {});
+const R = "0.8.27";
+var S = /* @__PURE__ */ ((n) => (n.Runtime = "Runtime", n.Design = "Design", n.Raw = "Raw", n.VNode = "VNode", n))(S || {});
 const G = [
   "$el",
   "$emit",
@@ -28,7 +28,7 @@ const G = [
   "$props",
   "$options",
   "$forceUpdate"
-], Ct = [
+], It = [
   "beforeCreate",
   "created",
   "beforeMount",
@@ -42,7 +42,7 @@ const G = [
   "renderTriggered",
   "activated",
   "deactivated"
-], xe = ["vIf", "vShow", "vModel", "vFor", "vBind"], Oe = {
+], Me = ["vIf", "vShow", "vModel", "vFor", "vBind"], Oe = {
   String,
   Number,
   Boolean,
@@ -51,55 +51,55 @@ const G = [
   Function,
   Date
 };
-function I(n, e) {
-  return n.map((t) => me(t) ? t : `${e}${t}`);
+function H(n, e) {
+  return n.map((t) => he(t) ? t : `${e}${t}`);
 }
-function V(n) {
+function L(n) {
   return /\.css$/.test(n);
 }
-function L(n) {
+function K(n) {
   return /\.js$/.test(n);
 }
 function De(n) {
   return /\.json$/.test(n);
 }
-function Rt(n) {
+function Ht(n) {
   return n.map(
-    (e) => `<script src="${F.append(e, { v: C })}"><\/script>`
+    (e) => `<script src="${F.append(e, { v: R })}"><\/script>`
   ).join("");
 }
-function It(n = []) {
+function xt(n = []) {
   return n.map(
-    (e) => `<link rel="stylesheet" href="${F.append(e, { v: C })}" />`
+    (e) => `<link rel="stylesheet" href="${F.append(e, { v: R })}" />`
   ).join("");
 }
-function Me(n, e) {
-  const t = n.filter((p) => !!p.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 = [], d = {};
   return t.forEach(
-    ({ urls: p, assetsUrl: f, library: h, assetsLibrary: m, localeLibrary: v }) => {
-      p?.forEach((u) => {
-        L(u) && r.push(u), V(u) && s.push(u);
-      }), h && (a.push(h), i[h] = I(p || [], e), v && (l[h] = v)), f && o.push(f), m && c.push(m), h && m && (d[m] = h);
+    ({ urls: u, assetsUrl: p, library: h, assetsLibrary: w, localeLibrary: m }) => {
+      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);
     }
   ), {
-    scripts: I(r, e),
-    css: I(s, e),
-    materials: I(o, e),
+    scripts: H(r, e),
+    css: H(s, e),
+    materials: H(o, e),
     libraryExports: a,
-    materialExports: he(c),
+    materialExports: ve(c),
     materialMapLibrary: d,
     libraryMap: i,
     libraryLocaleMap: l
   };
 }
-function ke(n, e) {
+function Te(n, e) {
   const { name: t, parent: r, alias: s } = n;
   return r ? e[r]?.[s || t] : e[s || t];
 }
-function ne(n) {
-  return b(n) ? n : JSON.stringify(n);
+function se(n) {
+  return C(n) ? n : JSON.stringify(n);
 }
-function se(n, e, t) {
+function oe(n, e, t) {
   const r = n.CSSStyleSheet;
   if (r.prototype.replaceSync) {
     const s = new r();
@@ -114,11 +114,11 @@ function se(n, e, t) {
     o ? o.innerHTML = t : (o = s.createElement("style"), o.id = e, o.innerHTML = t, s.head.appendChild(o));
   }
 }
-async function Te(n, e) {
+async function Ae(n, e) {
   const t = await window.fetch(e).then((r) => r.text()).catch(() => "");
-  t && se(window, n, t);
+  t && oe(window, n, t);
 }
-function oe(n, e = window) {
+function ie(n, e = window) {
   const t = e.document, r = e.document.head;
   for (const s of n)
     if (!t.getElementById(s)) {
@@ -133,17 +133,17 @@ async function Be(n, e, t = window) {
     for (const l of n) {
       const c = r.createElement("script");
       c.src = l, c.onload = () => {
-        o = t[e], o && a(o.default || o);
+        o = t[e], o ? a(o.default || o) : i(null);
       }, c.onerror = (d) => {
         i(d);
       }, s.appendChild(c);
     }
   });
 }
-function Ae(n) {
+function Ne(n) {
   return X(n) || X(n?.install);
 }
-function R(n, e, t = !1, r = !1) {
+function I(n, e, t = !1, r = !1) {
   try {
     const s = ['"use strict";', "var __self = arguments[0];"];
     s.push("return ");
@@ -157,8 +157,8 @@ function R(n, e, t = !1, r = !1) {
       throw s;
   }
 }
-function Q(n, e, t = !1, r = !1) {
-  const s = R(n, e, t, r);
+function Z(n, e, t = !1, r = !1) {
+  const s = I(n, e, t, r);
   if (typeof s != "function" && (O.error(
     "parseFunction.error",
     "not a function",
@@ -171,17 +171,17 @@ function Q(n, e, t = !1, r = !1) {
 function _(n) {
   return n && n.type === "JSExpression";
 }
-function T(n) {
+function A(n) {
   return typeof n == "object" && n && n.type === "JSFunction";
 }
-function Ne(n) {
-  return _(n) || T(n);
+function Ue(n) {
+  return _(n) || A(n);
 }
-function Ht(n) {
-  return Ne(n) ? n.value : JSON.stringify(n);
+function Mt(n) {
+  return Ue(n) ? n.value : JSON.stringify(n);
 }
 let P = null;
-const Ue = ve({
+const qe = ye({
   settings: {
     type: "form",
     validSuccess: !0,
@@ -190,12 +190,12 @@ const Ue = ve({
     validate: (n) => n.data?.code === 0 || !!n.data?.success,
     failMessage: !0,
     showError: (n) => {
-      J.error({
+      V.error({
         message: n || "未知错误"
       });
     },
     showLoading: () => {
-      P && P.close(), P = Re.service({
+      P && P.close(), P = Ie.service({
         lock: !0,
         text: "Loading",
         background: "rgba(0, 0, 0, 0.05)"
@@ -206,7 +206,7 @@ const Ue = ve({
     }
   }
 });
-function qe(n, e) {
+function Je(n, e) {
   const { jsonp: t, request: r } = e;
   if (n.method === "jsonp")
     return (s = {}) => t(n.url, {
@@ -214,7 +214,7 @@ function qe(n, e) {
       query: s
     });
   {
-    const s = n.headers ? R(n.headers, {}, !0) : void 0, o = {
+    const s = n.headers ? I(n.headers, {}, !0) : void 0, o = {
       url: n.url,
       method: n.method,
       settings: {
@@ -222,36 +222,51 @@ function qe(n, e) {
         headers: s
       }
     };
-    return (a, i) => r.send(ye(o, i || {}, { data: a }));
+    return (a, i) => r.send(ge(o, i || {}, { data: a }));
   }
 }
-function Je(n = [], e) {
-  return n.reduce(
-    (t, r) => (t[r.id] = qe(r, e), t),
-    {}
-  );
+function Ve(n, e) {
+  const { metaQuery: t } = e;
+  if (!t)
+    return;
+  const { code: r, queryCode: s } = n;
+  return (o, a) => {
+    if (!t) {
+      console.warn("adapter.metaQuery is not defined!");
+      return;
+    }
+    return t(r, s, o, a);
+  };
 }
-function Ve(n = []) {
+function Le(n = [], e = [], t) {
+  const r = {};
+  for (const s of n)
+    r[s.id] = Je(s, t);
+  for (const s of e)
+    r[s.id] = Ve(s, t);
+  return r;
+}
+function Ke(n = []) {
   D.setup({
     timeout: "50-500"
-  }), ie(), n.forEach((e) => Le(e));
+  }), ae(), n.forEach((e) => Qe(e));
 }
-function Le(n) {
+function Qe(n) {
   if (!n.mock)
     return;
   const { url: e, mockTemplate: t } = n;
   if (e && t) {
-    const r = ge(`${e}(.*)`), s = _e(e, { decode: decodeURIComponent }), o = R(t, {}, !0);
+    const r = _e(`${e}(.*)`), s = we(e, { decode: decodeURIComponent }), o = I(t, {}, !0);
     D.mock(r, (a) => {
-      const i = F.parse(a.url) || {}, l = a.body instanceof FormData ? we(a.body) : a.body, c = s(a.url)?.params;
+      const i = F.parse(a.url) || {}, l = a.body instanceof FormData ? Se(a.body) : a.body, c = s(a.url)?.params;
       return Object.assign(a, { data: l, params: i, query: c }), D.mock(o(a));
     });
   }
 }
-function ie() {
+function ae() {
   D._mocked = {};
 }
-class Ke {
+class We {
   __id = null;
   __mode;
   __instance = null;
@@ -280,7 +295,7 @@ class Ke {
     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);
   }
-  setup(e, t = k) {
+  setup(e, t = T) {
     const r = t.getCurrentInstance();
     if (!r)
       return;
@@ -304,29 +319,29 @@ class Ke {
   }
   __parseFunction(e) {
     if (e)
-      if (this.__mode === w.Runtime) {
+      if (this.__mode === S.Runtime) {
         const { id: t, type: r } = e, s = t ? this.__transform[t] ?? e.value : e.value;
-        return Q({ type: r, value: s }, this);
+        return Z({ type: r, value: s }, this);
       } else
-        return Q(e, this);
+        return Z(e, this);
   }
   __parseExpression(e) {
     if (e)
-      if (this.__mode === w.Runtime) {
+      if (this.__mode === S.Runtime) {
         const { id: t, type: r } = e, s = t ? this.__transform[t] ?? e.value : e.value;
-        return R({ type: r, value: s }, this);
+        return I({ type: r, value: s }, this);
       } else
-        return R(e, this);
+        return I(e, this);
   }
   __ref(e = null, t) {
-    if (this.__mode !== w.VNode)
+    if (this.__mode !== S.VNode)
       return e && e !== this.__id && (this.__contextRefs[e] = this), (r) => {
         let s = r?.$vtjEl || r?.$el || r;
         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, w.Design === this.__mode && (s.__context__ = this), e && (this.__refs[e] = r), typeof t == "function")
+        if (s.nodeType === 3 && s.nextSibling && (s = s.nextSibling), s.__vtj__ = e, S.Design === this.__mode && (s.__context__ = this), e && (this.__refs[e] = r), typeof t == "function")
           t(r);
         else if (t) {
           const o = this.$refs[t];
@@ -347,10 +362,10 @@ class Ke {
     return r.context.__proto__ = this.context, r.__proto__ = this, r;
   }
 }
-function N(n) {
+function U(n) {
   const {
-    Vue: e = k,
-    mode: t = w.Runtime,
+    Vue: e = T,
+    mode: t = S.Runtime,
     components: r = {},
     libs: s = {},
     apis: o = {},
@@ -359,31 +374,31 @@ function N(n) {
     $components: r,
     $libs: s,
     $apis: o
-  }, c = new Ke({
+  }, c = new We({
     mode: t,
     dsl: i.value,
     attrs: l
   }), d = e.defineComponent({
     name: i.value.name,
     props: {
-      ...We(i.value.props ?? [], c)
+      ...Xe(i.value.props ?? [], c)
     },
-    setup(p) {
-      c.$props = p, c.props = p, i.value.id && se(
+    setup(u) {
+      c.$props = u, c.props = u, i.value.id && oe(
         n.window || window,
         i.value.id,
         i.value.css || ""
-      ), c.state = Xe(e, i.value.state ?? {}, c);
-      const f = Ye(e, i.value.computed ?? {}, c), h = ze(i.value.methods ?? {}, c), m = Ge(e, i.value.inject, c), v = Qe(
+      ), 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(
         i.value.dataSources || {},
         c
-      ), u = {
-        ...m,
-        ...f,
+      ), g = {
+        ...w,
+        ...p,
         ...h,
-        ...v
+        ...m
       };
-      return c.setup(u, e), Ze(e, i.value.watch ?? [], c), {
+      return c.setup(g, e), tt(e, i.value.watch ?? [], c), {
         vtj: c
       };
     },
@@ -392,19 +407,19 @@ function N(n) {
     render() {
       if (!i.value.nodes)
         return null;
-      const p = i.value.nodes || [];
-      return p.length === 1 ? M(p[0], c, e, a) : p.map((f) => M(f, c, e, a));
+      const u = i.value.nodes || [];
+      return u.length === 1 ? k(u[0], c, e, a) : u.map((p) => k(p, c, e, a));
     },
-    ...et(i.value.lifeCycles ?? {}, c)
+    ...rt(i.value.lifeCycles ?? {}, c)
   });
   return {
     renderer: e.markRaw(d),
     context: c
   };
 }
-function We(n = [], e) {
+function Xe(n = [], e) {
   const t = (r) => r ? (Array.isArray(r) ? r : [r]).map((o) => Oe[o]) : void 0;
-  return n.map((r) => b(r) ? {
+  return n.map((r) => C(r) ? {
     name: r
   } : {
     name: r.name,
@@ -420,30 +435,30 @@ function We(n = [], e) {
     {}
   );
 }
-function Xe(n, e, t) {
+function Ye(n, e, t) {
   return n.reactive(
     Object.keys(e || {}).reduce(
       (r, s) => {
         let o = e[s];
-        return _(o) ? o = t.__parseExpression(o) : T(o) && (o = t.__parseFunction(o)), r[s] = o, r;
+        return _(o) ? o = t.__parseExpression(o) : A(o) && (o = t.__parseFunction(o)), r[s] = o, r;
       },
       {}
     )
   );
 }
-function Ye(n, e, t) {
+function ze(n, e, t) {
   return Object.entries(e ?? {}).reduce(
     (r, [s, o]) => (r[s] = n.computed(t.__parseFunction(o)), r),
     {}
   );
 }
-function ze(n, e) {
+function Ge(n, e) {
   return Object.entries(n ?? {}).reduce(
     (t, [r, s]) => (t[r] = e.__parseFunction(s), t),
     {}
   );
 }
-function Ge(n, e = [], t) {
+function Ze(n, e = [], t) {
   return e.reduce(
     (r, s) => {
       const { name: o, from: a } = s || {};
@@ -454,10 +469,10 @@ function Ge(n, e = [], t) {
     {}
   );
 }
-function Qe(n, e) {
+function et(n, e) {
   return Object.keys(n).reduce(
     (t, r) => {
-      const s = n[r], o = e.$apis[s.ref], a = T(s.transform) ? s.transform.value ? e.__parseFunction(s.transform) : void 0 : s.transform;
+      const s = n[r], o = e.$apis[s.ref], a = A(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;
@@ -466,7 +481,7 @@ function Qe(n, e) {
     {}
   );
 }
-function Ze(n, e = [], t) {
+function tt(n, e = [], t) {
   e.forEach((r) => {
     n.watch(
       t.__parseExpression(r.source),
@@ -478,19 +493,19 @@ function Ze(n, e = [], t) {
     );
   });
 }
-function et(n, e) {
+function rt(n, e) {
   return Object.entries(n ?? {}).reduce(
     (t, [r, s]) => (t[r] = e.__parseFunction(s), t),
     {}
   );
 }
 let B = [];
-const tt = (n) => n;
-async function ae(n, e = window) {
-  const { urls: t = [], library: r } = n, s = t.filter((i) => L(i));
+const nt = (n) => n;
+async function ce(n, e = window) {
+  const { urls: t = [], library: r } = n, s = t.filter((i) => K(i));
   if (s.length === 0 || !r)
     return null;
-  const o = t.filter((i) => V(i)), a = await Be(s, r, e).catch(
+  const o = t.filter((i) => L(i)), a = await Be(s, r, e).catch(
     () => null
   );
   return a ? {
@@ -498,70 +513,70 @@ async function ae(n, e = window) {
     css: o
   } : null;
 }
-function U(n) {
+function q(n) {
   const { getDsl: e, getDslByUrl: t, options: r } = n;
   return r.window && (B.forEach((s) => {
     delete r.window[s];
-  }), B = []), (s, o, a = k) => !o || typeof o == "string" ? s : o.type === "Schema" && o.id ? a.defineAsyncComponent(async () => {
+  }), B = []), (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 ? N({
+    return i && (i.name = s), i ? U({
       ...r,
       Vue: a,
       dsl: i,
-      mode: w.Runtime,
-      loader: U(n)
+      mode: S.Runtime,
+      loader: q(n)
     }).renderer : null;
   }) : o.type === "UrlSchema" && o.url ? a.defineAsyncComponent(async () => {
     const i = await t(o.url);
-    return i && (i.name = s), i ? N({
+    return i && (i.name = s), i ? U({
       ...r,
       Vue: a,
       dsl: i,
-      mode: w.Runtime,
-      loader: U(n)
+      mode: S.Runtime,
+      loader: q(n)
     }).renderer : null;
   }) : o.type === "Plugin" ? (o.library && B.push(o.library), a.defineAsyncComponent(async () => {
-    const i = await ae(o, r.window);
-    return i ? (oe(i.css, r.window), i.component) : null;
+    const i = await ce(o, r.window);
+    return i ? (ie(i.css, r.window), i.component) : null;
   })) : s;
 }
-function M(n, e, t = k, r = tt) {
+function k(n, e, t = T, r = nt) {
   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 } = rt(o);
-  if (a && !nt(a, e))
+  const { id: s = null, directives: o = [] } = n, { vIf: a, vFor: i, vShow: l, vModels: c, vBind: d } = st(o);
+  if (a && !ot(a, e))
     return null;
-  const p = (f) => {
-    const h = f.$components, m = (() => {
+  const u = (p) => {
+    const h = p.$components, w = (() => {
       if (n.name === "component")
-        return st(f, n.props?.is);
+        return it(p, n.props?.is);
       if (n.name === "slot")
         return n.name;
-      const g = r(n.name, n.from, t);
-      return b(g) ? h[g] ?? g : g;
-    })(), v = ot(s, n.props ?? {}, f), u = it(t, n.events ?? {}, f);
+      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);
     if (n.name === "slot")
-      return at(t, n, v, f, r);
-    d && Object.assign(v, f.__parseExpression(d.value)), l && (v.style = Object.assign(
-      v.style ?? {},
-      lt(l, f)
-    )), c.forEach((g) => {
-      Object.assign(v, ut(t, g, f));
+      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)
+    )), c.forEach((v) => {
+      Object.assign(m, ft(t, v, p));
     });
-    const S = pt(
+    const f = dt(
       t,
       n.children ?? [],
-      f,
+      p,
       r,
       n
     );
-    return t.createVNode(m, { ...v, ...u }, S);
+    return t.createVNode(w, { ...m, ...g }, f);
   };
-  return i ? mt(i, p, e) : p(e);
+  return i ? vt(i, u, e) : u(e);
 }
-function rt(n = []) {
+function st(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) => !xe.includes(E(i.name))
+    (i) => !Me.includes(E(i.name))
   );
   return {
     vIf: e,
@@ -572,23 +587,23 @@ function rt(n = []) {
     others: a
   };
 }
-function nt(n, e) {
+function ot(n, e) {
   return !!e.__parseExpression(n.value);
 }
-function st(n, e) {
+function it(n, e) {
   return e ? _(e) ? n.__parseExpression(e) : e : "div";
 }
-function ot(n, e, t) {
+function at(n, e, t) {
   const r = Object.keys(e || {}).reduce(
     (s, o) => {
       let a = e[o];
-      return _(a) ? a = t.__parseExpression(a) : T(a) && (a = t.__parseFunction(a)), s[o] = a, s;
+      return _(a) ? a = t.__parseExpression(a) : A(a) && (a = t.__parseFunction(a)), s[o] = a, s;
     },
     {}
   );
   return r.ref = t.__ref(n, r.ref), r;
 }
-function it(n, e, t) {
+function ct(n, e, t) {
   const r = ["passive", "capture", "once"], s = {
     capture: "Capture",
     once: "Once",
@@ -596,71 +611,71 @@ function it(n, e, t) {
   };
   return Object.keys(e || {}).reduce(
     (o, a) => {
-      const i = e[a], l = ce(i.modifiers), c = l.find((f) => r.includes(f)), d = "on" + Se(a) + (c && s[c] || ""), p = t.__parseFunction(i.handler);
-      return p && (o[d] = n.withModifiers(p, l)), o;
+      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;
     },
     {}
   );
 }
-function ce(n = {}, e = !1) {
+function le(n = {}, e = !1) {
   const t = Object.keys(n);
   return e ? t.map((r) => "." + r) : t;
 }
-function at(n, e, t, r, s) {
-  const { children: o } = e, a = ct(e, r), i = r.$slots?.[a.name];
-  return i ? i(t) : o ? b(o) ? n.createTextVNode(o) : _(o) ? n.createTextVNode(
-    ne(r.__parseExpression(o))
+function lt(n, e, t, r, s) {
+  const { children: o } = e, a = ut(e, r), i = r.$slots?.[a.name];
+  return i ? i(t) : o ? C(o) ? n.createTextVNode(o) : _(o) ? n.createTextVNode(
+    se(r.__parseExpression(o))
   ) : Array.isArray(o) ? o.map(
-    (l) => M(l, r, n, s)
+    (l) => k(l, r, n, s)
   ) : null : null;
 }
-function ct(n, e) {
+function ut(n, e) {
   const { props: t } = n, r = t?.name || "default";
   return {
     name: _(r) ? e.__parseExpression(r) : r,
     params: []
   };
 }
-function lt(n, e) {
+function pt(n, e) {
   return e.__parseExpression(n.value) ? {} : {
     display: "none"
   };
 }
-function ut(n, e, t) {
+function ft(n, e, t) {
   const r = {
     type: "JSFunction",
     value: e.value?.value ? `(v) => {
         ${e.value.value} = v;
       }` : "(v) => {}"
-  }, s = t.__parseFunction(r), o = ce(e.modifiers), a = _(e.arg) ? t.__parseExpression(e.arg) : e.arg || "modelValue";
+  }, s = t.__parseFunction(r), o = le(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 pt(n, e, t, r, s) {
+function dt(n, e, t, r, s) {
   if (!e)
     return null;
-  if (b(e))
+  if (C(e))
     return { default: () => e };
   if (_(e))
     return {
-      default: () => ne(t.__parseExpression(e))
+      default: () => se(t.__parseExpression(e))
     };
   if (Array.isArray(e) && e.length > 0) {
-    const o = ft(e), a = (i) => !i || !s ? {} : s?.id && Object.keys(i).length ? {
+    const o = mt(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] = (p) => {
-      const f = d.length ? $e(p ?? {}, d) : a(p);
+    return Object.entries(o).reduce((i, [l, { nodes: c, params: d }]) => (i[l] = (u) => {
+      const p = d.length ? je(u ?? {}, d) : a(u);
       return c.map(
-        (h) => M(h, t.__clone(f), n, r)
+        (h) => k(h, t.__clone(p), n, r)
       );
     }, i), {});
   }
   return null;
 }
-function ft(n) {
+function mt(n) {
   const e = {
     default: {
       params: [],
@@ -668,7 +683,7 @@ function ft(n) {
     }
   };
   for (const t of n) {
-    const r = dt(t.slot), s = r.name;
+    const r = ht(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
@@ -676,19 +691,19 @@ function ft(n) {
   }
   return e;
 }
-function dt(n = "default") {
-  return b(n) ? { name: n, params: [] } : { params: [], ...n };
+function ht(n = "default") {
+  return C(n) ? { name: n, params: [] } : { params: [], ...n };
 }
-function mt(n, e, t) {
+function vt(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 Z = te({
+const ee = re({
   name: "VtjPageContainer",
   async setup() {
-    const n = ue(), e = re(), t = e.params.id, r = t ? n.getPage(t) : n.getHomepage(), s = r ? await n.getRenderComponent(r.id) : null;
-    return r && Ie(r.title || "VTJ"), {
+    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"), {
       provider: n,
       component: s,
       file: r,
@@ -696,19 +711,19 @@ const Z = te({
     };
   },
   render() {
-    return this.component ? A(this.component, this.query) : A("div", "页面不存在");
+    return this.component ? N(this.component, this.query) : N("div", "页面不存在");
   }
-}), ht = te({
+}), yt = re({
   name: "VtjStartupContainer",
   render() {
-    return A(He);
+    return N(xe);
   }
-}), le = Symbol("Provider");
-class vt extends fe {
+}), ue = Symbol("Provider");
+class gt extends de {
   mode;
   globals = {};
   modules = {};
-  adapter = { request: Ue, jsonp: je };
+  adapter = { request: qe, jsonp: Ee };
   apis = {};
   dependencies = {};
   materials = {};
@@ -724,7 +739,7 @@ class vt extends fe {
     super();
     const {
       service: t,
-      mode: r = w.Raw,
+      mode: r = S.Raw,
       dependencies: s,
       materials: o,
       project: a = {},
@@ -732,71 +747,75 @@ class vt extends fe {
       globals: l = {},
       modules: c = {},
       router: d = null,
-      materialPath: p = "./",
-      nodeEnv: f = "development"
+      materialPath: u = "./",
+      nodeEnv: p = "development"
     } = e;
-    this.mode = r, this.modules = c, this.service = t, this.router = d, this.materialPath = p, this.nodeEnv = f, s && (this.dependencies = s), o && (this.materials = o), Object.assign(this.globals, l), Object.assign(this.adapter, i), r !== w.Design && this.load(a);
+    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);
   }
   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: s } = this.project, { dependencies: o, library: a, components: i, materialPath: l } = this, {
-      libraryExports: c,
-      libraryMap: d,
+    const {
+      dependencies: r = [],
+      apis: s = [],
+      meta: o = []
+    } = this.project, { dependencies: a, library: i, components: l, materialPath: c } = this, {
+      libraryExports: d,
+      libraryMap: u,
       materials: p,
-      materialExports: f,
-      materialMapLibrary: h
-    } = Me(r, l), m = window;
+      materialExports: h,
+      materialMapLibrary: w
+    } = ke(r, c), m = window;
     m.CKEDITOR_VERSION = void 0;
-    for (const u of c) {
-      const S = o[u], g = m[u];
-      if (g)
-        a[u] = g;
-      else if (S)
-        m[u] = a[u] = await S();
+    for (const f of d) {
+      const v = a[f], b = m[f];
+      if (b)
+        i[f] = b;
+      else if (v)
+        m[f] = i[f] = await v();
       else {
-        const $ = d[u] || [];
+        const $ = u[f] || [];
         for (const j of $)
-          V(j) && await Te(u, F.append(j, { v: C })), L(j) && await Y(F.append(j, { v: C }));
-        a[u] = m[u];
+          L(j) && await Ae(f, F.append(j, { v: R })), K(j) && await Y(F.append(j, { v: R }));
+        i[f] = m[f];
       }
     }
-    for (const u of p)
-      await Y(F.append(u, { v: C }));
-    const v = this.materials || {};
-    for (const u of f) {
-      const S = m[h[u]], g = de[u];
-      if (g)
-        S && g.forEach(($) => {
-          i[$] = S[$];
+    for (const f of p)
+      await Y(F.append(f, { v: R }));
+    const g = this.materials || {};
+    for (const f of h) {
+      const v = m[w[f]], b = me[f];
+      if (b)
+        v && b.forEach(($) => {
+          l[$] = v[$];
         });
       else {
-        const $ = v[u] ? (await v[u]()).default : m[u];
-        $ && S && ($.components || []).forEach((j) => {
-          i[j.name] = ke(j, S);
+        const $ = g[f] ? (await g[f]()).default : m[f];
+        $ && v && ($.components || []).forEach((j) => {
+          l[j.name] = Te(j, v);
         });
       }
     }
-    s && (this.apis = Je(s, this.adapter), ie(), this.project.config?.mock && Ve(s)), this.initRouter(), this.triggerReady();
+    this.apis = Le(s, o, this.adapter), ae(), this.project.config?.mock && Ke(s), this.initRouter(), this.triggerReady();
   }
   initRouter() {
     const { router: e, project: t } = this;
     e && (e.addRoute({
       path: "/page/:id",
       name: "VtjPage",
-      component: Z
+      component: ee
     }), e.addRoute({
       path: "/",
       name: "VtjHomepage",
-      component: t?.homepage ? Z : ht
+      component: t?.homepage ? ee : yt
     }));
   }
   install(e) {
     const t = e.config.globalProperties.installed || {};
     for (const [r, s] of Object.entries(this.library))
-      !t[r] && Ae(s) && (e.use(s), t[r] = !0);
-    e.provide(le, this), e.config.globalProperties.installed = t;
+      !t[r] && Ne(s) && (e.use(s), t[r] = !0);
+    e.provide(ue, this), e.config.globalProperties.installed = t;
   }
   getFile(e) {
     const { blocks: t = [] } = this.project || {};
@@ -844,12 +863,12 @@ class vt extends fe {
       apis: a,
       window,
       ...t
-    }, l = U({
+    }, l = q({
       getDsl: async (c) => await this.getDsl(c) || null,
       getDslByUrl: async (c) => await this.getDslByUrl(c) || null,
       options: i
     });
-    return N({
+    return U({
       ...i,
       dsl: e,
       loader: l
@@ -873,27 +892,27 @@ class vt extends fe {
   }
   definePluginComponent(e) {
     return z(async () => {
-      const t = await ae(e, window);
-      return t ? (oe(t.css), t.component) : null;
+      const t = await ce(e, window);
+      return t ? (ie(t.css), t.component) : null;
     });
   }
 }
-function xt(n) {
-  const e = new vt(n);
+function Ot(n) {
+  const e = new gt(n);
   return {
     provider: e,
     onReady: (r) => e.ready(r)
   };
 }
-function ue(n = {}) {
-  const e = Fe(le);
+function pe(n = {}) {
+  const e = Ce(ue);
   if (!e)
     throw new Error("Can not find provider");
   if (e.nodeEnv === "development") {
     const { id: t, version: r } = n;
     t && r && (async () => {
       const s = await e.getDsl(t);
-      s?.__VERSION__ !== r && J.warning({
+      s?.__VERSION__ !== r && V.warning({
         title: s?.name,
         message: "当前组件源码版本与运行时版本不一致，请重新发布组件"
       });
@@ -901,7 +920,7 @@ function ue(n = {}) {
   }
   return e;
 }
-const K = new Ee({
+const Q = new Pe({
   settings: {
     type: "json",
     validSuccess: !0,
@@ -909,12 +928,12 @@ const K = new Ee({
     failMessage: !0,
     validate: (n) => n.data?.code === 0,
     showError: (n) => {
-      J.error({
+      V.error({
         message: n || "未知错误"
       });
     }
   }
-}), yt = (n = "/vtj/local/repository/${type}.json") => (e, t) => K.send({
+}), _t = (n = "/vtj/local/repository/${type}.json") => (e, t) => Q.send({
   url: n,
   method: "post",
   query: { type: e },
@@ -922,7 +941,7 @@ const K = new Ee({
     type: e,
     data: t
   }
-}), gt = (n = "/vtj/local/repository/uploader.json") => async (e, t) => await K.send({
+}), wt = (n = "/vtj/local/repository/uploader.json") => async (e, t) => await Q.send({
   url: n,
   method: "post",
   data: {
@@ -938,7 +957,7 @@ class W {
   pluginCaches = {};
   uploader;
   constructor() {
-    this.api = yt(), this.uploader = gt();
+    this.api = _t(), this.uploader = wt();
   }
   async getExtension() {
     console.log("BaseService.getExtension");
@@ -1015,7 +1034,7 @@ class W {
     if (!r)
       return null;
     const s = this.pluginCaches[r];
-    return s || (this.pluginCaches[r] = K.send({
+    return s || (this.pluginCaches[r] = Q.send({
       url: r,
       method: "get",
       settings: {
@@ -1025,22 +1044,22 @@ class W {
     }).then((o) => o.data).catch(() => null));
   }
 }
-const y = new Pe({
+const y = new Fe({
   type: "local",
   expired: 0,
   prefix: "__VTJ_"
 });
-class Ot extends W {
+class Dt extends W {
   init(e) {
-    const t = new x(e), r = y.get(`project_${t.id}`), s = Object.assign(t.toDsl(), r || {});
+    const t = new M(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 x(e);
+    const t = new M(e);
     return y.save(`project_${t.id}`, t.toDsl()), Promise.resolve(!0);
   }
   saveMaterials(e, t) {
-    return y.save(`materials_${e.id}`, q(t)), Promise.resolve(!0);
+    return y.save(`materials_${e.id}`, J(t)), Promise.resolve(!0);
   }
   saveFile(e) {
     return y.save(`file_${e.id}`, e), Promise.resolve(!0);
@@ -1064,7 +1083,7 @@ class Ot extends W {
     return Promise.resolve(!0);
   }
   getHistory(e) {
-    const t = y.get(`history_${e}`), r = new ee(t || { id: e });
+    const t = y.get(`history_${e}`), r = new te(t || { id: e });
     return Promise.resolve(r.toDsl());
   }
   getHistoryItem(e, t) {
@@ -1080,22 +1099,22 @@ class Ot extends W {
     }), Promise.resolve(!0);
   }
 }
-class _t extends W {
+class St extends W {
   projects = {};
   materials = {};
   files = {};
   histories = {};
   historyItems = {};
   init(e) {
-    const t = new x(e), r = this.projects[t.id] || {}, s = Object.assign(t.toDsl(), r);
+    const t = new M(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 x(e);
+    const t = new M(e);
     return this.projects[t.id] = t.toDsl(), Promise.resolve(!0);
   }
   saveMaterials(e, t) {
-    return e.id && (this.materials[e.id] = q(t)), Promise.resolve(!0);
+    return e.id && (this.materials[e.id] = J(t)), Promise.resolve(!0);
   }
   saveFile(e) {
     return this.files[e.id] = e, Promise.resolve(!0);
@@ -1119,7 +1138,7 @@ class _t extends W {
     return Promise.resolve(!0);
   }
   getHistory(e) {
-    const t = this.histories[e], r = new ee(t || { id: e });
+    const t = this.histories[e], r = new te(t || { id: e });
     return Promise.resolve(r);
   }
   getHistoryItem(e, t) {
@@ -1137,11 +1156,11 @@ class _t extends W {
     }), Promise.resolve(!0);
   }
 }
-let H = null;
-function Dt() {
-  return H || (H = new _t(), H);
+let x = null;
+function kt() {
+  return x || (x = new St(), x);
 }
-class Mt extends W {
+class Tt extends W {
   getFileCaches = {};
   async getExtension() {
     return await this.api("getExtension", {}).catch(() => {
@@ -1156,7 +1175,7 @@ class Mt extends W {
   async saveMaterials(e, t) {
     return !!await this.api("saveMaterials", {
       project: e,
-      materials: q(t)
+      materials: J(t)
     }).catch(() => !1);
   }
   async saveFile(e) {
@@ -1196,7 +1215,7 @@ class Mt extends W {
     );
   }
 }
-function pe(n = []) {
+function fe(n = []) {
   return n.map((e) => {
     const { id: t, title: r, icon: s, children: o, hidden: a } = e;
     return {
@@ -1205,13 +1224,13 @@ function pe(n = []) {
       icon: s,
       hidden: a,
       url: `/page/${t}`,
-      children: o && o.length ? pe(o) : void 0
+      children: o && o.length ? fe(o) : void 0
     };
   });
 }
-function kt() {
-  const n = ue(), e = re(), t = be(!1), r = n.project;
-  Ce(() => {
+function At() {
+  const n = pe(), e = ne(), t = be(!1), r = n.project;
+  Re(() => {
     const { name: a, params: i, meta: l } = e;
     if (a === "VtjPage") {
       const c = n.getPage(i.id);
@@ -1222,7 +1241,7 @@ function kt() {
     } else
       t.value = !l.mask;
   });
-  const s = pe(r?.pages), o = r?.config;
+  const s = fe(r?.pages), o = r?.config;
   return {
     disabled: t,
     logo: o?.logo,
@@ -1232,53 +1251,54 @@ function kt() {
   };
 }
 export {
-  xe as BUILT_IN_DIRECTIVES,
+  Me as BUILT_IN_DIRECTIVES,
   W as BaseService,
   G as CONTEXT_HOST,
-  Ke as Context,
-  w as ContextMode,
+  We as Context,
+  S as ContextMode,
   Oe as DATA_TYPES,
-  Ht as JSCodeToString,
-  Ct as LIFE_CYCLES_LIST,
-  Mt as LocalService,
-  _t as MemoryService,
-  vt as Provider,
-  Ot as StorageService,
-  C as VTJ_RENDERER_VERSION,
-  se as adoptedStyleSheets,
-  Rt as createAssetScripts,
-  It as createAssetsCss,
-  Qe as createDataSources,
-  U as createLoader,
-  Dt as createMemoryService,
-  xt as createProvider,
-  N as createRenderer,
-  qe as createSchemaApi,
-  Je as createSchemaApis,
-  tt as defaultLoader,
-  I as fillBasePath,
-  ce as getModifiers,
-  ae as getPlugin,
-  ke as getRawComponent,
-  V as isCSSUrl,
-  Ne as isJSCode,
+  Mt as JSCodeToString,
+  It as LIFE_CYCLES_LIST,
+  Tt as LocalService,
+  St as MemoryService,
+  gt as Provider,
+  Dt as StorageService,
+  R as VTJ_RENDERER_VERSION,
+  oe as adoptedStyleSheets,
+  Ht as createAssetScripts,
+  xt as createAssetsCss,
+  et as createDataSources,
+  q as createLoader,
+  kt as createMemoryService,
+  Ve as createMetaApi,
+  Ot as createProvider,
+  U as createRenderer,
+  Je as createSchemaApi,
+  Le as createSchemaApis,
+  nt as defaultLoader,
+  H as fillBasePath,
+  le as getModifiers,
+  ce as getPlugin,
+  Te as getRawComponent,
+  L as isCSSUrl,
+  Ue as isJSCode,
   _ as isJSExpression,
-  T as isJSFunction,
+  A as isJSFunction,
   De as isJSON,
-  L as isJSUrl,
-  Ae as isVuePlugin,
-  Te as loadCss,
-  oe as loadCssUrl,
+  K as isJSUrl,
+  Ne as isVuePlugin,
+  Ae as loadCss,
+  ie as loadCssUrl,
   Be as loadScriptUrl,
-  Le as mockApi,
-  Ve as mockApis,
-  ie as mockCleanup,
-  M as nodeRender,
-  Me as parseDeps,
-  R as parseExpression,
-  Q as parseFunction,
-  le as providerKey,
-  ne as toString,
-  kt as useMask,
-  ue as useProvider
+  Qe as mockApi,
+  Ke as mockApis,
+  ae as mockCleanup,
+  k as nodeRender,
+  ke as parseDeps,
+  I as parseExpression,
+  Z as parseFunction,
+  ue as providerKey,
+  se as toString,
+  At as useMask,
+  pe as useProvider
 };