epic-designer-gold 1.0.31 → 1.0.33

package/dist/index-sFE9uQIP.js

@@ -0,0 +1,1712 @@
+import { ref as F, reactive as de, defineComponent as fe, createBlock as ae, renderSlot as X, openBlock as Y, unref as W, mergeProps as xe, withCtx as Z, getCurrentInstance as ye, inject as se, watch as K, useAttrs as Ze, provide as k, shallowRef as Re, computed as ee, watchEffect as Ee, onUnmounted as Ue, resolveComponent as Ge, createElementBlock as ge, Fragment as Te, createCommentVNode as Ne, createElementVNode as te, createStaticVNode as Qe, toDisplayString as Ye, resolveDynamicComponent as qe, createVNode as oe, useSlots as Xe, Suspense as Be, renderList as ke, nextTick as ce, onMounted as Fe, effectScope as je, isRef as et, readonly as tt, getCurrentScope as nt, onScopeDispose as ot, normalizeClass as at, toRaw as Ve } from "vue";
+import { f as rt, p as q, d as pe, a as ne, b as Je, c as st, E as re, l as ue, g as lt, e as it } from "./pluginManager-B0y107-1.js";
+import { a as j, u as Pe } from "./index-B1s67XDZ.js";
+import { ElMessage as ct } from "element-plus";
+import { a as ve } from "./index-3k1IXN1T.js";
+import { _ as ut } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+function pn(e, n) {
+  let o = null;
+  return (...s) => {
+    o && clearTimeout(o), o = setTimeout(() => {
+      e(...s);
+    }, n);
+  };
+}
+function ze() {
+  const e = F({}), n = F({}), o = F(!1), s = F([]), d = de({});
+  function a(p) {
+    return e.value[p];
+  }
+  function v(p, E) {
+    e.value[p] = E;
+  }
+  function i(p) {
+    delete e.value[p];
+  }
+  function w(p, E = !1) {
+    const $ = Object.entries(q.publicMethods).reduce(
+      (P, [y, H]) => (P[y] = H.handler, P),
+      {}
+    );
+    try {
+      new Function(`const epic = this;${p}`).bind({
+        ...$,
+        getComponent: a,
+        find: a,
+        defineExpose: A,
+        publicMethods: $,
+        pluginManager: q
+      })();
+    } catch (P) {
+      E && console.error("[epic：自定义函数]异常：", P);
+    }
+  }
+  function A(p) {
+    p != null && (n.value = p);
+  }
+  function _(p, ...E) {
+    if (!p || p.length === 0) {
+      console.warn("未提供任何动作");
+      return;
+    }
+    p.forEach(($) => {
+      const P = $.args ? JSON.parse($.args) : E;
+      switch ($.type) {
+        case "public":
+          m($, P);
+          break;
+        case "custom":
+          N($, P);
+          break;
+        case "component":
+          t($, P);
+          break;
+        default:
+          console.warn(`未知的动作类型: ${$.type}`);
+          break;
+      }
+    });
+  }
+  function m(p, E) {
+    var $;
+    try {
+      ($ = q.publicMethods[p.methodName]) == null || $.handler(...E);
+    } catch (P) {
+      console.error(`[Epic：公共函数(${p.methodName})]执行异常:`, P);
+    }
+  }
+  function N(p, E) {
+    var $, P;
+    try {
+      (P = ($ = n.value)[p.methodName]) == null || P.call($, ...E);
+    } catch (y) {
+      console.error(`[Epic：自定义函数(${p.methodName})]执行异常:`, y);
+    }
+  }
+  function t(p, E) {
+    const $ = p.componentId != null && a(p.componentId);
+    if (!$) {
+      console.warn(`[Epic：组件${p.componentId}]未找到`);
+      return;
+    }
+    try {
+      $[p.methodName](...E);
+    } catch (P) {
+      console.error(`[Epic：组件${p.componentId}函数(${p.methodName})]执行异常:`, P);
+    }
+  }
+  function b(p = !0) {
+    o.value = p;
+  }
+  function g(p) {
+    const E = rt(p, () => !0);
+    s.value = E.map(($) => $.id);
+  }
+  function D(p, E = "default") {
+    if (d[E]) {
+      const $ = d[E];
+      pe(p, $);
+    }
+    d[E] = p;
+  }
+  function M(p, E = "default") {
+    if (d[E]) {
+      pe(d[E], p, !1);
+      return;
+    }
+    d[E] = p;
+  }
+  return {
+    componentInstances: e,
+    funcs: n,
+    isDesignMode: o,
+    defaultComponentIds: s,
+    forms: d,
+    addFormData: D,
+    setFormData: M,
+    getComponentInstance: a,
+    // 简化查询函数, 推荐使用
+    find: a,
+    addComponentInstance: v,
+    removeComponentInstance: i,
+    setMethods: w,
+    doActions: _,
+    setDesignMode: b,
+    setDefaultComponentIds: g
+  };
+}
+function dt() {
+  const e = F([]), n = F([]), o = F(null);
+  let s = 0;
+  function d(w, A = "插入组件") {
+    const _ = Date.now();
+    s + 150 > _ || (s = _, o.value != null && (e.value.push(o.value), n.value.splice(0, n.value.length)), o.value = {
+      type: A,
+      componentSchema: JSON.stringify(w)
+    }, e.value.length > 60 && e.value.unshift());
+  }
+  function a() {
+    if (e.value.length === 0)
+      return !1;
+    const w = e.value.pop();
+    return o.value != null && n.value.push(o.value), o.value = w, JSON.parse(w.componentSchema);
+  }
+  function v() {
+    if (n.value.length === 0)
+      return !1;
+    const w = n.value.pop();
+    return o.value != null && e.value.push(o.value), o.value = w, JSON.parse(w.componentSchema);
+  }
+  function i() {
+    e.value = [], n.value = [], o.value = null;
+  }
+  return {
+    recordList: e,
+    undoList: n,
+    currentRecord: o,
+    push: d,
+    undo: a,
+    redo: v,
+    reset: i
+  };
+}
+const ft = /* @__PURE__ */ fe({
+  __name: "dynamicFormItem",
+  props: {
+    hasFormItem: { type: Boolean },
+    formItemProps: {}
+  },
+  emits: ["updateFormItemRef"],
+  setup(e, { emit: n }) {
+    const o = q.getComponent("form-item"), s = e, d = n, a = F(), v = () => {
+      d("updateFormItemRef", a.value);
+    };
+    return (i, w) => s.hasFormItem ? (Y(), ae(W(o), xe({
+      key: 0,
+      ref_key: "formItemRef",
+      ref: a,
+      onVnodeMounted: v
+    }, s.formItemProps), {
+      default: Z(() => [
+        X(i.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["onVnodeMounted"])) : X(i.$slots, "default", { key: 1 });
+  }
+}), pt = {
+  key: 0,
+  class: "epic-loading-box"
+}, mt = { class: "epic-loading-content" }, ht = { class: "epic-loading-text" }, vt = /* @__PURE__ */ fe({
+  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 o = F(!1), s = F("加载中"), { proxy: d } = ye(), a = e, v = F(null);
+    let i = se("formData", de({}));
+    const w = se("slots", {}), A = se("pageManager", {}), _ = se("disabled", { value: !1 }), m = se("ruleFieldPrefix", null), N = se("resetFormData", !1);
+    let t = de(ne(a.componentSchema));
+    p();
+    async function b(r) {
+      try {
+        o.value = !0, s.value = "正在识别中...请稍等";
+        const S = {
+          url: r.callBackUrl,
+          headers: {
+            Authorization: "Bearer " + j.get("Admin-Token"),
+            lang: j.get("saas-locale") || "zh-CN",
+            zone: Intl.DateTimeFormat().resolvedOptions().timeZone
+          }
+        }, R = (r.callBackMethod || "").toLowerCase(), O = { [r.callBackField]: r.url.join(",") };
+        R === "get" ? (S.method = "get", S.params = O) : (S.method = R || "post", S.data = O);
+        let U = await ve(S), f = {};
+        r.callBackDataPath ? f = r.callBackDataPath.split(".").reduce((G, Q) => G[Q], U.data) : f = U.data, r.validate && (r.validateParams.forEach((J) => {
+          i[J.value] = i.orcWarningInfo__copy_data[J.value];
+        }), i[r.field + "-orcWarningInfo"] = "", r.validateParams.forEach((J) => {
+          i[J.value] && f[J.value] !== i[J.value] && f[J.value] && (a.componentSchema.componentProps.validateStatus = !0, i[r.field + "-orcWarningInfo"] ? i[r.field + "-orcWarningInfo"] = i[r.field + "-orcWarningInfo"] + "，" + J.label + "已从" + i[J.value] + "改为" + f[J.value] : i[r.field + "-orcWarningInfo"] = J.label + "已从" + i[J.value] + "改为" + f[J.value]);
+        })), Object.assign(i, f);
+      } catch (S) {
+        ct.error("OCR 识别回调处理失败：" + S.message);
+      } finally {
+        o.value = !1, s.value = "加载中";
+      }
+    }
+    async function g({ value: r, field: S, fillDataSource: R, fillDataParams: O }) {
+      try {
+        o.value = !0;
+        const f = (await ve({
+          url: a.sourceDateUrl,
+          method: "get",
+          params: {
+            id: R ?? ""
+          },
+          headers: {
+            Authorization: "Bearer " + j.get("Admin-Token"),
+            lang: j.get("saas-locale") || "zh-CN",
+            //语言
+            zone: Intl.DateTimeFormat().resolvedOptions().timeZone
+            //时区
+          }
+        })).data.data;
+        let J = await ve({
+          url: f.url,
+          method: f.method,
+          data: f.body ? JSON.parse(f.body) : {},
+          params: f.params ? {
+            ...JSON.parse(f.params),
+            [S]: r
+          } : { [S]: r },
+          headers: {
+            ...JSON.parse(f.headers),
+            Authorization: "Bearer " + j.get("Admin-Token"),
+            lang: j.get("saas-locale") || "zh-CN",
+            //语言
+            zone: Intl.DateTimeFormat().resolvedOptions().timeZone
+            //时区
+          }
+        });
+        if (f && (f != null && f.dataPath)) {
+          let he = f.dataPath.split(".").reduce((we, Ke) => we[Ke], J.data);
+          O.split(",").forEach((we) => {
+            i[we] = he[we];
+          });
+        } else {
+          let G = J.data;
+          O.split(",").forEach((Q) => {
+            i[Q] = G[Q];
+          });
+        }
+        i.orcWarningInfo__copy_data = JSON.parse(JSON.stringify(i));
+      } catch (U) {
+        console.log(U);
+      } finally {
+        o.value = !1, s.value = "加载中";
+      }
+    }
+    async function D(r) {
+      if (["cascader", "checkbox", "select", "radio"].includes(r.type) && r.componentProps.dynamicId && a.sourceDateUrl) {
+        const O = (await ve({
+          //  || "http://192.168.28.205:3000/dev-api/data-source
+          url: a.sourceDateUrl,
+          method: "get",
+          params: {
+            id: r.componentProps.dynamicId ?? ""
+          },
+          headers: {
+            Authorization: "Bearer " + j.get("Admin-Token"),
+            lang: j.get("saas-locale") || "zh-CN",
+            //语言
+            zone: Intl.DateTimeFormat().resolvedOptions().timeZone
+            //时区
+          }
+        })).data.data;
+        let U = await ve({
+          url: O.url,
+          method: O.method,
+          data: O.body ? JSON.parse(O.body) : {},
+          params: O.params ? JSON.parse(O.params) : {},
+          headers: {
+            ...JSON.parse(O.headers),
+            Authorization: "Bearer " + j.get("Admin-Token"),
+            lang: j.get("saas-locale") || "zh-CN",
+            //语言
+            zone: Intl.DateTimeFormat().resolvedOptions().timeZone
+            //时区
+          }
+        });
+        if (O && (O != null && O.dataPath)) {
+          const J = O.dataPath.split(".").reduce((G, Q) => G[Q], U.data);
+          r.componentProps.options = M(J, O.dataKey, O.dataValue);
+        } else
+          r.componentProps.options = M(U.data, O.dataKey, O.dataValue);
+        return r;
+      }
+      return r;
+    }
+    function M(r, S, R) {
+      return r && Object.prototype.toString.call(r) === "[object Array]" ? r.map((O) => O.children && O.children.length ? {
+        label: O[S],
+        value: O[R] + "",
+        children: M(O.children, S, R)
+      } : {
+        label: O[S],
+        value: O[R] + ""
+      }) : [];
+    }
+    K(
+      () => a.componentSchema,
+      (r) => {
+        Je(t, r, ["children"]) || (pe(t, ne(r)), p());
+      },
+      {
+        deep: !0
+      }
+    );
+    function p() {
+      A.isDesignMode.value && typeof t.field == "string" && (t.field += "-design-mode");
+    }
+    (a.resetFormData || N) && (i = {});
+    const E = n, $ = F(), P = F(), y = (r) => {
+      P.value = r;
+    }, H = Ze();
+    Object.keys(H).length && k("nodeAttrs", H);
+    const z = Re(null), I = ee(() => {
+      var r, S;
+      return (r = t.componentProps) != null && r.hidden ? !1 : typeof t.show == "boolean" ? t.show : ((S = t.show) == null ? void 0 : S.call(t, { values: i })) ?? !0;
+    }), l = ee(() => {
+      var O;
+      const r = I.value && ((O = t.rules) == null ? void 0 : O.map((U) => ({
+        ...U,
+        validator: U.validator && A.funcs.value[U.validator]
+        // 自定义校验函数
+      })));
+      let S = t.field;
+      a.ruleField ? S = a.ruleField : m && t.field && (S = ne(m), S.push(t.field));
+      const R = {
+        ...t,
+        rules: r,
+        rule: r,
+        field: S
+      };
+      return R.children && delete R.children, R;
+    }), B = ee(() => {
+      var R, O, U;
+      const r = ((R = c.value) == null ? void 0 : R.bindModel) ?? "modelValue", S = {};
+      return t.on && Object.keys(t.on).forEach((f) => {
+        S[`on${st(f)}`] = (...J) => A.doActions(t.on[f], ...J);
+      }), t.type === "selectpage" && (t.componentProps.defaultData = {
+        value: i[t.field],
+        label: i[i[t.field]]
+      }), {
+        ...a,
+        ...t.componentProps,
+        sourceDateUrl: a.sourceDateUrl,
+        // 为了避免禁用对超链接输入框点击的影响
+        disabled: a.componentSchema.type === "input" && a.componentSchema.componentProps && ((O = a.componentSchema.componentProps) != null && O.isLink) ? !1 : (_ == null ? void 0 : _.value) || ((U = t.componentProps) == null ? void 0 : U.disabled),
+        bindModel: r,
+        ...S
+      };
+    }), c = ee(() => q.getComponentConfingByType(t.type) ?? null);
+    Ee(() => {
+      v.value = a.modelValue ?? i[t.field ?? ""];
+    }), K(
+      () => v.value,
+      () => {
+        v.value !== (a.modelValue ?? i[t.field ?? ""]) && h(v.value);
+      }
+    ), K(
+      () => $.value,
+      () => {
+        u();
+      },
+      { immediate: !0 }
+    );
+    function u() {
+      var S;
+      const r = $.value || d;
+      t != null && t.id && r && ((t.input || t.type === "table" && t.field || t.type === "card" && t.field && t.multiple) && (r.setValue = h, r.getValue = () => i[t.field] || a.modelValue), r.setAttr = (R, O) => (t.componentProps || (t.componentProps = {}), t.componentProps[R] = O), r.getAttr = (R) => t.componentProps[R], A.addComponentInstance(t == null ? void 0 : t.id, r), (S = c.value) != null && S.defaultSchema.input && t.noFormItem !== !0 && P.value && A.addComponentInstance((t == null ? void 0 : t.id) + "formItem", P.value));
+    }
+    function C() {
+      var r;
+      t.id && (A.removeComponentInstance(t == null ? void 0 : t.id), (r = c.value) != null && r.defaultSchema.input && t.noFormItem !== !0 && A.removeComponentInstance((t == null ? void 0 : t.id) + "formItem"));
+    }
+    async function V() {
+      var S, R, O;
+      if (t = await D(t), typeof ((S = t.componentProps) == null ? void 0 : S.defaultValue) < "u") {
+        const U = A.isDesignMode.value ? (R = t.componentProps) == null ? void 0 : R.defaultValue : i[t.field] ?? ((O = t.componentProps) == null ? void 0 : O.defaultValue);
+        h(ne(U));
+      }
+      if (t.type === "slot") {
+        const U = t.slotName;
+        if (!U) return;
+        z.value = fe({
+          setup() {
+            return () => X(w, U, {
+              componentSchema: t,
+              model: i
+            });
+          }
+        });
+        return;
+      }
+      const r = q.getComponent(t.type);
+      if (!r) {
+        console.error(`组件${t.type}未注册`);
+        return;
+      }
+      if (typeof r == "function") {
+        const U = await r();
+        z.value = U.default ?? U;
+      } else
+        r && (z.value = r);
+    }
+    function x(r) {
+      Object.prototype.toString.call(r) === "[object Array]" ? r.forEach((S) => {
+        i[S.value] = S.label;
+      }) : i[r.value] = r.label, a != null && a.id ? re.emit("updateformData" + (a == null ? void 0 : a.id), i) : re.emit("updateformData", i);
+    }
+    function h(r) {
+      E("update:modelValue", r), E("change", r), t.field && (i[t.field] = r), a != null && a.id ? re.emit("updateformData" + (a == null ? void 0 : a.id), i) : re.emit("updateformData", i);
+    }
+    function L(r) {
+      E("update:dynamicId", r);
+    }
+    let T = null;
+    return K(
+      () => t,
+      async (r) => {
+        const S = JSON.stringify({
+          ...r,
+          children: void 0,
+          componentProps: {
+            ...r.componentProps,
+            options: null
+          }
+        });
+        if (S === T)
+          return !1;
+        T = S, V();
+      },
+      {
+        immediate: !0,
+        deep: !0
+      }
+    ), Ue(C), (r, S) => {
+      var O;
+      const R = Ge("ENode");
+      return Y(), ge(Te, null, [
+        o.value ? (Y(), ge("div", pt, [
+          te("div", mt, [
+            S[1] || (S[1] = Qe('<div class="epic-loading-wave" data-v-685cd0a7><div class="wave" data-v-685cd0a7></div><div class="wave" data-v-685cd0a7></div><div class="wave" data-v-685cd0a7></div><div class="wave" data-v-685cd0a7></div><div class="wave" data-v-685cd0a7></div></div>', 1)),
+            te("span", ht, Ye(s.value), 1)
+          ])
+        ])) : Ne("", !0),
+        z.value && I.value ? (Y(), ae(ft, {
+          key: 1,
+          hasFormItem: W(t).noFormItem !== !0 && ((O = c.value) == null ? void 0 : O.defaultSchema.input),
+          formItemProps: l.value,
+          onUpdateFormItemRef: y
+        }, {
+          default: Z(() => [
+            (Y(), ae(qe(z.value), xe({
+              ref_key: "componentInstance",
+              ref: $,
+              onVnodeMounted: u,
+              model: W(i),
+              sourceDateUrl: a.sourceDateUrl
+            }, { ...B.value }, {
+              [B.value.bindModel]: v.value,
+              ["onUpdate:" + B.value.bindModel]: S[0] || (S[0] = (U) => v.value = U),
+              [`onUpdate:${B.value.bindModel}` || ""]: h,
+              "onUpdate:modelValueLabel": x,
+              "onUpdate:dynamicId": L,
+              "onUpdate:ocrData": b,
+              "onUpdate:selectFillData": g
+            }), {
+              node: Z((U) => [
+                oe(R, xe({
+                  id: a.id
+                }, U, {
+                  sourceDateUrl: a.sourceDateUrl
+                }), null, 16, ["id", "sourceDateUrl"])
+              ]),
+              "edit-node": Z(() => [
+                X(r.$slots, "edit-node", {}, void 0, !0)
+              ]),
+              _: 3
+            }, 16, ["model", "sourceDateUrl"]))
+          ]),
+          _: 3
+        }, 8, ["hasFormItem", "formItemProps"])) : Ne("", !0)
+      ], 64);
+    };
+  }
+}), gt = /* @__PURE__ */ ut(vt, [["__scopeId", "data-v-685cd0a7"]]);
+function yt() {
+  const e = F(!1), n = ze(), o = F({});
+  function s() {
+    return new Promise((t) => {
+      if (e.value)
+        t();
+      else {
+        const b = K(e, () => {
+          b(), t();
+        });
+      }
+    });
+  }
+  async function d(t = "default") {
+    var g;
+    await s();
+    const b = (g = o.value) == null ? void 0 : g[t];
+    if (!b) throw new Error(`表单 [name=${t}] 不存在`);
+    return b;
+  }
+  async function a(t, b) {
+    const g = await d(t);
+    return ne(await b(g));
+  }
+  async function v(t = "default") {
+    return await a(t, (b) => b.getData());
+  }
+  function i(t, b = "default", g = void 0) {
+    var D, M;
+    if (g && Object.keys(g).length) {
+      let p = function(y) {
+        let H = [];
+        return y.forEach((z) => {
+          z.children && (H = [...H, ...p(z.children)]), H.push(z);
+        }), H;
+      }, $ = function(y) {
+        var z;
+        let H = p((z = g == null ? void 0 : g.schemas[0]) == null ? void 0 : z.children);
+        return Object.keys(y).forEach((I) => {
+          var c, u, C, V, x, h, L;
+          const l = H.find((T) => T.field === I), B = ["datetimerange", "daterange", "monthrange", "dates"];
+          if ((l && (l == null ? void 0 : l.type) === "checkbox" || (l == null ? void 0 : l.type) === "select" && ((c = l == null ? void 0 : l.componentProps) != null && c.multiple) || (l == null ? void 0 : l.type) === "cascader" && !((C = (u = l == null ? void 0 : l.componentProps) == null ? void 0 : u.props) != null && C.multiple) || (l == null ? void 0 : l.type) === "date" && B.includes((V = l == null ? void 0 : l.componentProps) == null ? void 0 : V.type)) && typeof y[I] == "string")
+            y[I] = (x = y[I]) == null ? void 0 : x.split(",");
+          else if ((l == null ? void 0 : l.type) === "cascader" && ((L = (h = l == null ? void 0 : l.componentProps) == null ? void 0 : h.props) != null && L.multiple) && typeof y[I] == "string")
+            y[I].indexOf("；") === -1 && y[I].indexOf(";") === -1 ? y[I][y[I]] : y[I].indexOf(";") > -1 ? y[I] = y[I].split(";").map((T) => T.split(",")) : y[I].indexOf("；") === -1 ? y[I] = y[I].split(",") : y[I].indexOf("；") > -1 ? y[I] = y[I].split("；").map((T) => T.split(",")) : y[I].indexOf(";") === -1 && (y[I] = y[I].split(","));
+          else if (((l == null ? void 0 : l.type) === "upload-image" || (l == null ? void 0 : l.type) === "upload-file") && typeof y[I] == "string") {
+            let T = [];
+            Object.entries(y).forEach(([r, S]) => {
+              y[I] === S && r !== l.field && r.indexOf("@") > -1 && r.indexOf(I) > -1 && (T = r.split("@")[1].split(","));
+            }), y[I] = y[I].split(",").map((r, S) => ({
+              url: r,
+              name: T[S] || r
+            }));
+          } else (l == null ? void 0 : l.type) === "number" || (l == null ? void 0 : l.type) === "slider" ? y[I] = Number(y[I]) : (l == null ? void 0 : l.type) === "switch" && (y[I] = typeof y[I] == "boolean" ? y[I] : y[I].indexOf("true") > -1);
+        }), y;
+      }(t);
+      n.setFormData($, b);
+      const P = (D = o.value) == null ? void 0 : D[b];
+      P == null || P.clearValidate();
+    } else {
+      n.setFormData(t, b);
+      const p = (M = o.value) == null ? void 0 : M[b];
+      p == null || p.clearValidate();
+    }
+  }
+  async function w(t = "default") {
+    return await a(t, async (b) => (await b.validate(), await b.getData()));
+  }
+  async function A(t) {
+    await s();
+    const b = {};
+    for (const g in o.value) {
+      const D = o.value[g];
+      D && (b[g] = ne(await t(D)));
+    }
+    return b;
+  }
+  async function _() {
+    return await A((t) => t.getData());
+  }
+  function m(t) {
+    for (const b in t)
+      i(t[b], b);
+  }
+  async function N() {
+    return await A(async (t) => (await t.validate(), await t.getData()));
+  }
+  return {
+    ready: e,
+    pageManager: n,
+    forms: o,
+    getData: v,
+    setData: i,
+    validate: w,
+    getForms: _,
+    setForms: m,
+    validateAll: N,
+    getFormInstance: d
+  };
+}
+const wt = {
+  key: 0,
+  class: "epic-loading-box"
+}, St = { class: "epic-builder-main" }, bt = { class: "epic-loading-box" }, Dt = /* @__PURE__ */ fe({
+  __name: "builder",
+  props: {
+    pageSchema: {},
+    formData: {},
+    disabled: { type: Boolean },
+    sourceDateUrl: {},
+    id: {}
+  },
+  emits: ["change", "ready"],
+  setup(e, { expose: n, emit: o }) {
+    const s = ue(() => import("./index-BMXnkqXx.js")), d = o, a = F([]), v = F({}), { ready: i, pageManager: w, forms: A, getData: _, setData: m, validate: N, getForms: t, setForms: b, validateAll: g, getFormInstance: D } = yt(), M = e, p = de({
+      schemas: []
+    });
+    K(
+      () => M.pageSchema,
+      (c) => {
+        pe(p, c);
+      },
+      {
+        immediate: !0,
+        deep: !0
+      }
+    ), K(
+      () => M.formData,
+      (c) => {
+        if (c) {
+          let u = z(c);
+          v.value = u, m(u);
+        }
+      },
+      {
+        immediate: !0,
+        deep: !0
+      }
+    );
+    function E(c) {
+      let u = [];
+      return c.forEach((C) => {
+        C.children && (u = [...u, ...E(C.children)]), u.push(C);
+      }), u;
+    }
+    function $(c, u) {
+      function C(x) {
+        return JSON.parse(JSON.stringify(x));
+      }
+      function V(x, h) {
+        if (x.type === "card" && x.multiple && x.field && Array.isArray(h[x.field]))
+          return h[x.field].map((T) => {
+            var S;
+            const r = C({ ...x, multiple: !0 });
+            return r.children = (S = r.children) == null ? void 0 : S.map((R) => V(R, T)).flat(), r;
+          });
+        const L = C(x);
+        return Array.isArray(L.children) && (L.children = L.children.map((T) => V(T, h)).flat()), L;
+      }
+      return c.map((x) => V(x, u)).flat();
+    }
+    function P(c, u = "", C = { root: 0 }) {
+      const V = u || "root";
+      return u || (C.root = 0), C[V] === void 0 && (C[V] = 0), c.map((x) => {
+        x.field && (x.oldField = JSON.parse(JSON.stringify(x.field)));
+        const h = { ...x };
+        if (x.type === "card") {
+          const L = x.field || "";
+          x.multiple ? (h.field = u ? `${u}.${L}[${C[V]}]` : `${L}[${C[V]}]`, C[V]++) : x.field && u && (h.field = `${u}.${L}`);
+          const T = h.field || u;
+          C[T] = 0;
+        } else x.field && u && (h.field = `${u}.${x.field}`);
+        return x.children && (h.children = P(x.children, h.field || u, C)), h;
+      });
+    }
+    function y(c, u, C = "", V = {}) {
+      const x = C || "root";
+      return V[x] === void 0 && (V[x] = 0), c.forEach((h) => {
+        const L = h.field || "";
+        let T = C ? `${C}.${L}` : `${L}`;
+        h.type === "card" && h.multiple ? (typeof u[T][`${V[x]}`] == "object" ? Object.keys(u[T][`${V[x]}`]).forEach((r) => {
+          u[`${T}[${V[x]}].${r}`] = u[T][`${V[x]}`][r];
+        }) : u[`${T}[${V[x]}]`] = u[T][`${V[x]}`], h.children && (h.children = y(
+          h.children,
+          u,
+          `${T}[${V[x]}]` || C,
+          V
+        )), V[x]++) : h.children && (h.children = y(h.children, u, C, V));
+      }), V[x] = 0, u;
+    }
+    function H(c, u, C) {
+      let V = y(ne(c), ne(u));
+      return {
+        obj: P(c),
+        dataObj: V
+      };
+    }
+    function z(c) {
+      let u = E(M.pageSchema.schemas[0].children);
+      a.value = u.filter((h) => h.type === "card" && h.multiple);
+      const C = $(M.pageSchema.schemas[0].children, c);
+      let { obj: V, dataObj: x } = H(C, c, a.value);
+      return c = x, M.pageSchema.schemas[0].children = V, Object.keys(c).forEach((h) => {
+        var L, T, r, S, R, O, U;
+        if (h.indexOf("@") < 0) {
+          const f = u.find((G) => G.field === h), J = ["datetimerange", "daterange", "monthrange", "dates"];
+          if ((f && (f == null ? void 0 : f.type) === "checkbox" || (f == null ? void 0 : f.type) === "select" && ((L = f == null ? void 0 : f.componentProps) != null && L.multiple) || (f == null ? void 0 : f.type) === "cascader" && !((r = (T = f == null ? void 0 : f.componentProps) == null ? void 0 : T.props) != null && r.multiple) || (f == null ? void 0 : f.type) === "date" && J.includes((S = f == null ? void 0 : f.componentProps) == null ? void 0 : S.type)) && typeof c[h] == "string")
+            c[h] = (R = c[h]) == null ? void 0 : R.split(",");
+          else if ((f == null ? void 0 : f.type) === "cascader" && ((U = (O = f == null ? void 0 : f.componentProps) == null ? void 0 : O.props) != null && U.multiple) && typeof c[h] == "string")
+            c[h].indexOf(";") > -1 ? c[h] = c[h].split(";").map((G) => G.split(",")) : c[h] = c[h].split(","), c[h].indexOf("；") > -1 ? c[h] = c[h].split("；").map((G) => G.split(",")) : c[h] = c[h].split(",");
+          else if (((f == null ? void 0 : f.type) === "upload-image" || (f == null ? void 0 : f.type) === "upload-file") && typeof c[h] == "string") {
+            let G = [];
+            Object.entries(c).forEach(([Q, he]) => {
+              c[h] === he && Q !== f.field && Q.indexOf("@") > -1 && Q.indexOf(h) > -1 && (G = Q.split("@")[1].split(","));
+            }), c[h] = c[h].split(",").map((Q, he) => ({
+              url: Q,
+              name: G[he] || Q
+            }));
+          } else (f == null ? void 0 : f.type) === "number" || (f == null ? void 0 : f.type) === "slider" ? c[h] = Number(c[h]) : (f == null ? void 0 : f.type) === "switch" && (c[h] = typeof c[h] == "boolean" ? c[h] : c[h].indexOf("true") > -1);
+        }
+      }), c;
+    }
+    K(
+      () => p.script,
+      (c) => {
+        c && w.setMethods(c, !0);
+      },
+      {
+        immediate: !0
+      }
+    ), k("slots", Xe()), k("pageManager", w), k("forms", A), k("pageSchema", p), k(
+      "disabled",
+      ee(() => M.disabled)
+    );
+    const I = ye(), l = I == null ? void 0 : I.proxy;
+    function B() {
+      ce(() => {
+        i.value = !0, d("ready", w), l && w.addComponentInstance("builder", l);
+      });
+    }
+    return re.on("updateformData" + (M.id ? M.id : ""), (c) => {
+      d("change", c);
+    }), n({
+      ready: i,
+      pageManager: w,
+      getData: _,
+      setData: m,
+      validate: N,
+      getForms: t,
+      setForms: b,
+      validateAll: g,
+      getFormInstance: D
+    }), (c, u) => W(q).initialized.value ? (Y(), ae(Be, {
+      key: 1,
+      onResolve: B
+    }, {
+      default: Z(() => [
+        te("div", St, [
+          (Y(!0), ge(Te, null, ke(p.schemas, (C, V) => (Y(), ae(W(gt), {
+            id: M.id,
+            key: V,
+            sourceDateUrl: M.sourceDateUrl,
+            componentSchema: C
+          }, null, 8, ["id", "sourceDateUrl", "componentSchema"]))), 128))
+        ])
+      ]),
+      fallback: Z(() => [
+        te("div", bt, [
+          oe(W(s))
+        ])
+      ]),
+      _: 1
+    })) : (Y(), ge("div", wt));
+  }
+});
+function Ce(e) {
+  return nt() ? (ot(e), !0) : !1;
+}
+function Et(e) {
+  let n = 0, o, s;
+  const d = () => {
+    n -= 1, s && n <= 0 && (s.stop(), o = void 0, s = void 0);
+  };
+  return (...a) => (n += 1, s || (s = je(!0), o = s.run(() => e(...a))), Ce(d), o);
+}
+function ie(e) {
+  return typeof e == "function" ? e() : W(e);
+}
+const Ot = typeof window < "u" && typeof document < "u";
+typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
+const At = (e) => typeof e < "u", _t = Object.prototype.toString, It = (e) => _t.call(e) === "[object Object]", xt = () => {
+};
+function Nt(e, n) {
+  function o(...s) {
+    return new Promise((d, a) => {
+      Promise.resolve(e(() => n.apply(this, s), { fn: n, thisArg: this, args: s })).then(d).catch(a);
+    });
+  }
+  return o;
+}
+const Le = (e) => e();
+function $t(e = Le) {
+  const n = F(!0);
+  function o() {
+    n.value = !1;
+  }
+  function s() {
+    n.value = !0;
+  }
+  const d = (...a) => {
+    n.value && e(...a);
+  };
+  return { isActive: tt(n), pause: o, resume: s, eventFilter: d };
+}
+function Ft(e) {
+  return ye();
+}
+function Pt(e, n, o = {}) {
+  const {
+    eventFilter: s = Le,
+    ...d
+  } = o;
+  return K(
+    e,
+    Nt(
+      s,
+      n
+    ),
+    d
+  );
+}
+function Ct(e, n, o = {}) {
+  const {
+    eventFilter: s,
+    ...d
+  } = o, { eventFilter: a, pause: v, resume: i, isActive: w } = $t(s);
+  return { stop: Pt(
+    e,
+    n,
+    {
+      ...d,
+      eventFilter: a
+    }
+  ), pause: v, resume: i, isActive: w };
+}
+function We(e, n = !0, o) {
+  Ft() ? Fe(e, o) : n ? e() : ce(e);
+}
+function Vt(e = !1, n = {}) {
+  const {
+    truthyValue: o = !0,
+    falsyValue: s = !1
+  } = n, d = et(e), a = F(e);
+  function v(i) {
+    if (arguments.length)
+      return a.value = i, a.value;
+    {
+      const w = ie(o);
+      return a.value = a.value === w ? ie(s) : w, a.value;
+    }
+  }
+  return d ? v : [a, v];
+}
+function mn(e, n, o) {
+  const s = K(e, (...d) => (ce(() => s()), n(...d)), o);
+  return s;
+}
+const me = Ot ? window : void 0;
+function le(e) {
+  var n;
+  const o = ie(e);
+  return (n = o == null ? void 0 : o.$el) != null ? n : o;
+}
+function $e(...e) {
+  let n, o, s, d;
+  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([o, s, d] = e, n = me) : [n, o, s, d] = e, !n)
+    return xt;
+  Array.isArray(o) || (o = [o]), Array.isArray(s) || (s = [s]);
+  const a = [], v = () => {
+    a.forEach((_) => _()), a.length = 0;
+  }, i = (_, m, N, t) => (_.addEventListener(m, N, t), () => _.removeEventListener(m, N, t)), w = K(
+    () => [le(n), ie(d)],
+    ([_, m]) => {
+      if (v(), !_)
+        return;
+      const N = It(m) ? { ...m } : m;
+      a.push(
+        ...o.flatMap((t) => s.map((b) => i(_, t, b, N)))
+      );
+    },
+    { immediate: !0, flush: "post" }
+  ), A = () => {
+    w(), v();
+  };
+  return Ce(A), A;
+}
+function Mt(e) {
+  return typeof e == "function" ? e : typeof e == "string" ? (n) => n.key === e : Array.isArray(e) ? (n) => e.includes(n.key) : () => !0;
+}
+function He(...e) {
+  let n, o, s = {};
+  e.length === 3 ? (n = e[0], o = e[1], s = e[2]) : e.length === 2 ? typeof e[1] == "object" ? (n = !0, o = e[0], s = e[1]) : (n = e[0], o = e[1]) : (n = !0, o = e[0]);
+  const {
+    target: d = me,
+    eventName: a = "keydown",
+    passive: v = !1,
+    dedupe: i = !1
+  } = s, w = Mt(n);
+  return $e(d, a, (_) => {
+    _.repeat && ie(i) || w(_) && o(_);
+  }, v);
+}
+function Ae(e, n, o = {}) {
+  return He(e, n, { ...o, eventName: "keydown" });
+}
+function _e(e, n, o = {}) {
+  return He(e, n, { ...o, eventName: "keyup" });
+}
+function Rt() {
+  const e = F(!1), n = ye();
+  return n && Fe(() => {
+    e.value = !0;
+  }, n), e;
+}
+function Ut(e) {
+  const n = Rt();
+  return ee(() => (n.value, !!e()));
+}
+function Tt(e) {
+  return JSON.parse(JSON.stringify(e));
+}
+const Se = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, be = "__vueuse_ssr_handlers__", Bt = /* @__PURE__ */ Jt();
+function Jt() {
+  return be in Se || (Se[be] = Se[be] || {}), Se[be];
+}
+function zt(e, n) {
+  return Bt[e] || n;
+}
+function Lt(e) {
+  return e == null ? "any" : e instanceof Set ? "set" : e instanceof Map ? "map" : e instanceof Date ? "date" : typeof e == "boolean" ? "boolean" : typeof e == "string" ? "string" : typeof e == "object" ? "object" : Number.isNaN(e) ? "any" : "number";
+}
+const Wt = {
+  boolean: {
+    read: (e) => e === "true",
+    write: (e) => String(e)
+  },
+  object: {
+    read: (e) => JSON.parse(e),
+    write: (e) => JSON.stringify(e)
+  },
+  number: {
+    read: (e) => Number.parseFloat(e),
+    write: (e) => String(e)
+  },
+  any: {
+    read: (e) => e,
+    write: (e) => String(e)
+  },
+  string: {
+    read: (e) => e,
+    write: (e) => String(e)
+  },
+  map: {
+    read: (e) => new Map(JSON.parse(e)),
+    write: (e) => JSON.stringify(Array.from(e.entries()))
+  },
+  set: {
+    read: (e) => new Set(JSON.parse(e)),
+    write: (e) => JSON.stringify(Array.from(e))
+  },
+  date: {
+    read: (e) => new Date(e),
+    write: (e) => e.toISOString()
+  }
+}, Me = "vueuse-storage";
+function hn(e, n, o, s = {}) {
+  var d;
+  const {
+    flush: a = "pre",
+    deep: v = !0,
+    listenToStorageChanges: i = !0,
+    writeDefaults: w = !0,
+    mergeDefaults: A = !1,
+    shallow: _,
+    window: m = me,
+    eventFilter: N,
+    onError: t = (l) => {
+      console.error(l);
+    },
+    initOnMounted: b
+  } = s, g = (_ ? Re : F)(typeof n == "function" ? n() : n);
+  if (!o)
+    try {
+      o = zt("getDefaultStorage", () => {
+        var l;
+        return (l = me) == null ? void 0 : l.localStorage;
+      })();
+    } catch (l) {
+      t(l);
+    }
+  if (!o)
+    return g;
+  const D = ie(n), M = Lt(D), p = (d = s.serializer) != null ? d : Wt[M], { pause: E, resume: $ } = Ct(
+    g,
+    () => y(g.value),
+    { flush: a, deep: v, eventFilter: N }
+  );
+  m && i && We(() => {
+    o instanceof Storage ? $e(m, "storage", z) : $e(m, Me, I), b && z();
+  }), b || z();
+  function P(l, B) {
+    if (m) {
+      const c = {
+        key: e,
+        oldValue: l,
+        newValue: B,
+        storageArea: o
+      };
+      m.dispatchEvent(o instanceof Storage ? new StorageEvent("storage", c) : new CustomEvent(Me, {
+        detail: c
+      }));
+    }
+  }
+  function y(l) {
+    try {
+      const B = o.getItem(e);
+      if (l == null)
+        P(B, null), o.removeItem(e);
+      else {
+        const c = p.write(l);
+        B !== c && (o.setItem(e, c), P(B, c));
+      }
+    } catch (B) {
+      t(B);
+    }
+  }
+  function H(l) {
+    const B = l ? l.newValue : o.getItem(e);
+    if (B == null)
+      return w && D != null && o.setItem(e, p.write(D)), D;
+    if (!l && A) {
+      const c = p.read(B);
+      return typeof A == "function" ? A(c, D) : M === "object" && !Array.isArray(c) ? { ...D, ...c } : c;
+    } else return typeof B != "string" ? B : p.read(B);
+  }
+  function z(l) {
+    if (!(l && l.storageArea !== o)) {
+      if (l && l.key == null) {
+        g.value = D;
+        return;
+      }
+      if (!(l && l.key !== e)) {
+        E();
+        try {
+          (l == null ? void 0 : l.newValue) !== p.write(g.value) && (g.value = H(l));
+        } catch (B) {
+          t(B);
+        } finally {
+          l ? ce($) : $();
+        }
+      }
+    }
+  }
+  function I(l) {
+    z(l.detail);
+  }
+  return g;
+}
+function Ht(e, n, o = {}) {
+  const { window: s = me, ...d } = o;
+  let a;
+  const v = Ut(() => s && "ResizeObserver" in s), i = () => {
+    a && (a.disconnect(), a = void 0);
+  }, w = ee(() => {
+    const m = ie(e);
+    return Array.isArray(m) ? m.map((N) => le(N)) : [le(m)];
+  }), A = K(
+    w,
+    (m) => {
+      if (i(), v.value && s) {
+        a = new ResizeObserver(n);
+        for (const N of m)
+          N && a.observe(N, d);
+      }
+    },
+    { immediate: !0, flush: "post" }
+  ), _ = () => {
+    i(), A();
+  };
+  return Ce(_), {
+    isSupported: v,
+    stop: _
+  };
+}
+function vn(e, n = { width: 0, height: 0 }, o = {}) {
+  const { window: s = me, box: d = "content-box" } = o, a = ee(() => {
+    var m, N;
+    return (N = (m = le(e)) == null ? void 0 : m.namespaceURI) == null ? void 0 : N.includes("svg");
+  }), v = F(n.width), i = F(n.height), { stop: w } = Ht(
+    e,
+    ([m]) => {
+      const N = d === "border-box" ? m.borderBoxSize : d === "content-box" ? m.contentBoxSize : m.devicePixelContentBoxSize;
+      if (s && a.value) {
+        const t = le(e);
+        if (t) {
+          const b = t.getBoundingClientRect();
+          v.value = b.width, i.value = b.height;
+        }
+      } else if (N) {
+        const t = Array.isArray(N) ? N : [N];
+        v.value = t.reduce((b, { inlineSize: g }) => b + g, 0), i.value = t.reduce((b, { blockSize: g }) => b + g, 0);
+      } else
+        v.value = m.contentRect.width, i.value = m.contentRect.height;
+    },
+    o
+  );
+  We(() => {
+    const m = le(e);
+    m && (v.value = "offsetWidth" in m ? m.offsetWidth : n.width, i.value = "offsetHeight" in m ? m.offsetHeight : n.height);
+  });
+  const A = K(
+    () => le(e),
+    (m) => {
+      v.value = m ? n.width : 0, i.value = m ? n.height : 0;
+    }
+  );
+  function _() {
+    w(), A();
+  }
+  return {
+    width: v,
+    height: i,
+    stop: _
+  };
+}
+function gn(e, n, o, s = {}) {
+  var d, a, v;
+  const {
+    clone: i = !1,
+    passive: w = !1,
+    eventName: A,
+    deep: _ = !1,
+    defaultValue: m,
+    shouldEmit: N
+  } = s, t = ye(), b = o || (t == null ? void 0 : t.emit) || ((d = t == null ? void 0 : t.$emit) == null ? void 0 : d.bind(t)) || ((v = (a = t == null ? void 0 : t.proxy) == null ? void 0 : a.$emit) == null ? void 0 : v.bind(t == null ? void 0 : t.proxy));
+  let g = A;
+  n || (n = "modelValue"), g = g || `update:${n.toString()}`;
+  const D = (E) => i ? typeof i == "function" ? i(E) : Tt(E) : E, M = () => At(e[n]) ? D(e[n]) : m, p = (E) => {
+    N ? N(E) && b(g, E) : b(g, E);
+  };
+  if (w) {
+    const E = M(), $ = F(E);
+    let P = !1;
+    return K(
+      () => e[n],
+      (y) => {
+        P || (P = !0, $.value = D(y), ce(() => P = !1));
+      }
+    ), K(
+      $,
+      (y) => {
+        !P && (y !== e[n] || _) && p(y);
+      },
+      { deep: _ }
+    ), $;
+  } else
+    return ee({
+      get() {
+        return M();
+      },
+      set(E) {
+        p(E);
+      }
+    });
+}
+function yn() {
+  const { isDark: e } = Oe(), n = Vt(e);
+  return {
+    isDark: e,
+    toggleDark: n
+  };
+}
+function Kt() {
+  const e = F(!1);
+  return Fe(() => {
+    Zt(e), Gt(e);
+  }), K(
+    () => e.value,
+    () => {
+      e.value ? document.documentElement.classList.add("dark") : document.documentElement.classList.remove("dark");
+    }
+  ), {
+    isDark: e
+  };
+}
+function Zt(e) {
+  var n = document.documentElement;
+  n && (n.classList.contains("dark") ? e.value = !0 : e.value = !1);
+}
+function Gt(e) {
+  var n = document.querySelector("html"), o = new MutationObserver(function(s) {
+    for (var d of s)
+      if (d.type === "attributes" && d.attributeName === "class") {
+        const a = d.target;
+        new Array(...a.classList).includes("dark") ? e.value = !0 : e.value = !1;
+      }
+  });
+  o.observe(n, {
+    attributes: !0,
+    attributeFilter: ["class"]
+  }), Ue(() => {
+    o.disconnect();
+  });
+}
+function Qt() {
+  const e = F(1), n = F(!1), { isDark: o } = Kt(), { pressSpace: s, pressShift: d, pressCtrl: a } = Yt();
+  return {
+    canvasScale: e,
+    pressSpace: s,
+    pressShift: d,
+    pressCtrl: a,
+    disabledZoom: n,
+    isDark: o
+  };
+}
+const Oe = Et(Qt);
+function Yt() {
+  const e = F(!1), n = F(!1), o = F(!1);
+  return Ae(" ", () => {
+    e.value = !0;
+  }), _e(" ", () => {
+    e.value = !1;
+  }), Ae("Shift", (s) => {
+    s.preventDefault(), n.value = !0;
+  }), _e("Shift", () => {
+    n.value = !1;
+  }), Ae("Control", (s) => {
+    s.preventDefault(), o.value = !0;
+  }), _e("Control", () => {
+    o.value = !1;
+  }), { pressSpace: e, pressShift: n, pressCtrl: o };
+}
+function wn(e) {
+  const { pressSpace: n } = Oe(), o = new Image(1, 1);
+  o.src = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+M9QDwADhgGAWjR9awAAAABJRU5ErkJggg==";
+  let s = 0, d = 0;
+  function a(w) {
+    var A;
+    n.value && (s = w.x, d = w.y, (A = w.dataTransfer) == null || A.setDragImage(document.createElement("div"), 0, 0));
+  }
+  function v(w) {
+    if (w.preventDefault(), !w.x || !w.y || !n.value)
+      return;
+    const A = w.x - s, _ = w.y - d;
+    s = w.x, d = w.y, e.value && (e.value.scrollTop -= _, e.value.scrollLeft -= A);
+  }
+  function i() {
+    n.value = !1;
+  }
+  return { handleElementDragStart: a, handleElementDrag: v, handleElementDragEnd: i };
+}
+function Sn(e) {
+  const { pressCtrl: n, canvasScale: o, disabledZoom: s } = Oe();
+  function d(a) {
+    if (!n.value || s.value)
+      return;
+    a.preventDefault();
+    let v = 0;
+    a.deltaY < 0 ? v = o.value + 0.05 : v = o.value - 0.05, !(v > 150 || v < 0.5) && (o.value = v);
+  }
+  return K(
+    () => o.value,
+    (a) => {
+      e.value && !s.value && (e.value.style.transform = `scale(${a})`);
+    }
+  ), { handleZoom: d, canvasScale: o };
+}
+function bn(e, n = 16.66) {
+  let o;
+  function s() {
+    d(), o = window.setInterval(e, n);
+  }
+  function d() {
+    window.clearInterval(o);
+  }
+  return {
+    startTimedQuery: s,
+    stopTimedQuery: d
+  };
+}
+const qt = { class: "min-w-750px rounded" }, Xt = { class: "h-full rounded" }, kt = /* @__PURE__ */ fe({
+  __name: "index",
+  setup(e, { expose: n }) {
+    const o = q.getComponent("monacoEditor"), s = q.getComponent("modal"), d = F(null), a = F(!1), v = F(!1), i = F({}), w = se("pageSchema"), A = F(null), _ = F("");
+    function m() {
+      v.value = !1;
+    }
+    function N() {
+      a.value = !1;
+    }
+    function t() {
+      a.value = !0, _.value = lt();
+    }
+    async function b() {
+      try {
+        let g = await A.value.validateAll();
+        if (!Object.keys(g).length) {
+          alert("请添加表单组件后再尝试！");
+          return;
+        }
+        Object.keys(g).length === 1 && (g = g.default), i.value = JSON.stringify(g, null, 2), ce(() => {
+          var D;
+          (D = d.value) == null || D.setValue(i.value);
+        }), v.value = !0;
+      } catch (g) {
+        console.error(g);
+      }
+    }
+    return n({
+      handleOpen: t
+    }), (g, D) => (Y(), ae(W(s), {
+      modelValue: a.value,
+      "onUpdate:modelValue": D[1] || (D[1] = (M) => a.value = M),
+      title: "预览",
+      class: "w-900px",
+      width: "900px",
+      onClose: N,
+      onOk: b,
+      okText: "表单数据"
+    }, {
+      default: Z(() => [
+        te("div", qt, [
+          (Y(), ae(W(Dt), {
+            key: _.value,
+            ref_key: "kb",
+            ref: A,
+            "page-schema": W(w)
+          }, null, 8, ["page-schema"])),
+          oe(W(s), {
+            modelValue: v.value,
+            "onUpdate:modelValue": D[0] || (D[0] = (M) => v.value = M),
+            title: "表单数据",
+            class: "w-860px",
+            width: "860px",
+            onClose: m,
+            onOk: m
+          }, {
+            default: Z(() => [
+              te("div", Xt, [
+                oe(W(o), {
+                  ref_key: "monacoEditorRef",
+                  ref: d,
+                  autoToggleTheme: "",
+                  readOnly: "",
+                  class: "h-full editor",
+                  "model-value": i.value
+                }, null, 8, ["model-value"])
+              ])
+            ]),
+            _: 1
+          }, 8, ["modelValue"])
+        ])
+      ]),
+      _: 1
+    }, 8, ["modelValue"]));
+  }
+}), jt = {
+  key: 0,
+  class: "epic-loading-box"
+}, en = { class: "epic-designer-main" }, tn = { class: "epic-header-container" }, nn = { class: "epic-loading-box" }, Dn = /* @__PURE__ */ fe({
+  __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: o }) {
+    const { t: s } = Pe(), d = ue(() => import("./index-syyNmnFq.js")), a = ue(() => import("./index-BTaKazMR.js")), v = ue(() => import("./index-CT056ccv.js")), i = ue(() => import("./index-ocw8DZly.js")), w = ue(() => import("./index-BMXnkqXx.js")), A = ze(), _ = dt(), m = e;
+    let N = {
+      schemas: [
+        {
+          type: "form",
+          id: "root",
+          label: s("page"),
+          children: [],
+          componentProps: {
+            name: s("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
+})`
+    };
+    Ee(() => {
+      if (m.defaultSchema) {
+        N = m.defaultSchema;
+        return;
+      }
+      m.source && q.setSourceData(m.source), m.formMode && (N.schemas = q.formSchemas);
+    }), A.setDesignMode(), A.setDefaultComponentIds(N.schemas);
+    const t = o, b = F(null), g = de({
+      checkedNode: null,
+      hoverNode: null,
+      disableHover: !1,
+      matched: []
+    }), D = de({
+      schemas: [],
+      script: N.script
+    }), { disabledZoom: M } = Oe();
+    Ee(() => {
+      M.value = m.disabledZoom;
+    }), Ee(() => {
+      const u = D.script;
+      u && u !== "" && A.setMethods(u);
+    }), k("pageSchema", D), k("revoke", _), k("pageManager", A), k(
+      "designerProps",
+      ee(() => m)
+    ), k("designer", {
+      setCheckedNode: E,
+      setHoverNode: $,
+      setDisableHover: y,
+      handleToggleDeviceMode: B,
+      reset: I,
+      state: g
+    }), re.on("saveSourceData", (u) => {
+      t("saveSourceData", u);
+    }), re.on("deleteSourceData", (u) => {
+      t("deleteSourceData", u);
+    }), re.on("updateSourceData", (u) => {
+      t("updateSourceData", u);
+    });
+    function p() {
+      D.schemas = ne(N.schemas), E(D.schemas[0]), _.push(D.schemas, "初始化撤销功能");
+    }
+    async function E(u = D.schemas[0]) {
+      g.checkedNode = u, g.matched = it(D.schemas, u.id);
+    }
+    async function $(u = null) {
+      var C;
+      if (!u || g.disableHover)
+        return g.hoverNode = null, !1;
+      if ((u == null ? void 0 : u.id) === ((C = g.hoverNode) == null ? void 0 : C.id))
+        return !1;
+      g.hoverNode = u;
+    }
+    function P() {
+      ce(() => {
+        t("ready", { pageManager: A });
+      });
+    }
+    async function y(u = !1) {
+      g.disableHover = u;
+    }
+    function H(u) {
+      pe(D, ne(u));
+    }
+    function z() {
+      return Ve(D);
+    }
+    function I() {
+      Je(D.schemas, N.schemas) && D.script === N.script || (pe(D.schemas, N.schemas), D.script = N.script, E(D.schemas[0]), _.push(D.schemas, "重置操作"), t("reset", D));
+    }
+    function l() {
+      t("save", Ve(D));
+    }
+    function B(u) {
+      t("toggleDeviceMode", u);
+    }
+    function c() {
+      b.value.handleOpen();
+    }
+    return p(), n({
+      revoke: _,
+      setData: H,
+      getData: z,
+      reset: I,
+      preview: c
+    }), (u, C) => W(q).initialized.value ? (Y(), ae(Be, {
+      key: 1,
+      onResolve: P
+    }, {
+      default: Z(() => [
+        te("div", en, [
+          te("div", tn, [
+            X(u.$slots, "header", {}, () => [
+              m.hiddenHeader ? Ne("", !0) : (Y(), ae(W(d), {
+                key: 0,
+                onPreview: c,
+                onSave: l
+              }, {
+                header: Z(() => [
+                  X(u.$slots, "header-prefix")
+                ]),
+                prefix: Z(() => [
+                  X(u.$slots, "header-prefix")
+                ]),
+                title: Z(() => [
+                  X(u.$slots, "header-title")
+                ]),
+                "right-prefix": Z(() => [
+                  X(u.$slots, "header-right-prefix")
+                ]),
+                "right-action": Z(() => [
+                  X(u.$slots, "header-right-action")
+                ]),
+                "right-suffix": Z(() => [
+                  X(u.$slots, "header-right-suffix")
+                ]),
+                _: 3
+              }))
+            ])
+          ]),
+          te("div", {
+            class: at(["epic-split-view-container", { "hidden-header": e.hiddenHeader }])
+          }, [
+            oe(W(a)),
+            oe(W(v)),
+            oe(W(i))
+          ], 2),
+          oe(kt, {
+            ref_key: "previewRef",
+            ref: b
+          }, null, 512)
+        ])
+      ]),
+      fallback: Z(() => [
+        te("div", nn, [
+          oe(W(w))
+        ])
+      ]),
+      _: 3
+    })) : (Y(), ge("div", jt));
+  }
+}), on = {
+  component: async () => await import("./index-C5yUsiJH.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: Ie } = Pe(), an = {
+  component: async () => await import("./index-KXG0ExdR.js"),
+  defaultSchema: {
+    label: Ie("page"),
+    type: "page",
+    componentProps: {},
+    children: []
+  },
+  config: {
+    attribute: [
+      {
+        label: Ie("pageName"),
+        type: "input",
+        componentProps: {
+          placeholder: Ie("pleaseEnter")
+        },
+        field: "componentProps.name"
+      }
+    ]
+  }
+}, { t: De } = Pe();
+function rn(e) {
+  e.component("EInputSize", async () => await import("./index-DMnyvgEN.js")), e.component("EColEditor", async () => await import("./index-CAYHjLKP.js")), e.component("EActionEditor", async () => await import("./index-CrVn9CfT.js")), e.component("ERuleEditor", async () => await import("./index-Cecp9t8s.js")), e.component("EOptionsEditor", async () => await import("./index-DI-E5Cpq.js")), e.component("ENode", async () => await import("./index-Dp0hJSh5.js")), e.component("EDataSource", async () => await import("./index-9Mn4Y5ul.js")), e.component("EColumnEditor", async () => await import("./index-D2n96wxz.js")), e.component("PaddingMarginControl", async () => await import("./index-CQSYlqUB.js")), e.component("ESourceDataSelect", async () => await import("./index-natF7VzY.js")), e.component("EValidateParam", async () => await import("./index-Xnqspbxj.js")), e.component("EDescribe", async () => await import("./index-UpNznhhe.js")), e.registerActivitybar({
+    id: "component_view",
+    title: De("component"),
+    icon: "icon--epic--extension-outline",
+    component: async () => await import("./index-CLeSXOVj.js")
+  }), e.registerActivitybar({
+    id: "outline_view",
+    title: De("outline"),
+    icon: "icon--epic--account-tree-outline-rounded",
+    component: async () => await import("./outline-S7RIV1S6.js")
+  }), e.registerRightSidebar({
+    id: "attribute_view",
+    title: De("attribute"),
+    component: async () => await import("./attributeView-BAtvUAhV.js")
+  }), e.registerRightSidebar({
+    id: "style_view",
+    title: De("style"),
+    component: async () => await import("./styleView-oSuNX97o.js")
+  }), e.registerRightSidebar({
+    id: "event_view",
+    title: "事件",
+    component: async () => await import("./eventView-eNaiVabA.js")
+  }), [on, an].forEach((o) => {
+    e.registerComponent(o);
+  });
+}
+rn(q);
+export {
+  gt as E,
+  Dt as _,
+  bn as a,
+  Ht as b,
+  wn as c,
+  vn as d,
+  Sn as e,
+  pn as f,
+  gn as g,
+  hn as h,
+  yn as i,
+  Dn as j,
+  ze as k,
+  dt as l,
+  Yt as m,
+  Kt as n,
+  Zt as o,
+  Qt as p,
+  Oe as u,
+  mn as w
+};