@vtj/renderer 0.7.5 → 0.7.7

package/dist/index.mjs

@@ -1,21 +1,21 @@
-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";
+import { Base as le, ProjectModel as R, HistoryModel as G } from "@vtj/core";
+import { isUrl as ue, url as b, isString as P, isFunction as U, createRequest as pe, merge as fe, camelCase as $, upperFirst as me, pick as de, jsonp as he, loadScript as z, Request as ve, Storage as ge, mapToObject as V } from "@vtj/utils";
+import * as B from "vue";
+import { defineComponent as L, h as D, openBlock as _e, createElementBlock as ye, createElementVNode as E, toDisplayString as k, createVNode as we, unref as W, withCtx as Se, createTextVNode as $e, inject as je, ref as Pe, watchEffect as Ee } from "vue";
+import { useRoute as Q } from "vue-router";
+import { ElNotification as J, ElLoading as be, ElButton as Fe } from "element-plus";
+import { useTitle as xe } from "@vueuse/core";
+import { EditPen as He } from "@vtj/icons";
 /**!
  * Copyright (c) 2024, VTJ.PRO All rights reserved.
  * @name @vtj/renderer 
  * @author CHC chenhuachun1549@dingtalk.com 
- * @version 0.7.5
+ * @version 0.7.7
  * @license <a href="https://vtj.pro/license.html">MIT License</a>
  */
-const ht = "0.7.5";
+const F = "0.7.7";
 var y = /* @__PURE__ */ ((r) => (r.Runtime = "Runtime", r.Design = "Design", r.Raw = "Raw", r.VNode = "VNode", r))(y || {});
