epic-designer-gold 1.0.2 → 1.0.4

package/dist/index-CIwV58Ko.js

@@ -0,0 +1,1359 @@
+import { ref as V, reactive as te, defineComponent as ne, openBlock as B, createBlock as W, unref as F, mergeProps as me, withCtx as R, renderSlot as L, getCurrentInstance as re, inject as q, watch as $, useAttrs as Ve, provide as J, shallowRef as Me, computed as z, watchEffect as ie, onUnmounted as Ee, resolveComponent as Ne, resolveDynamicComponent as Fe, createVNode as K, createCommentVNode as be, useSlots as Re, createElementBlock as he, Suspense as Ae, createElementVNode as Q, Fragment as $e, renderList as Ue, nextTick as ae, effectScope as Be, isRef as Te, getCurrentScope as Le, onScopeDispose as Je, onMounted as ve, normalizeClass as He, toRaw as we } from "vue";
+import { p as U, f as ze, d as oe, a as Y, b as xe, c as Ke, E as ee, e as De, l as j, g as We, h as Ze } from "./axios-BFVeUxau.js";
+import { a as Se, u as ge } from "./index-DO5DuUPL.js";
+function Ft(e, n) {
+  let s = null;
+  return (...a) => {
+    s && clearTimeout(s), s = setTimeout(() => {
+      e(...a);
+    }, n);
+  };
+}
+function Ie() {
+  const e = V({}), n = V({}), s = V(!1), a = V([]), i = te({});
+  function l(d) {
+    return e.value[d];
+  }
+  function p(d, D) {
+    e.value[d] = D;
+  }
+  function h(d) {
+    delete e.value[d];
+  }
+  function v(d, D = !1) {
+    const A = Object.entries(U.publicMethods).reduce(
+      (P, [r, M]) => (P[r] = M.handler, P),
+      {}
+    );
+    try {
+      new Function(`const epic = this;${d}`).bind({
+        ...A,
+        getComponent: l,
+        find: l,
+        defineExpose: I,
+        publicMethods: A,
+        pluginManager: U
+      })();
+    } catch (P) {
+      D && console.error("[epic：自定义函数]异常：", P);
+    }
+  }
+  function I(d) {
+    d != null && (n.value = d);
+  }
+  function E(d, ...D) {
+    if (!d || d.length === 0) {
+      console.warn("未提供任何动作");
+      return;
+    }
+    d.forEach((A) => {
+      const P = A.args ? JSON.parse(A.args) : D;
+      switch (A.type) {
+        case "public":
+          o(A, P);
+          break;
+        case "custom":
+          b(A, P);
+          break;
+        case "component":
+          c(A, P);
+          break;
+        default:
+          console.warn(`未知的动作类型: ${A.type}`);
+          break;
+      }
+    });
+  }
+  function o(d, D) {
+    var A;
+    try {
+      (A = U.publicMethods[d.methodName]) == null || A.handler(...D);
+    } catch (P) {
+      console.error(`[Epic：公共函数(${d.methodName})]执行异常:`, P);
+    }
+  }
+  function b(d, D) {
+    var A, P;
+    try {
+      (P = (A = n.value)[d.methodName]) == null || P.call(A, ...D);
+    } catch (r) {
+      console.error(`[Epic：自定义函数(${d.methodName})]执行异常:`, r);
+    }
+  }
+  function c(d, D) {
+    const A = d.componentId != null && l(d.componentId);
+    if (!A) {
+      console.warn(`[Epic：组件${d.componentId}]未找到`);
+      return;
+    }
+    try {
+      A[d.methodName](...D);
+    } catch (P) {
+      console.error(`[Epic：组件${d.componentId}函数(${d.methodName})]执行异常:`, P);
+    }
+  }
+  function y(d = !0) {
+    s.value = d;
+  }
+  function u(d) {
+    const D = ze(d, () => !0);
+    a.value = D.map((A) => A.id);
+  }
+  function w(d, D = "default") {
+    if (i[D]) {
+      const A = i[D];
+      oe(d, A);
+    }
+    i[D] = d;
+  }
+  function N(d, D = "default") {
+    if (i[D]) {
+      oe(i[D], d, !1);
+      return;
+    }
+    i[D] = d;
+  }
+  return {
+    componentInstances: e,
+    funcs: n,
+    isDesignMode: s,
+    defaultComponentIds: a,
+    forms: i,
+    addFormData: w,
+    setFormData: N,
+    getComponentInstance: l,
+    // 简化查询函数, 推荐使用
+    find: l,
+    addComponentInstance: p,
+    removeComponentInstance: h,
+    setMethods: v,
+    doActions: E,
+    setDesignMode: y,
+    setDefaultComponentIds: u
+  };
+}
+function Ge() {
+  const e = V([]), n = V([]), s = V(null);
+  let a = 0;
+  function i(v, I = "插入组件") {
+    const E = Date.now();
+    a + 150 > E || (a = E, s.value != null && (e.value.push(s.value), n.value.splice(0, n.value.length)), s.value = {
+      type: I,
+      componentSchema: JSON.stringify(v)
+    }, e.value.length > 60 && e.value.unshift());
+  }
+  function l() {
+    if (e.value.length === 0)
+      return !1;
+    const v = e.value.pop();
+    return s.value != null && n.value.push(s.value), s.value = v, JSON.parse(v.componentSchema);
+  }
+  function p() {
+    if (n.value.length === 0)
+      return !1;
+    const v = n.value.pop();
+    return s.value != null && e.value.push(s.value), s.value = v, JSON.parse(v.componentSchema);
+  }
+  function h() {
+    e.value = [], n.value = [], s.value = null;
+  }
+  return {
+    recordList: e,
+    undoList: n,
+    currentRecord: s,
+    push: i,
+    undo: l,
+    redo: p,
+    reset: h
+  };
+}
+const Qe = /* @__PURE__ */ ne({
+  __name: "dynamicFormItem",
+  props: {
+    hasFormItem: { type: Boolean },
+    formItemProps: {}
+  },
+  emits: ["updateFormItemRef"],
+  setup(e, { emit: n }) {
+    const s = U.getComponent("form-item"), a = e, i = n, l = V(), p = () => {
+      i("updateFormItemRef", l.value);
+    };
+    return (h, v) => a.hasFormItem ? (B(), W(F(s), me({
+      key: 0,
+      ref_key: "formItemRef",
+      ref: l,
+      onVnodeMounted: p
+    }, a.formItemProps), {
+      default: R(() => [
+        L(h.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["onVnodeMounted"])) : L(h.$slots, "default", { key: 1 });
+  }
+}), Ye = /* @__PURE__ */ ne({
+  name: "ENode",
+  __name: "node",
+  props: {
+    componentSchema: {},
+    modelValue: {},
+    ruleField: {},
+    resetFormData: { type: Boolean },
+    name: {},
+    dynamicId: {},
+    sourceDateUrl: {},
+    id: {}
+  },
+  emits: ["update:modelValue", "change", "update:dynamicId"],
+  setup(e, { emit: n }) {
+    const { proxy: s } = re(), a = e, i = V(null);
+    let l = q("formData", te({}));
+    const p = q("slots", {}), h = q("pageManager", {}), v = q("disabled", { value: !1 }), I = q("ruleFieldPrefix", null), E = q("resetFormData", !1);
+    let o = te(Y(a.componentSchema));
+    y();
+    async function b(t) {
+      if (["cascader", "checkbox", "select", "radio"].includes(t.type) && t.componentProps.dynamicId && a.sourceDateUrl) {
+        const f = (await De({
+          //  || "http://192.168.28.205:3000/dev-api/data-source
+          url: a.sourceDateUrl,
+          method: "get",
+          params: {
+            id: t.componentProps.dynamicId
+          },
+          headers: {
+            Authorization: "Bearer " + Se.get("Admin-Token")
+          }
+        })).data.data;
+        let O = await De({
+          url: f.url,
+          method: f.method,
+          data: JSON.parse(f.body),
+          params: JSON.parse(f.params),
+          headers: {
+            ...JSON.parse(f.headers),
+            Authorization: "Bearer " + Se.get("Admin-Token")
+          }
+        });
+        if (f && (f != null && f.dataPath)) {
+          const Oe = f.dataPath.split(".").reduce((Ce, Pe) => Ce[Pe], O.data);
+          t.componentProps.options = c(Oe, f.dataKey, f.dataValue);
+        } else
+          t.componentProps.options = c(O.data, f.dataKey, f.dataValue);
+        return t;
+      }
+      return t;
+    }
+    function c(t, _, C) {
+      return t && Object.prototype.toString.call(t) === "[object Array]" ? t.map((f) => f.children && f.children.length ? {
+        label: f[_],
+        value: f[C] + "",
+        children: c(f.children, _, C)
+      } : {
+        label: f[_],
+        value: f[C] + ""
+      }) : [];
+    }
+    $(
+      () => a.componentSchema,
+      (t) => {
+        xe(o, t, ["children"]) || (oe(o, Y(t)), y());
+      },
+      {
+        deep: !0
+      }
+    );
+    function y() {
+      h.isDesignMode.value && typeof o.field == "string" && (o.field += "-design-mode");
+    }
+    (a.resetFormData || E) && (l = {});
+    const u = n, w = V(), N = V(), d = (t) => {
+      N.value = t;
+    }, D = Ve();
+    Object.keys(D).length && J("nodeAttrs", D);
+    const A = Me(null), P = z(() => {
+      var t, _;
+      return (t = o.componentProps) != null && t.hidden ? !1 : typeof o.show == "boolean" ? o.show : ((_ = o.show) == null ? void 0 : _.call(o, { values: l })) ?? !0;
+    }), r = z(() => {
+      var f;
+      const t = P.value && ((f = o.rules) == null ? void 0 : f.map((O) => ({
+        ...O,
+        validator: O.validator && h.funcs.value[O.validator]
+        // 自定义校验函数
+      })));
+      let _ = o.field;
+      a.ruleField ? _ = a.ruleField : I && o.field && (_ = Y(I), _.push(o.field));
+      const C = {
+        ...o,
+        rules: t,
+        rule: t,
+        field: _
+      };
+      return C.children && delete C.children, C;
+    }), M = z(() => {
+      var C, f;
+      const t = ((C = g.value) == null ? void 0 : C.bindModel) ?? "modelValue", _ = {};
+      return o.on && Object.keys(o.on).forEach((O) => {
+        _[`on${Ke(O)}`] = (...k) => h.doActions(o.on[O], ...k);
+      }), {
+        ...a,
+        ...o.componentProps,
+        disabled: (v == null ? void 0 : v.value) || ((f = o.componentProps) == null ? void 0 : f.disabled),
+        bindModel: t,
+        ..._
+      };
+    }), g = z(() => U.getComponentConfingByType(o.type) ?? null);
+    ie(() => {
+      i.value = a.modelValue ?? l[o.field ?? ""];
+    }), $(
+      () => i.value,
+      () => {
+        i.value !== (a.modelValue ?? l[o.field ?? ""]) && S(i.value);
+      }
+    ), $(
+      () => w.value,
+      () => {
+        x();
+      },
+      { immediate: !0 }
+    );
+    function x() {
+      var _;
+      const t = w.value || s;
+      o.id && t && (o.input && (t.setValue = S, t.getValue = () => l[o.field] || a.modelValue), t.setAttr = (C, f) => (o.componentProps || (o.componentProps = {}), o.componentProps[C] = f), t.getAttr = (C) => o.componentProps[C], h.addComponentInstance(o.id, t), (_ = g.value) != null && _.defaultSchema.input && o.noFormItem !== !0 && N.value && h.addComponentInstance(o.id + "formItem", N.value));
+    }
+    function m() {
+      var t;
+      o.id && (h.removeComponentInstance(o.id), (t = g.value) != null && t.defaultSchema.input && o.noFormItem !== !0 && h.removeComponentInstance(o.id + "formItem"));
+    }
+    async function Z() {
+      var _, C, f;
+      if (o = await b(o), typeof ((_ = o.componentProps) == null ? void 0 : _.defaultValue) < "u") {
+        const O = h.isDesignMode.value ? (C = o.componentProps) == null ? void 0 : C.defaultValue : l[o.field] ?? ((f = o.componentProps) == null ? void 0 : f.defaultValue);
+        S(Y(O));
+      }
+      if (o.type === "slot") {
+        const O = o.slotName;
+        if (!O) return;
+        A.value = ne({
+          setup() {
+            return () => L(p, O, {
+              componentSchema: o,
+              model: l
+            });
+          }
+        });
+        return;
+      }
+      const t = U.getComponent(o.type);
+      if (!t) {
+        console.error(`组件${o.type}未注册`);
+        return;
+      }
+      if (typeof t == "function") {
+        const O = await t();
+        A.value = O.default ?? O;
+      } else
+        A.value = t;
+    }
+    function H(t) {
+      Object.prototype.toString.call(t), Object.prototype.toString.call(t) === "[object Array]" ? t.forEach((_) => {
+        l[_.value] = _.label;
+      }) : l[t.value] = t.label, ee.emit("updateformData" + a.id, l);
+    }
+    function S(t) {
+      u("update:modelValue", t), u("change", t), o.field && (l[o.field] = t), ee.emit("updateformData" + a.id, l);
+    }
+    function T(t) {
+      u("update:dynamicId", t);
+    }
+    let G = null;
+    return $(
+      () => o,
+      async (t) => {
+        const _ = JSON.stringify({
+          ...t,
+          children: void 0,
+          componentProps: {
+            ...t.componentProps,
+            options: null
+          }
+        });
+        if (_ === G)
+          return !1;
+        G = _, Z();
+      },
+      {
+        immediate: !0,
+        deep: !0
+      }
+    ), Ee(m), (t, _) => {
+      var f;
+      const C = Ne("ENode");
+      return A.value && P.value ? (B(), W(Qe, {
+        key: 0,
+        hasFormItem: F(o).noFormItem !== !0 && ((f = g.value) == null ? void 0 : f.defaultSchema.input),
+        formItemProps: r.value,
+        onUpdateFormItemRef: d
+      }, {
+        default: R(() => [
+          (B(), W(Fe(A.value), me({
+            ref_key: "componentInstance",
+            ref: w,
+            onVnodeMounted: x,
+            model: F(l)
+          }, { ...M.value }, {
+            [M.value.bindModel]: i.value,
+            ["onUpdate:" + M.value.bindModel]: _[0] || (_[0] = (O) => i.value = O),
+            [`onUpdate:${M.value.bindModel}` || ""]: S,
+            "onUpdate:modelValueLabel": H,
+            "onUpdate:dynamicId": T
+          }), {
+            node: R((O) => [
+              K(C, me({
+                id: a.id
+              }, O, {
+                sourceDateUrl: a.sourceDateUrl
+              }), null, 16, ["id", "sourceDateUrl"])
+            ]),
+            "edit-node": R(() => [
+              L(t.$slots, "edit-node")
+            ]),
+            _: 3
+          }, 16, ["model"]))
+        ]),
+        _: 3
+      }, 8, ["hasFormItem", "formItemProps"])) : be("", !0);
+    };
+  }
+});
+function qe() {
+  const e = V(!1), n = Ie(), s = V({});
+  function a() {
+    return new Promise((c) => {
+      if (e.value)
+        c();
+      else {
+        const y = $(e, () => {
+          y(), c();
+        });
+      }
+    });
+  }
+  async function i(c = "default") {
+    var u;
+    await a();
+    const y = (u = s.value) == null ? void 0 : u[c];
+    if (!y) throw new Error(`表单 [name=${c}] 不存在`);
+    return y;
+  }
+  async function l(c, y) {
+    const u = await i(c);
+    return Y(await y(u));
+  }
+  async function p(c = "default") {
+    return await l(c, (y) => y.getData());
+  }
+  function h(c, y = "default", u = void 0) {
+    var w, N;
+    if (u && Object.keys(u).length) {
+      let d = function(r) {
+        let M = [];
+        return r.forEach((g) => {
+          g.children && (M = [...M, ...d(g.children)]), M.push(g);
+        }), M;
+      }, A = function(r) {
+        var g;
+        let M = d((g = u == null ? void 0 : u.schemas[0]) == null ? void 0 : g.children);
+        return Object.keys(r).forEach((x) => {
+          var H, S, T, G, t, _, C;
+          const m = M.find((f) => f.field === x), Z = ["datetimerange", "daterange", "monthrange", "dates"];
+          if ((m && (m == null ? void 0 : m.type) === "checkbox" || (m == null ? void 0 : m.type) === "select" && ((H = m == null ? void 0 : m.componentProps) != null && H.multiple) || (m == null ? void 0 : m.type) === "cascader" && !((T = (S = m == null ? void 0 : m.componentProps) == null ? void 0 : S.props) != null && T.multiple) || (m == null ? void 0 : m.type) === "date" && Z.includes((G = m == null ? void 0 : m.componentProps) == null ? void 0 : G.type)) && typeof r[x] == "string")
+            r[x] = (t = r[x]) == null ? void 0 : t.split(",");
+          else if ((m == null ? void 0 : m.type) === "cascader" && ((C = (_ = m == null ? void 0 : m.componentProps) == null ? void 0 : _.props) != null && C.multiple) && typeof r[x] == "string")
+            r[x].indexOf(";") > -1 ? r[x] = r[x].split(";").map((f) => f.split(",")) : r[x] = r[x].split(","), r[x].indexOf("；") > -1 ? r[x] = r[x].split("；").map((f) => f.split(",")) : r[x] = r[x].split(",");
+          else if (((m == null ? void 0 : m.type) === "upload-image" || (m == null ? void 0 : m.type) === "upload-file") && typeof r[x] == "string") {
+            let f = [];
+            Object.entries(r).forEach(([O, k]) => {
+              r[x] === k && O !== m.field && O.indexOf("@") > -1 && O.indexOf(x) > -1 && (f = O.split("@")[1].split(","));
+            }), r[x] = r[x].split(",").map((O, k) => ({
+              url: O,
+              name: f[k] || O
+            }));
+          } else (m == null ? void 0 : m.type) === "number" || (m == null ? void 0 : m.type) === "slider" ? r[x] = Number(r[x]) : (m == null ? void 0 : m.type) === "switch" && (r[x] = typeof r[x] == "boolean" ? r[x] : r[x].indexOf("true") > -1);
+        }), r;
+      }(c);
+      n.setFormData(A, y);
+      const P = (w = s.value) == null ? void 0 : w[y];
+      P == null || P.clearValidate();
+    } else {
+      n.setFormData(c, y);
+      const d = (N = s.value) == null ? void 0 : N[y];
+      d == null || d.clearValidate();
+    }
+  }
+  async function v(c = "default") {
+    return await l(c, async (y) => (await y.validate(), await y.getData()));
+  }
+  async function I(c) {
+    await a();
+    const y = {};
+    for (const u in s.value) {
+      const w = s.value[u];
+      w && (y[u] = Y(await c(w)));
+    }
+    return y;
+  }
+  async function E() {
+    return await I((c) => c.getData());
+  }
+  function o(c) {
+    for (const y in c)
+      h(c[y], y);
+  }
+  async function b() {
+    return await I(async (c) => (await c.validate(), await c.getData()));
+  }
+  return {
+    ready: e,
+    pageManager: n,
+    forms: s,
+    getData: p,
+    setData: h,
+    validate: v,
+    getForms: E,
+    setForms: o,
+    validateAll: b,
+    getFormInstance: i
+  };
+}
+const Xe = {
+  key: 0,
+  class: "epic-loading-box"
+}, ke = { class: "epic-builder-main" }, je = { class: "epic-loading-box" }, et = /* @__PURE__ */ ne({
+  __name: "builder",
+  props: {
+    pageSchema: {},
+    formData: {},
+    disabled: { type: Boolean },
+    sourceDateUrl: {},
+    id: {}
+  },
+  emits: ["change", "ready"],
+  setup(e, { expose: n, emit: s }) {
+    const a = j(() => import("./index-DgcFxYFp.js")), i = s, { ready: l, pageManager: p, forms: h, getData: v, setData: I, validate: E, getForms: o, setForms: b, validateAll: c, getFormInstance: y } = qe(), u = e, w = te({
+      schemas: []
+    });
+    $(
+      () => u.pageSchema,
+      (r) => {
+        oe(w, r);
+      },
+      {
+        immediate: !0,
+        deep: !0
+      }
+    ), $(
+      () => u.formData,
+      (r) => {
+        if (r) {
+          let M = d(r);
+          I(M);
+        }
+      },
+      {
+        immediate: !0,
+        deep: !0
+      }
+    );
+    function N(r) {
+      let M = [];
+      return r.forEach((g) => {
+        g.children && (M = [...M, ...N(g.children)]), M.push(g);
+      }), M;
+    }
+    function d(r) {
+      let M = N(u.pageSchema.schemas[0].children);
+      return Object.keys(r).forEach((g) => {
+        var x, m, Z, H, S, T, G;
+        if (g.indexOf("@") < 0) {
+          const t = M.find((C) => C.field === g), _ = ["datetimerange", "daterange", "monthrange", "dates"];
+          if ((t && (t == null ? void 0 : t.type) === "checkbox" || (t == null ? void 0 : t.type) === "select" && ((x = t == null ? void 0 : t.componentProps) != null && x.multiple) || (t == null ? void 0 : t.type) === "cascader" && !((Z = (m = t == null ? void 0 : t.componentProps) == null ? void 0 : m.props) != null && Z.multiple) || (t == null ? void 0 : t.type) === "date" && _.includes((H = t == null ? void 0 : t.componentProps) == null ? void 0 : H.type)) && typeof r[g] == "string")
+            r[g] = (S = r[g]) == null ? void 0 : S.split(",");
+          else if ((t == null ? void 0 : t.type) === "cascader" && ((G = (T = t == null ? void 0 : t.componentProps) == null ? void 0 : T.props) != null && G.multiple) && typeof r[g] == "string")
+            r[g].indexOf(";") > -1 ? r[g] = r[g].split(";").map((C) => C.split(",")) : r[g] = r[g].split(","), r[g].indexOf("；") > -1 ? r[g] = r[g].split("；").map((C) => C.split(",")) : r[g] = r[g].split(",");
+          else if (((t == null ? void 0 : t.type) === "upload-image" || (t == null ? void 0 : t.type) === "upload-file") && typeof r[g] == "string") {
+            let C = [];
+            Object.entries(r).forEach(([f, O]) => {
+              r[g] === O && f !== t.field && f.indexOf("@") > -1 && f.indexOf(g) > -1 && (C = f.split("@")[1].split(","));
+            }), r[g] = r[g].split(",").map((f, O) => ({
+              url: f,
+              name: C[O] || f
+            }));
+          } else (t == null ? void 0 : t.type) === "number" || (t == null ? void 0 : t.type) === "slider" ? r[g] = Number(r[g]) : (t == null ? void 0 : t.type) === "switch" && (r[g] = typeof r[g] == "boolean" ? r[g] : r[g].indexOf("true") > -1);
+        }
+      }), r;
+    }
+    $(
+      () => w.script,
+      (r) => {
+        r && p.setMethods(r, !0);
+      },
+      {
+        immediate: !0
+      }
+    ), J("slots", Re()), J("pageManager", p), J("forms", h), J("pageSchema", w), J(
+      "disabled",
+      z(() => u.disabled)
+    );
+    const D = re(), A = D == null ? void 0 : D.proxy;
+    function P() {
+      ae(() => {
+        l.value = !0, i("ready", p), A && p.addComponentInstance("builder", A);
+      });
+    }
+    return ee.on("updateformData" + u.id, (r) => {
+      i("change", r);
+    }), n({
+      ready: l,
+      pageManager: p,
+      getData: v,
+      setData: I,
+      validate: E,
+      getForms: o,
+      setForms: b,
+      validateAll: c,
+      getFormInstance: y
+    }), (r, M) => F(U).initialized.value ? (B(), W(Ae, {
+      key: 1,
+      onResolve: P
+    }, {
+      default: R(() => [
+        Q("div", ke, [
+          (B(!0), he($e, null, Ue(w.schemas, (g, x) => (B(), W(F(Ye), {
+            id: u.id,
+            key: x,
+            sourceDateUrl: u.sourceDateUrl,
+            componentSchema: g
+          }, null, 8, ["id", "sourceDateUrl", "componentSchema"]))), 128))
+        ])
+      ]),
+      fallback: R(() => [
+        Q("div", je, [
+          K(F(a))
+        ])
+      ]),
+      _: 1
+    })) : (B(), he("div", Xe));
+  }
+});
+function ye(e) {
+  return Le() ? (Je(e), !0) : !1;
+}
+function tt(e) {
+  let n = 0, s, a;
+  const i = () => {
+    n -= 1, a && n <= 0 && (a.stop(), s = void 0, a = void 0);
+  };
+  return (...l) => (n += 1, a || (a = Be(!0), s = a.run(() => e(...l))), ye(i), s);
+}
+function se(e) {
+  return typeof e == "function" ? e() : F(e);
+}
+const nt = typeof window < "u" && typeof document < "u";
+typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
+const ot = (e) => typeof e < "u", st = Object.prototype.toString, at = (e) => st.call(e) === "[object Object]", rt = () => {
+};
+function lt(e) {
+  return re();
+}
+function it(e, n = !0, s) {
+  lt() ? ve(e, s) : n ? e() : ae(e);
+}
+function ct(e = !1, n = {}) {
+  const {
+    truthyValue: s = !0,
+    falsyValue: a = !1
+  } = n, i = Te(e), l = V(e);
+  function p(h) {
+    if (arguments.length)
+      return l.value = h, l.value;
+    {
+      const v = se(s);
+      return l.value = l.value === v ? se(a) : v, l.value;
+    }
+  }
+  return i ? p : [l, p];
+}
+function Rt(e, n, s) {
+  const a = $(e, (...i) => (ae(() => a()), n(...i)), s);
+  return a;
+}
+const ce = nt ? window : void 0;
+function X(e) {
+  var n;
+  const s = se(e);
+  return (n = s == null ? void 0 : s.$el) != null ? n : s;
+}
+function ut(...e) {
+  let n, s, a, i;
+  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([s, a, i] = e, n = ce) : [n, s, a, i] = e, !n)
+    return rt;
+  Array.isArray(s) || (s = [s]), Array.isArray(a) || (a = [a]);
+  const l = [], p = () => {
+    l.forEach((E) => E()), l.length = 0;
+  }, h = (E, o, b, c) => (E.addEventListener(o, b, c), () => E.removeEventListener(o, b, c)), v = $(
+    () => [X(n), se(i)],
+    ([E, o]) => {
+      if (p(), !E)
+        return;
+      const b = at(o) ? { ...o } : o;
+      l.push(
+        ...s.flatMap((c) => a.map((y) => h(E, c, y, b)))
+      );
+    },
+    { immediate: !0, flush: "post" }
+  ), I = () => {
+    v(), p();
+  };
+  return ye(I), I;
+}
+function dt(e) {
+  return typeof e == "function" ? e : typeof e == "string" ? (n) => n.key === e : Array.isArray(e) ? (n) => e.includes(n.key) : () => !0;
+}
+function _e(...e) {
+  let n, s, a = {};
+  e.length === 3 ? (n = e[0], s = e[1], a = e[2]) : e.length === 2 ? typeof e[1] == "object" ? (n = !0, s = e[0], a = e[1]) : (n = e[0], s = e[1]) : (n = !0, s = e[0]);
+  const {
+    target: i = ce,
+    eventName: l = "keydown",
+    passive: p = !1,
+    dedupe: h = !1
+  } = a, v = dt(n);
+  return ut(i, l, (E) => {
+    E.repeat && se(h) || v(E) && s(E);
+  }, p);
+}
+function de(e, n, s = {}) {
+  return _e(e, n, { ...s, eventName: "keydown" });
+}
+function fe(e, n, s = {}) {
+  return _e(e, n, { ...s, eventName: "keyup" });
+}
+function ft() {
+  const e = V(!1), n = re();
+  return n && ve(() => {
+    e.value = !0;
+  }, n), e;
+}
+function pt(e) {
+  const n = ft();
+  return z(() => (n.value, !!e()));
+}
+function mt(e) {
+  return JSON.parse(JSON.stringify(e));
+}
+function ht(e, n, s = {}) {
+  const { window: a = ce, ...i } = s;
+  let l;
+  const p = pt(() => a && "ResizeObserver" in a), h = () => {
+    l && (l.disconnect(), l = void 0);
+  }, v = z(() => {
+    const o = se(e);
+    return Array.isArray(o) ? o.map((b) => X(b)) : [X(o)];
+  }), I = $(
+    v,
+    (o) => {
+      if (h(), p.value && a) {
+        l = new ResizeObserver(n);
+        for (const b of o)
+          b && l.observe(b, i);
+      }
+    },
+    { immediate: !0, flush: "post" }
+  ), E = () => {
+    h(), I();
+  };
+  return ye(E), {
+    isSupported: p,
+    stop: E
+  };
+}
+function $t(e, n = { width: 0, height: 0 }, s = {}) {
+  const { window: a = ce, box: i = "content-box" } = s, l = z(() => {
+    var o, b;
+    return (b = (o = X(e)) == null ? void 0 : o.namespaceURI) == null ? void 0 : b.includes("svg");
+  }), p = V(n.width), h = V(n.height), { stop: v } = ht(
+    e,
+    ([o]) => {
+      const b = i === "border-box" ? o.borderBoxSize : i === "content-box" ? o.contentBoxSize : o.devicePixelContentBoxSize;
+      if (a && l.value) {
+        const c = X(e);
+        if (c) {
+          const y = c.getBoundingClientRect();
+          p.value = y.width, h.value = y.height;
+        }
+      } else if (b) {
+        const c = Array.isArray(b) ? b : [b];
+        p.value = c.reduce((y, { inlineSize: u }) => y + u, 0), h.value = c.reduce((y, { blockSize: u }) => y + u, 0);
+      } else
+        p.value = o.contentRect.width, h.value = o.contentRect.height;
+    },
+    s
+  );
+  it(() => {
+    const o = X(e);
+    o && (p.value = "offsetWidth" in o ? o.offsetWidth : n.width, h.value = "offsetHeight" in o ? o.offsetHeight : n.height);
+  });
+  const I = $(
+    () => X(e),
+    (o) => {
+      p.value = o ? n.width : 0, h.value = o ? n.height : 0;
+    }
+  );
+  function E() {
+    v(), I();
+  }
+  return {
+    width: p,
+    height: h,
+    stop: E
+  };
+}
+function Ut(e, n, s, a = {}) {
+  var i, l, p;
+  const {
+    clone: h = !1,
+    passive: v = !1,
+    eventName: I,
+    deep: E = !1,
+    defaultValue: o,
+    shouldEmit: b
+  } = a, c = re(), y = s || (c == null ? void 0 : c.emit) || ((i = c == null ? void 0 : c.$emit) == null ? void 0 : i.bind(c)) || ((p = (l = c == null ? void 0 : c.proxy) == null ? void 0 : l.$emit) == null ? void 0 : p.bind(c == null ? void 0 : c.proxy));
+  let u = I;
+  n || (n = "modelValue"), u = u || `update:${n.toString()}`;
+  const w = (D) => h ? typeof h == "function" ? h(D) : mt(D) : D, N = () => ot(e[n]) ? w(e[n]) : o, d = (D) => {
+    b ? b(D) && y(u, D) : y(u, D);
+  };
+  if (v) {
+    const D = N(), A = V(D);
+    let P = !1;
+    return $(
+      () => e[n],
+      (r) => {
+        P || (P = !0, A.value = w(r), ae(() => P = !1));
+      }
+    ), $(
+      A,
+      (r) => {
+        !P && (r !== e[n] || E) && d(r);
+      },
+      { deep: E }
+    ), A;
+  } else
+    return z({
+      get() {
+        return N();
+      },
+      set(D) {
+        d(D);
+      }
+    });
+}
+function Bt() {
+  const { isDark: e } = ue(), n = ct(e);
+  return {
+    isDark: e,
+    toggleDark: n
+  };
+}
+function vt() {
+  const e = V(!1);
+  return ve(() => {
+    gt(e), yt(e);
+  }), $(
+    () => e.value,
+    () => {
+      e.value ? document.documentElement.classList.add("dark") : document.documentElement.classList.remove("dark");
+    }
+  ), {
+    isDark: e
+  };
+}
+function gt(e) {
+  var n = document.documentElement;
+  n && (n.classList.contains("dark") ? e.value = !0 : e.value = !1);
+}
+function yt(e) {
+  var n = document.querySelector("html"), s = new MutationObserver(function(a) {
+    for (var i of a)
+      if (i.type === "attributes" && i.attributeName === "class") {
+        const l = i.target;
+        new Array(...l.classList).includes("dark") ? e.value = !0 : e.value = !1;
+      }
+  });
+  s.observe(n, {
+    attributes: !0,
+    attributeFilter: ["class"]
+  }), Ee(() => {
+    s.disconnect();
+  });
+}
+function wt() {
+  const e = V(1), n = V(!1), { isDark: s } = vt(), { pressSpace: a, pressShift: i, pressCtrl: l } = Dt();
+  return {
+    canvasScale: e,
+    pressSpace: a,
+    pressShift: i,
+    pressCtrl: l,
+    disabledZoom: n,
+    isDark: s
+  };
+}
+const ue = tt(wt);
+function Dt() {
+  const e = V(!1), n = V(!1), s = V(!1);
+  return de(" ", () => {
+    e.value = !0;
+  }), fe(" ", () => {
+    e.value = !1;
+  }), de("Shift", (a) => {
+    a.preventDefault(), n.value = !0;
+  }), fe("Shift", () => {
+    n.value = !1;
+  }), de("Control", (a) => {
+    a.preventDefault(), s.value = !0;
+  }), fe("Control", () => {
+    s.value = !1;
+  }), { pressSpace: e, pressShift: n, pressCtrl: s };
+}
+function Tt(e) {
+  const { pressSpace: n } = ue(), s = new Image(1, 1);
+  s.src = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+M9QDwADhgGAWjR9awAAAABJRU5ErkJggg==";
+  let a = 0, i = 0;
+  function l(v) {
+    var I;
+    n.value && (a = v.x, i = v.y, (I = v.dataTransfer) == null || I.setDragImage(document.createElement("div"), 0, 0));
+  }
+  function p(v) {
+    if (v.preventDefault(), !v.x || !v.y || !n.value)
+      return;
+    const I = v.x - a, E = v.y - i;
+    a = v.x, i = v.y, e.value && (e.value.scrollTop -= E, e.value.scrollLeft -= I);
+  }
+  function h() {
+    n.value = !1;
+  }
+  return { handleElementDragStart: l, handleElementDrag: p, handleElementDragEnd: h };
+}
+function Lt(e) {
+  const { pressCtrl: n, canvasScale: s, disabledZoom: a } = ue();
+  function i(l) {
+    if (!n.value || a.value)
+      return;
+    l.preventDefault();
+    let p = 0;
+    l.deltaY < 0 ? p = s.value + 0.05 : p = s.value - 0.05, !(p > 150 || p < 0.5) && (s.value = p);
+  }
+  return $(
+    () => s.value,
+    (l) => {
+      e.value && !a.value && (e.value.style.transform = `scale(${l})`);
+    }
+  ), { handleZoom: i, canvasScale: s };
+}
+function Jt(e, n = 16.66) {
+  let s;
+  function a() {
+    i(), s = window.setInterval(e, n);
+  }
+  function i() {
+    window.clearInterval(s);
+  }
+  return {
+    startTimedQuery: a,
+    stopTimedQuery: i
+  };
+}
+const St = { class: "min-w-750px rounded" }, Et = { class: "h-full rounded" }, bt = /* @__PURE__ */ ne({
+  __name: "index",
+  setup(e, { expose: n }) {
+    const s = U.getComponent("monacoEditor"), a = U.getComponent("modal"), i = V(null), l = V(!1), p = V(!1), h = V({}), v = q("pageSchema"), I = V(null), E = V("");
+    function o() {
+      p.value = !1;
+    }
+    function b() {
+      l.value = !1;
+    }
+    function c() {
+      l.value = !0, E.value = We();
+    }
+    async function y() {
+      try {
+        let u = await I.value.validateAll();
+        if (!Object.keys(u).length) {
+          alert("请添加表单组件后再尝试！");
+          return;
+        }
+        Object.keys(u).length === 1 && (u = u.default), h.value = JSON.stringify(u, null, 2), ae(() => {
+          var w;
+          (w = i.value) == null || w.setValue(h.value);
+        }), p.value = !0;
+      } catch (u) {
+        console.error(u);
+      }
+    }
+    return n({
+      handleOpen: c
+    }), (u, w) => (B(), W(F(a), {
+      modelValue: l.value,
+      "onUpdate:modelValue": w[1] || (w[1] = (N) => l.value = N),
+      title: "预览",
+      class: "w-900px",
+      width: "900px",
+      onClose: b,
+      onOk: y,
+      okText: "表单数据"
+    }, {
+      default: R(() => [
+        Q("div", St, [
+          (B(), W(F(et), {
+            key: E.value,
+            ref_key: "kb",
+            ref: I,
+            "page-schema": F(v)
+          }, null, 8, ["page-schema"])),
+          K(F(a), {
+            modelValue: p.value,
+            "onUpdate:modelValue": w[0] || (w[0] = (N) => p.value = N),
+            title: "表单数据",
+            class: "w-860px",
+            width: "860px",
+            onClose: o,
+            onOk: o
+          }, {
+            default: R(() => [
+              Q("div", Et, [
+                K(F(s), {
+                  ref_key: "monacoEditorRef",
+                  ref: i,
+                  autoToggleTheme: "",
+                  readOnly: "",
+                  class: "h-full editor",
+                  "model-value": h.value
+                }, null, 8, ["model-value"])
+              ])
+            ]),
+            _: 1
+          }, 8, ["modelValue"])
+        ])
+      ]),
+      _: 1
+    }, 8, ["modelValue"]));
+  }
+}), At = {
+  key: 0,
+  class: "epic-loading-box"
+}, xt = { class: "epic-designer-main" }, It = { class: "epic-header-container" }, _t = { class: "epic-loading-box" }, Ht = /* @__PURE__ */ ne({
+  __name: "designer",
+  props: {
+    disabledZoom: { type: Boolean, default: !1 },
+    hiddenHeader: { type: Boolean, default: !1 },
+    lockDefaultSchemaEdit: { type: Boolean, default: !1 },
+    formMode: { type: Boolean, default: !1 },
+    title: { default: "EpicDesigner默认项目" },
+    defaultSchema: {},
+    sourceCodeReadOnly: { type: Boolean },
+    source: { default: [] },
+    updateSourceId: {}
+  },
+  emits: [
+    "ready",
+    "save",
+    "reset",
+    "toggleDeviceMode",
+    "saveSourceData",
+    "deleteSourceData",
+    "updateSourceData"
+  ],
+  setup(e, { expose: n, emit: s }) {
+    const { t: a } = ge(), i = j(() => import("./index-D7z34DMU.js")), l = j(() => import("./index-Sin3ac_7.js")), p = j(() => import("./index-Cwgv4MbW.js")), h = j(() => import("./index-BiXYEiWV.js")), v = j(() => import("./index-DgcFxYFp.js")), I = Ie(), E = Ge(), o = e;
+    let b = {
+      schemas: [
+        {
+          type: "form",
+          id: "root",
+          label: a("page"),
+          children: [],
+          componentProps: {
+            name: a("form"),
+            style: {
+              padding: "16px"
+            }
+          }
+        }
+        // {
+        //   type: "form",
+        //   id: "root",
+        //   label: "表单",
+        //   children: [],
+        //   componentProps: {
+        //     style: {
+        //       margin: "0px",
+        //     },
+        //     name: "default",
+        //     labelWidth: "100px",
+        //     labelLayout: "fixed",
+        //     labelCol: {
+        //       span: 5,
+        //     },
+        //     wrapperCol: {
+        //       span: 19,
+        //     },
+        //   },
+        // },
+      ],
+      script: `const { defineExpose, find } = epic;
+
+function test (){
+    console.log('test')
+}
+
+// 通过defineExpose暴露的函数或者属性
+defineExpose({
+ test
+})`
+    };
+    ie(() => {
+      if (o.defaultSchema) {
+        b = o.defaultSchema;
+        return;
+      }
+      o.source && U.setSourceData(o.source), o.formMode && (b.schemas = U.formSchemas);
+    }), I.setDesignMode(), I.setDefaultComponentIds(b.schemas);
+    const c = s, y = V(null), u = te({
+      checkedNode: null,
+      hoverNode: null,
+      disableHover: !1,
+      matched: []
+    }), w = te({
+      schemas: [],
+      script: b.script
+    }), { disabledZoom: N } = ue();
+    ie(() => {
+      N.value = o.disabledZoom;
+    }), ie(() => {
+      const S = w.script;
+      S && S !== "" && I.setMethods(S);
+    }), J("pageSchema", w), J("revoke", E), J("pageManager", I), J(
+      "designerProps",
+      z(() => o)
+    ), J("designer", {
+      setCheckedNode: D,
+      setHoverNode: A,
+      setDisableHover: r,
+      handleToggleDeviceMode: Z,
+      reset: x,
+      state: u
+    }), ee.on("saveSourceData", (S) => {
+      c("saveSourceData", S);
+    }), ee.on("deleteSourceData", (S) => {
+      c("deleteSourceData", S);
+    }), ee.on("updateSourceData", (S) => {
+      c("updateSourceData", S);
+    });
+    function d() {
+      w.schemas = Y(b.schemas), D(w.schemas[0]), E.push(w.schemas, "初始化撤销功能");
+    }
+    async function D(S = w.schemas[0]) {
+      u.checkedNode = S, u.matched = Ze(w.schemas, S.id);
+    }
+    async function A(S = null) {
+      var T;
+      if (!S || u.disableHover)
+        return u.hoverNode = null, !1;
+      if ((S == null ? void 0 : S.id) === ((T = u.hoverNode) == null ? void 0 : T.id))
+        return !1;
+      u.hoverNode = S;
+    }
+    function P() {
+      ae(() => {
+        c("ready", { pageManager: I });
+      });
+    }
+    async function r(S = !1) {
+      u.disableHover = S;
+    }
+    function M(S) {
+      oe(w, Y(S));
+    }
+    function g() {
+      return we(w);
+    }
+    function x() {
+      xe(w.schemas, b.schemas) && w.script === b.script || (oe(w.schemas, b.schemas), w.script = b.script, D(w.schemas[0]), E.push(w.schemas, "重置操作"), c("reset", w));
+    }
+    function m() {
+      c("save", we(w));
+    }
+    function Z(S) {
+      c("toggleDeviceMode", S);
+    }
+    function H() {
+      y.value.handleOpen();
+    }
+    return d(), n({
+      revoke: E,
+      setData: M,
+      getData: g,
+      reset: x,
+      preview: H
+    }), (S, T) => F(U).initialized.value ? (B(), W(Ae, {
+      key: 1,
+      onResolve: P
+    }, {
+      default: R(() => [
+        Q("div", xt, [
+          Q("div", It, [
+            L(S.$slots, "header", {}, () => [
+              o.hiddenHeader ? be("", !0) : (B(), W(F(i), {
+                key: 0,
+                onPreview: H,
+                onSave: m
+              }, {
+                header: R(() => [
+                  L(S.$slots, "header-prefix")
+                ]),
+                prefix: R(() => [
+                  L(S.$slots, "header-prefix")
+                ]),
+                title: R(() => [
+                  L(S.$slots, "header-title")
+                ]),
+                "right-prefix": R(() => [
+                  L(S.$slots, "header-right-prefix")
+                ]),
+                "right-action": R(() => [
+                  L(S.$slots, "header-right-action")
+                ]),
+                "right-suffix": R(() => [
+                  L(S.$slots, "header-right-suffix")
+                ]),
+                _: 3
+              }))
+            ])
+          ]),
+          Q("div", {
+            class: He(["epic-split-view-container", { "hidden-header": S.hiddenHeader }])
+          }, [
+            K(F(l)),
+            K(F(p)),
+            K(F(h))
+          ], 2),
+          K(bt, {
+            ref_key: "previewRef",
+            ref: y
+          }, null, 512)
+        ])
+      ]),
+      fallback: R(() => [
+        Q("div", _t, [
+          K(F(v))
+        ])
+      ]),
+      _: 3
+    })) : (B(), he("div", At));
+  }
+}), Ot = {
+  component: async () => await import("./index-BstMY1Nn.js"),
+  defaultSchema: {
+    label: "代码编辑器",
+    type: "monacoEditor",
+    field: "monacoEditor",
+    icon: "epic-icon-write",
+    input: !0
+  },
+  config: {
+    attribute: [
+      {
+        label: "字段名",
+        type: "input",
+        field: "field"
+      },
+      {
+        label: "标题",
+        type: "input",
+        field: "label"
+      },
+      {
+        label: "默认值",
+        type: "monacoEditor",
+        field: "componentProps.defaultValue"
+      }
+    ]
+  },
+  bindModel: "model-value"
+}, { t: pe } = ge(), Ct = {
+  component: async () => await import("./index-DiDIFoTk.js"),
+  defaultSchema: {
+    label: pe("page"),
+    type: "page",
+    componentProps: {},
+    children: []
+  },
+  config: {
+    attribute: [
+      {
+        label: pe("pageName"),
+        type: "input",
+        componentProps: {
+          placeholder: pe("pleaseEnter")
+        },
+        field: "componentProps.name"
+      }
+    ]
+  }
+}, { t: le } = ge();
+function Pt(e) {
+  e.component("EInputSize", async () => await import("./index-BPmq8lmK.js")), e.component("EColEditor", async () => await import("./index-Bsv8EECz.js")), e.component("EActionEditor", async () => await import("./index-dUOJH8fj.js")), e.component("ERuleEditor", async () => await import("./index-BoVrWUpL.js")), e.component("EOptionsEditor", async () => await import("./index-Dru9G2MF.js")), e.component("ENode", async () => await import("./index-BY9j66Gp.js")), e.component("EDataSource", async () => await import("./index-C6C5D9M8.js")), e.registerActivitybar({
+    id: "component_view",
+    title: le("component"),
+    icon: "icon--epic--extension-outline",
+    component: async () => await import("./index-DdsHIglg.js")
+  }), e.registerActivitybar({
+    id: "outline_view",
+    title: le("outline"),
+    icon: "icon--epic--account-tree-outline-rounded",
+    component: async () => await import("./outline-CG-aHThT.js")
+  }), e.registerRightSidebar({
+    id: "attribute_view",
+    title: le("attribute"),
+    component: async () => await import("./attributeView-CPrGnVQ8.js")
+  }), e.registerRightSidebar({
+    id: "style_view",
+    title: le("style"),
+    component: async () => await import("./styleView-CkbdwQhA.js")
+  }), [Ot, Ct].forEach((s) => {
+    e.registerComponent(s);
+  });
+}
+Pt(U);
+export {
+  Ye as _,
+  Jt as a,
+  ht as b,
+  Tt as c,
+  $t as d,
+  Lt as e,
+  Ft as f,
+  Ut as g,
+  Bt as h,
+  et as i,
+  Ht as j,
+  Ie as k,
+  Ge as l,
+  Dt as m,
+  vt as n,
+  gt as o,
+  wt as p,
+  ue as u,
+  Rt as w
+};