@vtj/renderer 0.7.2 → 0.7.4

package/dist/index.mjs

@@ -1,21 +1,21 @@
-import { Base as te, ProjectModel as P, HistoryModel as J } from "@vtj/core";
-import { isString as b, isFunction as D, createRequest as re, merge as se, camelCase as $, upperFirst as ne, pick as oe, jsonp as ie, loadScript as B, Request as ae, Storage as ce, mapToObject as M } from "@vtj/utils";
-import * as O from "vue";
-import { defineComponent as ue, h as A, inject as le, ref as fe, watchEffect as pe } from "vue";
-import { useRoute as q } from "vue-router";
-import { ElNotification as N, ElLoading as me } from "element-plus";
-import { useTitle as de } from "@vueuse/core";
-import "@vtj/ui";
+import { Base as se, ProjectModel as H, HistoryModel as U } from "@vtj/core";
+import { isUrl as ne, isString as E, isFunction as A, createRequest as oe, merge as ie, camelCase as $, upperFirst as ae, pick as ce, jsonp as ue, loadScript as k, Request as le, Storage as fe, mapToObject as T } from "@vtj/utils";
+import * as C from "vue";
+import { defineComponent as pe, h as L, inject as me, ref as de, watchEffect as he } from "vue";
+import { useRoute as z } from "vue-router";
+import { ElNotification as B, ElLoading as ve } from "element-plus";
+import { useTitle as ge } from "@vueuse/core";
+import "@vtj/icons";
 /**!
  * Copyright (c) 2024, VTJ.PRO All rights reserved.
  * @name @vtj/renderer 
  * @author CHC chenhuachun1549@dingtalk.com 
- * @version 0.7.1
+ * @version 0.7.4
  * @license <a href="https://vtj.pro/license.html">MIT License</a>
  */
-const pt = "0.7.1";
+const ht = "0.7.4";
 var y = /* @__PURE__ */ ((r) => (r.Runtime = "Runtime", r.Design = "Design", r.Raw = "Raw", r.VNode = "VNode", r))(y || {});
