epic-designer-gold 0.0.4 → 0.0.5

package/dist/index-Cq1qV6v1.js

@@ -0,0 +1,1509 @@
+import { ref as S, reactive as Z, defineComponent as G, openBlock as R, createBlock as L, unref as k, mergeProps as he, withCtx as x, renderSlot as O, getCurrentInstance as ee, inject as W, watch as V, useAttrs as Ee, provide as $, shallowRef as De, computed as N, watchEffect as oe, onUnmounted as ve, resolveComponent as Ie, resolveDynamicComponent as ke, createVNode as T, normalizeProps as Ce, guardReactiveProps as _e, createCommentVNode as ye, useSlots as xe, createElementBlock as de, Suspense as ge, createElementVNode as z, Fragment as Ve, renderList as Fe, nextTick as Y, effectScope as Me, isRef as Pe, getCurrentScope as Re, onScopeDispose as Oe, onMounted as fe, normalizeClass as $e, toRaw as me } from "vue";
+import { p as M, l as q, E as ie } from "./pluginManager-D8PM7ICc.js";
+function ae(e = 10) {
+  const a = "abcdefghijklmnopqrstuvwxyz0123456789";
+  let n = "";
+  for (let o = 0; o < e; o++) {
+    const t = Math.floor(Math.random() * a.length);
+    n += a[t];
+  }
+  return n;
+}
+function Be(e) {
+  return e.charAt(0).toUpperCase() + e.slice(1);
+}
+function B(e, a = /* @__PURE__ */ new WeakMap()) {
+  if (typeof e != "object" || e === null)
+    return e;
+  if (a.has(e))
+    return a.get(e);
+  if (Array.isArray(e)) {
+    const o = e.map((t) => B(t, a));
+    return a.set(e, o), o;
+  }
+  const n = {};
+  return a.set(e, n), Object.keys(e).forEach((o) => {
+    n[o] = B(e[o], a);
+  }), n;
+}
+function Ct(e) {
+  const [a] = Le([B(e)], (n) => {
+    var t, s;
+    const o = {
+      ...n,
+      id: `${n.type}_${ae(8)}`
+    };
+    return (o.field || o.input) && !((s = (t = M.getComponentConfingByType(o.type)) == null ? void 0 : t.editConstraints) != null && s.fixedField) && (o.field = o.id), o;
+  });
+  return a;
+}
+function J(e, a, n = !0) {
+  for (const [o, t] of Object.entries(a)) {
+    let s = e == null ? void 0 : e[o];
+    s && t && typeof s == "object" && typeof t == "object" ? (Array.isArray(s) && !Array.isArray(t) ? s = e[o] = {} : !Array.isArray(s) && Array.isArray(t) && (s = e[o] = []), J(s, t, n)) : e[o] = t;
+  }
+  n && Object.keys(e).reverse().forEach((o) => {
+    a.hasOwnProperty(o) || (Array.isArray(e) ? e.splice(Number(o), 1) : delete e[o]);
+  });
+}
+function we(e, a, n = [], o = /* @__PURE__ */ new WeakMap()) {
+  const t = (s) => {
+    if (Array.isArray(s))
+      return s.map(t);
+    if (typeof s == "object" && s !== null) {
+      if (o.has(s))
+        return "[Circular]";
+      o.set(s, !0);
+      const l = Object.keys(s).sort(), i = {};
+      return l.forEach((c) => {
+        n.includes(c) || (i[c] = t(s[c]));
+      }), o.delete(s), i;
+    } else
+      return s;
+  };
+  return JSON.stringify(t(e)) === JSON.stringify(t(a));
+}
+function Ne(e, a) {
+  const n = [];
+  let o = !1;
+  function t(s) {
+    if (n.push(s), s.id === a && (o = !0), !o && s.children != null && s.children.length > 0)
+      for (let l = 0; l < s.children.length && (t(s.children[l]), !o); l++)
+        ;
+    if (!o && s.slots)
+      for (let l in s.slots)
+        for (let i = 0; i < s.slots[l].length && (t(s.slots[l][i]), !o); i++)
+          ;
+    o || n.pop();
+  }
+  return e.forEach(t), o || console.error(`没有查询到id为${a}的节点`), n;
+}
+function _t(e, a, n) {
+  const o = a.split(".");
+  let t = e;
+  for (let s = 0; s < o.length; s++) {
+    if (t == null)
+      return n;
+    t = t[o[s]];
+  }
+  return t === void 0 ? n : t;
+}
+function xt(e, a, n) {
+  const o = a.replace(/\[(\d+)\]/g, ".$1").split(".").filter(Boolean);
+  let t = e;
+  for (let s = 0; s < o.length - 1; s++) {
+    const l = o[s];
+    t[l] == null && (t[l] = isNaN(Number(o[s + 1])) ? {} : []), t = t[l];
+  }
+  return t[o[o.length - 1]] = n, e;
+}
+function Vt(e, a = "default") {
+  return Te(e, a).map((o) => o.field);
+}
+function Te(e, a = "default") {
+  const n = j(
+    e,
+    (t) => {
+      var s;
+      return t.type === "form" && (((s = t.componentProps) == null ? void 0 : s.name) ?? t.name === a);
+    },
+    !0
+  );
+  return j(
+    (n == null ? void 0 : n.children) ?? [],
+    (t) => !!t.input,
+    !1,
+    (t) => t.type !== "subform"
+  );
+}
+function j(e, a, n = !1, o) {
+  const t = [], s = [...e];
+  for (; s.length; ) {
+    const l = s.pop();
+    if (l != null && l.children && (!o || o(l)) && s.push(...l.children), l != null && l.slots && (!o || o(l)))
+      for (let i in l.slots)
+        s.push(...l.slots[i]);
+    if (a(l) && (t.push(l), n))
+      return l;
+  }
+  return n ? !1 : t;
+}
+function Le(e, a, n) {
+  const o = [...e];
+  for (; o.length; ) {
+    const t = o.pop();
+    if (t != null && t.children && (!n || n(t)) && o.push(...t.children), t != null && t.slots && (!n || n(t)))
+      for (let s in t.slots)
+        o.push(...t.slots[s]);
+    J(t, a(t));
+  }
+  return e;
+}
+function Ft(e, a) {
+  const n = j(
+    e,
+    (o) => o.id === a,
+    !0
+  );
+  if (!n)
+    throw new Error(`没有查询到id为${a}的节点`);
+  return n;
+}
+function Mt(e, a) {
+  const n = [{ type: "", children: e }];
+  let o = 0, t = null;
+  if (j(
+    n,
+    (s) => {
+      if (t = s.children ?? null, !t) {
+        if (s != null && s.slots)
+          for (let l in s.slots) {
+            t = s.slots[l];
+            for (let i = 0; i < t.length; i++)
+              if (t[i].id === a)
+                return o = i, !0;
+          }
+        return !1;
+      }
+      for (let l = 0; l < t.length; l++)
+        if (t[l].id === a)
+          return o = l, !0;
+      return !1;
+    },
+    !0
+  ), !t)
+    throw new Error(`没有查询到id为${a}的节点`);
+  return {
+    list: t,
+    schema: t[o],
+    index: o
+  };
+}
+function Pt(e) {
+  const a = {
+    schemas: [
+      {
+        type: "page",
+        id: "root",
+        label: "页面",
+        children: [
+          {
+            label: "表单",
+            type: "form",
+            icon: "epic-icon-daibanshixiang",
+            labelWidth: e.config.labelWidth || 100,
+            name: "default",
+            componentProps: {
+              layout: e.config.layout || "horizontal",
+              labelWidth: e.config.labelWidth || 100,
+              labelLayout: e.config.labelLayout === "flex" ? "fixed" : "flex",
+              labelCol: e.config.labelCol || { span: 5 },
+              wrapperCol: e.config.wrapperCol || { span: 19 },
+              hideRequiredMark: e.config.hideRequiredMark || !1,
+              colon: e.config.colon || !0,
+              labelAlign: e.config.labelAlign || "right",
+              size: e.config.size || "middle"
+            },
+            children: [],
+            id: "form_" + ae()
+          }
+        ],
+        componentProps: {
+          style: {
+            padding: "16px"
+          }
+        }
+      }
+    ],
+    script: e.script || ""
+  };
+  return a.schemas[0].children[0].children = X(e.list), a;
+}
+function X(e, a) {
+  return e.map((n) => {
+    var c, w, m;
+    let o = n.type ?? "";
+    const t = n.options ?? {}, s = (r, h) => {
+      o === r && (o = h, t.defaultValue && (t.defaultValue = JSON.parse(t.defaultValue)));
+    };
+    if (s("uploadImg", "upload-image"), s("uploadFile", "upload-file"), o === "date" && t.range && (t.type = "daterange", delete t.range), (o === "date" || o === "time") && (t.valueFormat = t.format), o === "textarea") {
+      const { minRows: r, maxRows: h } = t;
+      t.autoSize = { minRows: r, maxRows: h }, delete t.minRows, delete t.maxRows;
+    }
+    o === "number" && !t.precision && delete t.precision, t.width && (t.style = { width: t.width }, delete t.width), o === "grid" && (o = "row"), a && a.type === "grid" && (o = "col", t.span = n.span, n.key = ae());
+    const l = {
+      label: n.label,
+      type: o,
+      icon: n.icon || "",
+      field: n.model,
+      componentProps: t,
+      id: n.key
+    };
+    return (t.noFormItem || !t.showLabel) && (l.noFormItem = !0, delete t.noFormItem, delete t.showLabel), t.clearable && (t.allowClear = !0, delete t.clearable), [
+      "input",
+      "textarea",
+      "number",
+      "password",
+      "select",
+      "cascader",
+      "checkbox",
+      "radio",
+      "date",
+      "time",
+      "slider",
+      "switch",
+      "color-picker",
+      "upload-file",
+      "upload-image"
+    ].includes(o) && (l.input = !0, ((w = (c = n.rules) == null ? void 0 : c[0]) == null ? void 0 : w.required) === !1 && n.rules.shift(), ((m = n.rules) == null ? void 0 : m.length) > 0 && (l.rules = n.rules)), n.list && (l.children = X(n.list, n)), n.columns && (l.children = X(n.columns, n)), n.trs && (l.children = X(n.trs, n)), n.tds && (l.children = X(n.tds, n)), l;
+  });
+}
+function Rt(e, a) {
+  let n = null;
+  return (...o) => {
+    n && clearTimeout(n), n = setTimeout(() => {
+      e(...o);
+    }, a);
+  };
+}
+function be() {
+  const e = S({}), a = S({}), n = S(!1), o = S([]), t = Z({});
+  function s(f) {
+    return e.value[f];
+  }
+  function l(f, y) {
+    e.value[f] = y;
+  }
+  function i(f) {
+    delete e.value[f];
+  }
+  function c(f, y = !1) {
+    const g = Object.entries(M.publicMethods).reduce(
+      (A, [_, U]) => (A[_] = U.handler, A),
+      {}
+    );
+    try {
+      new Function(`const epic = this;${f}`).bind({
+        ...g,
+        getComponent: s,
+        find: s,
+        defineExpose: w,
+        publicMethods: g,
+        pluginManager: M
+      })();
+    } catch (A) {
+      y && console.error("[epic：自定义函数]异常：", A);
+    }
+  }
+  function w(f) {
+    f != null && (a.value = f);
+  }
+  function m(f, ...y) {
+    if (!f || f.length === 0) {
+      console.warn("未提供任何动作");
+      return;
+    }
+    f.forEach((g) => {
+      const A = g.args ? JSON.parse(g.args) : y;
+      switch (g.type) {
+        case "public":
+          r(g, A);
+          break;
+        case "custom":
+          h(g, A);
+          break;
+        case "component":
+          u(g, A);
+          break;
+        default:
+          console.warn(`未知的动作类型: ${g.type}`);
+          break;
+      }
+    });
+  }
+  function r(f, y) {
+    var g;
+    try {
+      (g = M.publicMethods[f.methodName]) == null || g.handler(...y);
+    } catch (A) {
+      console.error(`[Epic：公共函数(${f.methodName})]执行异常:`, A);
+    }
+  }
+  function h(f, y) {
+    var g, A;
+    try {
+      (A = (g = a.value)[f.methodName]) == null || A.call(g, ...y);
+    } catch (_) {
+      console.error(`[Epic：自定义函数(${f.methodName})]执行异常:`, _);
+    }
+  }
+  function u(f, y) {
+    const g = f.componentId != null && s(f.componentId);
+    if (!g) {
+      console.warn(`[Epic：组件${f.componentId}]未找到`);
+      return;
+    }
+    try {
+      g[f.methodName](...y);
+    } catch (A) {
+      console.error(`[Epic：组件${f.componentId}函数(${f.methodName})]执行异常:`, A);
+    }
+  }
+  function p(f = !0) {
+    n.value = f;
+  }
+  function d(f) {
+    const y = j(f, () => !0);
+    o.value = y.map((g) => g.id);
+  }
+  function E(f, y = "default") {
+    if (t[y]) {
+      const g = t[y];
+      J(f, g);
+    }
+    t[y] = f;
+  }
+  function C(f, y = "default") {
+    if (t[y]) {
+      J(t[y], f, !1);
+      return;
+    }
+    t[y] = f;
+  }
+  return {
+    componentInstances: e,
+    funcs: a,
+    isDesignMode: n,
+    defaultComponentIds: o,
+    forms: t,
+    addFormData: E,
+    setFormData: C,
+    getComponentInstance: s,
+    // 简化查询函数, 推荐使用
+    find: s,
+    addComponentInstance: l,
+    removeComponentInstance: i,
+    setMethods: c,
+    doActions: m,
+    setDesignMode: p,
+    setDefaultComponentIds: d
+  };
+}
+function Ue() {
+  const e = S([]), a = S([]), n = S(null);
+  let o = 0;
+  function t(c, w = "插入组件") {
+    const m = Date.now();
+    o + 150 > m || (o = m, n.value != null && (e.value.push(n.value), a.value.splice(0, a.value.length)), n.value = {
+      type: w,
+      componentSchema: JSON.stringify(c)
+    }, e.value.length > 60 && e.value.unshift());
+  }
+  function s() {
+    if (e.value.length === 0)
+      return !1;
+    const c = e.value.pop();
+    return n.value != null && a.value.push(n.value), n.value = c, JSON.parse(c.componentSchema);
+  }
+  function l() {
+    if (a.value.length === 0)
+      return !1;
+    const c = a.value.pop();
+    return n.value != null && e.value.push(n.value), n.value = c, JSON.parse(c.componentSchema);
+  }
+  function i() {
+    e.value = [], a.value = [], n.value = null;
+  }
+  return {
+    recordList: e,
+    undoList: a,
+    currentRecord: n,
+    push: t,
+    undo: s,
+    redo: l,
+    reset: i
+  };
+}
+const ze = /* @__PURE__ */ G({
+  __name: "dynamicFormItem",
+  props: {
+    hasFormItem: { type: Boolean },
+    formItemProps: {}
+  },
+  emits: ["updateFormItemRef"],
+  setup(e, { emit: a }) {
+    const n = M.getComponent("form-item"), o = e, t = a, s = S(), l = () => {
+      t("updateFormItemRef", s.value);
+    };
+    return (i, c) => o.hasFormItem ? (R(), L(k(n), he({
+      key: 0,
+      ref_key: "formItemRef",
+      ref: s,
+      onVnodeMounted: l
+    }, o.formItemProps), {
+      default: x(() => [
+        O(i.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["onVnodeMounted"])) : O(i.$slots, "default", { key: 1 });
+  }
+}), Je = /* @__PURE__ */ G({
+  name: "ENode",
+  __name: "node",
+  props: {
+    componentSchema: {},
+    modelValue: {},
+    ruleField: {},
+    resetFormData: { type: Boolean },
+    name: {},
+    dynamicId: {}
+  },
+  emits: ["update:modelValue", "change", "update:dynamicId"],
+  setup(e, { emit: a }) {
+    const { proxy: n } = ee(), o = e, t = S(null);
+    let s = W("formData", Z({}));
+    const l = W("slots", {}), i = W("pageManager", {}), c = W("disabled", { value: !1 }), w = W("ruleFieldPrefix", null), m = W("resetFormData", !1);
+    let r = Z(B(o.componentSchema));
+    h(), V(
+      () => o.componentSchema,
+      (v) => {
+        we(r, v, ["children"]) || (J(r, B(v)), h());
+      },
+      {
+        deep: !0
+      }
+    );
+    function h() {
+      i.isDesignMode.value && typeof r.field == "string" && (r.field += "-design-mode");
+    }
+    (o.resetFormData || m) && (s = {});
+    const u = a, p = S(), d = S(), E = (v) => {
+      d.value = v;
+    }, C = Ee();
+    Object.keys(C).length && $("nodeAttrs", C);
+    const f = De(null), y = N(() => {
+      var v, D;
+      return (v = r.componentProps) != null && v.hidden ? !1 : typeof r.show == "boolean" ? r.show : ((D = r.show) == null ? void 0 : D.call(r, { values: s })) ?? !0;
+    }), g = N(() => {
+      var P;
+      const v = y.value && ((P = r.rules) == null ? void 0 : P.map((I) => ({
+        ...I,
+        validator: I.validator && i.funcs.value[I.validator]
+        // 自定义校验函数
+      })));
+      let D = r.field;
+      o.ruleField ? D = o.ruleField : w && r.field && (D = B(w), D.push(r.field));
+      const F = {
+        ...r,
+        rules: v,
+        rule: v,
+        field: D
+      };
+      return F.children && delete F.children, F;
+    }), A = N(() => {
+      var F, P;
+      const v = ((F = _.value) == null ? void 0 : F.bindModel) ?? "modelValue", D = {};
+      return r.on && Object.keys(r.on).forEach((I) => {
+        D[`on${Be(I)}`] = (...Ae) => i.doActions(r.on[I], ...Ae);
+      }), {
+        ...o,
+        ...r.componentProps,
+        disabled: (c == null ? void 0 : c.value) || ((P = r.componentProps) == null ? void 0 : P.disabled),
+        bindModel: v,
+        ...D
+      };
+    }), _ = N(() => M.getComponentConfingByType(r.type) ?? null);
+    oe(() => {
+      t.value = o.modelValue ?? s[r.field ?? ""];
+    }), V(
+      () => t.value,
+      () => {
+        t.value !== (o.modelValue ?? s[r.field ?? ""]) && K(t.value);
+      }
+    ), V(
+      () => p.value,
+      () => {
+        U();
+      },
+      { immediate: !0 }
+    );
+    function U() {
+      var D;
+      const v = p.value || n;
+      r.id && v && (r.input && (v.setValue = K, v.getValue = () => s[r.field] || o.modelValue), v.setAttr = (F, P) => (r.componentProps || (r.componentProps = {}), r.componentProps[F] = P), v.getAttr = (F) => r.componentProps[F], i.addComponentInstance(r.id, v), (D = _.value) != null && D.defaultSchema.input && r.noFormItem !== !0 && d.value && i.addComponentInstance(r.id + "formItem", d.value));
+    }
+    function te() {
+      var v;
+      r.id && (i.removeComponentInstance(r.id), (v = _.value) != null && v.defaultSchema.input && r.noFormItem !== !0 && i.removeComponentInstance(r.id + "formItem"));
+    }
+    async function le() {
+      var D, F, P;
+      if (typeof ((D = r.componentProps) == null ? void 0 : D.defaultValue) < "u") {
+        const I = i.isDesignMode.value ? (F = r.componentProps) == null ? void 0 : F.defaultValue : s[r.field] ?? ((P = r.componentProps) == null ? void 0 : P.defaultValue);
+        K(B(I));
+      }
+      if (r.type === "slot") {
+        const I = r.slotName;
+        if (!I) return;
+        f.value = G({
+          setup() {
+            return () => O(l, I, {
+              componentSchema: r,
+              model: s
+            });
+          }
+        });
+        return;
+      }
+      const v = M.getComponent(r.type);
+      if (!v) {
+        console.error(`组件${r.type}未注册`);
+        return;
+      }
+      if (typeof v == "function") {
+        const I = await v();
+        f.value = I.default ?? I;
+      } else
+        f.value = v;
+    }
+    function K(v) {
+      u("update:modelValue", v), u("change", v), r.field && (s[r.field] = v);
+    }
+    function ne(v) {
+      u("update:dynamicId", v);
+    }
+    let b = null;
+    return V(
+      () => r,
+      (v) => {
+        const D = JSON.stringify({ ...v, children: void 0 });
+        if (D === b)
+          return !1;
+        b = D, le();
+      },
+      {
+        immediate: !0,
+        deep: !0
+      }
+    ), ve(te), (v, D) => {
+      var P;
+      const F = Ie("ENode");
+      return f.value && y.value ? (R(), L(ze, {
+        key: 0,
+        hasFormItem: k(r).noFormItem !== !0 && ((P = _.value) == null ? void 0 : P.defaultSchema.input),
+        formItemProps: g.value,
+        onUpdateFormItemRef: E
+      }, {
+        default: x(() => [
+          (R(), L(ke(f.value), he({
+            ref_key: "componentInstance",
+            ref: p,
+            onVnodeMounted: U,
+            model: k(s)
+          }, { ...A.value }, {
+            [A.value.bindModel]: t.value,
+            ["onUpdate:" + A.value.bindModel]: D[0] || (D[0] = (I) => t.value = I),
+            [`onUpdate:${A.value.bindModel}` || ""]: K,
+            "onUpdate:dynamicId": ne
+          }), {
+            node: x((I) => [
+              T(F, Ce(_e(I)), null, 16)
+            ]),
+            "edit-node": x(() => [
+              O(v.$slots, "edit-node")
+            ]),
+            _: 3
+          }, 16, ["model"]))
+        ]),
+        _: 3
+      }, 8, ["hasFormItem", "formItemProps"])) : ye("", !0);
+    };
+  }
+});
+function We() {
+  const e = S(!1), a = be(), n = S({});
+  function o() {
+    return new Promise((u) => {
+      if (e.value)
+        u();
+      else {
+        const p = V(e, () => {
+          p(), u();
+        });
+      }
+    });
+  }
+  async function t(u = "default") {
+    var d;
+    await o();
+    const p = (d = n.value) == null ? void 0 : d[u];
+    if (!p) throw new Error(`表单 [name=${u}] 不存在`);
+    return p;
+  }
+  async function s(u, p) {
+    const d = await t(u);
+    return B(await p(d));
+  }
+  async function l(u = "default") {
+    return await s(u, (p) => p.getData());
+  }
+  function i(u, p = "default") {
+    var E;
+    a.setFormData(u, p);
+    const d = (E = n.value) == null ? void 0 : E[p];
+    d == null || d.clearValidate();
+  }
+  async function c(u = "default") {
+    return await s(u, async (p) => (await p.validate(), await p.getData()));
+  }
+  async function w(u) {
+    await o();
+    const p = {};
+    for (const d in n.value) {
+      const E = n.value[d];
+      E && (p[d] = B(await u(E)));
+    }
+    return p;
+  }
+  async function m() {
+    return await w((u) => u.getData());
+  }
+  function r(u) {
+    for (const p in u)
+      i(u[p], p);
+  }
+  async function h() {
+    return await w(async (u) => (await u.validate(), await u.getData()));
+  }
+  return {
+    ready: e,
+    pageManager: a,
+    forms: n,
+    getData: l,
+    setData: i,
+    validate: c,
+    getForms: m,
+    setForms: r,
+    validateAll: h,
+    getFormInstance: t
+  };
+}
+const He = {
+  key: 0,
+  class: "epic-loading-box"
+}, Ke = { class: "epic-builder-main" }, qe = { class: "epic-loading-box" }, Ze = /* @__PURE__ */ G({
+  __name: "builder",
+  props: {
+    pageSchema: {},
+    formData: {},
+    disabled: { type: Boolean }
+  },
+  emits: ["ready"],
+  setup(e, { expose: a, emit: n }) {
+    const o = q(() => import("./index-DgcFxYFp.js")), t = n, { ready: s, pageManager: l, forms: i, getData: c, setData: w, validate: m, getForms: r, setForms: h, validateAll: u, getFormInstance: p } = We(), d = e, E = Z({
+      schemas: []
+    });
+    V(
+      () => d.pageSchema,
+      (g) => {
+        J(E, g);
+      },
+      {
+        immediate: !0,
+        deep: !0
+      }
+    ), V(
+      () => d.formData,
+      (g) => {
+        g && w(g);
+      },
+      {
+        immediate: !0,
+        deep: !0
+      }
+    ), V(
+      () => E.script,
+      (g) => {
+        g && l.setMethods(g, !0);
+      },
+      {
+        immediate: !0
+      }
+    ), $("slots", xe()), $("pageManager", l), $("forms", i), $("pageSchema", E), $(
+      "disabled",
+      N(() => d.disabled)
+    );
+    const C = ee(), f = C == null ? void 0 : C.proxy;
+    function y() {
+      Y(() => {
+        s.value = !0, t("ready", l), f && l.addComponentInstance("builder", f);
+      });
+    }
+    return a({
+      ready: s,
+      pageManager: l,
+      getData: c,
+      setData: w,
+      validate: m,
+      getForms: r,
+      setForms: h,
+      validateAll: u,
+      getFormInstance: p
+    }), (g, A) => k(M).initialized.value ? (R(), L(ge, {
+      key: 1,
+      onResolve: y
+    }, {
+      default: x(() => [
+        z("div", Ke, [
+          (R(!0), de(Ve, null, Fe(E.schemas, (_, U) => (R(), L(k(Je), {
+            key: U,
+            componentSchema: _
+          }, null, 8, ["componentSchema"]))), 128))
+        ])
+      ]),
+      fallback: x(() => [
+        z("div", qe, [
+          T(k(o))
+        ])
+      ]),
+      _: 1
+    })) : (R(), de("div", He));
+  }
+});
+function pe(e) {
+  return Re() ? (Oe(e), !0) : !1;
+}
+function Ge(e) {
+  let a = 0, n, o;
+  const t = () => {
+    a -= 1, o && a <= 0 && (o.stop(), n = void 0, o = void 0);
+  };
+  return (...s) => (a += 1, o || (o = Me(!0), n = o.run(() => e(...s))), pe(t), n);
+}
+function Q(e) {
+  return typeof e == "function" ? e() : k(e);
+}
+const Qe = typeof window < "u" && typeof document < "u";
+typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
+const Ye = (e) => typeof e < "u", Xe = Object.prototype.toString, je = (e) => Xe.call(e) === "[object Object]", et = () => {
+};
+function tt(e) {
+  return ee();
+}
+function nt(e, a = !0, n) {
+  tt() ? fe(e, n) : a ? e() : Y(e);
+}
+function ot(e = !1, a = {}) {
+  const {
+    truthyValue: n = !0,
+    falsyValue: o = !1
+  } = a, t = Pe(e), s = S(e);
+  function l(i) {
+    if (arguments.length)
+      return s.value = i, s.value;
+    {
+      const c = Q(n);
+      return s.value = s.value === c ? Q(o) : c, s.value;
+    }
+  }
+  return t ? l : [s, l];
+}
+function Ot(e, a, n) {
+  const o = V(e, (...t) => (Y(() => o()), a(...t)), n);
+  return o;
+}
+const se = Qe ? window : void 0;
+function H(e) {
+  var a;
+  const n = Q(e);
+  return (a = n == null ? void 0 : n.$el) != null ? a : n;
+}
+function at(...e) {
+  let a, n, o, t;
+  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([n, o, t] = e, a = se) : [a, n, o, t] = e, !a)
+    return et;
+  Array.isArray(n) || (n = [n]), Array.isArray(o) || (o = [o]);
+  const s = [], l = () => {
+    s.forEach((m) => m()), s.length = 0;
+  }, i = (m, r, h, u) => (m.addEventListener(r, h, u), () => m.removeEventListener(r, h, u)), c = V(
+    () => [H(a), Q(t)],
+    ([m, r]) => {
+      if (l(), !m)
+        return;
+      const h = je(r) ? { ...r } : r;
+      s.push(
+        ...n.flatMap((u) => o.map((p) => i(m, u, p, h)))
+      );
+    },
+    { immediate: !0, flush: "post" }
+  ), w = () => {
+    c(), l();
+  };
+  return pe(w), w;
+}
+function st(e) {
+  return typeof e == "function" ? e : typeof e == "string" ? (a) => a.key === e : Array.isArray(e) ? (a) => e.includes(a.key) : () => !0;
+}
+function Se(...e) {
+  let a, n, o = {};
+  e.length === 3 ? (a = e[0], n = e[1], o = e[2]) : e.length === 2 ? typeof e[1] == "object" ? (a = !0, n = e[0], o = e[1]) : (a = e[0], n = e[1]) : (a = !0, n = e[0]);
+  const {
+    target: t = se,
+    eventName: s = "keydown",
+    passive: l = !1,
+    dedupe: i = !1
+  } = o, c = st(a);
+  return at(t, s, (m) => {
+    m.repeat && Q(i) || c(m) && n(m);
+  }, l);
+}
+function ce(e, a, n = {}) {
+  return Se(e, a, { ...n, eventName: "keydown" });
+}
+function ue(e, a, n = {}) {
+  return Se(e, a, { ...n, eventName: "keyup" });
+}
+function rt() {
+  const e = S(!1), a = ee();
+  return a && fe(() => {
+    e.value = !0;
+  }, a), e;
+}
+function lt(e) {
+  const a = rt();
+  return N(() => (a.value, !!e()));
+}
+function it(e) {
+  return JSON.parse(JSON.stringify(e));
+}
+function ct(e, a, n = {}) {
+  const { window: o = se, ...t } = n;
+  let s;
+  const l = lt(() => o && "ResizeObserver" in o), i = () => {
+    s && (s.disconnect(), s = void 0);
+  }, c = N(() => {
+    const r = Q(e);
+    return Array.isArray(r) ? r.map((h) => H(h)) : [H(r)];
+  }), w = V(
+    c,
+    (r) => {
+      if (i(), l.value && o) {
+        s = new ResizeObserver(a);
+        for (const h of r)
+          h && s.observe(h, t);
+      }
+    },
+    { immediate: !0, flush: "post" }
+  ), m = () => {
+    i(), w();
+  };
+  return pe(m), {
+    isSupported: l,
+    stop: m
+  };
+}
+function $t(e, a = { width: 0, height: 0 }, n = {}) {
+  const { window: o = se, box: t = "content-box" } = n, s = N(() => {
+    var r, h;
+    return (h = (r = H(e)) == null ? void 0 : r.namespaceURI) == null ? void 0 : h.includes("svg");
+  }), l = S(a.width), i = S(a.height), { stop: c } = ct(
+    e,
+    ([r]) => {
+      const h = t === "border-box" ? r.borderBoxSize : t === "content-box" ? r.contentBoxSize : r.devicePixelContentBoxSize;
+      if (o && s.value) {
+        const u = H(e);
+        if (u) {
+          const p = u.getBoundingClientRect();
+          l.value = p.width, i.value = p.height;
+        }
+      } else if (h) {
+        const u = Array.isArray(h) ? h : [h];
+        l.value = u.reduce((p, { inlineSize: d }) => p + d, 0), i.value = u.reduce((p, { blockSize: d }) => p + d, 0);
+      } else
+        l.value = r.contentRect.width, i.value = r.contentRect.height;
+    },
+    n
+  );
+  nt(() => {
+    const r = H(e);
+    r && (l.value = "offsetWidth" in r ? r.offsetWidth : a.width, i.value = "offsetHeight" in r ? r.offsetHeight : a.height);
+  });
+  const w = V(
+    () => H(e),
+    (r) => {
+      l.value = r ? a.width : 0, i.value = r ? a.height : 0;
+    }
+  );
+  function m() {
+    c(), w();
+  }
+  return {
+    width: l,
+    height: i,
+    stop: m
+  };
+}
+function Bt(e, a, n, o = {}) {
+  var t, s, l;
+  const {
+    clone: i = !1,
+    passive: c = !1,
+    eventName: w,
+    deep: m = !1,
+    defaultValue: r,
+    shouldEmit: h
+  } = o, u = ee(), p = n || (u == null ? void 0 : u.emit) || ((t = u == null ? void 0 : u.$emit) == null ? void 0 : t.bind(u)) || ((l = (s = u == null ? void 0 : u.proxy) == null ? void 0 : s.$emit) == null ? void 0 : l.bind(u == null ? void 0 : u.proxy));
+  let d = w;
+  a || (a = "modelValue"), d = d || `update:${a.toString()}`;
+  const E = (y) => i ? typeof i == "function" ? i(y) : it(y) : y, C = () => Ye(e[a]) ? E(e[a]) : r, f = (y) => {
+    h ? h(y) && p(d, y) : p(d, y);
+  };
+  if (c) {
+    const y = C(), g = S(y);
+    let A = !1;
+    return V(
+      () => e[a],
+      (_) => {
+        A || (A = !0, g.value = E(_), Y(() => A = !1));
+      }
+    ), V(
+      g,
+      (_) => {
+        !A && (_ !== e[a] || m) && f(_);
+      },
+      { deep: m }
+    ), g;
+  } else
+    return N({
+      get() {
+        return C();
+      },
+      set(y) {
+        f(y);
+      }
+    });
+}
+function Nt() {
+  const { isDark: e } = re(), a = ot(e);
+  return {
+    isDark: e,
+    toggleDark: a
+  };
+}
+function ut() {
+  const e = S(!1);
+  return fe(() => {
+    dt(e), ft(e);
+  }), V(
+    () => e.value,
+    () => {
+      e.value ? document.documentElement.classList.add("dark") : document.documentElement.classList.remove("dark");
+    }
+  ), {
+    isDark: e
+  };
+}
+function dt(e) {
+  var a = document.documentElement;
+  a && (a.classList.contains("dark") ? e.value = !0 : e.value = !1);
+}
+function ft(e) {
+  var a = document.querySelector("html"), n = new MutationObserver(function(o) {
+    for (var t of o)
+      if (t.type === "attributes" && t.attributeName === "class") {
+        const s = t.target;
+        new Array(...s.classList).includes("dark") ? e.value = !0 : e.value = !1;
+      }
+  });
+  n.observe(a, {
+    attributes: !0,
+    attributeFilter: ["class"]
+  }), ve(() => {
+    n.disconnect();
+  });
+}
+function pt() {
+  const e = S(1), a = S(!1), { isDark: n } = ut(), { pressSpace: o, pressShift: t, pressCtrl: s } = mt();
+  return {
+    canvasScale: e,
+    pressSpace: o,
+    pressShift: t,
+    pressCtrl: s,
+    disabledZoom: a,
+    isDark: n
+  };
+}
+const re = Ge(pt);
+function mt() {
+  const e = S(!1), a = S(!1), n = S(!1);
+  return ce(" ", () => {
+    e.value = !0;
+  }), ue(" ", () => {
+    e.value = !1;
+  }), ce("Shift", (o) => {
+    o.preventDefault(), a.value = !0;
+  }), ue("Shift", () => {
+    a.value = !1;
+  }), ce("Control", (o) => {
+    o.preventDefault(), n.value = !0;
+  }), ue("Control", () => {
+    n.value = !1;
+  }), { pressSpace: e, pressShift: a, pressCtrl: n };
+}
+function Tt(e) {
+  const { pressSpace: a } = re(), n = new Image(1, 1);
+  n.src = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+M9QDwADhgGAWjR9awAAAABJRU5ErkJggg==";
+  let o = 0, t = 0;
+  function s(c) {
+    var w;
+    a.value && (o = c.x, t = c.y, (w = c.dataTransfer) == null || w.setDragImage(document.createElement("div"), 0, 0));
+  }
+  function l(c) {
+    if (c.preventDefault(), !c.x || !c.y || !a.value)
+      return;
+    const w = c.x - o, m = c.y - t;
+    o = c.x, t = c.y, e.value && (e.value.scrollTop -= m, e.value.scrollLeft -= w);
+  }
+  function i() {
+    a.value = !1;
+  }
+  return { handleElementDragStart: s, handleElementDrag: l, handleElementDragEnd: i };
+}
+function Lt(e) {
+  const { pressCtrl: a, canvasScale: n, disabledZoom: o } = re();
+  function t(s) {
+    if (!a.value || o.value)
+      return;
+    s.preventDefault();
+    let l = 0;
+    s.deltaY < 0 ? l = n.value + 0.05 : l = n.value - 0.05, !(l > 150 || l < 0.5) && (n.value = l);
+  }
+  return V(
+    () => n.value,
+    (s) => {
+      e.value && !o.value && (e.value.style.transform = `scale(${s})`);
+    }
+  ), { handleZoom: t, canvasScale: n };
+}
+function Ut(e, a = 16.66) {
+  let n;
+  function o() {
+    t(), n = window.setInterval(e, a);
+  }
+  function t() {
+    window.clearInterval(n);
+  }
+  return {
+    startTimedQuery: o,
+    stopTimedQuery: t
+  };
+}
+const ht = { class: "min-w-750px rounded" }, vt = { class: "h-full rounded" }, yt = /* @__PURE__ */ G({
+  __name: "index",
+  setup(e, { expose: a }) {
+    const n = M.getComponent("monacoEditor"), o = M.getComponent("modal"), t = S(null), s = S(!1), l = S(!1), i = S({}), c = W("pageSchema"), w = S(null), m = S("");
+    function r() {
+      l.value = !1;
+    }
+    function h() {
+      s.value = !1;
+    }
+    function u() {
+      s.value = !0, m.value = ae();
+    }
+    async function p() {
+      try {
+        let d = await w.value.validateAll();
+        if (!Object.keys(d).length) {
+          alert("请添加表单组件后再尝试！");
+          return;
+        }
+        Object.keys(d).length === 1 && (d = d.default), i.value = JSON.stringify(d, null, 2), Y(() => {
+          var E;
+          (E = t.value) == null || E.setValue(i.value);
+        }), l.value = !0;
+      } catch (d) {
+        console.error(d);
+      }
+    }
+    return a({
+      handleOpen: u
+    }), (d, E) => (R(), L(k(o), {
+      modelValue: s.value,
+      "onUpdate:modelValue": E[1] || (E[1] = (C) => s.value = C),
+      title: "预览",
+      class: "w-900px",
+      width: "900px",
+      onClose: h,
+      onOk: p,
+      okText: "表单数据"
+    }, {
+      default: x(() => [
+        z("div", ht, [
+          (R(), L(k(Ze), {
+            key: m.value,
+            ref_key: "kb",
+            ref: w,
+            "page-schema": k(c)
+          }, null, 8, ["page-schema"])),
+          T(k(o), {
+            modelValue: l.value,
+            "onUpdate:modelValue": E[0] || (E[0] = (C) => l.value = C),
+            title: "表单数据",
+            class: "w-860px",
+            width: "860px",
+            onClose: r,
+            onOk: r
+          }, {
+            default: x(() => [
+              z("div", vt, [
+                T(k(n), {
+                  ref_key: "monacoEditorRef",
+                  ref: t,
+                  autoToggleTheme: "",
+                  readOnly: "",
+                  class: "h-full editor",
+                  "model-value": i.value
+                }, null, 8, ["model-value"])
+              ])
+            ]),
+            _: 1
+          }, 8, ["modelValue"])
+        ])
+      ]),
+      _: 1
+    }, 8, ["modelValue"]));
+  }
+}), gt = {
+  key: 0,
+  class: "epic-loading-box"
+}, wt = { class: "epic-designer-main" }, bt = { class: "epic-header-container" }, St = { class: "epic-loading-box" }, zt = /* @__PURE__ */ G({
+  __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: [] }
+  },
+  emits: [
+    "ready",
+    "save",
+    "reset",
+    "toggleDeviceMode",
+    "saveSourceData",
+    "deleteSourceData",
+    "updateSourceData"
+  ],
+  setup(e, { expose: a, emit: n }) {
+    const o = q(() => import("./index-CsBTnVvp.js")), t = q(() => import("./index-M-hTLR0c.js")), s = q(() => import("./index-CyeaJlxA.js")), l = q(() => import("./index-uaq_HmHi.js")), i = q(() => import("./index-DgcFxYFp.js")), c = be(), w = Ue(), m = e;
+    let r = {
+      schemas: [
+        {
+          type: "form",
+          id: "root",
+          label: "页面",
+          children: [],
+          componentProps: {
+            name: "表单",
+            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
+})`
+    };
+    oe(() => {
+      if (m.defaultSchema) {
+        r = m.defaultSchema;
+        return;
+      }
+      m.source && m.source.length && M.setSourceData(m.source), m.formMode && (r.schemas = M.formSchemas);
+    }), c.setDesignMode(), c.setDefaultComponentIds(r.schemas);
+    const h = n, u = S(null), p = Z({
+      checkedNode: null,
+      hoverNode: null,
+      disableHover: !1,
+      matched: []
+    }), d = Z({
+      schemas: [],
+      script: r.script
+    }), { disabledZoom: E } = re();
+    oe(() => {
+      E.value = m.disabledZoom;
+    }), oe(() => {
+      const b = d.script;
+      b && b !== "" && c.setMethods(b);
+    }), $("pageSchema", d), $("revoke", w), $("pageManager", c), $(
+      "designerProps",
+      N(() => m)
+    ), $("designer", {
+      setCheckedNode: f,
+      setHoverNode: y,
+      setDisableHover: A,
+      handleToggleDeviceMode: K,
+      reset: te,
+      state: p
+    }), ie.on("saveSourceData", (b) => {
+      h("saveSourceData", b);
+    }), ie.on("deleteSourceData", (b) => {
+      h("deleteSourceData", b);
+    }), ie.on("updateSourceData", (b) => {
+      h("updateSourceData", b);
+    });
+    function C() {
+      d.schemas = B(r.schemas), f(d.schemas[0]), w.push(d.schemas, "初始化撤销功能");
+    }
+    async function f(b = d.schemas[0]) {
+      p.checkedNode = b, p.matched = Ne(d.schemas, b.id);
+    }
+    async function y(b = null) {
+      var v;
+      if (!b || p.disableHover)
+        return p.hoverNode = null, !1;
+      if ((b == null ? void 0 : b.id) === ((v = p.hoverNode) == null ? void 0 : v.id))
+        return !1;
+      p.hoverNode = b;
+    }
+    function g() {
+      Y(() => {
+        h("ready", { pageManager: c });
+      });
+    }
+    async function A(b = !1) {
+      p.disableHover = b;
+    }
+    function _(b) {
+      J(d, B(b));
+    }
+    function U() {
+      return me(d);
+    }
+    function te() {
+      we(d.schemas, r.schemas) && d.script === r.script || (J(d.schemas, r.schemas), d.script = r.script, f(d.schemas[0]), w.push(d.schemas, "重置操作"), h("reset", d));
+    }
+    function le() {
+      h("save", me(d));
+    }
+    function K(b) {
+      h("toggleDeviceMode", b);
+    }
+    function ne() {
+      u.value.handleOpen();
+    }
+    return C(), a({
+      revoke: w,
+      setData: _,
+      getData: U,
+      reset: te,
+      preview: ne
+    }), (b, v) => k(M).initialized.value ? (R(), L(ge, {
+      key: 1,
+      onResolve: g
+    }, {
+      default: x(() => [
+        z("div", wt, [
+          z("div", bt, [
+            O(b.$slots, "header", {}, () => [
+              m.hiddenHeader ? ye("", !0) : (R(), L(k(o), {
+                key: 0,
+                onPreview: ne,
+                onSave: le
+              }, {
+                header: x(() => [
+                  O(b.$slots, "header-prefix")
+                ]),
+                prefix: x(() => [
+                  O(b.$slots, "header-prefix")
+                ]),
+                title: x(() => [
+                  O(b.$slots, "header-title")
+                ]),
+                "right-prefix": x(() => [
+                  O(b.$slots, "header-right-prefix")
+                ]),
+                "right-action": x(() => [
+                  O(b.$slots, "header-right-action")
+                ]),
+                "right-suffix": x(() => [
+                  O(b.$slots, "header-right-suffix")
+                ]),
+                _: 3
+              }))
+            ])
+          ]),
+          z("div", {
+            class: $e(["epic-split-view-container", { "hidden-header": b.hiddenHeader }])
+          }, [
+            T(k(t)),
+            T(k(s)),
+            T(k(l))
+          ], 2),
+          T(yt, {
+            ref_key: "previewRef",
+            ref: u
+          }, null, 512)
+        ])
+      ]),
+      fallback: x(() => [
+        z("div", St, [
+          T(k(i))
+        ])
+      ]),
+      _: 3
+    })) : (R(), de("div", gt));
+  }
+}), At = {
+  component: async () => await import("./index-DuHnyT85.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"
+}, Et = {
+  component: async () => await import("./index-DiDIFoTk.js"),
+  defaultSchema: {
+    label: "页面",
+    type: "page",
+    componentProps: {},
+    children: []
+  },
+  config: {
+    attribute: [
+      {
+        label: "页面名称",
+        type: "input",
+        componentProps: {
+          placeholder: "请输入"
+        },
+        field: "componentProps.name"
+      }
+    ]
+  }
+};
+function Dt(e) {
+  e.component("EInputSize", async () => await import("./index-HM72iSCq.js")), e.component("EColEditor", async () => await import("./index-C0BbA32V.js")), e.component("EActionEditor", async () => await import("./index-C2kcV-J4.js")), e.component("ERuleEditor", async () => await import("./index-KwL5jE1T.js")), e.component("EOptionsEditor", async () => await import("./index-DyV3tWzZ.js")), e.component("ENode", async () => await import("./index-BrsEjVOq.js")), e.component("EDataSource", async () => await import("./index-DFg9vStb.js")), e.registerActivitybar({
+    id: "component_view",
+    title: "组件",
+    icon: "icon--epic--extension-outline",
+    component: async () => await import("./index-E6KwAQoV.js")
+  }), e.registerActivitybar({
+    id: "sound_code_view",
+    title: "源码",
+    icon: "icon--epic--sdk-outline-rounded",
+    component: async () => await import("./index-C1iu91xM.js")
+  }), e.registerActivitybar({
+    id: "outline_view",
+    title: "大纲",
+    icon: "icon--epic--account-tree-outline-rounded",
+    component: async () => await import("./outline-utbOTCBV.js")
+  }), e.registerRightSidebar({
+    id: "attribute_view",
+    title: "属性",
+    component: async () => await import("./attributeView-Bv_SPKKn.js")
+  }), e.registerRightSidebar({
+    id: "style_view",
+    title: "样式",
+    component: async () => await import("./styleView-BTbs7sw1.js")
+  }), e.registerRightSidebar({
+    id: "event_view",
+    title: "事件",
+    component: async () => await import("./eventView-B2sBIhbt.js")
+  }), [At, Et].forEach((n) => {
+    e.registerComponent(n);
+  });
+}
+Dt(M);
+export {
+  Te as A,
+  j as B,
+  Le as C,
+  X as D,
+  Be as E,
+  mt as F,
+  ut as G,
+  dt as H,
+  pt as I,
+  Je as _,
+  Ut as a,
+  ct as b,
+  Pt as c,
+  J as d,
+  Tt as e,
+  Mt as f,
+  Ct as g,
+  $t as h,
+  Lt as i,
+  Rt as j,
+  ae as k,
+  Ft as l,
+  B as m,
+  Bt as n,
+  we as o,
+  _t as p,
+  Nt as q,
+  Ze as r,
+  xt as s,
+  zt as t,
+  re as u,
+  be as v,
+  Ot as w,
+  Ue as x,
+  Ne as y,
+  Vt as z
+};