@vtj/renderer 0.7.34 → 0.8.0

package/dist/index.mjs

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