-const V = [
+const K = [
   "$el",
   "$emit",
   "$nextTick",
@@ -27,7 +27,7 @@ const V = [
   "$props",
   "$options",
   "$forceUpdate"
-], vt = [
+], Tt = [
   "beforeCreate",
   "created",
   "beforeMount",
@@ -41,7 +41,7 @@ const V = [
   "renderTriggered",
   "activated",
   "deactivated"
-], _e = ["vIf", "vShow", "vModel", "vFor", "vBind"], ye = {
+], Ie = ["vIf", "vShow", "vModel", "vFor", "vBind"], Re = {
   String,
   Number,
   Boolean,
@@ -50,51 +50,55 @@ const V = [
   Function,
   Date
 };
-function b(r, e) {
-  return r.map((t) => ne(t) ? t : `${e}${t}`);
+function H(r, e) {
+  return r.map((t) => ue(t) ? t : `${e}${t}`);
 }
-function W(r) {
+function Z(r) {
   return /\.css$/.test(r);
 }
-function Y(r) {
+function ee(r) {
   return /\.js$/.test(r);
 }
-function gt(r) {
-  return r.map((e) => `<script src="${e}"><\/script>`).join("");
+function Bt(r) {
+  return r.map(
+    (e) => `<script src="${b.append(e, { v: F })}"><\/script>`
+  ).join("");
 }
-function _t(r = []) {
-  return r.map((e) => `<link rel="stylesheet" href="${e}" />`).join("");
+function Nt(r = []) {
+  return r.map(
+    (e) => `<link rel="stylesheet" href="${b.append(e, { v: F })}" />`
+  ).join("");
 }
-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 }) => {
+function Ce(r, e) {
+  const t = r.filter((m) => !!m.enabled), s = [], n = [], o = [], i = [], a = {}, l = [], c = {};
+  return t.forEach(({ urls: m, assetsUrl: f, library: u, assetsLibrary: 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);
+      ee(v) && s.push(v), Z(v) && n.push(v);
+    }), u && (i.push(u), a[u] = H(m || [], e)), f && o.push(f), h && l.push(h), u && h && (c[h] = u);
   }), {
-    scripts: b(s, e),
-    css: b(n, e),
-    materials: b(o, e),
+    scripts: H(s, e),
+    css: H(n, e),
+    materials: H(o, e),
     libraryExports: i,
-    materialExports: u,
+    materialExports: l,
     materialMapLibrary: c,
     libraryMap: a
   };
 }
-function Se(r, e) {
+function Oe(r, e) {
   const { name: t, parent: s, alias: n } = r;
   return s ? e[s]?.[n || t] : e[n || t];
 }
-function K(r) {
-  return E(r) ? r : JSON.stringify(r);
+function te(r) {
+  return P(r) ? r : JSON.stringify(r);
 }
-function X(r, e, t) {
+function re(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
+      (l) => l.id !== e
     );
     o.adoptedStyleSheets = [...a, n];
   } else {
@@ -103,34 +107,34 @@ function X(r, e, t) {
     o ? o.innerHTML = t : (o = n.createElement("style"), o.id = e, o.innerHTML = t, n.head.appendChild(o));
   }
 }
-async function $e(r, e) {
+async function Me(r, e) {
   const t = await window.fetch(e).then((s) => s.text()).catch(() => "");
-  t && X(window, r, t);
+  t && re(window, r, t);
 }
-function je(r) {
-  return A(r) || A(r?.install);
+function Te(r) {
+  return U(r) || U(r?.install);
 }
-var R = function() {
-  return R = Object.assign || function(r) {
+var C = function() {
+  return C = 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;
-  }, R.apply(this, arguments);
-}, N = { debug: -1, log: 0, info: 0, warn: 1, error: 2 }, Ee = function(r, e, t, s) {
+  }, C.apply(this, arguments);
+}, A = { debug: -1, log: 0, info: 0, warn: 1, error: 2 }, Be = function(r, e, t, s) {
   return function() {
     for (var n = [], o = 0; o < arguments.length; o++)
       n[o] = arguments[o];
-    if (e && N[e] <= N[r] && console[r].apply && (s === "*" || t.startsWith(s)))
-      return console[r].apply(console, Pe(n, t));
+    if (e && A[e] <= A[r] && console[r].apply && (s === "*" || t.startsWith(s)))
+      return console[r].apply(console, Ne(n, t));
   };
 };
-function Pe(r, e) {
+function Ne(r, e) {
   return e !== "*" && (typeof r[0] == "string" ? r[0] = "[" + e + "] " + r[0] : r = ["[" + e + "]"].concat(r)), r;
 }
-function be(r, e) {
+function ke(r, e) {
   if (!r)
     return {
       targetLevel: e.level,
@@ -148,42 +152,42 @@ function be(r, e) {
     targetBizName: "*"
   };
 }
-var Fe = {
+var De = {
   level: "warn",
   bizName: "*"
-}, He = (
+}, Ae = (
   /** @class */
   /* @__PURE__ */ function() {
     function r(e) {
-      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);
+      e = C(C({}, De), e);
+      var t = location || {}, s = (/__(?:logConf|logLevel)__=([^#/&]*)/.exec(t.href) || [])[1], n = ke(s, e), o = n.targetLevel, i = n.targetBizName;
+      for (var a in A)
+        this[a] = Be(a, o, e.bizName, i);
     }
     return r;
   }()
 );
-function Re(r) {
-  return new He(r);
+function Ve(r) {
+  return new Ae(r);
 }
-const I = Re({ level: "log", bizName: "VTJ" });
-function O(r, e, t = !1, s = !1) {
+const O = Ve({ level: "log", bizName: "VTJ" });
+function M(r, e, t = !1, s = !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(`
+    o = o.replace(/this(\W|$)/g, (a, l) => `__self${l}`), o = n.join(`
 `) + o;
     const i = `with(${t ? "{}" : "$scope || {}"}) { ${o} }`;
     return new Function("$scope", i)(e);
   } catch (n) {
-    if (I.error("parseExpression.error", n, r, e?.__self ?? e), s)
+    if (O.error("parseExpression.error", n, r, e?.__self ?? e), s)
       throw n;
   }
 }
-function J(r, e, t = !1, s = !1) {
-  const n = O(r, e, t, s);
-  if (typeof n != "function" && (I.error(
+function Y(r, e, t = !1, s = !1) {
+  const n = M(r, e, t, s);
+  if (typeof n != "function" && (O.error(
     "parseFunction.error",
     "not a function",
     r,
@@ -195,17 +199,17 @@ function J(r, e, t = !1, s = !1) {
 function _(r) {
   return r && r.type === "JSExpression";
 }
-function M(r) {
+function N(r) {
   return typeof r == "object" && r && r.type === "JSFunction";
 }
-function Ie(r) {
-  return _(r) || M(r);
+function Le(r) {
+  return _(r) || N(r);
 }
-function yt(r) {
-  return Ie(r) ? r.value : JSON.stringify(r);
+function kt(r) {
+  return Le(r) ? r.value : JSON.stringify(r);
 }
 let j = null;
-const Oe = oe({
+const Je = pe({
   settings: {
     type: "form",
     validSuccess: !0,
@@ -214,12 +218,12 @@ const Oe = oe({
     validate: (r) => r.data?.code === 0 || !!r.data?.success,
     failMessage: !0,
     showError: (r) => {
-      B.error({
+      J.error({
         message: r || "未知错误"
       });
     },
     showLoading: () => {
-      j && j.close(), j = ve.service({
+      j && j.close(), j = be.service({
         lock: !0,
         text: "Loading",
         background: "rgba(0, 0, 0, 0.05)"
@@ -230,7 +234,7 @@ const Oe = oe({
     }
   }
 });
-function xe(r, e) {
+function qe(r, e) {
   const { jsonp: t, request: s } = e;
   if (r.method === "jsonp")
     return (n = {}) => t(r.url, {
@@ -238,7 +242,7 @@ function xe(r, e) {
       query: n
     });
   {
-    const n = r.headers ? O(r.headers, {}, !0) : void 0, o = {
+    const n = r.headers ? M(r.headers, {}, !0) : void 0, o = {
       url: r.url,
       method: r.method,
       settings: {
@@ -246,13 +250,13 @@ function xe(r, e) {
         headers: n
       }
     };
-    return (i, a) => s.send(ie(o, a || {}, { data: i }));
+    return (i, a) => s.send(fe(o, a || {}, { data: i }));
   }
 }
-function Ce(r = [], e) {
-  return r.reduce((t, s) => (t[s.id] = xe(s, e), t), {});
+function Ue(r = [], e) {
+  return r.reduce((t, s) => (t[s.id] = qe(s, e), t), {});
 }
-class Me {
+class ze {
   __id = null;
   __mode;
   __instance = null;
@@ -280,7 +284,7 @@ class Me {
     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 = C) {
+  setup(e, t = B) {
     const s = t.getCurrentInstance();
     if (!s)
       return;
@@ -293,12 +297,12 @@ class Me {
     });
   }
   __proxy() {
-    this.__instance && V.forEach((e) => {
+    this.__instance && K.forEach((e) => {
       this[e] = this.__instance?.[e];
     });
   }
   __cleanup() {
-    V.forEach((e) => {
+    K.forEach((e) => {
       this[e] = null;
     });
   }
@@ -306,17 +310,17 @@ class Me {
     if (e)
       if (this.__mode === y.Runtime) {
         const { id: t, type: s } = e, n = t ? this.__transform[t] ?? e.value : e.value;
-        return J({ type: s, value: n }, this);
+        return Y({ type: s, value: n }, this);
       } else
-        return J(e, this);
+        return Y(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 O({ type: s, value: n }, this);
+        return M({ type: s, value: n }, this);
       } else
-        return O(e, this);
+        return M(e, this);
   }
   __ref(e = null, t) {
     if (this.__mode !== y.VNode)
@@ -347,43 +351,43 @@ class Me {
     return s.context.__proto__ = this.context, s.__proto__ = this, s;
   }
 }
-function G(r) {
+function se(r) {
   const {
-    Vue: e = C,
+    Vue: e = B,
     mode: t = y.Runtime,
     components: s = {},
     libs: n = {},
     apis: o = {},
     loader: i
-  } = r, a = e.computed(() => r.dsl), u = {
+  } = r, a = e.computed(() => r.dsl), l = {
     $components: s,
     $libs: n,
     $apis: o
-  }, c = new Me({
+  }, c = new ze({
     mode: t,
     dsl: a.value,
-    attrs: u
+    attrs: l
   }), m = e.defineComponent({
     name: a.value.name,
     props: {
-      ...Ne(a.value.props ?? [], c)
+      ...We(a.value.props ?? [], c)
     },
-    setup(p) {
-      c.$props = p, a.value.id && X(
+    setup(f) {
+      c.$props = f, a.value.id && re(
         r.window || window,
         a.value.id,
         a.value.css || ""
-      ), 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(
+      ), c.state = Ke(e, a.value.state ?? {}, c);
+      const u = Ye(e, a.value.computed ?? {}, c), h = Xe(a.value.methods ?? {}, c), v = Ge(e, a.value.inject, c), p = Qe(
         a.value.dataSources || {},
         c
       ), w = {
         ...v,
-        ...l,
+        ...u,
         ...h,
-        ...f
+        ...p
       };
-      return c.setup(w, e), Le(e, a.value.watch ?? [], c), {
+      return c.setup(w, e), Ze(e, a.value.watch ?? [], c), {
         vtj: c
       };
     },
@@ -392,19 +396,19 @@ function G(r) {
     render() {
       if (!a.value.nodes)
         return null;
-      const p = a.value.nodes || [];
-      return p.length === 1 ? x(p[0], c, e, i) : p.map((l) => x(l, c, e, i));
+      const f = a.value.nodes || [];
+      return f.length === 1 ? T(f[0], c, e, i) : f.map((u) => T(u, c, e, i));
     },
-    ...Ve(a.value.lifeCycles ?? {}, c)
+    ...et(a.value.lifeCycles ?? {}, c)
   });
   return {
     renderer: e.markRaw(m),
     context: c
   };
 }
-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) ? {
+function We(r = [], e) {
+  const t = (s) => s ? (Array.isArray(s) ? s : [s]).map((o) => Re[o]) : void 0;
+  return r.map((s) => P(s) ? {
     name: s
   } : {
     name: s.name,
@@ -420,53 +424,53 @@ function Ne(r = [], e) {
     {}
   );
 }
-function Te(r, e, t) {
+function Ke(r, e, t) {
   return r.reactive(
     Object.keys(e || {}).reduce(
       (s, n) => {
         let o = e[n];
-        return _(o) ? o = t.__parseExpression(o) : M(o) && (o = t.__parseFunction(o)), s[n] = o, s;
+        return _(o) ? o = t.__parseExpression(o) : N(o) && (o = t.__parseFunction(o)), s[n] = o, s;
       },
       {}
     )
   );
 }
-function Be(r, e, t) {
+function Ye(r, e, t) {
   return Object.entries(e ?? {}).reduce(
     (s, [n, o]) => (s[n] = r.computed(t.__parseFunction(o)), s),
     {}
   );
 }
-function De(r, e) {
+function Xe(r, e) {
   return Object.entries(r ?? {}).reduce(
     (t, [s, n]) => (t[s] = e.__parseFunction(n), t),
     {}
   );
 }
-function Ae(r, e = [], t) {
+function Ge(r, e = [], t) {
   return e.reduce(
     (s, n) => {
       const { name: o, from: i } = n || {};
       n.default;
-      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;
+      const a = _(i) ? t.__parseExpression(i) || o : i ?? o, l = _(n.default) ? t.__parseExpression(n.default) : n.default ?? null;
+      return s[o] = r.inject(a, l), s;
     },
     {}
   );
 }
-function ke(r, e) {
+function Qe(r, e) {
   return Object.keys(r).reduce(
     (t, s) => {
-      const n = r[s], o = e.$apis[n.ref], i = M(n.transform) ? n.transform.value ? e.__parseFunction(n.transform) : void 0 : n.transform;
+      const n = r[s], o = e.$apis[n.ref], i = N(n.transform) ? n.transform.value ? e.__parseFunction(n.transform) : void 0 : n.transform;
       return t[s] = async (...a) => {
-        const u = await o.apply(e, a);
-        return i ? i(u) : u;
+        const l = await o.apply(e, a);
+        return i ? i(l) : l;
       }, t;
     },
     {}
   );
 }
-function Le(r, e = [], t) {
+function Ze(r, e = [], t) {
   e.forEach((s) => {
     r.watch(
       t.__parseExpression(s.source),
@@ -478,57 +482,57 @@ function Le(r, e = [], t) {
     );
   });
 }
-function Ve(r, e) {
+function et(r, e) {
   return Object.entries(r ?? {}).reduce(
     (t, [s, n]) => (t[s] = e.__parseFunction(n), t),
     {}
   );
 }
-const Je = (r) => r;
-function Q(r) {
+const tt = (r) => r;
+function ne(r) {
   const { getDsl: e, options: t } = r;
-  return (s, n, o = C) => !n || typeof n == "string" ? s : n.type === "Schema" ? o.defineAsyncComponent(async () => {
+  return (s, n, o = B) => !n || typeof n == "string" ? s : n.type === "Schema" ? o.defineAsyncComponent(async () => {
     const i = await e(n.id);
-    return i ? G({
+    return i ? se({
       ...t,
       Vue: o,
       dsl: i,
       mode: y.Runtime,
-      loader: Q(r)
+      loader: ne(r)
     }).renderer : null;
   }) : s;
 }
-function x(r, e, t = C, s = Je) {
+function T(r, e, t = B, s = tt) {
   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 } = qe(o);
-  if (i && !Ue(i, e))
+  const { id: n = null, directives: o = [] } = r, { vIf: i, vFor: a, vShow: l, vModels: c, vBind: m } = rt(o);
+  if (i && !st(i, e))
     return null;
-  const p = (l) => {
-    const h = l.$components, v = (() => {
+  const f = (u) => {
+    const h = u.$components, v = (() => {
       if (r.name === "component")
-        return ze(l, r.props?.is);
+        return nt(u, r.props?.is);
       if (r.name === "slot")
         return r.name;
       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);
+      return P(g) ? h[g] ?? g : g;
+    })(), p = ot(n, r.props ?? {}, u), w = it(t, r.events ?? {}, u);
     if (r.name === "slot")
-      return Ke(t, r, f, l);
-    m && Object.assign(f, l.__parseExpression(m.value)), u && (f.style = Object.assign(
-      f.style ?? {},
-      Ge(u, l)
+      return at(t, r, p, u);
+    m && Object.assign(p, u.__parseExpression(m.value)), l && (p.style = Object.assign(
+      p.style ?? {},
+      lt(l, u)
     )), c.forEach((g) => {
-      Object.assign(f, Qe(t, g, l));
+      Object.assign(p, ut(t, g, u));
     });
-    const S = Ze(t, r.children ?? [], l, r);
-    return t.createVNode(v, { ...f, ...w }, S);
+    const S = pt(t, r.children ?? [], u, r);
+    return t.createVNode(v, { ...p, ...w }, S);
   };
-  return a ? rt(a, p, e) : p(e);
+  return a ? dt(a, f, e) : f(e);
 }
-function qe(r = []) {
+function rt(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) => !_e.includes($(a.name))
+    (a) => !Ie.includes($(a.name))
   );
   return {
     vIf: e,
@@ -539,86 +543,86 @@ function qe(r = []) {
     others: i
   };
 }
-function Ue(r, e) {
+function st(r, e) {
   return !!e.__parseExpression(r.value);
 }
-function ze(r, e) {
+function nt(r, e) {
   return e ? _(e) ? r.__parseExpression(e) : e : "div";
 }
-function We(r, e, t) {
+function ot(r, e, t) {
   const s = Object.keys(e || {}).reduce((n, o) => {
     let i = e[o];
-    return _(i) ? i = t.__parseExpression(i) : M(i) && (i = t.__parseFunction(i)), n[o] = i, n;
+    return _(i) ? i = t.__parseExpression(i) : N(i) && (i = t.__parseFunction(i)), n[o] = i, n;
   }, {});
   return s.ref = t.__ref(r, s.ref), s;
 }
-function Ye(r, e, t) {
+function it(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 = 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;
+    const a = e[i], l = oe(a.modifiers), c = l.find((u) => s.includes(u)), m = "on" + me(i) + (c && n[c] || ""), f = t.__parseFunction(a.handler);
+    return f && (o[m] = r.withModifiers(f, l)), o;
   }, {});
 }
-function Z(r = {}, e = !1) {
+function oe(r = {}, e = !1) {
   const t = Object.keys(r);
   return e ? t.map((s) => "." + s) : t;
 }
-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 at(r, e, t, s) {
+  const { children: n } = e, o = ct(e, s), i = s.$slots?.[o.name];
+  return i ? i(t) : n ? P(n) ? r.createTextVNode(n) : _(n) ? r.createTextVNode(
+    te(s.__parseExpression(n))
+  ) : Array.isArray(n) ? n.map((a) => T(a, s, r)) : null : null;
 }
-function Xe(r, e) {
+function ct(r, e) {
   const { props: t } = r, s = t?.name || "default";
   return {
     name: _(s) ? e.__parseExpression(s) : s,
     params: []
   };
 }
-function Ge(r, e) {
+function lt(r, e) {
   return e.__parseExpression(r.value) ? {} : {
     display: "none"
   };
 }
-function Qe(r, e, t) {
+function ut(r, e, t) {
   const s = {
     type: "JSFunction",
     value: e.value?.value ? `(v) => {
         ${e.value.value} = v;
       }` : "(v) => {}"
-  }, n = t.__parseFunction(s), o = Z(e.modifiers), i = _(e.arg) ? t.__parseExpression(e.arg) : e.arg || "modelValue";
+  }, n = t.__parseFunction(s), o = oe(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 Ze(r, e, t, s) {
+function pt(r, e, t, s) {
   if (!e)
     return null;
-  if (E(e))
+  if (P(e))
     return { default: () => e };
   if (_(e))
     return {
-      default: () => K(t.__parseExpression(e))
+      default: () => te(t.__parseExpression(e))
     };
   if (Array.isArray(e)) {
-    const n = et(e), o = (i) => !i || !s ? {} : s?.id && Object.keys(i).length ? {
+    const n = ft(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 p = c.length ? ce(m ?? {}, c) : o(m);
-      return u.map(
-        (l) => x(l, t.__clone(p), r)
+    return Object.entries(n).reduce((i, [a, { nodes: l, params: c }]) => (i[a] = (m) => {
+      const f = c.length ? de(m ?? {}, c) : o(m);
+      return l.map(
+        (u) => T(u, t.__clone(f), r)
       );
     }, i), {});
   }
 }
-function et(r) {
+function ft(r) {
   const e = {
     default: {
       params: [],
@@ -626,7 +630,7 @@ function et(r) {
     }
   };
   for (const t of r) {
-    const s = tt(t.slot), n = s.name;
+    const s = mt(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
@@ -634,19 +638,19 @@ function et(r) {
   }
   return e;
 }
-function tt(r = "default") {
-  return E(r) ? { name: r, params: [] } : { params: [], ...r };
+function mt(r = "default") {
+  return P(r) ? { name: r, params: [] } : { params: [], ...r };
 }
-function rt(r, e, t) {
+function dt(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`), []);
+  return Number.isInteger(a) && (a = new Array(a).fill(!0).map((l, c) => c + 1)), Array.isArray(a) ? a.map((l, c) => e(t.__clone({ [o]: l, [i]: c }))) : (console.warn("[vForRender]:", `${s?.value} is not a Arrary`), []);
 }
-const q = pe({
+const X = L({
   name: "VtjPageContainer",
   async setup() {
-    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"), {
+    const r = ae(), e = Q(), t = e.params.id, s = t ? r.getPage(t) : r.getHomepage(), n = s ? await r.getRenderComponent(s.id) : null;
+    return s && xe(s.title || "VTJ"), {
       provider: r,
       component: n,
       file: s,
@@ -654,16 +658,67 @@ const q = pe({
     };
   },
   render() {
-    return this.component ? L(this.component, this.query) : L("div", "页面不存在");
+    return this.component ? D(this.component, this.query) : D("div", "页面不存在");
   }
-});
-var st = { ENV_TYPE: "local", NODE_ENV: "production" };
-const ee = Symbol("Provider");
-class nt extends se {
+}), ht = {
+  name: {
+    type: String,
+    default: "VTJ.PRO"
+  },
+  tagline: {
+    type: String,
+    default: "基于 Vue3 + TypeScript 快速打造高生产力的低代码研发平台"
+  },
+  actionText: {
+    type: String,
+    default: "开始设计"
+  },
+  actionLink: {
+    type: String,
+    default: "/@vtj/pro/"
+  }
+}, vt = { class: "x-startup" }, gt = { class: "x-startup__wrapper" }, _t = { class: "x-startup__name" }, yt = { class: "clip" }, wt = { class: "x-startup__tagline" }, St = { class: "x-startup__actions" }, $t = /* @__PURE__ */ L({
+  __name: "Startup",
+  props: ht,
+  setup(r) {
+    const e = r, t = () => {
+      let s = (window.__VTJ_LINK__ || {}).href || window.location.pathname + "@vtj/pro/#/";
+      location.href = s;
+    };
+    return (s, n) => (_e(), ye("div", vt, [
+      E("div", gt, [
+        E("div", _t, [
+          E("span", yt, k(e.name), 1)
+        ]),
+        E("div", wt, k(e.tagline), 1),
+        E("div", St, [
+          we(W(Fe), {
+            type: "primary",
+            size: "large",
+            round: "",
+            icon: W(He),
+            onClick: t
+          }, {
+            default: Se(() => [
+              $e(k(e.actionText), 1)
+            ]),
+            _: 1
+          }, 8, ["icon"])
+        ])
+      ])
+    ]));
+  }
+}), jt = L({
+  name: "VtjStartupContainer",
+  render() {
+    return D($t);
+  }
+}), ie = Symbol("Provider");
+class Pt extends le {
   mode;
   globals = {};
   modules = {};
-  adapter = { request: Oe, jsonp: ue };
+  adapter = { request: Je, jsonp: he };
   apis = {};
   dependencies = {};
   materials = {};
@@ -682,64 +737,64 @@ class nt extends se {
       materials: o,
       project: i = {},
       adapter: a = {},
-      globals: u = {},
+      globals: l = {},
       modules: c = {},
       router: m = null,
-      materialPath: p = "./"
+      materialPath: f = "./"
     } = e;
-    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);
+    this.mode = s, this.modules = c, this.service = t, this.router = m, this.materialPath = f, n && (this.dependencies = n), o && (this.materials = o), Object.assign(this.globals, l), Object.assign(this.adapter, a), s !== y.Design && this.load(i);
   }
   async load(e) {
-    const t = this.modules[".vtj/project.json"];
+    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: s = [], apis: n } = this.project, { dependencies: o, library: i, components: a, materialPath: l } = this, {
       libraryExports: c,
       libraryMap: m,
-      materials: p,
-      materialExports: l,
+      materials: f,
+      materialExports: u,
       materialMapLibrary: h
-    } = we(s, u);
-    for (const f of c) {
-      const w = o[f], S = window[f];
+    } = Ce(s, l);
+    for (const p of c) {
+      const w = o[p], S = window[p];
       if (S)
-        i[f] = S;
+        i[p] = S;
       else if (w)
-        window[f] = i[f] = await w();
+        window[p] = i[p] = await w();
       else {
-        const g = m[f] || [];
-        for (const P of g)
-          W(P) && await $e(f, P), Y(P) && await k(P), i[f] = window[f];
+        const g = m[p] || [];
+        for (const x of g)
+          Z(x) && await Me(p, b.append(x, { v: F })), ee(x) && await z(b.append(x, { v: F })), i[p] = window[p];
       }
     }
-    for (const f of p)
-      await k(f);
+    for (const p of f)
+      await z(b.append(p, { v: F }));
     const v = this.materials || {};
-    for (const f of l) {
-      const w = v[f] ? (await v[f]()).default : window[f], S = window[h[f]];
+    for (const p of u) {
+      const w = v[p] ? (await v[p]()).default : window[p], S = window[h[p]];
       w && S && w.components.forEach((g) => {
-        a[g.name] = Se(g, S);
+        a[g.name] = Oe(g, S);
       });
     }
-    n && (this.apis = Ce(n, this.adapter)), this.initRouter(), this.triggerReady();
+    n && (this.apis = Ue(n, this.adapter)), this.initRouter(), this.triggerReady();
   }
   initRouter() {
     const { router: e, project: t } = this;
     e && (e.addRoute({
       path: "/page/:id",
       name: "VtjPage",
-      component: q
-    }), t?.homepage && e.addRoute({
+      component: X
+    }), e.addRoute({
       path: "/",
       name: "VtjHomepage",
-      component: q
+      component: t?.homepage ? X : jt
     }));
   }
   install(e) {
     const t = e.config.globalProperties.installed || {};
     for (const [s, n] of Object.entries(this.library))
-      !t[s] && je(n) && (e.use(n), t[s] = !0);
-    e.provide(ee, this), e.config.globalProperties.installed = t;
+      !t[s] && Te(n) && (e.use(n), t[s] = !0);
+    e.provide(ie, this), e.config.globalProperties.installed = t;
   }
   getFile(e) {
     const { blocks: t = [] } = this.project || {};
@@ -770,47 +825,47 @@ class nt extends se {
   async getRenderComponent(e) {
     const t = this.getFile(e);
     if (!t)
-      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];
+      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 o = await this.getDsl(t.id);
     if (!o)
-      return I.warn(`Can not find dsl: ${e}`), null;
-    const { library: i, components: a, mode: u, apis: c } = this, m = {
-      mode: u,
+      return O.warn(`Can not find dsl: ${e}`), null;
+    const { library: i, components: a, mode: l, apis: c } = this, m = {
+      mode: l,
       Vue: i.Vue,
       components: a,
       libs: i,
       apis: c,
       window
-    }, p = Q({
+    }, f = ne({
       getDsl: async (h) => await this.getDsl(h) || null,
       options: m
-    }), { renderer: l } = G({
+    }), { renderer: u } = se({
       ...m,
       dsl: o,
-      loader: p
+      loader: f
     });
-    return l;
+    return u;
   }
 }
-function wt(r) {
-  const e = new nt(r);
+function Dt(r) {
+  const e = new Pt(r);
   return {
     provider: e,
     onReady: (s) => e.ready(s)
   };
 }
-function te(r = {}) {
-  const e = me(ee);
+function ae(r = {}) {
+  const e = je(ie);
   if (!e)
     throw new Error("Can not find provider");
-  if (e.mode === y.Runtime && st.NODE_ENV === "development") {
+  if (e.mode === y.Raw) {
     const { id: t, version: s } = r;
     t && s && (async () => {
       const n = await e.getDsl(t);
-      n?.__VERSION__ !== s && B.warning({
+      n?.__VERSION__ !== s && J.warning({
         title: n?.name,
         message: "当前组件源码版本与运行时版本不一致，请重新发布组件"
       });
@@ -818,7 +873,7 @@ function te(r = {}) {
   }
   return e;
 }
-const ot = new le({
+const Et = new ve({
   settings: {
     type: "json",
     validSuccess: !0,
@@ -826,12 +881,12 @@ const ot = new le({
     failMessage: !0,
     validate: (r) => r.data?.code === 0,
     showError: (r) => {
-      B.error({
+      J.error({
         message: r || "未知错误"
       });
     }
   }
-}), it = (r = "/vtj/local/api/${type}.json") => (e, t) => ot.send({
+}), bt = (r = "/vtj/local/repository/${type}.json") => (e, t) => Et.send({
   url: r,
   method: "post",
   query: { type: e },
@@ -840,10 +895,10 @@ const ot = new le({
     data: t
   }
 });
-class D {
+class q {
   api;
   constructor() {
-    this.api = it();
+    this.api = bt();
   }
   async init(e) {
     return console.log("BaseService.init", e), {};
@@ -889,8 +944,8 @@ class D {
       () => !1
     );
   }
-  async getRaw(e, t) {
-    return await this.api("getRaw", { project: e, dsl: t }).catch(() => "");
+  async genVueContent(e, t) {
+    return await this.api("genVueContent", { project: e, dsl: t }).catch(() => "");
   }
   async createRawPage(e) {
     return await this.api("createRawPage", e).catch(() => "");
@@ -899,22 +954,22 @@ class D {
     return await this.api("removeRawPage", e).catch(() => "");
   }
 }
-const d = new fe({
+const d = new ge({
   type: "local",
   expired: 0,
   prefix: "__VTJ_"
 });
-class St extends D {
+class At extends q {
   init(e) {
-    const t = new H(e), s = d.get(`project_${t.id}`), n = Object.assign(t.toDsl(), s || {});
+    const t = new R(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 H(e);
+    const t = new R(e);
     return d.save(`project_${t.id}`, t.toDsl()), Promise.resolve(!0);
   }
   saveMaterials(e, t) {
-    return d.save(`materials_${e.id}`, T(t)), Promise.resolve(!0);
+    return d.save(`materials_${e.id}`, V(t)), Promise.resolve(!0);
   }
   saveFile(e) {
     return d.save(`file_${e.id}`, e), Promise.resolve(!0);
@@ -938,7 +993,7 @@ class St extends D {
     return Promise.resolve(!0);
   }
   getHistory(e) {
-    const t = d.get(`history_${e}`), s = new U(t || { id: e });
+    const t = d.get(`history_${e}`), s = new G(t || { id: e });
     return Promise.resolve(s.toDsl());
   }
   getHistoryItem(e, t) {
@@ -954,22 +1009,22 @@ class St extends D {
     }), Promise.resolve(!0);
   }
 }
-class at extends D {
+class Ft extends q {
   projects = {};
   materials = {};
   files = {};
   histories = {};
   historyItems = {};
   init(e) {
-    const t = new H(e), s = this.projects[t.id] || {}, n = Object.assign(t.toDsl(), s);
+    const t = new R(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 H(e);
+    const t = new R(e);
     return this.projects[t.id] = t.toDsl(), Promise.resolve(!0);
   }
   saveMaterials(e, t) {
-    return e.id && (this.materials[e.id] = T(t)), Promise.resolve(!0);
+    return e.id && (this.materials[e.id] = V(t)), Promise.resolve(!0);
   }
   saveFile(e) {
     return this.files[e.id] = e, Promise.resolve(!0);
@@ -993,7 +1048,7 @@ class at extends D {
     return Promise.resolve(!0);
   }
   getHistory(e) {
-    const t = this.histories[e], s = new U(t || { id: e });
+    const t = this.histories[e], s = new G(t || { id: e });
     return Promise.resolve(s);
   }
   getHistoryItem(e, t) {
@@ -1011,11 +1066,11 @@ class at extends D {
     }), Promise.resolve(!0);
   }
 }
-let F = null;
-function $t() {
-  return F || (F = new at(), F);
+let I = null;
+function Vt() {
+  return I || (I = new Ft(), I);
 }
-class jt extends D {
+class Lt extends q {
   async init(e) {
     return await this.api("init", e).catch(() => null) || {};
   }
@@ -1025,7 +1080,7 @@ class jt extends D {
   async saveMaterials(e, t) {
     return !!await this.api("saveMaterials", {
       project: e,
-      materials: T(t)
+      materials: V(t)
     }).catch(() => !1);
   }
   async saveFile(e) {
@@ -1060,7 +1115,7 @@ class jt extends D {
     );
   }
 }
-function re(r = []) {
+function ce(r = []) {
   return r.map((e) => {
     const { id: t, title: s, icon: n, children: o, hidden: i } = e;
     return {
@@ -1069,24 +1124,24 @@ function re(r = []) {
       icon: n,
       hidden: i,
       url: `/page/${t}`,
-      children: o && o.length ? re(o) : void 0
+      children: o && o.length ? ce(o) : void 0
     };
   });
 }
-function Et() {
-  const r = te(), e = z(), t = de(!1), s = r.project;
-  he(() => {
+function Jt() {
+  const r = ae(), e = Q(), t = Pe(!1), s = r.project;
+  Ee(() => {
     const { name: o, params: i, meta: a } = e;
     if (o === "VtjPage") {
-      const u = r.getPage(i.id);
-      t.value = !u?.mask;
+      const l = r.getPage(i.id);
+      t.value = !l?.mask;
     } else if (o === "VtjHomepage") {
-      const u = r.getHomepage();
-      t.value = !u?.mask;
+      const l = r.getHomepage();
+      t.value = !l?.mask;
     } else
       t.value = !a.mask;
   });
-  const n = re(s?.pages);
+  const n = ce(s?.pages);
   return {
     disabled: t,
     title: s?.description || s?.name || "VTJ App",
@@ -1094,49 +1149,49 @@ function Et() {
   };
 }
 export {
-  _e as BUILDIN_DIRECTIVES,
-  D as BaseService,
-  V as CONTEXT_HOST,
-  Me as Context,
+  Ie as BUILDIN_DIRECTIVES,
+  q as BaseService,
+  K as CONTEXT_HOST,
+  ze as Context,
   y as ContextMode,
-  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,
+  Re as DATA_TYPES,
+  kt as JSCodeToString,
+  Tt as LIFE_CYCLES_LIST,
+  Lt as LocalService,
+  Ae as Logger,
+  Ft as MemoryService,
+  Pt as Provider,
+  At as StorageService,
+  F as VTJ_RENDERER_VERSION,
+  re as adoptedStyleSheets,
+  Bt as createAssetScripts,
+  Nt as createAssetsCss,
+  Qe as createDataSources,
+  ne as createLoader,
+  Vt as createMemoryService,
+  Dt as createProvider,
+  se as createRenderer,
+  qe as createSchemaApi,
+  Ue as createSchemaApis,
+  tt as defaultLoader,
+  H as fillBasePath,
+  Ve as getLogger,
+  oe as getModifiers,
+  Oe as getRawComponent,
+  Z as isCSSUrl,
+  Le 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
+  N as isJSFunction,
+  ee as isJSUrl,
+  Te as isVuePlugin,
+  Me as loadCss,
+  O as logger,
+  T as nodeRender,
+  Ce as parseDeps,
+  M as parseExpression,
+  Y as parseFunction,
+  ie as providerKey,
+  te as toString,
+  Jt as useMask,
+  ae as useProvider
 };