-const k = [
+const V = [
   "$el",
   "$emit",
   "$nextTick",
@@ -27,7 +27,7 @@ const k = [
   "$props",
   "$options",
   "$forceUpdate"
-], mt = [
+], vt = [
   "beforeCreate",
   "created",
   "beforeMount",
@@ -41,7 +41,7 @@ const k = [
   "renderTriggered",
   "activated",
   "deactivated"
-], he = ["vIf", "vShow", "vModel", "vFor", "vBind"], ve = {
+], _e = ["vIf", "vShow", "vModel", "vFor", "vBind"], ye = {
   String,
   Number,
   Boolean,
@@ -50,42 +50,45 @@ const k = [
   Function,
   Date
 };
-function U(r) {
+function b(r, e) {
+  return r.map((t) => ne(t) ? t : `${e}${t}`);
+}
+function W(r) {
   return /\.css$/.test(r);
 }
-function z(r) {
+function Y(r) {
   return /\.js$/.test(r);
 }
-function dt(r) {
+function gt(r) {
   return r.map((e) => `<script src="${e}"><\/script>`).join("");
 }
-function ht(r = []) {
+function _t(r = []) {
   return r.map((e) => `<link rel="stylesheet" href="${e}" />`).join("");
 }
-function _e(r) {
-  const e = r.filter((c) => !!c.enabled), t = [], s = [], n = [], o = [], i = {}, a = [], u = {};
-  return e.forEach(({ urls: c, assetsUrl: m, library: f, assetsLibrary: l }) => {
-    c?.forEach((v) => {
-      z(v) && t.push(v), U(v) && s.push(v);
-    }), f && (o.push(f), i[f] = c || []), m && n.push(m), l && a.push(l), f && l && (u[l] = f);
+function we(r, e) {
+  const t = r.filter((m) => !!m.enabled), s = [], n = [], o = [], i = [], a = {}, u = [], c = {};
+  return t.forEach(({ urls: m, assetsUrl: p, library: l, assetsLibrary: h }) => {
+    m?.forEach((v) => {
+      Y(v) && s.push(v), W(v) && n.push(v);
+    }), l && (i.push(l), a[l] = b(m || [], e)), p && o.push(p), h && u.push(h), l && h && (c[h] = l);
   }), {
-    scripts: t,
-    css: s,
-    materials: n,
-    libraryExports: o,
-    materialExports: a,
-    materialMapLibrary: u,
-    libraryMap: i
+    scripts: b(s, e),
+    css: b(n, e),
+    materials: b(o, e),
+    libraryExports: i,
+    materialExports: u,
+    materialMapLibrary: c,
+    libraryMap: a
   };
 }
-function ge(r, e) {
+function Se(r, e) {
   const { name: t, parent: s, alias: n } = r;
   return s ? e[s]?.[n || t] : e[n || t];
 }
-function W(r) {
-  return b(r) ? r : JSON.stringify(r);
+function K(r) {
+  return E(r) ? r : JSON.stringify(r);
 }
-function Y(r, e, t) {
+function X(r, e, t) {
   const s = r.CSSStyleSheet;
   if (s.prototype.replaceSync) {
     const n = new s();
@@ -100,34 +103,34 @@ function Y(r, e, t) {
     o ? o.innerHTML = t : (o = n.createElement("style"), o.id = e, o.innerHTML = t, n.head.appendChild(o));
   }
 }
-async function ye(r, e) {
+async function $e(r, e) {
   const t = await window.fetch(e).then((s) => s.text()).catch(() => "");
-  t && Y(window, r, t);
+  t && X(window, r, t);
 }
-function we(r) {
-  return D(r) || D(r?.install);
+function je(r) {
+  return A(r) || A(r?.install);
 }
-var F = function() {
-  return F = Object.assign || function(r) {
+var R = function() {
+  return R = Object.assign || function(r) {
     for (var e, t = 1, s = arguments.length; t < s; t++) {
       e = arguments[t];
       for (var n in e)
         Object.prototype.hasOwnProperty.call(e, n) && (r[n] = e[n]);
     }
     return r;
-  }, F.apply(this, arguments);
-}, C = { debug: -1, log: 0, info: 0, warn: 1, error: 2 }, Se = function(r, e, t, s) {
+  }, R.apply(this, arguments);
+}, N = { debug: -1, log: 0, info: 0, warn: 1, error: 2 }, Ee = function(r, e, t, s) {
   return function() {
     for (var n = [], o = 0; o < arguments.length; o++)
       n[o] = arguments[o];
-    if (e && C[e] <= C[r] && console[r].apply && (s === "*" || t.startsWith(s)))
-      return console[r].apply(console, $e(n, t));
+    if (e && N[e] <= N[r] && console[r].apply && (s === "*" || t.startsWith(s)))
+      return console[r].apply(console, Pe(n, t));
   };
 };
-function $e(r, e) {
+function Pe(r, e) {
   return e !== "*" && (typeof r[0] == "string" ? r[0] = "[" + e + "] " + r[0] : r = ["[" + e + "]"].concat(r)), r;
 }
-function je(r, e) {
+function be(r, e) {
   if (!r)
     return {
       targetLevel: e.level,
@@ -145,26 +148,26 @@ function je(r, e) {
     targetBizName: "*"
   };
 }
-var be = {
+var Fe = {
   level: "warn",
   bizName: "*"
-}, Ee = (
+}, He = (
   /** @class */
   /* @__PURE__ */ function() {
     function r(e) {
-      e = F(F({}, be), e);
-      var t = location || {}, s = (/__(?:logConf|logLevel)__=([^#/&]*)/.exec(t.href) || [])[1], n = je(s, e), o = n.targetLevel, i = n.targetBizName;
-      for (var a in C)
-        this[a] = Se(a, o, e.bizName, i);
+      e = R(R({}, Fe), e);
+      var t = location || {}, s = (/__(?:logConf|logLevel)__=([^#/&]*)/.exec(t.href) || [])[1], n = be(s, e), o = n.targetLevel, i = n.targetBizName;
+      for (var a in N)
+        this[a] = Ee(a, o, e.bizName, i);
     }
     return r;
   }()
 );
-function Pe(r) {
-  return new Ee(r);
+function Re(r) {
+  return new He(r);
 }
-const H = Pe({ level: "log", bizName: "VTJ" });
-function I(r, e, t = !1, s = !1) {
+const I = Re({ level: "log", bizName: "VTJ" });
+function O(r, e, t = !1, s = !1) {
   try {
     const n = ['"use strict";', "var __self = arguments[0];"];
     n.push("return ");
@@ -174,13 +177,13 @@ function I(r, e, t = !1, s = !1) {
     const i = `with(${t ? "{}" : "$scope || {}"}) { ${o} }`;
     return new Function("$scope", i)(e);
   } catch (n) {
-    if (H.error("parseExpression.error", n, r, e?.__self ?? e), s)
+    if (I.error("parseExpression.error", n, r, e?.__self ?? e), s)
       throw n;
   }
 }
-function L(r, e, t = !1, s = !1) {
-  const n = I(r, e, t, s);
-  if (typeof n != "function" && (H.error(
+function J(r, e, t = !1, s = !1) {
+  const n = O(r, e, t, s);
+  if (typeof n != "function" && (I.error(
     "parseFunction.error",
     "not a function",
     r,
@@ -189,20 +192,20 @@ function L(r, e, t = !1, s = !1) {
     throw new Error(`"${r.value}" not a function`);
   return n;
 }
-function g(r) {
+function _(r) {
   return r && r.type === "JSExpression";
 }
-function x(r) {
+function M(r) {
   return typeof r == "object" && r && r.type === "JSFunction";
 }
-function Fe(r) {
-  return g(r) || x(r);
+function Ie(r) {
+  return _(r) || M(r);
 }
-function vt(r) {
-  return Fe(r) ? r.value : JSON.stringify(r);
+function yt(r) {
+  return Ie(r) ? r.value : JSON.stringify(r);
 }
 let j = null;
-const He = re({
+const Oe = oe({
   settings: {
     type: "form",
     validSuccess: !0,
@@ -211,12 +214,12 @@ const He = re({
     validate: (r) => r.data?.code === 0 || !!r.data?.success,
     failMessage: !0,
     showError: (r) => {
-      N.error({
+      B.error({
         message: r || "未知错误"
       });
     },
     showLoading: () => {
-      j && j.close(), j = me.service({
+      j && j.close(), j = ve.service({
         lock: !0,
         text: "Loading",
         background: "rgba(0, 0, 0, 0.05)"
@@ -227,7 +230,7 @@ const He = re({
     }
   }
 });
-function Ie(r, e) {
+function xe(r, e) {
   const { jsonp: t, request: s } = e;
   if (r.method === "jsonp")
     return (n = {}) => t(r.url, {
@@ -235,7 +238,7 @@ function Ie(r, e) {
       query: n
     });
   {
-    const n = r.headers ? I(r.headers, {}, !0) : void 0, o = {
+    const n = r.headers ? O(r.headers, {}, !0) : void 0, o = {
       url: r.url,
       method: r.method,
       settings: {
@@ -243,13 +246,13 @@ function Ie(r, e) {
         headers: n
       }
     };
-    return (i, a) => s.send(se(o, a || {}, { data: i }));
+    return (i, a) => s.send(ie(o, a || {}, { data: i }));
   }
 }
-function Re(r = [], e) {
-  return r.reduce((t, s) => (t[s.id] = Ie(s, e), t), {});
+function Ce(r = [], e) {
+  return r.reduce((t, s) => (t[s.id] = xe(s, e), t), {});
 }
-class Oe {
+class Me {
   __id = null;
   __mode;
   __instance = null;
@@ -277,7 +280,7 @@ class Oe {
     const { mode: t, dsl: s, attrs: n } = e;
     this.__mode = t, s && (this.__id = s.id || null, this.__transform = s.transform || {}), n && Object.assign(this, n);
   }
-  setup(e, t = O) {
+  setup(e, t = C) {
     const s = t.getCurrentInstance();
     if (!s)
       return;
@@ -290,12 +293,12 @@ class Oe {
     });
   }
   __proxy() {
-    this.__instance && k.forEach((e) => {
+    this.__instance && V.forEach((e) => {
       this[e] = this.__instance?.[e];
     });
   }
   __cleanup() {
-    k.forEach((e) => {
+    V.forEach((e) => {
       this[e] = null;
     });
   }
@@ -303,17 +306,17 @@ class Oe {
     if (e)
       if (this.__mode === y.Runtime) {
         const { id: t, type: s } = e, n = t ? this.__transform[t] ?? e.value : e.value;
-        return L({ type: s, value: n }, this);
+        return J({ type: s, value: n }, this);
       } else
-        return L(e, this);
+        return J(e, this);
   }
   __parseExpression(e) {
     if (e)
       if (this.__mode === y.Runtime) {
         const { id: t, type: s } = e, n = t ? this.__transform[t] ?? e.value : e.value;
-        return I({ type: s, value: n }, this);
+        return O({ type: s, value: n }, this);
       } else
-        return I(e, this);
+        return O(e, this);
   }
   __ref(e = null, t) {
     if (this.__mode !== y.VNode)
@@ -344,9 +347,9 @@ class Oe {
     return s.context.__proto__ = this.context, s.__proto__ = this, s;
   }
 }
-function K(r) {
+function G(r) {
   const {
-    Vue: e = O,
+    Vue: e = C,
     mode: t = y.Runtime,
     components: s = {},
     libs: n = {},
@@ -356,31 +359,31 @@ function K(r) {
     $components: s,
     $libs: n,
     $apis: o
-  }, c = new Oe({
+  }, c = new Me({
     mode: t,
     dsl: a.value,
     attrs: u
   }), m = e.defineComponent({
     name: a.value.name,
     props: {
-      ...xe(a.value.props ?? [], c)
+      ...Ne(a.value.props ?? [], c)
     },
-    setup(f) {
-      c.$props = f, a.value.id && Y(
+    setup(p) {
+      c.$props = p, a.value.id && X(
         r.window || window,
         a.value.id,
         a.value.css || ""
-      ), c.state = Ce(e, a.value.state ?? {}, c);
-      const l = Me(e, a.value.computed ?? {}, c), v = Ne(a.value.methods ?? {}, c), p = Te(e, a.value.inject, c), d = De(
+      ), c.state = Te(e, a.value.state ?? {}, c);
+      const l = Be(e, a.value.computed ?? {}, c), h = De(a.value.methods ?? {}, c), v = Ae(e, a.value.inject, c), f = ke(
         a.value.dataSources || {},
         c
       ), w = {
-        ...p,
-        ...l,
         ...v,
-        ...d
+        ...l,
+        ...h,
+        ...f
       };
-      return c.setup(w, e), Be(e, a.value.watch ?? [], c), {
+      return c.setup(w, e), Le(e, a.value.watch ?? [], c), {
         vtj: c
       };
     },
@@ -389,25 +392,25 @@ function K(r) {
     render() {
       if (!a.value.nodes)
         return null;
-      const f = a.value.nodes || [];
-      return f.length === 1 ? R(f[0], c, e, i) : f.map((l) => R(l, c, e, i));
+      const p = a.value.nodes || [];
+      return p.length === 1 ? x(p[0], c, e, i) : p.map((l) => x(l, c, e, i));
     },
-    ...Ae(a.value.lifeCycles ?? {}, c)
+    ...Ve(a.value.lifeCycles ?? {}, c)
   });
   return {
     renderer: e.markRaw(m),
     context: c
   };
 }
-function xe(r = [], e) {
-  const t = (s) => s ? (Array.isArray(s) ? s : [s]).map((o) => ve[o]) : void 0;
-  return r.map((s) => b(s) ? {
+function Ne(r = [], e) {
+  const t = (s) => s ? (Array.isArray(s) ? s : [s]).map((o) => ye[o]) : void 0;
+  return r.map((s) => E(s) ? {
     name: s
   } : {
     name: s.name,
     type: s.type,
     required: s.required,
-    default: g(s.default) ? e.__parseExpression(s.default) : s.default
+    default: _(s.default) ? e.__parseExpression(s.default) : s.default
   }).reduce(
     (s, n) => (s[n.name] = {
       type: t(n.type),
@@ -417,44 +420,44 @@ function xe(r = [], e) {
     {}
   );
 }
-function Ce(r, e, t) {
+function Te(r, e, t) {
   return r.reactive(
     Object.keys(e || {}).reduce(
       (s, n) => {
         let o = e[n];
-        return g(o) ? o = t.__parseExpression(o) : x(o) && (o = t.__parseFunction(o)), s[n] = o, s;
+        return _(o) ? o = t.__parseExpression(o) : M(o) && (o = t.__parseFunction(o)), s[n] = o, s;
       },
       {}
     )
   );
 }
-function Me(r, e, t) {
+function Be(r, e, t) {
   return Object.entries(e ?? {}).reduce(
     (s, [n, o]) => (s[n] = r.computed(t.__parseFunction(o)), s),
     {}
   );
 }
-function Ne(r, e) {
+function De(r, e) {
   return Object.entries(r ?? {}).reduce(
     (t, [s, n]) => (t[s] = e.__parseFunction(n), t),
     {}
   );
 }
-function Te(r, e = [], t) {
+function Ae(r, 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;
+      const a = _(i) ? t.__parseExpression(i) || o : i ?? o, u = _(n.default) ? t.__parseExpression(n.default) : n.default ?? null;
       return s[o] = r.inject(a, u), s;
     },
     {}
   );
 }
-function De(r, e) {
+function ke(r, e) {
   return Object.keys(r).reduce(
     (t, s) => {
-      const n = r[s], o = e.$apis[n.ref], i = x(n.transform) ? n.transform.value ? e.__parseFunction(n.transform) : void 0 : n.transform;
+      const n = r[s], o = e.$apis[n.ref], i = M(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;
@@ -463,7 +466,7 @@ function De(r, e) {
     {}
   );
 }
-function Be(r, e = [], t) {
+function Le(r, e = [], t) {
   e.forEach((s) => {
     r.watch(
       t.__parseExpression(s.source),
@@ -475,57 +478,57 @@ function Be(r, e = [], t) {
     );
   });
 }
-function Ae(r, e) {
+function Ve(r, e) {
   return Object.entries(r ?? {}).reduce(
     (t, [s, n]) => (t[s] = e.__parseFunction(n), t),
     {}
   );
 }
-const ke = (r) => r;
-function X(r) {
+const Je = (r) => r;
+function Q(r) {
   const { getDsl: e, options: t } = r;
-  return (s, n, o = O) => !n || typeof n == "string" ? s : n.type === "Schema" ? o.defineAsyncComponent(async () => {
+  return (s, n, o = C) => !n || typeof n == "string" ? s : n.type === "Schema" ? o.defineAsyncComponent(async () => {
     const i = await e(n.id);
-    return i ? K({
+    return i ? G({
       ...t,
       Vue: o,
       dsl: i,
       mode: y.Runtime,
-      loader: X(r)
+      loader: Q(r)
     }).renderer : null;
   }) : s;
 }
-function R(r, e, t = O, s = ke) {
+function x(r, e, t = C, s = Je) {
   if (!r || !r.name || r.invisible)
     return null;
-  const { id: n = null, directives: o = [] } = r, { vIf: i, vFor: a, vShow: u, vModels: c, vBind: m } = Le(o);
-  if (i && !Ve(i, e))
+  const { id: n = null, directives: o = [] } = r, { vIf: i, vFor: a, vShow: u, vModels: c, vBind: m } = qe(o);
+  if (i && !Ue(i, e))
     return null;
-  const f = (l) => {
-    const v = l.$components, p = (() => {
+  const p = (l) => {
+    const h = l.$components, v = (() => {
       if (r.name === "component")
-        return Je(l, r.props?.is);
+        return ze(l, r.props?.is);
       if (r.name === "slot")
         return r.name;
-      const _ = s(r.name, r.from, t);
-      return b(_) ? v[_] ?? _ : _;
-    })(), d = qe(n, r.props ?? {}, l), w = Ue(t, r.events ?? {}, l);
+      const g = s(r.name, r.from, t);
+      return E(g) ? h[g] ?? g : g;
+    })(), f = We(n, r.props ?? {}, l), w = Ye(t, r.events ?? {}, l);
     if (r.name === "slot")
-      return ze(t, r, d, l);
-    m && Object.assign(d, l.__parseExpression(m.value)), u && (d.style = Object.assign(
-      d.style ?? {},
-      Ye(u, l)
-    )), c.forEach((_) => {
-      Object.assign(d, Ke(t, _, l));
+      return Ke(t, r, f, l);
+    m && Object.assign(f, l.__parseExpression(m.value)), u && (f.style = Object.assign(
+      f.style ?? {},
+      Ge(u, l)
+    )), c.forEach((g) => {
+      Object.assign(f, Qe(t, g, l));
     });
-    const S = Xe(t, r.children ?? [], l, r);
-    return t.createVNode(p, { ...d, ...w }, S);
+    const S = Ze(t, r.children ?? [], l, r);
+    return t.createVNode(v, { ...f, ...w }, S);
   };
-  return a ? Ze(a, f, e) : f(e);
+  return a ? rt(a, p, e) : p(e);
 }
-function Le(r = []) {
+function qe(r = []) {
   const e = r.find((a) => $(a.name) === "vIf"), t = r.find((a) => $(a.name) === "vFor"), s = r.find((a) => $(a.name) === "vShow"), n = r.find((a) => $(a.name) === "vBind"), o = r.filter((a) => $(a.name) === "vModel"), i = r.filter(
-    (a) => !he.includes($(a.name))
+    (a) => !_e.includes($(a.name))
   );
   return {
     vIf: e,
@@ -536,86 +539,86 @@ function Le(r = []) {
     others: i
   };
 }
-function Ve(r, e) {
+function Ue(r, e) {
   return !!e.__parseExpression(r.value);
 }
-function Je(r, e) {
-  return e ? g(e) ? r.__parseExpression(e) : e : "div";
+function ze(r, e) {
+  return e ? _(e) ? r.__parseExpression(e) : e : "div";
 }
-function qe(r, e, t) {
+function We(r, e, t) {
   const s = Object.keys(e || {}).reduce((n, o) => {
     let i = e[o];
-    return g(i) ? i = t.__parseExpression(i) : x(i) && (i = t.__parseFunction(i)), n[o] = i, n;
+    return _(i) ? i = t.__parseExpression(i) : M(i) && (i = t.__parseFunction(i)), n[o] = i, n;
   }, {});
   return s.ref = t.__ref(r, s.ref), s;
 }
-function Ue(r, e, t) {
+function Ye(r, e, t) {
   const s = ["passive", "capture", "once"], n = {
     capture: "Capture",
     once: "Once",
     passive: "OnceCapture"
   };
   return Object.keys(e || {}).reduce((o, i) => {
-    const a = e[i], u = G(a.modifiers), c = u.find((l) => s.includes(l)), m = "on" + ne(i) + (c && n[c] || ""), f = t.__parseFunction(a.handler);
-    return f && (o[m] = r.withModifiers(f, u)), o;
+    const a = e[i], u = Z(a.modifiers), c = u.find((l) => s.includes(l)), m = "on" + ae(i) + (c && n[c] || ""), p = t.__parseFunction(a.handler);
+    return p && (o[m] = r.withModifiers(p, u)), o;
   }, {});
 }
-function G(r = {}, e = !1) {
+function Z(r = {}, e = !1) {
   const t = Object.keys(r);
   return e ? t.map((s) => "." + s) : t;
 }
-function ze(r, e, t, s) {
-  const { children: n } = e, o = We(e, s), i = s.$slots?.[o.name];
-  return i ? i(t) : n ? b(n) ? r.createTextVNode(n) : g(n) ? r.createTextVNode(
-    W(s.__parseExpression(n))
-  ) : Array.isArray(n) ? n.map((a) => R(a, s, r)) : null : null;
+function Ke(r, e, t, s) {
+  const { children: n } = e, o = Xe(e, s), i = s.$slots?.[o.name];
+  return i ? i(t) : n ? E(n) ? r.createTextVNode(n) : _(n) ? r.createTextVNode(
+    K(s.__parseExpression(n))
+  ) : Array.isArray(n) ? n.map((a) => x(a, s, r)) : null : null;
 }
-function We(r, e) {
+function Xe(r, e) {
   const { props: t } = r, s = t?.name || "default";
   return {
-    name: g(s) ? e.__parseExpression(s) : s,
+    name: _(s) ? e.__parseExpression(s) : s,
     params: []
   };
 }
-function Ye(r, e) {
+function Ge(r, e) {
   return e.__parseExpression(r.value) ? {} : {
     display: "none"
   };
 }
-function Ke(r, e, t) {
+function Qe(r, e, t) {
   const s = {
     type: "JSFunction",
     value: e.value?.value ? `(v) => {
         ${e.value.value} = v;
       }` : "(v) => {}"
-  }, n = t.__parseFunction(s), o = G(e.modifiers), i = g(e.arg) ? t.__parseExpression(e.arg) : e.arg || "modelValue";
+  }, n = t.__parseFunction(s), o = Z(e.modifiers), i = _(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
   };
 }
-function Xe(r, e, t, s) {
+function Ze(r, e, t, s) {
   if (!e)
     return null;
-  if (b(e))
+  if (E(e))
     return { default: () => e };
-  if (g(e))
+  if (_(e))
     return {
-      default: () => W(t.__parseExpression(e))
+      default: () => K(t.__parseExpression(e))
     };
   if (Array.isArray(e)) {
-    const n = Ge(e), o = (i) => !i || !s ? {} : s?.id && Object.keys(i).length ? {
+    const n = et(e), o = (i) => !i || !s ? {} : s?.id && Object.keys(i).length ? {
       [`scope_${s.id}`]: i
     } : {};
     return Object.entries(n).reduce((i, [a, { nodes: u, params: c }]) => (i[a] = (m) => {
-      const f = c.length ? oe(m ?? {}, c) : o(m);
+      const p = c.length ? ce(m ?? {}, c) : o(m);
       return u.map(
-        (l) => R(l, t.__clone(f), r)
+        (l) => x(l, t.__clone(p), r)
       );
     }, i), {});
   }
 }
-function Ge(r) {
+function et(r) {
   const e = {
     default: {
       params: [],
@@ -623,7 +626,7 @@ function Ge(r) {
     }
   };
   for (const t of r) {
-    const s = Qe(t.slot), n = s.name;
+    const s = tt(t.slot), n = s.name;
     e[n] ? (e[n].nodes.push(t), e[n].params = e[n].params.concat(s.params)) : e[n] = {
       nodes: [t],
       params: s.params
@@ -631,19 +634,19 @@ function Ge(r) {
   }
   return e;
 }
-function Qe(r = "default") {
-  return b(r) ? { name: r, params: [] } : { params: [], ...r };
+function tt(r = "default") {
+  return E(r) ? { name: r, params: [] } : { params: [], ...r };
 }
-function Ze(r, e, t) {
+function rt(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`), []);
 }
-const V = ue({
+const q = pe({
   name: "VtjPageContainer",
   async setup() {
-    const r = Z(), e = q(), t = e.params.id, s = t ? r.getPage(t) : r.getHomepage(), n = s ? await r.getRenderComponent(s.id) : null;
-    return s && de(s.title || "VTJ"), {
+    const r = te(), e = z(), t = e.params.id, s = t ? r.getPage(t) : r.getHomepage(), n = s ? await r.getRenderComponent(s.id) : null;
+    return s && ge(s.title || "VTJ"), {
       provider: r,
       component: n,
       file: s,
@@ -651,16 +654,16 @@ const V = ue({
     };
   },
   render() {
-    return this.component ? A(this.component, this.query) : A("div", "页面不存在");
+    return this.component ? L(this.component, this.query) : L("div", "页面不存在");
   }
 });
-var et = { ENV_TYPE: "local", NODE_ENV: "production" };
-const Q = Symbol("Provider");
-class tt extends te {
+var st = { ENV_TYPE: "local", NODE_ENV: "production" };
+const ee = Symbol("Provider");
+class nt extends se {
   mode;
   globals = {};
   modules = {};
-  adapter = { request: He, jsonp: ie };
+  adapter = { request: Oe, jsonp: ue };
   apis = {};
   dependencies = {};
   materials = {};
@@ -669,6 +672,7 @@ class tt extends te {
   project = null;
   components = {};
   router = null;
+  materialPath = "./";
   constructor(e) {
     super();
     const {
@@ -680,61 +684,62 @@ class tt extends te {
       adapter: a = {},
       globals: u = {},
       modules: c = {},
-      router: m = null
+      router: m = null,
+      materialPath: p = "./"
     } = e;
-    this.mode = s, this.modules = c, this.service = t, this.router = m, n && (this.dependencies = n), o && (this.materials = o), Object.assign(this.globals, u), Object.assign(this.adapter, a), s !== y.Design && this.load(i);
+    this.mode = s, this.modules = c, this.service = t, this.router = m, this.materialPath = p, n && (this.dependencies = n), o && (this.materials = o), Object.assign(this.globals, u), Object.assign(this.adapter, a), s !== y.Design && this.load(i);
   }
   async load(e) {
     const t = this.modules[".vtj/project.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 } = this, {
-      libraryExports: u,
-      libraryMap: c,
-      materials: m,
-      materialExports: f,
-      materialMapLibrary: l
-    } = _e(s);
-    for (const p of u) {
-      const d = o[p], w = window[p];
-      if (w)
-        i[p] = w;
-      else if (d)
-        window[p] = i[p] = await d();
+    const { dependencies: s = [], apis: n } = this.project, { dependencies: o, library: i, components: a, materialPath: u } = this, {
+      libraryExports: c,
+      libraryMap: m,
+      materials: p,
+      materialExports: l,
+      materialMapLibrary: h
+    } = we(s, u);
+    for (const f of c) {
+      const w = o[f], S = window[f];
+      if (S)
+        i[f] = S;
+      else if (w)
+        window[f] = i[f] = await w();
       else {
-        const S = c[p] || [];
-        for (const _ of S)
-          U(_) && await ye(p, _), z(_) && await B(_), i[p] = window[p];
+        const g = m[f] || [];
+        for (const P of g)
+          W(P) && await $e(f, P), Y(P) && await k(P), i[f] = window[f];
       }
     }
-    for (const p of m)
-      await B(p);
+    for (const f of p)
+      await k(f);
     const v = this.materials || {};
-    for (const p of f) {
-      const d = v[p] ? (await v[p]()).default : window[p], w = window[l[p]];
-      d && w && d.components.forEach((S) => {
-        a[S.name] = ge(S, w);
+    for (const f of l) {
+      const w = v[f] ? (await v[f]()).default : window[f], S = window[h[f]];
+      w && S && w.components.forEach((g) => {
+        a[g.name] = Se(g, S);
       });
     }
-    n && (this.apis = Re(n, this.adapter)), this.initRouter(), this.triggerReady();
+    n && (this.apis = Ce(n, this.adapter)), this.initRouter(), this.triggerReady();
   }
   initRouter() {
     const { router: e, project: t } = this;
     e && (e.addRoute({
       path: "/page/:id",
       name: "VtjPage",
-      component: V
+      component: q
     }), t?.homepage && e.addRoute({
       path: "/",
       name: "VtjHomepage",
-      component: V
+      component: q
     }));
   }
   install(e) {
     const t = e.config.globalProperties.installed || {};
     for (const [s, n] of Object.entries(this.library))
-      !t[s] && we(n) && (e.use(n), t[s] = !0);
-    e.provide(Q, this), e.config.globalProperties.installed = t;
+      !t[s] && je(n) && (e.use(n), t[s] = !0);
+    e.provide(ee, this), e.config.globalProperties.installed = t;
   }
   getFile(e) {
     const { blocks: t = [] } = this.project || {};
@@ -765,13 +770,13 @@ class tt extends te {
   async getRenderComponent(e) {
     const t = this.getFile(e);
     if (!t)
-      return H.warn(`Can not find file: ${e}`), null;
-    const s = `.vtj/raw/${e}.vue`, n = this.modules[s];
+      return I.warn(`Can not find file: ${e}`), null;
+    const s = t.type === "page" && t.raw ? `/src/views/${e}.vue` : `.vtj/raw/${e}.vue`, n = this.modules[s];
     if (n)
       return (await n())?.default;
     const o = await this.getDsl(t.id);
     if (!o)
-      return H.warn(`Can not find dsl: ${e}`), null;
+      return I.warn(`Can not find dsl: ${e}`), null;
     const { library: i, components: a, mode: u, apis: c } = this, m = {
       mode: u,
       Vue: i.Vue,
@@ -779,33 +784,33 @@ class tt extends te {
       libs: i,
       apis: c,
       window
-    }, f = X({
-      getDsl: async (v) => await this.getDsl(v) || null,
+    }, p = Q({
+      getDsl: async (h) => await this.getDsl(h) || null,
       options: m
-    }), { renderer: l } = K({
+    }), { renderer: l } = G({
       ...m,
       dsl: o,
-      loader: f
+      loader: p
     });
     return l;
   }
 }
-function _t(r) {
-  const e = new tt(r);
+function wt(r) {
+  const e = new nt(r);
   return {
     provider: e,
     onReady: (s) => e.ready(s)
   };
 }
-function Z(r = {}) {
-  const e = le(Q);
+function te(r = {}) {
+  const e = me(ee);
   if (!e)
     throw new Error("Can not find provider");
-  if (e.mode === y.Runtime && et.NODE_ENV === "development") {
+  if (e.mode === y.Runtime && st.NODE_ENV === "development") {
     const { id: t, version: s } = r;
     t && s && (async () => {
       const n = await e.getDsl(t);
-      n?.__VERSION__ !== s && N.warning({
+      n?.__VERSION__ !== s && B.warning({
         title: n?.name,
         message: "当前组件源码版本与运行时版本不一致，请重新发布组件"
       });
@@ -813,7 +818,7 @@ function Z(r = {}) {
   }
   return e;
 }
-const rt = new ae({
+const ot = new le({
   settings: {
     type: "json",
     validSuccess: !0,
@@ -821,12 +826,12 @@ const rt = new ae({
     failMessage: !0,
     validate: (r) => r.data?.code === 0,
     showError: (r) => {
-      N.error({
+      B.error({
         message: r || "未知错误"
       });
     }
   }
-}), st = (r = "/vtj/local/api/${type}.json") => (e, t) => rt.send({
+}), it = (r = "/vtj/local/api/${type}.json") => (e, t) => ot.send({
   url: r,
   method: "post",
   query: { type: e },
@@ -835,10 +840,10 @@ const rt = new ae({
     data: t
   }
 });
-class T {
+class D {
   api;
   constructor() {
-    this.api = st();
+    this.api = it();
   }
   async init(e) {
     return console.log("BaseService.init", e), {};
@@ -887,78 +892,84 @@ class T {
   async getRaw(e, t) {
     return await this.api("getRaw", { project: e, dsl: t }).catch(() => "");
   }
+  async createRawPage(e) {
+    return await this.api("createRawPage", e).catch(() => "");
+  }
+  async removeRawPage(e) {
+    return await this.api("removeRawPage", e).catch(() => "");
+  }
 }
-const h = new ce({
+const d = new fe({
   type: "local",
   expired: 0,
   prefix: "__VTJ_"
 });
-class gt extends T {
+class St extends D {
   init(e) {
-    const t = new P(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 H(e), s = d.get(`project_${t.id}`), n = Object.assign(t.toDsl(), s || {});
+    return d.save(`project_${t.id}`, n), Promise.resolve(n);
   }
   saveProject(e) {
-    const t = new P(e);
-    return h.save(`project_${t.id}`, t.toDsl()), Promise.resolve(!0);
+    const t = new H(e);
+    return d.save(`project_${t.id}`, t.toDsl()), Promise.resolve(!0);
   }
   saveMaterials(e, t) {
-    return h.save(`materials_${e.id}`, M(t)), Promise.resolve(!0);
+    return d.save(`materials_${e.id}`, T(t)), Promise.resolve(!0);
   }
   saveFile(e) {
-    return h.save(`file_${e.id}`, e), Promise.resolve(!0);
+    return d.save(`file_${e.id}`, e), Promise.resolve(!0);
   }
   getFile(e) {
-    const t = h.get(`file_${e}`);
+    const t = d.get(`file_${e}`);
     return t ? Promise.resolve(t) : Promise.reject(null);
   }
   removeFile(e) {
-    return h.remove(`file_${e}`), Promise.resolve(!0);
+    return d.remove(`file_${e}`), Promise.resolve(!0);
   }
   saveHistory(e) {
-    return h.save(`history_${e.id}`, e), Promise.resolve(!0);
+    return d.save(`history_${e.id}`, e), Promise.resolve(!0);
   }
   removeHistory(e) {
-    const t = h.get(`history_${e}`);
+    const t = d.get(`history_${e}`);
     if (t) {
       const n = (t.items || []).map((o) => o.id);
-      this.removeHistoryItem(e, n), h.remove(`history_${e}`);
+      this.removeHistoryItem(e, n), d.remove(`history_${e}`);
     }
     return Promise.resolve(!0);
   }
   getHistory(e) {
-    const t = h.get(`history_${e}`), s = new J(t || { id: e });
+    const t = d.get(`history_${e}`), s = new U(t || { id: e });
     return Promise.resolve(s.toDsl());
   }
   getHistoryItem(e, t) {
-    const s = h.get(`history_${e}_${t}`);
+    const s = d.get(`history_${e}_${t}`);
     return Promise.resolve(s);
   }
   saveHistoryItem(e, t) {
-    return h.save(`history_${e}_${t.id}`, t), Promise.resolve(!0);
+    return d.save(`history_${e}_${t.id}`, t), Promise.resolve(!0);
   }
   removeHistoryItem(e, t) {
     return t.forEach((s) => {
-      h.remove(`history_${e}_${s}`);
+      d.remove(`history_${e}_${s}`);
     }), Promise.resolve(!0);
   }
 }
-class nt extends T {
+class at extends D {
   projects = {};
   materials = {};
   files = {};
   histories = {};
   historyItems = {};
   init(e) {
-    const t = new P(e), s = this.projects[t.id] || {}, n = Object.assign(t.toDsl(), s);
+    const t = new H(e), s = this.projects[t.id] || {}, n = Object.assign(t.toDsl(), s);
     return this.projects[n.id] = n, Promise.resolve(n);
   }
   saveProject(e) {
-    const t = new P(e);
+    const t = new H(e);
     return this.projects[t.id] = t.toDsl(), Promise.resolve(!0);
   }
   saveMaterials(e, t) {
-    return e.id && (this.materials[e.id] = M(t)), Promise.resolve(!0);
+    return e.id && (this.materials[e.id] = T(t)), Promise.resolve(!0);
   }
   saveFile(e) {
     return this.files[e.id] = e, Promise.resolve(!0);
@@ -982,7 +993,7 @@ class nt extends T {
     return Promise.resolve(!0);
   }
   getHistory(e) {
-    const t = this.histories[e], s = new J(t || { id: e });
+    const t = this.histories[e], s = new U(t || { id: e });
     return Promise.resolve(s);
   }
   getHistoryItem(e, t) {
@@ -1000,11 +1011,11 @@ class nt extends T {
     }), Promise.resolve(!0);
   }
 }
-let E = null;
-function yt() {
-  return E || (E = new nt(), E);
+let F = null;
+function $t() {
+  return F || (F = new at(), F);
 }
-class wt extends T {
+class jt extends D {
   async init(e) {
     return await this.api("init", e).catch(() => null) || {};
   }
@@ -1014,7 +1025,7 @@ class wt extends T {
   async saveMaterials(e, t) {
     return !!await this.api("saveMaterials", {
       project: e,
-      materials: M(t)
+      materials: T(t)
     }).catch(() => !1);
   }
   async saveFile(e) {
@@ -1049,7 +1060,7 @@ class wt extends T {
     );
   }
 }
-function ee(r = []) {
+function re(r = []) {
   return r.map((e) => {
     const { id: t, title: s, icon: n, children: o, hidden: i } = e;
     return {
@@ -1058,13 +1069,13 @@ function ee(r = []) {
       icon: n,
       hidden: i,
       url: `/page/${t}`,
-      children: o && o.length ? ee(o) : void 0
+      children: o && o.length ? re(o) : void 0
     };
   });
 }
-function St() {
-  const r = Z(), e = q(), t = fe(!1), s = r.project;
-  pe(() => {
+function Et() {
+  const r = te(), e = z(), t = de(!1), s = r.project;
+  he(() => {
     const { name: o, params: i, meta: a } = e;
     if (o === "VtjPage") {
       const u = r.getPage(i.id);
@@ -1075,7 +1086,7 @@ function St() {
     } else
       t.value = !a.mask;
   });
-  const n = ee(s?.pages);
+  const n = re(s?.pages);
   return {
     disabled: t,
     title: s?.description || s?.name || "VTJ App",
@@ -1083,48 +1094,49 @@ function St() {
   };
 }
 export {
-  he as BUILDIN_DIRECTIVES,
-  T as BaseService,
-  k as CONTEXT_HOST,
-  Oe as Context,
+  _e as BUILDIN_DIRECTIVES,
+  D as BaseService,
+  V as CONTEXT_HOST,
+  Me as Context,
   y as ContextMode,
-  ve as DATA_TYPES,
-  vt as JSCodeToString,
-  mt as LIFE_CYCLES_LIST,
-  wt as LocalService,
-  Ee as Logger,
-  nt as MemoryService,
-  tt as Provider,
-  gt as StorageService,
-  pt as VTJ_RENDERER_VERSION,
-  Y as adoptedStyleSheets,
-  dt as createAssetScripts,
-  ht as createAssetsCss,
-  De as createDataSources,
-  X as createLoader,
-  yt as createMemoryService,
-  _t as createProvider,
-  K as createRenderer,
-  Ie as createSchemaApi,
-  Re as createSchemaApis,
-  ke as defaultLoader,
-  Pe as getLogger,
-  G as getModifiers,
-  ge as getRawComponent,
-  U as isCSSUrl,
-  Fe as isJSCode,
-  g as isJSExpression,
-  x as isJSFunction,
-  z as isJSUrl,
-  we as isVuePlugin,
-  ye as loadCss,
-  H as logger,
-  R as nodeRender,
-  _e as parseDeps,
-  I as parseExpression,
-  L as parseFunction,
-  Q as providerKey,
-  W as toString,
-  St as useMask,
-  Z as useProvider
+  ye as DATA_TYPES,
+  yt as JSCodeToString,
+  vt as LIFE_CYCLES_LIST,
+  jt as LocalService,
+  He as Logger,
+  at as MemoryService,
+  nt as Provider,
+  St as StorageService,
+  ht as VTJ_RENDERER_VERSION,
+  X as adoptedStyleSheets,
+  gt as createAssetScripts,
+  _t as createAssetsCss,
+  ke as createDataSources,
+  Q as createLoader,
+  $t as createMemoryService,
+  wt as createProvider,
+  G as createRenderer,
+  xe as createSchemaApi,
+  Ce as createSchemaApis,
+  Je as defaultLoader,
+  b as fillBasePath,
+  Re as getLogger,
+  Z as getModifiers,
+  Se as getRawComponent,
+  W as isCSSUrl,
+  Ie as isJSCode,
+  _ as isJSExpression,
+  M as isJSFunction,
+  Y as isJSUrl,
+  je as isVuePlugin,
+  $e as loadCss,
+  I as logger,
+  x as nodeRender,
+  we as parseDeps,
+  O as parseExpression,
+  J as parseFunction,
+  ee as providerKey,
+  K as toString,
+  Et as useMask,
+  te as useProvider
 };