epic-designer-gold 1.0.31 → 1.0.33

package/dist/index-B72l3XQl.js

@@ -1,453 +0,0 @@
-import { c as _ } from "./_commonjsHelpers-BVfed4GL.js";
-import { r as F } from "./_vue_commonjs-external-NwvjgbHK.js";
-import { c as J, a as L, d as se, e as H, b as Q, _ as X, p as Y, r as ce } from "./index-D1ZL6feZ.js";
-import { _ as Z, i as de } from "./index-gA02bxwJ.js";
-function pe(e, a) {
-  for (var t = 0; t < a.length; t++) {
-    const n = a[t];
-    if (typeof n != "string" && !Array.isArray(n)) {
-      for (const l in n)
-        if (l !== "default" && !(l in e)) {
-          const s = Object.getOwnPropertyDescriptor(n, l);
-          s && Object.defineProperty(e, l, s.get ? s : {
-            enumerable: !0,
-            get: () => n[l]
-          });
-        }
-    }
-  }
-  return Object.freeze(Object.defineProperty(e, Symbol.toStringTag, { value: "Module" }));
-}
-var ee = {}, U = {}, te = {}, W = {}, D = {};
-Object.defineProperty(D, "__esModule", { value: !0 });
-D.self = re;
-const ue = J;
-function re(e) {
-  const { fontWeight: a, textColor1: t, textColor2: n, textColorDisabled: l, dividerColor: s, fontSize: C } = e;
-  return {
-    titleFontSize: C,
-    titleFontWeight: a,
-    dividerColor: s,
-    titleTextColor: t,
-    titleTextColorDisabled: l,
-    fontSize: C,
-    textColor: n,
-    arrowColor: n,
-    arrowColorDisabled: l,
-    itemMargin: "16px 0 0 0",
-    titlePadding: "16px 0 0 0"
-  };
-}
-const fe = {
-  name: "Collapse",
-  common: ue.commonLight,
-  self: re
-};
-D.default = fe;
-Object.defineProperty(W, "__esModule", { value: !0 });
-const me = J, he = D, _e = {
-  name: "Collapse",
-  common: me.commonDark,
-  self: he.self
-};
-W.default = _e;
-var k = {}, q = {};
-Object.defineProperty(q, "__esModule", {
-  value: !0
-});
-const f = L;
-q.default = (0, f.cB)("collapse", [(0, f.cM)("rtl", `
- direction: rtl;
- `, [(0, f.cB)("collapse-item", [(0, f.cB)("collapse-item", {
-  marginRight: "32px",
-  marginLeft: 0
-}), (0, f.cM)("left-arrow-placement", [(0, f.cE)("header", [(0, f.cB)("collapse-item-arrow", {
-  marginRight: 0,
-  marginLeft: "4px"
-})])]), (0, f.cM)("right-arrow-placement", [(0, f.cE)("header", [(0, f.cB)("collapse-item-arrow", {
-  marginLeft: 0,
-  marginRight: "4px"
-})])]), (0, f.cM)("active", [(0, f.cE)("header", [(0, f.cM)("active", [(0, f.cB)("collapse-item-arrow", {
-  transform: "rotate(-90deg)"
-})])])])])])]);
-var ge = _ && _.__importDefault || function(e) {
-  return e && e.__esModule ? e : { default: e };
-};
-Object.defineProperty(k, "__esModule", { value: !0 });
-k.collapseRtl = void 0;
-const ve = ge(q);
-k.collapseRtl = {
-  name: "Collapse",
-  style: ve.default
-};
-(function(e) {
-  var a = _ && _.__importDefault || function(s) {
-    return s && s.__esModule ? s : { default: s };
-  };
-  Object.defineProperty(e, "__esModule", { value: !0 }), e.collapseRtl = e.collapseLight = e.collapseDark = void 0;
-  var t = W;
-  Object.defineProperty(e, "collapseDark", { enumerable: !0, get: function() {
-    return a(t).default;
-  } });
-  var n = D;
-  Object.defineProperty(e, "collapseLight", { enumerable: !0, get: function() {
-    return a(n).default;
-  } });
-  var l = k;
-  Object.defineProperty(e, "collapseRtl", { enumerable: !0, get: function() {
-    return l.collapseRtl;
-  } });
-})(te);
-var K = {}, V = {}, be = _ && _.__importDefault || function(e) {
-  return e && e.__esModule ? e : {
-    default: e
-  };
-};
-Object.defineProperty(V, "__esModule", {
-  value: !0
-});
-V.fadeInHeightExpandTransition = ye;
-const z = L, xe = be(se), {
-  cubicBezierEaseInOut: b,
-  cubicBezierEaseOut: $e,
-  cubicBezierEaseIn: Ce
-} = xe.default;
-function ye({
-  overflow: e = "hidden",
-  duration: a = ".3s",
-  originalTransition: t = "",
-  leavingDelay: n = "0s",
-  foldPadding: l = !1,
-  enterToProps: s = void 0,
-  leaveToProps: C = void 0,
-  reverse: I = !1
-} = {}) {
-  const w = I ? "leave" : "enter", i = I ? "enter" : "leave";
-  return [(0, z.c)(`&.fade-in-height-expand-transition-${i}-from,
- &.fade-in-height-expand-transition-${w}-to`, Object.assign(Object.assign({}, s), {
-    opacity: 1
-  })), (0, z.c)(`&.fade-in-height-expand-transition-${i}-to,
- &.fade-in-height-expand-transition-${w}-from`, Object.assign(Object.assign({}, C), {
-    opacity: 0,
-    marginTop: "0 !important",
-    marginBottom: "0 !important",
-    paddingTop: l ? "0 !important" : void 0,
-    paddingBottom: l ? "0 !important" : void 0
-  })), (0, z.c)(`&.fade-in-height-expand-transition-${i}-active`, `
- overflow: ${e};
- transition:
- max-height ${a} ${b} ${n},
- opacity ${a} ${$e} ${n},
- margin-top ${a} ${b} ${n},
- margin-bottom ${a} ${b} ${n},
- padding-top ${a} ${b} ${n},
- padding-bottom ${a} ${b} ${n}
- ${t ? `,${t}` : ""}
- `), (0, z.c)(`&.fade-in-height-expand-transition-${w}-active`, `
- overflow: ${e};
- transition:
- max-height ${a} ${b},
- opacity ${a} ${Ce},
- margin-top ${a} ${b},
- margin-bottom ${a} ${b},
- padding-top ${a} ${b},
- padding-bottom ${a} ${b}
- ${t ? `,${t}` : ""}
- `)];
-}
-Object.defineProperty(K, "__esModule", {
-  value: !0
-});
-const r = L, we = V;
-K.default = (0, r.cB)("collapse", "width: 100%;", [(0, r.cB)("collapse-item", `
- font-size: var(--n-font-size);
- color: var(--n-text-color);
- transition:
- color .3s var(--n-bezier),
- border-color .3s var(--n-bezier);
- margin: var(--n-item-margin);
- `, [(0, r.cM)("disabled", [(0, r.cE)("header", "cursor: not-allowed;", [(0, r.cE)("header-main", `
- color: var(--n-title-text-color-disabled);
- `), (0, r.cB)("collapse-item-arrow", `
- color: var(--n-arrow-color-disabled);
- `)])]), (0, r.cB)("collapse-item", "margin-left: 32px;"), (0, r.c)("&:first-child", "margin-top: 0;"), (0, r.c)("&:first-child >", [(0, r.cE)("header", "padding-top: 0;")]), (0, r.cM)("left-arrow-placement", [(0, r.cE)("header", [(0, r.cB)("collapse-item-arrow", "margin-right: 4px;")])]), (0, r.cM)("right-arrow-placement", [(0, r.cE)("header", [(0, r.cB)("collapse-item-arrow", "margin-left: 4px;")])]), (0, r.cE)("content-wrapper", [(0, r.cE)("content-inner", "padding-top: 16px;"), (0, we.fadeInHeightExpandTransition)({
-  duration: "0.15s"
-})]), (0, r.cM)("active", [(0, r.cE)("header", [(0, r.cM)("active", [(0, r.cB)("collapse-item-arrow", "transform: rotate(90deg);")])])]), (0, r.c)("&:not(:first-child)", "border-top: 1px solid var(--n-divider-color);"), (0, r.cNotM)("disabled", [(0, r.cM)("trigger-area-main", [(0, r.cE)("header", [(0, r.cE)("header-main", "cursor: pointer;"), (0, r.cB)("collapse-item-arrow", "cursor: default;")])]), (0, r.cM)("trigger-area-arrow", [(0, r.cE)("header", [(0, r.cB)("collapse-item-arrow", "cursor: pointer;")])]), (0, r.cM)("trigger-area-extra", [(0, r.cE)("header", [(0, r.cE)("header-extra", "cursor: pointer;")])])]), (0, r.cE)("header", `
- font-size: var(--n-title-font-size);
- display: flex;
- flex-wrap: nowrap;
- align-items: center;
- transition: color .3s var(--n-bezier);
- position: relative;
- padding: var(--n-title-padding);
- color: var(--n-title-text-color);
- `, [(0, r.cE)("header-main", `
- display: flex;
- flex-wrap: nowrap;
- align-items: center;
- font-weight: var(--n-title-font-weight);
- transition: color .3s var(--n-bezier);
- flex: 1;
- color: var(--n-title-text-color);
- `), (0, r.cE)("header-extra", `
- display: flex;
- align-items: center;
- transition: color .3s var(--n-bezier);
- color: var(--n-text-color);
- `), (0, r.cB)("collapse-item-arrow", `
- display: flex;
- transition:
- transform .15s var(--n-bezier),
- color .3s var(--n-bezier);
- font-size: 18px;
- color: var(--n-arrow-color);
- `)])])]);
-(function(e) {
-  var a = _ && _.__importDefault || function(i) {
-    return i && i.__esModule ? i : { default: i };
-  };
-  Object.defineProperty(e, "__esModule", { value: !0 }), e.collapseInjectionKey = e.collapseProps = void 0;
-  const t = F, n = H, l = Q, s = X, C = te, I = Y, w = a(K);
-  e.collapseProps = Object.assign(Object.assign({}, l.useTheme.props), {
-    defaultExpandedNames: {
-      type: [Array, String],
-      default: null
-    },
-    expandedNames: [Array, String],
-    arrowPlacement: {
-      type: String,
-      default: "left"
-    },
-    accordion: {
-      type: Boolean,
-      default: !1
-    },
-    displayDirective: {
-      type: String,
-      default: "if"
-    },
-    triggerAreas: {
-      type: Array,
-      default: () => ["main", "extra", "arrow"]
-    },
-    onItemHeaderClick: [Function, Array],
-    "onUpdate:expandedNames": [Function, Array],
-    onUpdateExpandedNames: [Function, Array],
-    // deprecated
-    onExpandedNamesChange: {
-      type: [Function, Array],
-      validator: () => (process.env.NODE_ENV !== "production" && (0, s.warn)("collapse", "`on-expanded-names-change` is deprecated, please use `on-update:expanded-names` instead."), !0),
-      default: void 0
-    }
-  }), e.collapseInjectionKey = (0, s.createInjectionKey)("n-collapse"), e.default = (0, t.defineComponent)({
-    name: "Collapse",
-    props: e.collapseProps,
-    setup(i, { slots: A }) {
-      const { mergedClsPrefixRef: R, inlineThemeDisabled: u, mergedRtlRef: y } = (0, l.useConfig)(i), x = (0, t.ref)(i.defaultExpandedNames), m = (0, t.computed)(() => i.expandedNames), $ = (0, n.useMergedState)(m, x), p = (0, l.useTheme)("Collapse", "-collapse", w.default, C.collapseLight, i, R);
-      function h(d) {
-        const { "onUpdate:expandedNames": c, onUpdateExpandedNames: v, onExpandedNamesChange: j } = i;
-        v && (0, s.call)(v, d), c && (0, s.call)(c, d), j && (0, s.call)(j, d), x.value = d;
-      }
-      function g(d) {
-        const { onItemHeaderClick: c } = i;
-        c && (0, s.call)(c, d);
-      }
-      function M(d, c, v) {
-        const { accordion: j } = i, { value: B } = $;
-        if (j)
-          d ? (h([c]), g({ name: c, expanded: !0, event: v })) : (h([]), g({ name: c, expanded: !1, event: v }));
-        else if (!Array.isArray(B))
-          h([c]), g({ name: c, expanded: !0, event: v });
-        else {
-          const P = B.slice(), S = P.findIndex((T) => c === T);
-          ~S ? (P.splice(S, 1), h(P), g({ name: c, expanded: !1, event: v })) : (P.push(c), h(P), g({ name: c, expanded: !0, event: v }));
-        }
-      }
-      (0, t.provide)(e.collapseInjectionKey, {
-        props: i,
-        mergedClsPrefixRef: R,
-        expandedNamesRef: $,
-        slots: A,
-        toggleItem: M
-      });
-      const N = (0, I.useRtl)("Collapse", y, R), O = (0, t.computed)(() => {
-        const { common: { cubicBezierEaseInOut: d }, self: { titleFontWeight: c, dividerColor: v, titlePadding: j, titleTextColor: B, titleTextColorDisabled: P, textColor: S, arrowColor: T, fontSize: oe, titleFontSize: ne, arrowColorDisabled: le, itemMargin: ie } } = p.value;
-        return {
-          "--n-font-size": oe,
-          "--n-bezier": d,
-          "--n-text-color": S,
-          "--n-divider-color": v,
-          "--n-title-padding": j,
-          "--n-title-font-size": ne,
-          "--n-title-text-color": B,
-          "--n-title-text-color-disabled": P,
-          "--n-title-font-weight": c,
-          "--n-arrow-color": T,
-          "--n-arrow-color-disabled": le,
-          "--n-item-margin": ie
-        };
-      }), o = u ? (0, l.useThemeClass)("collapse", void 0, O, i) : void 0;
-      return {
-        rtlEnabled: N,
-        mergedTheme: p,
-        mergedClsPrefix: R,
-        cssVars: u ? void 0 : O,
-        themeClass: o == null ? void 0 : o.themeClass,
-        onRender: o == null ? void 0 : o.onRender
-      };
-    },
-    render() {
-      var i;
-      return (i = this.onRender) === null || i === void 0 || i.call(this), (0, t.h)("div", { class: [
-        `${this.mergedClsPrefix}-collapse`,
-        this.rtlEnabled && `${this.mergedClsPrefix}-collapse--rtl`,
-        this.themeClass
-      ], style: this.cssVars }, this.$slots);
-    }
-  });
-})(U);
-var ae = {}, G = {};
-Object.defineProperty(G, "__esModule", { value: !0 });
-const E = F, Pe = H, Ee = Z;
-G.default = (0, E.defineComponent)({
-  name: "CollapseItemContent",
-  props: {
-    displayDirective: {
-      type: String,
-      required: !0
-    },
-    show: Boolean,
-    clsPrefix: {
-      type: String,
-      required: !0
-    }
-  },
-  setup(e) {
-    return {
-      onceTrue: (0, Pe.useFalseUntilTruthy)((0, E.toRef)(e, "show"))
-    };
-  },
-  render() {
-    return (0, E.h)(Ee.NFadeInExpandTransition, null, {
-      default: () => {
-        const { show: e, displayDirective: a, onceTrue: t, clsPrefix: n } = this, l = a === "show" && t, s = (0, E.h)(
-          "div",
-          { class: `${n}-collapse-item__content-wrapper` },
-          (0, E.h)("div", { class: `${n}-collapse-item__content-inner` }, this.$slots)
-        );
-        return l ? (0, E.withDirectives)(s, [[E.vShow, e]]) : e ? s : null;
-      }
-    });
-  }
-});
-(function(e) {
-  var a = _ && _.__importDefault || function(u) {
-    return u && u.__esModule ? u : { default: u };
-  };
-  Object.defineProperty(e, "__esModule", { value: !0 }), e.collapseItemProps = void 0;
-  const t = F, n = ce, l = H, s = de, C = Y, I = Q, w = Z, i = X, A = U, R = a(G);
-  e.collapseItemProps = {
-    title: String,
-    name: [String, Number],
-    disabled: Boolean,
-    displayDirective: String
-  }, e.default = (0, t.defineComponent)({
-    name: "CollapseItem",
-    props: e.collapseItemProps,
-    setup(u) {
-      const { mergedRtlRef: y } = (0, I.useConfig)(u), x = (0, n.createId)(), m = (0, l.useMemo)(() => {
-        var o;
-        return (o = u.name) !== null && o !== void 0 ? o : x;
-      }), $ = (0, t.inject)(A.collapseInjectionKey);
-      $ || (0, i.throwError)("collapse-item", "`n-collapse-item` must be placed inside `n-collapse`.");
-      const { expandedNamesRef: p, props: h, mergedClsPrefixRef: g, slots: M } = $, N = (0, t.computed)(() => {
-        const { value: o } = p;
-        if (Array.isArray(o)) {
-          const { value: d } = m;
-          return !~o.findIndex((c) => c === d);
-        } else if (o) {
-          const { value: d } = m;
-          return d !== o;
-        }
-        return !0;
-      });
-      return {
-        rtlEnabled: (0, C.useRtl)("Collapse", y, g),
-        collapseSlots: M,
-        randomName: x,
-        mergedClsPrefix: g,
-        collapsed: N,
-        triggerAreas: (0, t.toRef)(h, "triggerAreas"),
-        mergedDisplayDirective: (0, t.computed)(() => {
-          const { displayDirective: o } = u;
-          return o || h.displayDirective;
-        }),
-        arrowPlacement: (0, t.computed)(() => h.arrowPlacement),
-        handleClick(o) {
-          let d = "main";
-          (0, n.happensIn)(o, "arrow") && (d = "arrow"), (0, n.happensIn)(o, "extra") && (d = "extra"), h.triggerAreas.includes(d) && $ && !u.disabled && $.toggleItem(N.value, m.value, o);
-        }
-      };
-    },
-    render() {
-      const { collapseSlots: u, $slots: y, arrowPlacement: x, collapsed: m, mergedDisplayDirective: $, mergedClsPrefix: p, disabled: h, triggerAreas: g } = this, M = (0, i.resolveSlotWithProps)(y.header, { collapsed: m }, () => [this.title]), N = y["header-extra"] || u["header-extra"], O = y.arrow || u.arrow;
-      return (0, t.h)(
-        "div",
-        { class: [
-          `${p}-collapse-item`,
-          `${p}-collapse-item--${x}-arrow-placement`,
-          h && `${p}-collapse-item--disabled`,
-          !m && `${p}-collapse-item--active`,
-          g.map((o) => `${p}-collapse-item--trigger-area-${o}`)
-        ] },
-        (0, t.h)(
-          "div",
-          { class: [
-            `${p}-collapse-item__header`,
-            !m && `${p}-collapse-item__header--active`
-          ] },
-          (0, t.h)(
-            "div",
-            { class: `${p}-collapse-item__header-main`, onClick: this.handleClick },
-            x === "right" && M,
-            (0, t.h)("div", { class: `${p}-collapse-item-arrow`, key: this.rtlEnabled ? 0 : 1, "data-arrow": !0 }, (0, i.resolveSlotWithProps)(O, { collapsed: m }, () => {
-              var o;
-              return [
-                (0, t.h)(w.NBaseIcon, { clsPrefix: p }, {
-                  default: (o = u.expandIcon) !== null && o !== void 0 ? o : () => this.rtlEnabled ? (0, t.h)(s.ChevronLeftIcon, null) : (0, t.h)(s.ChevronRightIcon, null)
-                })
-              ];
-            })),
-            x === "left" && M
-          ),
-          (0, i.resolveWrappedSlotWithProps)(N, { collapsed: m }, (o) => (0, t.h)("div", { class: `${p}-collapse-item__header-extra`, onClick: this.handleClick, "data-extra": !0 }, o))
-        ),
-        (0, t.h)(R.default, { clsPrefix: p, displayDirective: $, show: !m }, y)
-      );
-    }
-  });
-})(ae);
-(function(e) {
-  var a = _ && _.__importDefault || function(l) {
-    return l && l.__esModule ? l : { default: l };
-  };
-  Object.defineProperty(e, "__esModule", { value: !0 }), e.collapseItemProps = e.NCollapseItem = e.collapseProps = e.NCollapse = void 0;
-  var t = U;
-  Object.defineProperty(e, "NCollapse", { enumerable: !0, get: function() {
-    return a(t).default;
-  } }), Object.defineProperty(e, "collapseProps", { enumerable: !0, get: function() {
-    return t.collapseProps;
-  } });
-  var n = ae;
-  Object.defineProperty(e, "NCollapseItem", { enumerable: !0, get: function() {
-    return a(n).default;
-  } }), Object.defineProperty(e, "collapseItemProps", { enumerable: !0, get: function() {
-    return n.collapseItemProps;
-  } });
-})(ee);
-const je = /* @__PURE__ */ pe({
-  __proto__: null
-}, [ee]);
-export {
-  je as i
-};

