@vtj/renderer 0.7.0

package/dist/index.mjs

@@ -0,0 +1,1130 @@
+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";
+/**!
+ * Copyright (c) 2024, VTJ.PRO All rights reserved.
+ * @name @vtj/renderer 
+ * @author CHC chenhuachun1549@dingtalk.com 
+ * @version 0.7.0
+ * @license <a href="https://vtj.pro/license.html">MIT License</a>
+ */
+const pt = "0.7.0";
+var y = /* @__PURE__ */ ((r) => (r.Runtime = "Runtime", r.Design = "Design", r.Raw = "Raw", r.VNode = "VNode", r))(y || {});
+const k = [
+  "$el",
+  "$emit",
+  "$nextTick",
+  "$parent",
+  "$root",
+  "$attrs",
+  "$slots",
+  "$watch",
+  "$props",
+  "$options",
+  "$forceUpdate"
+], mt = [
+  "beforeCreate",
+  "created",
+  "beforeMount",
+  "mounted",
+  "beforeUpdate",
+  "updated",
+  "beforeUnmount",
+  "unmounted",
+  "errorCaptured",
+  "renderTracked",
+  "renderTriggered",
+  "activated",
+  "deactivated"
+], he = ["vIf", "vShow", "vModel", "vFor", "vBind"], ve = {
+  String,
+  Number,
+  Boolean,
+  Array,
+  Object,
+  Function,
+  Date
+};
+function U(r) {
+  return /\.css$/.test(r);
+}
+function z(r) {
+  return /\.js$/.test(r);
+}
+function dt(r) {
+  return r.map((e) => `<script src="${e}"><\/script>`).join("");
+}
+function ht(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);
+  }), {
+    scripts: t,
+    css: s,
+    materials: n,
+    libraryExports: o,
+    materialExports: a,
+    materialMapLibrary: u,
+    libraryMap: i
+  };
+}
+function ge(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 Y(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
+    );
+    o.adoptedStyleSheets = [...a, n];
+  } 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));
+  }
+}
+async function ye(r, e) {
+  const t = await window.fetch(e).then((s) => s.text()).catch(() => "");
+  t && Y(window, r, t);
+}
+function we(r) {
+  return D(r) || D(r?.install);
+}
+var F = function() {
+  return F = 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) {
+  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));
+  };
+};
+function $e(r, e) {
+  return e !== "*" && (typeof r[0] == "string" ? r[0] = "[" + e + "] " + r[0] : r = ["[" + e + "]"].concat(r)), r;
+}
+function je(r, e) {
+  if (!r)
+    return {
+      targetLevel: e.level,
+      targetBizName: e.bizName
+    };
+  if (~r.indexOf(":")) {
+    var t = r.split(":");
+    return {
+      targetLevel: t[0],
+      targetBizName: t[1]
+    };
+  }
+  return {
+    targetLevel: r,
+    targetBizName: "*"
+  };
+}
+var be = {
+  level: "warn",
+  bizName: "*"
+}, Ee = (
+  /** @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);
+    }
+    return r;
+  }()
+);
+function Pe(r) {
+  return new Ee(r);
+}
+const H = Pe({ level: "log", bizName: "VTJ" });
+function I(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;
+    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)
+      throw n;
+  }
+}
+function L(r, e, t = !1, s = !1) {
+  const n = I(r, e, t, s);
+  if (typeof n != "function" && (H.error(
+    "parseFunction.error",
+    "not a function",
+    r,
+    e?.__self ?? e
+  ), s))
+    throw new Error(`"${r.value}" not a function`);
+  return n;
+}
+function g(r) {
+  return r && r.type === "JSExpression";
+}
+function x(r) {
+  return typeof r == "object" && r && r.type === "JSFunction";
+}
+function Fe(r) {
+  return g(r) || x(r);
+}
+function vt(r) {
+  return Fe(r) ? r.value : JSON.stringify(r);
+}
+let j = null;
+const He = re({
+  settings: {
+    type: "form",
+    validSuccess: !0,
+    originResponse: !1,
+    loading: !0,
+    validate: (r) => r.data?.code === 0 || !!r.data?.success,
+    failMessage: !0,
+    showError: (r) => {
+      N.error({
+        message: r || "未知错误"
+      });
+    },
+    showLoading: () => {
+      j && j.close(), j = me.service({
+        lock: !0,
+        text: "Loading",
+        background: "rgba(0, 0, 0, 0.05)"
+      });
+    },
+    hideLoading: () => {
+      j && (j.close(), j = null);
+    }
+  }
+});
+function Ie(r, e) {
+  const { jsonp: t, request: s } = e;
+  if (r.method === "jsonp")
+    return (n = {}) => t(r.url, {
+      ...r.jsonpOptions,
+      query: n
+    });
+  {
+    const n = r.headers ? I(r.headers, {}, !0) : void 0, o = {
+      url: r.url,
+      method: r.method,
+      settings: {
+        ...r.settings,
+        headers: n
+      }
+    };
+    return (i, a) => s.send(se(o, a || {}, { data: i }));
+  }
+}
+function Re(r = [], e) {
+  return r.reduce((t, s) => (t[s.id] = Ie(s, e), t), {});
+}
+class Oe {
+  __id = null;
+  __mode;
+  __instance = null;
+  __contextRefs = {};
+  __refs = {};
+  context = {};
+  state = {};
+  $props = {};
+  $refs = {};
+  $el = null;
+  $emit = null;
+  $nextTick = null;
+  $parent = null;
+  $root = null;
+  $attrs = null;
+  $slots = null;
+  $watch = null;
+  $options = null;
+  $forceUpdate = null;
+  $components = {};
+  $libs = {};
+  $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);
+  }
+  setup(e, t = O) {
+    const s = t.getCurrentInstance();
+    if (!s)
+      return;
+    this.__instance = s.proxy;
+    const n = s.appContext.config.globalProperties;
+    Object.assign(this, n), Object.assign(this, e || {}), this.__proxy(), t.onMounted(() => {
+      this.__proxy();
+    }), t.onUnmounted(() => {
+      this.__cleanup();
+    });
+  }
+  __proxy() {
+    this.__instance && k.forEach((e) => {
+      this[e] = this.__instance?.[e];
+    });
+  }
+  __cleanup() {
+    k.forEach((e) => {
+      this[e] = null;
+    });
+  }
+  __parseFunction(e) {
+    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);
+      } else
+        return L(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);
+      } else
+        return I(e, this);
+  }
+  __ref(e = null, t) {
+    if (this.__mode !== y.VNode)
+      return e && e !== this.__id && (this.__contextRefs[e] = this), (s) => {
+        let n = s?.$vtjEl || s?.$el || s;
+        if (!n) {
+          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), y.Design === this.__mode && (n.__context__ = this), e && (this.__refs[e] = s), typeof t == "function")
+          t(s);
+        else if (t) {
+          const o = this.$refs[t];
+          if (o) {
+            const i = new Set([].concat(o, s));
+            this.$refs[t] = Array.from(i);
+          } else
+            this.$refs[t] = s;
+        }
+        return s;
+      };
+  }
+  __clone(e = {}) {
+    const t = { ...this.context, ...e }, s = {
+      ...t,
+      context: t
+    };
+    return s.context.__proto__ = this.context, s.__proto__ = this, s;
+  }
+}
+function K(r) {
+  const {
+    Vue: e = O,
+    mode: t = y.Runtime,
+    components: s = {},
+    libs: n = {},
+    apis: o = {},
+    loader: i
+  } = r, a = e.computed(() => r.dsl), u = {
+    $components: s,
+    $libs: n,
+    $apis: o
+  }, c = new Oe({
+    mode: t,
+    dsl: a.value,
+    attrs: u
+  }), m = e.defineComponent({
+    name: a.value.name,
+    props: {
+      ...xe(a.value.props ?? [], c)
+    },
+    setup(f) {
+      c.$props = f, a.value.id && Y(
+        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(
+        a.value.dataSources || {},
+        c
+      ), w = {
+        ...p,
+        ...l,
+        ...v,
+        ...d
+      };
+      return c.setup(w, e), Be(e, a.value.watch ?? [], c), {
+        vtj: c
+      };
+    },
+    emits: [...a.value.emits ?? []],
+    expose: ["vtj"],
+    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));
+    },
+    ...Ae(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) ? {
+    name: s
+  } : {
+    name: s.name,
+    type: s.type,
+    required: s.required,
+    default: g(s.default) ? e.__parseExpression(s.default) : s.default
+  }).reduce(
+    (s, n) => (s[n.name] = {
+      type: t(n.type),
+      required: n.required,
+      default: n.default
+    }, s),
+    {}
+  );
+}
+function Ce(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;
+      },
+      {}
+    )
+  );
+}
+function Me(r, e, t) {
+  return Object.entries(e ?? {}).reduce(
+    (s, [n, o]) => (s[n] = r.computed(t.__parseFunction(o)), s),
+    {}
+  );
+}
+function Ne(r, e) {
+  return Object.entries(r ?? {}).reduce(
+    (t, [s, n]) => (t[s] = e.__parseFunction(n), t),
+    {}
+  );
+}
+function Te(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;
+      return s[o] = r.inject(a, u), s;
+    },
+    {}
+  );
+}
+function De(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;
+      return t[s] = async (...a) => {
+        const u = await o.apply(e, a);
+        return i ? i(u) : u;
+      }, t;
+    },
+    {}
+  );
+}
+function Be(r, e = [], t) {
+  e.forEach((s) => {
+    r.watch(
+      t.__parseExpression(s.source),
+      t.__parseFunction(s.handler),
+      {
+        deep: s.deep,
+        immediate: s.immediate
+      }
+    );
+  });
+}
+function Ae(r, e) {
+  return Object.entries(r ?? {}).reduce(
+    (t, [s, n]) => (t[s] = e.__parseFunction(n), t),
+    {}
+  );
+}
+const ke = (r) => r;
+function X(r) {
+  const { getDsl: e, options: t } = r;
+  return (s, n, o = O) => !n || typeof n == "string" ? s : n.type === "Schema" ? o.defineAsyncComponent(async () => {
+    const i = await e(n.id);
+    return i ? K({
+      ...t,
+      Vue: o,
+      dsl: i,
+      mode: y.Runtime,
+      loader: X(r)
+    }).renderer : null;
+  }) : s;
+}
+function R(r, e, t = O, s = ke) {
+  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))
+    return null;
+  const f = (l) => {
+    const v = l.$components, p = (() => {
+      if (r.name === "component")
+        return Je(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);
+    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));
+    });
+    const S = Xe(t, r.children ?? [], l, r);
+    return t.createVNode(p, { ...d, ...w }, S);
+  };
+  return a ? Ze(a, f, e) : f(e);
+}
+function Le(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))
+  );
+  return {
+    vIf: e,
+    vFor: t,
+    vShow: s,
+    vModels: o,
+    vBind: n,
+    others: i
+  };
+}
+function Ve(r, e) {
+  return !!e.__parseExpression(r.value);
+}
+function Je(r, e) {
+  return e ? g(e) ? r.__parseExpression(e) : e : "div";
+}
+function qe(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 s.ref = t.__ref(r, s.ref), s;
+}
+function Ue(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;
+  }, {});
+}
+function G(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 We(r, e) {
+  const { props: t } = r, s = t?.name || "default";
+  return {
+    name: g(s) ? e.__parseExpression(s) : s,
+    params: []
+  };
+}
+function Ye(r, e) {
+  return e.__parseExpression(r.value) ? {} : {
+    display: "none"
+  };
+}
+function Ke(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";
+  return {
+    [i]: t.__parseExpression(e.value),
+    [`onUpdate:${i}`]: o.length && n ? r.withModifiers(n, o) : n
+  };
+}
+function Xe(r, e, t, s) {
+  if (!e)
+    return null;
+  if (b(e))
+    return { default: () => e };
+  if (g(e))
+    return {
+      default: () => W(t.__parseExpression(e))
+    };
+  if (Array.isArray(e)) {
+    const n = Ge(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);
+      return u.map(
+        (l) => R(l, t.__clone(f), r)
+      );
+    }, i), {});
+  }
+}
+function Ge(r) {
+  const e = {
+    default: {
+      params: [],
+      nodes: []
+    }
+  };
+  for (const t of r) {
+    const s = Qe(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
+    };
+  }
+  return e;
+}
+function Qe(r = "default") {
+  return b(r) ? { name: r, params: [] } : { params: [], ...r };
+}
+function Ze(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({
+  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"), {
+      provider: r,
+      component: n,
+      file: s,
+      query: e.query
+    };
+  },
+  render() {
+    return this.component ? A(this.component, this.query) : A("div", "页面不存在");
+  }
+});
+var et = { ENV_TYPE: "local", NODE_ENV: "production" };
+const Q = Symbol("Provider");
+class tt extends te {
+  mode;
+  globals = {};
+  modules = {};
+  adapter = { request: He, jsonp: ie };
+  apis = {};
+  dependencies = {};
+  materials = {};
+  library = {};
+  service;
+  project = null;
+  components = {};
+  router = null;
+  constructor(e) {
+    super();
+    const {
+      service: t,
+      mode: s = y.Raw,
+      dependencies: n,
+      materials: o,
+      project: i = {},
+      adapter: a = {},
+      globals: u = {},
+      modules: c = {},
+      router: m = null
+    } = 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);
+  }
+  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();
+      else {
+        const S = c[p] || [];
+        for (const _ of S)
+          U(_) && await ye(p, _), z(_) && await B(_), i[p] = window[p];
+      }
+    }
+    for (const p of m)
+      await B(p);
+    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);
+      });
+    }
+    n && (this.apis = Re(n, this.adapter)), this.initRouter(), this.triggerReady();
+  }
+  initRouter() {
+    const { router: e, project: t } = this;
+    e && (e.addRoute({
+      path: "/page/:id",
+      name: "VtjPage",
+      component: V
+    }), t?.homepage && e.addRoute({
+      path: "/",
+      name: "VtjHomepage",
+      component: V
+    }));
+  }
+  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;
+  }
+  getFile(e) {
+    const { blocks: t = [] } = this.project || {};
+    return this.getPage(e) || t.find((s) => s.id === e) || null;
+  }
+  getPage(e) {
+    const { pages: t = [] } = this.project || {}, s = (n, o = []) => {
+      for (const i of o) {
+        if (i.id === n)
+          return i;
+        if (i.children && i.children.length) {
+          const a = s(n, i.children);
+          if (a)
+            return a;
+        }
+      }
+    };
+    return s(e, t) || null;
+  }
+  getHomepage() {
+    const { homepage: e } = this.project || {};
+    return e ? this.getPage(e) : null;
+  }
+  async getDsl(e) {
+    const t = this.modules[`.vtj/files/${e}.json`];
+    return t ? await t() : this.service.getFile(e).catch(() => null);
+  }
+  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];
+    if (n)
+      return (await n())?.default;
+    const o = await this.getDsl(t.id);
+    if (!o)
+      return H.warn(`Can not find dsl: ${e}`), null;
+    const { library: i, components: a, mode: u, apis: c } = this, m = {
+      mode: u,
+      Vue: i.Vue,
+      components: a,
+      libs: i,
+      apis: c,
+      window
+    }, f = X({
+      getDsl: async (v) => await this.getDsl(v) || null,
+      options: m
+    }), { renderer: l } = K({
+      ...m,
+      dsl: o,
+      loader: f
+    });
+    return l;
+  }
+}
+function _t(r) {
+  const e = new tt(r);
+  return {
+    provider: e,
+    onReady: (s) => e.ready(s)
+  };
+}
+function Z(r = {}) {
+  const e = le(Q);
+  if (!e)
+    throw new Error("Can not find provider");
+  if (e.mode === y.Runtime && et.NODE_ENV === "development") {
+    const { id: t, version: s } = r;
+    t && s && (async () => {
+      const n = await e.getDsl(t);
+      n?.__VERSION__ !== s && N.warning({
+        title: n?.name,
+        message: "当前组件源码版本与运行时版本不一致，请重新发布组件"
+      });
+    })();
+  }
+  return e;
+}
+const rt = new ae({
+  settings: {
+    type: "json",
+    validSuccess: !0,
+    originResponse: !1,
+    failMessage: !0,
+    validate: (r) => r.data?.code === 0,
+    showError: (r) => {
+      N.error({
+        message: r || "未知错误"
+      });
+    }
+  }
+}), st = (r = "/vtj/local/api/${type}.json") => (e, t) => rt.send({
+  url: r,
+  method: "post",
+  query: { type: e },
+  data: {
+    type: e,
+    data: t
+  }
+});
+class T {
+  api;
+  constructor() {
+    this.api = st();
+  }
+  async init(e) {
+    return console.log("BaseService.init", e), {};
+  }
+  async saveProject(e) {
+    return !!await this.api("saveProject", e).catch(() => !1);
+  }
+  async saveMaterials(e, t) {
+    return console.log("BaseService.saveMaterials", e, t), !1;
+  }
+  async saveFile(e) {
+    return console.log("BaseService.saveFile", e), !1;
+  }
+  async getFile(e) {
+    return console.log("BaseService.getFile", e), {};
+  }
+  async removeFile(e) {
+    return console.log("BaseService.removeFile", e), !1;
+  }
+  async saveHistory(e) {
+    return console.log("BaseService.saveHistory", e), !1;
+  }
+  async removeHistory(e) {
+    return console.log("BaseService.removeHistory", e), !1;
+  }
+  async getHistory(e) {
+    return console.log("BaseService.getHistory", e), {};
+  }
+  async getHistoryItem(e, t) {
+    return console.log("BaseService.getHistoryItem", e, t), {};
+  }
+  async saveHistoryItem(e, t) {
+    return console.log("BaseService.saveHistoryItem", e, t), !1;
+  }
+  async removeHistoryItem(e, t) {
+    return console.log("BaseService.removeHistoryItem", e, t), !1;
+  }
+  async publish(e) {
+    return !!await this.api("publish", e).catch(() => !1);
+  }
+  async publishFile(e, t) {
+    return !!await this.api("publishFile", { project: e, file: t }).catch(
+      () => !1
+    );
+  }
+  async getRaw(e, t) {
+    return await this.api("getRaw", { project: e, dsl: t }).catch(() => "");
+  }
+}
+const h = new ce({
+  type: "local",
+  expired: 0,
+  prefix: "__VTJ_"
+});
+class gt extends T {
+  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);
+  }
+  saveProject(e) {
+    const t = new P(e);
+    return h.save(`project_${t.id}`, t.toDsl()), Promise.resolve(!0);
+  }
+  saveMaterials(e, t) {
+    return h.save(`materials_${e.id}`, M(t)), Promise.resolve(!0);
+  }
+  saveFile(e) {
+    return h.save(`file_${e.id}`, e), Promise.resolve(!0);
+  }
+  getFile(e) {
+    const t = h.get(`file_${e}`);
+    return t ? Promise.resolve(t) : Promise.reject(null);
+  }
+  removeFile(e) {
+    return h.remove(`file_${e}`), Promise.resolve(!0);
+  }
+  saveHistory(e) {
+    return h.save(`history_${e.id}`, e), Promise.resolve(!0);
+  }
+  removeHistory(e) {
+    const t = h.get(`history_${e}`);
+    if (t) {
+      const n = (t.items || []).map((o) => o.id);
+      this.removeHistoryItem(e, n), h.remove(`history_${e}`);
+    }
+    return Promise.resolve(!0);
+  }
+  getHistory(e) {
+    const t = h.get(`history_${e}`), s = new J(t || { id: e });
+    return Promise.resolve(s.toDsl());
+  }
+  getHistoryItem(e, t) {
+    const s = h.get(`history_${e}_${t}`);
+    return Promise.resolve(s);
+  }
+  saveHistoryItem(e, t) {
+    return h.save(`history_${e}_${t.id}`, t), Promise.resolve(!0);
+  }
+  removeHistoryItem(e, t) {
+    return t.forEach((s) => {
+      h.remove(`history_${e}_${s}`);
+    }), Promise.resolve(!0);
+  }
+}
+class nt extends T {
+  projects = {};
+  materials = {};
+  files = {};
+  histories = {};
+  historyItems = {};
+  init(e) {
+    const t = new P(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);
+    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);
+  }
+  saveFile(e) {
+    return this.files[e.id] = e, Promise.resolve(!0);
+  }
+  getFile(e) {
+    const t = this.files[e];
+    return t ? Promise.resolve(t) : Promise.reject(null);
+  }
+  removeFile(e) {
+    return delete this.files[e], Promise.resolve(!0);
+  }
+  saveHistory(e) {
+    return this.histories[e.id] = e, Promise.resolve(!0);
+  }
+  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];
+    }
+    return Promise.resolve(!0);
+  }
+  getHistory(e) {
+    const t = this.histories[e], s = new J(t || { id: e });
+    return Promise.resolve(s);
+  }
+  getHistoryItem(e, t) {
+    const s = `${e}_${t}`, n = this.historyItems[s] || {};
+    return Promise.resolve(n);
+  }
+  saveHistoryItem(e, t) {
+    const s = `${e}_${t.id}`;
+    return this.historyItems[s] = t, Promise.resolve(!0);
+  }
+  removeHistoryItem(e, t) {
+    return t.forEach((s) => {
+      const n = `${e}_${s}`;
+      delete this.historyItems[n];
+    }), Promise.resolve(!0);
+  }
+}
+let E = null;
+function yt() {
+  return E || (E = new nt(), E);
+}
+class wt extends T {
+  async init(e) {
+    return await this.api("init", e).catch(() => null) || {};
+  }
+  async saveProject(e) {
+    return !!await this.api("saveProject", e).catch(() => !1);
+  }
+  async saveMaterials(e, t) {
+    return !!await this.api("saveMaterials", {
+      project: e,
+      materials: M(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) || {};
+  }
+  async removeFile(e) {
+    return !!await this.api("removeFile", e).catch(() => !1);
+  }
+  async saveHistory(e) {
+    return !!await this.api("saveHistory", e).catch(() => !1);
+  }
+  async removeHistory(e) {
+    return !!await this.api("removeHistory", e).catch(() => !1);
+  }
+  async getHistory(e) {
+    return await this.api("getHistory", e).catch(() => null) || {};
+  }
+  async getHistoryItem(e, t) {
+    return await this.api("getHistoryItem", { fId: e, id: t }).catch(() => null) || {};
+  }
+  async saveHistoryItem(e, t) {
+    return !!await this.api("saveHistoryItem", { fId: e, item: t }).catch(
+      () => !1
+    );
+  }
+  async removeHistoryItem(e, t) {
+    return !!await this.api("removeHistoryItem", { fId: e, ids: t }).catch(
+      () => !1
+    );
+  }
+}
+function ee(r = []) {
+  return r.map((e) => {
+    const { id: t, title: s, icon: n, children: o, hidden: i } = e;
+    return {
+      id: t,
+      title: s,
+      icon: n,
+      hidden: i,
+      url: `/page/${t}`,
+      children: o && o.length ? ee(o) : void 0
+    };
+  });
+}
+function St() {
+  const r = Z(), e = q(), t = fe(!1), s = r.project;
+  pe(() => {
+    const { name: o, params: i, meta: a } = e;
+    if (o === "VtjPage") {
+      const u = r.getPage(i.id);
+      t.value = !u?.mask;
+    } else if (o === "VtjHomepage") {
+      const u = r.getHomepage();
+      t.value = !u?.mask;
+    } else
+      t.value = !a.mask;
+  });
+  const n = ee(s?.pages);
+  return {
+    disabled: t,
+    title: s?.description || s?.name || "VTJ App",
+    menus: n
+  };
+}
+export {
+  he as BUILDIN_DIRECTIVES,
+  T as BaseService,
+  k as CONTEXT_HOST,
+  Oe 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
+};