package/dist/index-B8exdhvc.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),l=require("./pluginManager-DWHAX8kP.cjs"),H=require("./index-BwLkOBWy.cjs"),Q=require("element-plus"),ee=require("./icon.vue_vue_type_script_setup_true_lang-DJbUD5AQ.cjs"),we=require("./vuedraggable.umd-BqhSJIAi.cjs"),Ce={class:"epic-widget-action-item whitespace-nowrap"},Ne={key:0,class:"flex items-center"},_e={key:0,title:"单元格操作",class:"epic-widget-action-item pointer-events-auto"},be=e.defineComponent({__name:"previewWidgets",setup(Z,{expose:L}){const v=e.inject("pageManager",{}),o=e.inject("pageSchema"),n=e.inject("designer"),C=e.inject("designerProps"),i=e.inject("revoke"),g=e.ref(null),R=e.ref(null),N=e.ref(null),z=e.ref(!1),c=e.ref(!1),d=e.ref(!0),h=e.ref("top"),{canvasScale:u,disabledZoom:T}=H.useStore();let s=null;const P=e.computed(()=>{const t=n.state.checkedNode;return!(!(t!=null&&t.id)||C.value.lockDefaultSchemaEdit&&v.defaultComponentIds.value.includes(t==null?void 0:t.id)||t.type==="table-cell")}),j=e.computed(()=>{const t=n.state.checkedNode;return(t==null?void 0:t.type)==="eTd"});e.computed(()=>{const t=n.state.checkedNode;return(t==null?void 0:t.type)==="table"});const $=e.computed(()=>{var w,b,V,m,O,A;const t=v.componentInstances.value,r=(w=n.state.checkedNode)==null?void 0:w.id;if((V=(b=n.state.checkedNode)==null?void 0:b.componentProps)!=null&&V.hidden)return null;const y=l.pluginManager.getComponentConfingByType((m=n.state.checkedNode)==null?void 0:m.type)??null;if(!r||!(t!=null&&t[r]))return null;if(y!=null&&y.defaultSchema.input&&((O=n.state.checkedNode)==null?void 0:O.noFormItem)!==!0)return(A=t[r+"formItem"])==null?void 0:A.$el;const a=t[r];return!(a!=null&&a.$el)||(a==null?void 0:a.$el.nodeName)==="#text"||!(a!=null&&a.$el.getBoundingClientRect)?null:a==null?void 0:a.$el}),x=e.computed(()=>{var w,b,V,m;const t=v.componentInstances.value,r=(w=n.state.hoverNode)==null?void 0:w.id,y=l.pluginManager.getComponentConfingByType((b=n.state.hoverNode)==null?void 0:b.type)??null;if(!r||!(t!=null&&t[r]))return null;if(y!=null&&y.defaultSchema.input&&((V=n.state.hoverNode)==null?void 0:V.noFormItem)!==!0)return(m=t[r+"formItem"])==null?void 0:m.$el;const a=t[r];return(a==null?void 0:a.$el.nodeName)==="#text"?null:a==null?void 0:a.$el}),{mutationObserver:_,observerConfig:k}=ae(F),{startTimedQuery:q,stopTimedQuery:G}=H.useTimedQuery(F);e.watch(()=>$.value,t=>{if(t){z.value=!0,_.observe(t,k);const r=t.parentNode;r&&(r.ondragstart=()=>{d.value=!1,q()},r.ondragend=()=>{d.value=!0,G()}),F()}else z.value=!1});const{mutationObserver:M,observerConfig:E}=ae(oe);e.watch(()=>x.value,t=>{t&&(M.observe(t,E),oe())});let U=0;e.watch(()=>{var t;return(t=n.state.hoverNode)==null?void 0:t.id},t=>{if(t){c.value=!0,clearTimeout(U);return}U=setTimeout(()=>{c.value=!1},300)});let J=0,K=0;function F(){const t=$.value;if(!t||!s)return;const{top:r,left:y}=s==null?void 0:s.getBoundingClientRect(),{top:a,left:w,width:b,height:V}=t.getBoundingClientRect(),m=T.value?1:u.value,O=a-r+((s==null?void 0:s.scrollTop)??0)*m,A=w-y+((s==null?void 0:s.scrollLeft)??0)*m,W=V/m;g.value&&(g.value.style.width=`${b/m}px`,g.value.style.height=`${W}px`,g.value.style.top=`${O/m}px`,g.value.style.left=`${A/m}px`,ve(O,A)),N.value&&(O<45&&W<100?(N.value.style.top="",N.value.style.bottom="-30px",N.value.style["border-radius"]="0px 0px 4px 4px",h.value="bottom"):O<45?(N.value.style.top="0px",N.value.style["border-radius"]="0px 0px 4px 0",h.value="center"):(N.value.style.top="-30px",N.value.style["border-radius"]="4px 4px 0px 0px",h.value="top"))}function ve(t,r){const y=$.value;if(!s||!y)return;const a=s.getBoundingClientRect(),{width:w}=y.getBoundingClientRect(),b=T.value?1:u.value,V=t/b-a.top;let m=r/b-a.left+w/b;m<a.width&&(m=0);const O=s.scrollTop-a.height/3+60,A=s.scrollTop+a.height/3*2,W=s.scrollLeft-a.width+200,X=s.scrollLeft+a.width-200;Math.abs(V-J)<10&&Math.abs(m-K)<10||(J=V,K=m,!(V>O&&V<A&&m>W&&m<X)&&(s.scrollTop=V,s.scrollLeft=m))}function oe(){var W,X;const t=x.value;if(!t)return;const{top:r,left:y}=(s==null?void 0:s.getBoundingClientRect())??{top:0,left:0},{top:a,left:w,width:b,height:V}=((W=t.getBoundingClientRect)==null?void 0:W.call(t))??((X=t.nextElementSibling)==null?void 0:X.getBoundingClientRect()),m=T.value?1:u.value,O=a-r+((s==null?void 0:s.scrollTop)??0)*m,A=w-y+((s==null?void 0:s.scrollLeft)??0)*m;R.value&&(R.value.style.width=`${b/m}px`,R.value.style.height=`${V/m}px`,R.value.style.top=`${O/m}px`,R.value.style.left=`${A/m}px`)}function ae(t){const r=window.MutationObserver,y={childList:!0,attributes:!0,subtree:!0};return{mutationObserver:new r(t),observerConfig:y}}function ge(t){var r,y,a,w,b,V,m,O,A,W,X,se,re,ie,ce,de,ue,fe;if(t==="right"){const f=n.state.matched.find(I=>I.type==="eTable"),S=l.findSchemaInfoById(o.schemas,(f==null?void 0:f.id)??"root"),B=(y=l.findSchemaInfoById(o.schemas,((r=n.state.checkedNode)==null?void 0:r.id)??"root"))==null?void 0:y.index;(a=S.list)==null||a[0].children.forEach(I=>{var D;(D=I.children)==null||D.splice(B+1,0,{type:"eTd",id:"eTd_"+l.getUUID(),children:[]})}),i.push(o.schemas,"添加右列")}else if(t==="left"){const f=n.state.matched.find(I=>I.type==="eTable"),S=l.findSchemaInfoById(o.schemas,(f==null?void 0:f.id)??"root"),B=(b=l.findSchemaInfoById(o.schemas,((w=n.state.checkedNode)==null?void 0:w.id)??"root"))==null?void 0:b.index;(V=S.list)==null||V[0].children.forEach(I=>{var D;B===0?I.children.unshift({type:"eTd",id:"eTd_"+l.getUUID(),children:[]}):(D=I.children)==null||D.splice(B-1,0,{type:"eTd",id:"eTd_"+l.getUUID(),children:[]})}),i.push(o.schemas,"添加左列")}else if(t==="top"){const f=n.state.matched.find(p=>p.type==="eTable"),S=n.state.matched.find(p=>p.type==="eTr"),B=l.findSchemaInfoById(o.schemas,(f==null?void 0:f.id)??"root"),I=l.findSchemaInfoById(o.schemas,(S==null?void 0:S.id)??"root"),D=l.findSchemaInfoById(o.schemas,((m=n.state.checkedNode)==null?void 0:m.id)??"root");I.index===0?(O=B.list)==null||O[0].children.unshift({type:"eTr",id:"eTr_"+l.getUUID(),children:l.deepClone(D.list).map(p=>(p.id="eTd_"+l.getUUID(),p.children=[],p))}):(A=B.list)==null||A[0].children.splice(I.index-1,0,{type:"eTr",id:"eTr_"+l.getUUID(),children:l.deepClone(D.list).map(p=>(p.id="eTd_"+l.getUUID(),p.children=[],p))}),i.push(o.schemas,"添加上列")}else if(t==="bottom"){const f=n.state.matched.find(p=>p.type==="eTable"),S=n.state.matched.find(p=>p.type==="eTr"),B=l.findSchemaInfoById(o.schemas,(f==null?void 0:f.id)??"root"),I=l.findSchemaInfoById(o.schemas,(S==null?void 0:S.id)??"root"),D=l.findSchemaInfoById(o.schemas,((W=n.state.checkedNode)==null?void 0:W.id)??"root");(X=B.list)==null||X[0].children.splice(I.index+1,0,{type:"eTr",id:"eTr_"+l.getUUID(),children:l.deepClone(D.list).map(p=>(p.id="eTd_"+l.getUUID(),p.children=[],p))}),i.push(o.schemas,"添加下列")}else if(t==="merge-right"){n.state.matched.find(I=>I.type==="eTr");const f=l.findSchemaInfoById(o.schemas,((se=n.state.checkedNode)==null?void 0:se.id)??"root");if(f.index===f.list.length-1)return;const S=f.list[f.index],B=f.list[f.index+1];S.colspan=(S.colspan||1)+(B.colspan||1),f.list.splice(f.index+1,1),i.push(o.schemas,"向右合并")}else if(t==="merge-bottom"){const f=n.state.matched.find(p=>p.type==="eTable"),S=n.state.matched.find(p=>p.type==="eTr");l.findSchemaInfoById(o.schemas,(f==null?void 0:f.id)??"root");const B=l.findSchemaInfoById(o.schemas,(S==null?void 0:S.id)??"root"),D=l.findSchemaInfoById(o.schemas,((re=n.state.checkedNode)==null?void 0:re.id)??"root").index;if(B.index!==B.list.length-1){const p=B.list[B.index];let te=0,ne=0;p.children.forEach((Y,le)=>{Y.colSpan||(Y.colSpan=1),ne=ne+Y.colSpan,ne===D+1&&(te=le)}),p.children[te].rowSpan=(p.children[te].rowSpan||1)+1;const Se=B.list[B.index+p.children[te].rowSpan-1];let he=0,me=0;p.children.forEach((Y,le)=>{Y.colSpan||(Y.colSpan=1),me=me+Y.colSpan,ne===D+1&&(he=le)}),Se.children.splice(he,1)}i.push(o.schemas,"向下合并")}else if(t==="delete-col"){const f=n.state.matched.find(I=>I.type==="eTable"),S=l.findSchemaInfoById(o.schemas,(f==null?void 0:f.id)??"root"),B=(ce=l.findSchemaInfoById(o.schemas,((ie=n.state.checkedNode)==null?void 0:ie.id)??"root"))==null?void 0:ce.index;(de=S.list)==null||de[0].children.forEach(I=>{var D;(D=I.children)==null||D.splice(B,1)}),i.push(o.schemas,"删除当前列")}else if(t==="delete-row"){const f=n.state.matched.find(D=>D.type==="eTable"),S=n.state.matched.find(D=>D.type==="eTr"),B=l.findSchemaInfoById(o.schemas,(f==null?void 0:f.id)??"root"),I=l.findSchemaInfoById(o.schemas,(S==null?void 0:S.id)??"root");l.findSchemaInfoById(o.schemas,((ue=n.state.checkedNode)==null?void 0:ue.id)??"root"),(fe=B.list)==null||fe[0].children.splice(I.index,1),i.push(o.schemas,"删除当前行")}}function xe(){var b;const t=l.findSchemaInfoById(o.schemas,((b=n.state.checkedNode)==null?void 0:b.id)??"root");if(!t)return!1;const{list:r,schema:y,index:a}=t,w=l.generateNewSchema(y);r.splice(a+1,0,w),n.setCheckedNode(w),i.push(o.schemas,"复制组件")}function ye(){var w;const t=l.findSchemaInfoById(o.schemas,((w=n.state.checkedNode)==null?void 0:w.id)??"root");if(!t)return!1;let{list:r,schema:y,index:a}=t;r.splice(a,1),a===r.length&&a--,n.setCheckedNode(r[a]),i.push(o.schemas,"删除组件")}function ke(t){s=t,s==null||s.addEventListener("scroll",()=>{F()}),H.useResizeObserver($,F),H.useResizeObserver(x,oe)}return L({handleInit:ke}),(t,r)=>{var y,a,w,b,V;return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.withDirectives(e.createElementVNode("div",{ref_key:"selectorRef",ref:g,class:e.normalizeClass(["epic-checked-widget absolute pointer-events-none z-20",h.value+" "+(d.value?"transition-all":"")])},[e.createElementVNode("div",{class:"epic-widget-action-box",ref_key:"actionBoxRef",ref:N},[e.createElementVNode("div",Ce,e.toDisplayString((a=e.unref(l.pluginManager).getComponentConfingByType(((y=e.unref(n).state.checkedNode)==null?void 0:y.type)??""))==null?void 0:a.defaultSchema.label),1),P.value?(e.openBlock(),e.createElementBlock("div",Ne,[P.value&&!j.value?(e.openBlock(),e.createElementBlock("div",{key:0,title:"复制",class:"epic-widget-action-item pointer-events-auto",onClick:xe},[e.createVNode(e.unref(ee._sfc_main),{name:"icon--epic--copy-all-outline-rounded"})])):e.createCommentVNode("",!0),e.createVNode(e.unref(Q.ElDropdown),{onCommand:ge,trigger:"click"},{dropdown:e.withCtx(()=>[e.createVNode(e.unref(Q.ElDropdownMenu),null,{default:e.withCtx(()=>[e.createVNode(e.unref(Q.ElDropdownItem),{command:"left"},{default:e.withCtx(()=>r[0]||(r[0]=[e.createTextVNode("添加左列")])),_:1}),e.createVNode(e.unref(Q.ElDropdownItem),{command:"right"},{default:e.withCtx(()=>r[1]||(r[1]=[e.createTextVNode("添加右列")])),_:1}),e.createVNode(e.unref(Q.ElDropdownItem),{command:"top"},{default:e.withCtx(()=>r[2]||(r[2]=[e.createTextVNode("添加上列")])),_:1}),e.createVNode(e.unref(Q.ElDropdownItem),{command:"bottom"},{default:e.withCtx(()=>r[3]||(r[3]=[e.createTextVNode("添加下列")])),_:1}),e.createVNode(e.unref(Q.ElDropdownItem),{command:"delete-row",divided:""},{default:e.withCtx(()=>r[4]||(r[4]=[e.createTextVNode("删除当前行")])),_:1}),e.createVNode(e.unref(Q.ElDropdownItem),{command:"delete-col"},{default:e.withCtx(()=>r[5]||(r[5]=[e.createTextVNode("删除当前列")])),_:1})]),_:1})]),default:e.withCtx(()=>[j.value?(e.openBlock(),e.createElementBlock("div",_e,[e.createVNode(e.unref(ee._sfc_main),{name:"icon--epic--window-outline"})])):e.createCommentVNode("",!0)]),_:1}),P.value&&!j.value?(e.openBlock(),e.createElementBlock("div",{key:1,title:"删除",class:"epic-widget-action-item pointer-events-auto",onClick:ye},[e.createVNode(e.unref(ee._sfc_main),{name:"icon--epic--delete-outline-rounded"})])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)],512)],2),[[e.vShow,z.value&&((w=e.unref(n).state.checkedNode)==null?void 0:w.id)!=="root"]]),e.withDirectives(e.createElementVNode("div",{ref_key:"hoverWidgetRef",ref:R,class:"epic-hover-widget absolute transition-all pointer-events-none z-998"},null,512),[[e.vShow,c.value&&((b=e.unref(n).state.checkedNode)==null?void 0:b.id)!==((V=e.unref(n).state.hoverNode)==null?void 0:V.id)]])],64)}}}),Be=e.defineComponent({name:"EditNodeItem",__name:"editNodeItem",props:{schemas:{}},emits:["update:schemas"],setup(Z,{emit:L}){const v=e.inject("designer"),o=e.inject("pageSchema"),n=e.inject("revoke"),C=Z,i=L,g=e.computed({get(){return C.schemas},set(d){i("update:schemas",d)}});function R(d){v.setCheckedNode(g.value[d]),v.setDisableHover(!0)}function N(){v.setDisableHover(),n.push(o.schemas,"拖拽组件")}function z(){n.push(o.schemas,"插入组件")}function c(d){var h,u,T;return d.id===((h=o.schemas[0])==null?void 0:h.id)||(T=(u=l.pluginManager.getComponentConfingByType(d.type))==null?void 0:u.editConstraints)!=null&&T.immovable?"unmover-item":"draggable-item"}return(d,h)=>(e.openBlock(),e.createBlock(e.unref(we.draggable),e.mergeProps({modelValue:g.value,"onUpdate:modelValue":h[0]||(h[0]=u=>g.value=u),"item-key":"id","component-data":{type:"transition-group"},class:"epic-draggable-range"},{animation:200,group:"edit-draggable",handle:".draggable-item",ghostClass:"moveing"},{onStart:h[1]||(h[1]=u=>R(u.oldIndex)),onEnd:h[2]||(h[2]=u=>N()),onAdd:h[3]||(h[3]=u=>{R(u.newIndex),z()})}),{item:e.withCtx(({element:u,index:T})=>[(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["widget-box",c(u)]),key:T},[e.createVNode(pe,{schema:u},null,8,["schema"])],2))]),_:1},16,["modelValue"]))}}),pe=e.defineComponent({name:"ENodeItem",__name:"nodeItem",props:{schema:{},name:{}},setup(Z){const L=e.useAttrs(),v=e.inject("designer"),o=e.inject("pageManager",{}),n=e.inject("pageSchema",{}),C=e.ref(null);e.provide("nodeAttrs",L);const i=Z,g=e.computed(()=>{var T,s,P,j,$;const c=o.componentInstances.value,d=(T=i.schema)==null?void 0:T.id,h=l.pluginManager.getComponentConfingByType((s=i.schema)==null?void 0:s.type)??null;if(!d||!(c!=null&&c[d]))return null;if(h!=null&&h.defaultSchema.input&&((P=i.schema)==null?void 0:P.noFormItem)!==!0)return(j=c[d+"formItem"])==null?void 0:j.$el;const u=c[d];return(($=u==null?void 0:u.$el)==null?void 0:$.nodeName)==="#text"?null:u==null?void 0:u.$el});e.watch(()=>g.value,c=>{c==null||c.addEventListener("click",R,!1),c==null||c.addEventListener("mouseover",N,!1),c==null||c.addEventListener("mouseout",z,!1)}),e.onUnmounted(()=>{var c,d,h;(c=g.value)==null||c.removeEventListener("click",R,!1),(d=g.value)==null||d.removeEventListener("mouseover",N,!1),(h=g.value)==null||h.removeEventListener("mouseout",z,!1)});function R(c){c.stopPropagation(),v.setCheckedNode(i.schema)}function N(c){var d;i.schema.id!==((d=n.schemas[0])==null?void 0:d.id)&&(c.stopPropagation(),v.setHoverNode(i.schema))}function z(c){c.stopPropagation(),v.setHoverNode(null)}return(c,d)=>{var u,T;const h=e.resolveComponent("ENodeItem");return e.openBlock(),e.createBlock(e.unref(H._sfc_main),{ref_key:"nodeRef",ref:C,componentSchema:i.schema},e.createSlots({_:2},[(T=(u=e.unref(l.pluginManager).getComponentConfingByType(i.schema.type))==null?void 0:u.editConstraints)!=null&&T.childImmovable?{name:"edit-node",fn:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.schema.children,s=>(e.openBlock(),e.createBlock(h,{key:s.id,schema:s},null,8,["schema"]))),128))]),key:"0"}:{name:"edit-node",fn:e.withCtx(()=>[i.schema.children?(e.openBlock(),e.createBlock(Be,{key:0,schemas:i.schema.children,"onUpdate:schemas":d[0]||(d[0]=s=>i.schema.children=s)},null,8,["schemas"])):e.createCommentVNode("",!0)]),key:"1"}]),1032,["componentSchema"])}}}),Ie={class:"min-w-750px rounded h-full"},Te=e.defineComponent({__name:"previewJson",setup(Z,{expose:L}){const v=l.pluginManager.getComponent("modal"),o=l.pluginManager.getComponent("monacoEditor"),n={theme:"vs-light",selectOnLineNumbers:!0,minimap:{enabled:!1},readOnly:!0},C=e.ref(null),i=e.ref(!1),g=e.inject("pageSchema");function R(){i.value=!1}function N(){i.value=!0,C.value?C.value.setValue(JSON.stringify(g,null,2)):setTimeout(()=>{N()},300)}function z(c="epic-data.json"){const d=JSON.stringify(g,null,2);var h=`data:text/json;charset=utf-8,${encodeURIComponent(d)}`,u=document.createElement("a");u.setAttribute("href",h),u.setAttribute("download",c),u.click()}return L({handleOpen:N}),(c,d)=>(e.openBlock(),e.createBlock(e.unref(v),{modelValue:i.value,"onUpdate:modelValue":d[0]||(d[0]=h=>i.value=h),title:"查看数据",class:"w-900px",width:"900px",onClose:R,onOk:z,okText:"导出数据"},{default:e.withCtx(()=>[e.createElementVNode("div",Ie,[e.createVNode(e.unref(o),{ref_key:"monacoEditorRef",ref:C,class:"editor h-full",autoToggleTheme:"",readOnly:"",config:n,language:"json"},null,512)])]),_:1},8,["modelValue"]))}}),Ve={class:"epic-edit-toolbar flex items-center justify-between px-2"},Ee={class:"flex-1 h-full flex items-center"},De={key:0,class:"epic-divider"},Re=["title","onClick"],$e={class:"flex-1 h-full flex items-center justify-end"},Me={key:0,class:"flex items-center ml-12px"},Ue={class:"pr-8px w-82px cursor-pointer"},Le={class:"epic-device h-28px items-center gap-1 rounded-md border p-2px flex"},ze=["title","onClick"],Oe=e.defineComponent({__name:"toolbar",setup(Z){const L=l.pluginManager.getComponent("select"),{canvasScale:v,disabledZoom:o}=H.useStore(),n=e.ref("pc"),C=e.inject("pageSchema"),i=e.inject("designer"),g=e.inject("revoke"),R=e.ref(null),N=[{icon:"icon--epic--computer-outline-rounded",title:"pc",key:"pc"},{icon:"icon--epic--tablet-android-outline-rounded",title:"平板",key:"pad"},{icon:"icon--epic--phone-iphone-outline-sharp",title:"手机",key:"mobile"}],z=e.computed(()=>[{icon:"icon--epic--trash",title:"清空",on:s},{icon:"icon--epic--undo",title:"撤销",on:u,disabled:!g.recordList.value.length,divider:!0},{icon:"icon--epic--redo",title:"重做",on:T,disabled:!g.undoList.value.length}]),c=e.ref(null),d=e.computed({get(){return`${(v.value*100).toFixed(0)}%`},set(x){const _=parseFloat(x);v.value=_/100}}),h=[{label:"60%",value:"60%"},{label:"80%",value:"80%"},{label:"100%",value:"100%"},{label:"120%",value:"120%"},{label:"140%",value:"140%"}];function u(){const x=g.undo();x&&(l.deepCompareAndModify(C.schemas,x),i.setCheckedNode(C.schemas[0]))}function T(){const x=g.redo();x&&(l.deepCompareAndModify(C.schemas,x),i.setCheckedNode(C.schemas[0]))}function s(){i.reset()}function P(x){var q;const _=(q=x.target.files)==null?void 0:q[0];if(!_)return;x.target.value=null;const k=new FileReader;k.readAsText(_),k.onload=G=>{var M;j((M=G.target)==null?void 0:M.result)}}function j(x){try{let _=JSON.parse(x??"");_.schemas||(_=l.convertKFormData(_)),l.deepCompareAndModify(C,_)}catch(_){console.error(_)}}function $(x){i.handleToggleDeviceMode(x),n.value=x;const _={pc:{},pad:{width:"780px",mode:x},mobile:{width:"390px",height:"844px",mode:x}};C.canvas=_[x]}return(x,_)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",Ve,[e.createElementVNode("div",Ee,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(z.value,(k,q)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:q},[k.divider?(e.openBlock(),e.createElementBlock("div",De)):e.createCommentVNode("",!0),e.createElementVNode("div",{title:k.title,class:e.normalizeClass(["epic-action-item text-base h-90% px-10px flex items-center cursor-pointer",{disabled:k.disabled}]),onClick:k.on},[e.createVNode(e.unref(ee._sfc_main),{name:k.icon},null,8,["name"])],10,Re)],64))),128))]),e.withDirectives(e.createElementVNode("input",{type:"file",ref_key:"fileRef",ref:c,accept:".json,.txt",onChange:P},null,544),[[e.vShow,!1]]),e.createElementVNode("div",$e,[e.unref(o)?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",Me,[e.createElementVNode("div",Ue,[e.createVNode(e.unref(L),{value:d.value,"onUpdate:value":_[0]||(_[0]=k=>d.value=k),modelValue:d.value,"onUpdate:modelValue":_[1]||(_[1]=k=>d.value=k),options:h,size:"small"},null,8,["value","modelValue"])])])),e.createElementVNode("div",Le,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(N,k=>e.createElementVNode("div",{key:k.key,title:k.title,class:e.normalizeClass(["epic-device-item h-full px-1 flex items-center cursor-pointer text-base transition-colors rounded-sm",{checked:k.key===n.value}]),onClick:q=>$(k.key)},[e.createVNode(e.unref(ee._sfc_main),{name:k.icon},null,8,["name"])],10,ze)),64))])])]),e.createVNode(Te,{ref_key:"previewJson",ref:R},null,512)],64))}}),He={class:"h-full flex flex-col relative"},je=["draggable"],Fe=e.defineComponent({__name:"editScreenContainer",setup(Z){const L=e.inject("pageSchema"),v=e.ref(null),o=e.ref(null),n=e.ref(null),{pressSpace:C,disabledZoom:i}=H.useStore(),{handleElementDragStart:g,handleElementDrag:R,handleElementDragEnd:N}=H.useElementDrag(v),{width:z,height:c}=H.useElementSize(v),{canvasScale:d,handleZoom:h}=H.useElementZoom(o);let u=0,T=0;const s=e.ref({}),P=e.ref({}),j=e.ref({}),$=e.shallowRef({width:0,height:0});e.watchEffect(_),e.watch(j,()=>{e.nextTick(x)});function x(){n.value&&($.value={width:n.value.clientWidth,height:n.value.clientHeight})}function _(){var M,E;j.value={width:((M=L.canvas)==null?void 0:M.width)??"0",height:((E=L.canvas)==null?void 0:E.height)??"0"}}H.watchOnce(z,k),e.watch($,k);function k(){let M=$.value.width||u,E=$.value.height||T;s.value={width:z.value+M+"px",height:c.value+E+"px"},P.value={width:M+"px",height:E+"px"},q()}function q(){e.nextTick(()=>{var K;let M=$.value.width||u;const U=($.value.height||T)/2,J=M/2;(K=v.value)==null||K.scrollTo(J,U)})}H.useResizeObserver(v,G),H.useResizeObserver(o,G);function G(){var E;if(!v.value)return;const M=v.value.getBoundingClientRect();if(u=M.width-60,T=M.height-80,!i.value)if($.value.width===0)d.value=1;else{const U=(u-20)/$.value.width,J=T/($.value.height||((E=o.value)==null?void 0:E.clientHeight)||1),K=Math.abs(U-1)<Math.abs(J-1);let F=1;K?F=U:F=J,(U<1||J<1)&&(F=Math.min(U,J)),F<1.4&&F>.5&&(d.value=F)}H.debounce(k,50)()}return(M,E)=>(e.openBlock(),e.createElementBlock("div",He,[e.createVNode(Oe),e.createElementVNode("div",{ref_key:"editScreenContainerRef",ref:v,class:e.normalizeClass(["flex-1 overflow-auto overflow-y-hidden epic-edit-screen-container",{"cursor-grab":e.unref(C)}]),draggable:e.unref(C),onWheel:E[0]||(E[0]=(...U)=>e.unref(h)&&e.unref(h)(...U)),onDragstart:E[1]||(E[1]=(...U)=>e.unref(g)&&e.unref(g)(...U)),onDragend:E[2]||(E[2]=(...U)=>e.unref(N)&&e.unref(N)(...U)),onDrag:E[3]||(E[3]=(...U)=>e.unref(R)&&e.unref(R)(...U))},[e.createElementVNode("div",{id:"canvasContainer",class:"flex items-center justify-center",style:e.normalizeStyle(s.value)},[e.createElementVNode("div",{ref_key:"draggableElRef",ref:o,class:"transition-all"},[e.createElementVNode("div",{class:e.normalizeClass({"pointer-events-none":e.unref(C)}),style:e.normalizeStyle(P.value)},[e.renderSlot(M.$slots,"default")],6)],512)],4)],42,je),e.createElementVNode("div",{ref_key:"sizeBoxRef",ref:n,class:"absolute top-0 pointer-events-none",style:e.normalizeStyle(j.value)},null,4)]))}}),Ae={class:"epic-edit-canvas"},Pe=e.defineComponent({__name:"index",setup(Z){const L=e.ref(null),v=e.ref(null),o=e.inject("pageSchema"),n=e.computed(()=>o.schemas[0]),C=e.computed(()=>({width:"100%",height:"100%"}));return e.onMounted(()=>{var i;(i=v.value)==null||i.handleInit(L.value)}),(i,g)=>(e.openBlock(),e.createElementBlock("section",Ae,[e.createVNode(Fe,null,{default:e.withCtx(()=>[e.createElementVNode("div",{ref_key:"epicEditRangeRef",ref:L,class:"epic-edit-range rounded-md overflow-auto relative",style:e.normalizeStyle(C.value)},[e.createVNode(pe,{schema:n.value},null,8,["schema"]),e.createVNode(be,{ref_key:"ePreviewWidgetsRef",ref:v},null,512)],4)]),_:1})]))}});exports.default=Pe;