go-view-worker 0.0.1

package/dist/chunks/index-95c5f0a0.js

@@ -0,0 +1,1664 @@
+import { onMounted as He, onUnmounted as Ve, toRaw as ot, defineComponent as J, useCssVars as _e, computed as U, openBlock as y, createElementBlock as P, normalizeClass as ne, renderSlot as Pe, Fragment as se, renderList as re, normalizeStyle as V, unref as r, createCommentVNode as ve, createElementVNode as I, createBlock as R, withCtx as h, resolveDynamicComponent as pe, reactive as Te, watch as ae, resolveComponent as E, toRefs as be, ref as X, createVNode as x, createTextVNode as le, toDisplayString as j, watchEffect as nt, nextTick as st, withDirectives as Le, vShow as De, isRef as at, provide as lt } from "vue";
+import { ae as rt, ag as $e, ah as N, I as Me, H as ge, A as ee, M as Q, O as qe, ai as ct, aj as Ne, w as it, a3 as ut, ak as B, al as K, am as dt, af as pt, an as vt, ao as _t } from "./designStore-fe92c2ba.js";
+import "naive-ui";
+import { useRoute as gt } from "vue-router";
+import { c as ft, k as je, l as Re, m as ye, n as Oe, o as Je, u as ht, p as Ke, F as Ge } from "./index.vue_vue_type_script_setup_true_lang-c6159a17.js";
+import { u as Ye, d as mt } from "./index-82d00e13.js";
+import { u as oe, p as W, l as Ct, f as ze, h as yt, d as Xe, c as Fe, q as M, r as Ce, a as St, i as ie, S as ce, T as Se, g as xt } from "./chartEditStore-a725b558.js";
+import { a as wt } from "./useKeyboard.hook-da88451a.js";
+import { l as xe } from "./lodash-c80b695e.js";
+import { C as Tt } from "./index-51458edb.js";
+import { u as Ze, C as Qe, c as bt } from "./index-097ae4b0.js";
+import { u as Et } from "./useSyncUpdate.hook-5517a8ad.js";
+import "pinia";
+import "./router-106a6abc.js";
+const kt = "scale-value", Lt = (t) => {
+  const l = oe();
+  let s = () => {
+  };
+  He(async () => {
+    l.setEditCanvas(
+      W.EDIT_LAYOUT_DOM,
+      document.getElementById("go-chart-edit-layout")
+    ), l.setEditCanvas(
+      W.EDIT_CONTENT_DOM,
+      document.getElementById("go-chart-edit-content")
+    ), await t(), s = l.listenerScale();
+  }), Ve(() => {
+    l.setEditCanvas(W.EDIT_LAYOUT_DOM, null), l.setEditCanvas(W.EDIT_CONTENT_DOM, null), s();
+  });
+}, S = () => oe(), Dt = async (t) => {
+  t.preventDefault();
+  try {
+    Ct();
+    const l = t.dataTransfer.getData(rt.DRAG_KEY);
+    if (!l) {
+      ze();
+      return;
+    }
+    S().setEditCanvas(W.IS_CREATE, !1);
+    const s = $e(l);
+    if (s.disabled)
+      return;
+    let d = await ft(s);
+    s.redirectComponent && (s.dataset && (d.option.dataset = s.dataset), d.chartConfig.title = s.title, d.chartConfig.chartFrame = s.chartFrame), N(d, t.offsetX - d.attr.w / 2, t.offsetY - d.attr.h / 2), S().addComponentList(d, !1, !0), S().setTargetSelectChart(d.id), ze();
+  } catch (l) {
+    console.error("[go-view-worker] dragHandle error:", l), yt(), window.$message.warning("图表正在研发中, 敬请期待...");
+  }
+}, We = (t) => {
+  t.preventDefault(), t.stopPropagation(), t.dataTransfer && (t.dataTransfer.dropEffect = "copy");
+}, et = (t, l) => {
+  if (l) {
+    S().setTargetSelectChart(l.id);
+    return;
+  }
+  S().setTargetSelectChart(void 0);
+}, Mt = (t, l) => {
+  if (t.which == 2 || window.$KeyboardActive?.space)
+    return;
+  et();
+  const s = t.offsetX, d = t.offsetY, o = t.screenX, f = t.screenY, i = S().getEditCanvas.scale;
+  S().setMousePosition(void 0, void 0, s, d);
+  const u = xe.throttle((a) => {
+    S().setTargetSelectChart(), S().setEditCanvas(W.IS_SELECT, !0);
+    const C = s + a.screenX - o, n = d + a.screenY - f;
+    S().setMousePosition(C, n);
+    const e = {
+      // 左上角
+      x1: 0,
+      y1: 0,
+      // 右下角
+      x2: 0,
+      y2: 0
+    };
+    C > s && n > d ? (e.x1 = s, e.y1 = d, e.x2 = Math.round(s + (a.screenX - o) / i), e.y2 = Math.round(d + (a.screenY - f) / i)) : C > s && n < d ? (e.x1 = s, e.y1 = Math.round(d - (f - a.screenY) / i), e.x2 = Math.round(s + (a.screenX - o) / i), e.y2 = d) : C < s && n > d ? (e.x1 = Math.round(s - (o - a.screenX) / i), e.y1 = d, e.x2 = s, e.y2 = Math.round(d + (a.screenY - f) / i)) : (e.x1 = Math.round(s - (o - a.screenX) / i), e.y1 = Math.round(d - (f - a.screenY) / i), e.x2 = s, e.y2 = d), S().getComponentList.forEach((g) => {
+      if (!S().getTargetChart.selectId.includes(g.id)) {
+        const { x: c, y: p, w: m, h: D } = g.attr, w = {
+          // 左上角
+          x1: c,
+          y1: p,
+          // 右下角
+          x2: c + m,
+          y2: p + D
+        };
+        w.x1 - e.x1 >= 0 && w.y1 - e.y1 >= 0 && w.x2 - e.x2 <= 0 && w.y2 - e.y2 <= 0 && !g.status.lock && !g.status.hide && S().setTargetSelectChart(g.id, !0);
+      }
+    });
+  }, 30), _ = () => {
+    u.cancel(), S().setEditCanvas(W.IS_SELECT, !1), S().setMousePosition(0, 0, 0, 0), document.removeEventListener("mousemove", u), document.removeEventListener("mouseup", _);
+  };
+  document.addEventListener("mousemove", u), document.addEventListener("mouseup", _);
+}, tt = () => ({ mouseClickHandle: (o, f) => {
+  if (o.preventDefault(), o.stopPropagation(), !f.status.lock && window.$KeyboardActive?.ctrl)
+    if (S().targetChart.selectId.includes(f.id)) {
+      const i = S().targetChart.selectId.filter((u) => u !== f.id);
+      S().setTargetSelectChart(i);
+    } else
+      S().setTargetSelectChart(f.id, !0);
+}, mousedownHandle: (o, f) => {
+  if (o.preventDefault(), o.stopPropagation(), f.status.lock || (Ye().onClickOutSide(), o.buttons === Me.LEFT && window.$KeyboardActive?.ctrl))
+    return;
+  const i = S().getTargetChart.selectId;
+  if (o.buttons === Me.RIGHT && i.length > 1 && i.includes(f.id) || (S().setTargetSelectChart(f.id), o.buttons === Me.RIGHT))
+    return;
+  const u = S().getEditCanvas.scale, _ = S().getEditCanvasConfig.width, a = S().getEditCanvasConfig.height, C = /* @__PURE__ */ new Map();
+  S().getTargetChart.selectId.forEach((m) => {
+    const D = S().fetchTargetIndex(m);
+    if (D !== -1) {
+      const { x: w, y: k, w: T, h: A } = ot(S().getComponentList[D]).attr;
+      C.set(m, { x: w, y: k, w: T, h: A });
+    }
+  });
+  const n = o.screenX, e = o.screenY;
+  let g = [];
+  S().getTargetChart.selectId.forEach((m) => {
+    if (!C.has(m))
+      return;
+    const D = S().fetchTargetIndex(m);
+    g.push(xe.cloneDeep(S().getComponentList[D]));
+  }), S().setMousePosition(void 0, void 0, n, e);
+  const c = xe.throttle((m) => {
+    S().setEditCanvas(W.IS_DRAG, !0), S().setMousePosition(m.screenX, m.screenY);
+    let D = (m.screenX - n) / u, w = (m.screenY - e) / u;
+    S().getTargetChart.selectId.forEach((k) => {
+      if (!C.has(k))
+        return;
+      const T = S().fetchTargetIndex(k), { x: A, y: H, w: z, h: G } = C.get(k), v = S().getComponentList[T];
+      let L = Math.round(A + D), Y = Math.round(H + w);
+      const $ = 50;
+      L = L < -z + $ ? -z + $ : L, Y = Y < -G + $ ? -G + $ : Y, L = L > _ - $ ? _ - $ : L, Y = Y > a - $ ? a - $ : Y, v && (v.attr = Object.assign(v.attr, {
+        x: L,
+        y: Y
+      }));
+    });
+  }, 20), p = () => {
+    try {
+      if (S().setMousePosition(0, 0, 0, 0), S().setEditCanvas(W.IS_DRAG, !1), g.length) {
+        S().getTargetChart.selectId.forEach((D) => {
+          if (!C.has(D))
+            return;
+          const w = S().fetchTargetIndex(D), k = S().getComponentList[w];
+          g.forEach((T) => {
+            T.id === D && (T.attr = Object.assign(T.attr, {
+              offsetX: k.attr.x - T.attr.x,
+              offsetY: k.attr.y - T.attr.y
+            }));
+          });
+        });
+        const m = g.filter(
+          (D) => D.attr.offsetX !== 0 && D.attr.offsetY !== 0
+        );
+        m.length && S().moveComponentList(m);
+      }
+      document.removeEventListener("mousemove", c), document.removeEventListener("mouseup", p);
+    } catch (m) {
+      console.log(m);
+    }
+  };
+  document.addEventListener("mousemove", c), document.addEventListener("mouseup", p);
+}, mouseenterHandle: (o, f) => {
+  o.preventDefault(), o.stopPropagation(), S().getEditCanvas.isSelect || S().setTargetHoverChart(f.id);
+}, mouseleaveHandle: (o, f) => {
+  o.preventDefault(), o.stopPropagation(), S().setEditCanvas(W.IS_DRAG, !1), S().setTargetHoverChart(void 0);
+} }), It = (t, l, s) => {
+  t.stopPropagation(), t.preventDefault(), S().setEditCanvas(W.IS_DRAG, !0);
+  const d = S().getEditCanvas.scale, o = s.x, f = s.y, i = s.w, u = s.h, _ = t.screenX, a = t.screenY;
+  S().setMousePosition(_, a);
+  const C = xe.throttle((e) => {
+    S().setMousePosition(e.screenX, e.screenY);
+    let g = Math.round((e.screenX - _) / d), c = Math.round((e.screenY - a) / d);
+    const p = /t/.test(l), m = /b/.test(l), D = /l/.test(l), w = /r/.test(l), k = u + (p ? -c : m ? c : 0), T = i + (D ? -g : w ? g : 0);
+    s.h = k > 0 ? k : 0, s.w = T > 0 ? T : 0, s.x = o + (D ? g : 0), s.y = f + (p ? c : 0);
+  }, 50), n = () => {
+    S().setEditCanvas(W.IS_DRAG, !1), S().setMousePosition(0, 0, 0, 0), document.removeEventListener("mousemove", C), document.removeEventListener("mouseup", n);
+  };
+  document.addEventListener("mousemove", C), document.addEventListener("mouseup", n);
+}, we = (t, l) => t ? {
+  zIndex: l + 1,
+  left: `${t.x}px`,
+  top: `${t.y}px`
+} : {}, ue = (t, l) => t ? {
+  width: `${l ? l * t.w : t.w}px`,
+  height: `${l ? l * t.h : t.h}px`
+} : {}, Ut = (t, l, s, d) => {
+  const { w: o, h: f } = s, i = /t/.test(t), u = /b/.test(t), _ = /l/.test(t), a = /r/.test(t);
+  let C = 0, n = 0;
+  return t.length === 2 ? (C = _ ? 0 : o, n = i ? 0 : f) : ((i || u) && (C = o / 2, n = i ? 0 : f), (_ || a) && (C = _ ? 0 : o, n = Math.floor(f / 2))), {
+    left: `${C}px`,
+    top: `${n}px`,
+    cursor: d[l] + "-resize"
+  };
+}, $t = ["onMousedown"], Rt = /* @__PURE__ */ J({
+  __name: "index",
+  props: {
+    item: {
+      type: Object,
+      required: !0
+    },
+    hiddenPoint: {
+      type: Boolean,
+      required: !1
+    }
+  },
+  setup(t) {
+    _e((n) => ({
+      "2707b0c4": i.value
+    }));
+    const l = t, s = ge(), d = oe(), o = ["t", "r", "b", "l", "lt", "rt", "lb", "rb"], f = ["n", "e", "s", "w", "nw", "ne", "sw", "se"], i = U(() => s.getAppTheme), u = U(() => d.getEditCanvas[W.IS_DRAG] || l.item.status.lock ? !1 : l.item.id === d.getTargetChart.hoverId), _ = U(() => {
+      const n = l.item.id;
+      return l.item.status.lock ? !1 : d.getTargetChart.selectId.find((e) => e === n);
+    }), a = U(() => l.item.status.lock), C = U(() => l.item.status.hide);
+    return (n, e) => (y(), P("div", {
+      class: ne(["go-shape-box", { lock: a.value, hide: C.value }])
+    }, [
+      Pe(n.$slots, "default", {}, void 0, !0),
+      t.hiddenPoint ? ve("", !0) : (y(!0), P(se, { key: 0 }, re(_.value ? o : [], (g, c) => (y(), P("div", {
+        class: ne(`shape-point ${g}`),
+        key: c,
+        style: V(r(Ut)(g, c, t.item.attr, f)),
+        onMousedown: (p) => r(It)(p, g, t.item.attr)
+      }, null, 46, $t))), 128)),
+      I("div", {
+        class: "shape-modal",
+        style: V(r(ue)(t.item.attr))
+      }, [
+        I("div", {
+          class: ne(["shape-modal-select", { active: _.value }])
+        }, null, 2),
+        I("div", {
+          class: ne(["shape-modal-change", { selectActive: _.value, hoverActive: u.value }])
+        }, null, 2)
+      ], 4)
+    ], 2));
+  }
+});
+const Ae = /* @__PURE__ */ ee(Rt, [["__scopeId", "data-v-301ec8d2"]]), Ot = { class: "go-edit-group-box" }, At = /* @__PURE__ */ J({
+  __name: "index",
+  props: {
+    groupData: {
+      type: Object,
+      required: !0
+    },
+    groupIndex: {
+      type: Number,
+      required: !0
+    }
+  },
+  setup(t) {
+    const l = oe(), { handleContextMenu: s } = Ye(), { mouseenterHandle: d, mouseleaveHandle: o, mousedownHandle: f, mouseClickHandle: i } = tt(), u = (C, n, e) => {
+      const g = (c) => n.filter((p) => c.includes(p.key));
+      if (l.getTargetChart.selectId.length > 1)
+        return g([Q.GROUP, Q.DELETE]);
+      {
+        const c = [];
+        e.status.lock ? c.push(Q.LOCK) : c.push(Q.UNLOCK), e.status.hide ? c.push(Q.HIDE) : c.push(Q.SHOW);
+        const p = [Q.UN_GROUP];
+        return [
+          ...g(p),
+          mt(),
+          ...C.filter((m) => !c.includes(m.key))
+        ];
+      }
+    }, _ = U(() => je(l.getEditCanvasConfig.chartCustomThemeColorInfo)[l.getEditCanvasConfig.chartThemeColor]), a = U(() => l.getEditCanvasConfig.chartThemeSetting);
+    return (C, n) => (y(), P("div", Ot, [
+      (y(), R(r(Ae), {
+        key: t.groupData.id,
+        "data-id": t.groupData.id,
+        index: t.groupIndex,
+        item: t.groupData,
+        hiddenPoint: !0,
+        class: ne(r(Re)(t.groupData.styles.animations)),
+        style: V({
+          ...r(we)(t.groupData.attr, t.groupIndex),
+          ...r(ue)(t.groupData.attr),
+          ...r(ye)(t.groupData.styles),
+          ...r(Oe)(t.groupData.styles),
+          ...r(Je)(t.groupData.styles)
+        }),
+        onClick: n[0] || (n[0] = (e) => r(i)(e, t.groupData)),
+        onMousedown: n[1] || (n[1] = (e) => r(f)(e, t.groupData)),
+        onMouseenter: n[2] || (n[2] = (e) => r(d)(e, t.groupData)),
+        onMouseleave: n[3] || (n[3] = (e) => r(o)(e, t.groupData)),
+        onContextmenu: n[4] || (n[4] = (e) => r(s)(e, t.groupData, u))
+      }, {
+        default: h(() => [
+          (y(!0), P(se, null, re(t.groupData.groupList, (e) => (y(), R(r(Ae), {
+            key: e.id,
+            "data-id": e.id,
+            index: t.groupIndex,
+            item: e,
+            hiddenPoint: !0,
+            style: V({
+              ...r(we)(e.attr, t.groupIndex)
+            })
+          }, {
+            default: h(() => [
+              (y(), R(pe(e.chartConfig.chartKey), {
+                class: ne(["edit-content-chart", r(Re)(e.styles.animations)]),
+                chartConfig: e,
+                themeSetting: a.value,
+                themeColor: _.value,
+                style: V({
+                  ...r(ue)(e.attr),
+                  ...r(ye)(e.styles),
+                  ...r(Oe)(e.styles)
+                })
+              }, null, 8, ["class", "chartConfig", "themeSetting", "themeColor", "style"]))
+            ]),
+            _: 2
+          }, 1032, ["data-id", "index", "item", "style"]))), 128))
+        ]),
+        _: 1
+      }, 8, ["data-id", "index", "item", "class", "style"]))
+    ]));
+  }
+}), Ht = { class: "go-edit-align-line" }, Pt = /* @__PURE__ */ J({
+  __name: "index",
+  setup(t) {
+    _e((c) => ({
+      "05d3f33b": i.value
+    }));
+    const l = ge(), s = oe(), d = Xe(), o = Te({
+      // 行横向row（上中下），列竖线col（左中右）
+      lineArr: ["rowt", "rowc", "rowb", "coll", "colc", "colr"],
+      // 展示线
+      select: /* @__PURE__ */ new Map(),
+      // 已经吸附
+      sorptioned: {
+        x: !1,
+        y: !1
+      }
+    }), f = (c) => c ? {
+      left: `${c.x ? c.x : 0}px`,
+      top: `${c.y ? c.y : 0}px`
+    } : {}, i = U(() => l.getAppTheme), u = U(() => d.getChartAlignRange), _ = U(() => s.getEditCanvas[W.IS_DRAG]), a = (c, p) => Math.abs(c - p) <= u.value, C = U(() => s.getTargetChart.selectId), n = U(() => s.getComponentList[s.fetchTargetIndex()]), e = U(() => n.value?.attr || {}), g = U(() => ({
+      id: "0",
+      attr: {
+        w: Fe(s.getEditCanvasConfig.width),
+        h: Fe(s.getEditCanvasConfig.height),
+        x: 0,
+        y: 0,
+        offsetX: 0,
+        offsetY: 0,
+        zIndex: 0
+      }
+    }));
+    return ae(
+      () => s.getMousePosition,
+      qe(() => {
+        try {
+          if (!_.value || C.value.length !== 1)
+            return;
+          const c = e.value.w, p = e.value.h, m = e.value.x, D = m + c / 2, w = m + c, k = [m, D, w], T = e.value.y, A = T + p / 2, H = T + p, z = [T, A, H];
+          o.select.clear(), o.sorptioned.y = !1;
+          const G = s.getComponentList.map((v) => ({
+            id: v.id,
+            attr: v.attr
+          }));
+          G.push(g.value), o.lineArr.forEach((v) => {
+            G.forEach((L) => {
+              if (C.value[0] === L.id)
+                return;
+              const Y = L.attr.w, $ = L.attr.h, b = L.attr.x, O = b + Y / 2, F = b + Y, fe = [b, O, F], q = L.attr.y, Z = q + $ / 2, te = q + $, Be = [q, Z, te];
+              v.includes("rowt") && (a(T, q) && (o.select.set(v, { y: q }), N(n.value, m, q)), a(T, Z) && (o.select.set(v, { y: Z }), N(n.value, m, Z)), a(T, te) && (o.select.set(v, { y: te }), N(n.value, m, te))), v.includes("rowc") && (a(A, q) && (o.select.set(v, { y: q }), N(n.value, m, q - p / 2)), a(A, Z) && (o.select.set(v, { y: Z }), N(n.value, m, Z - p / 2)), a(A, te) && (o.select.set(v, { y: te }), N(n.value, m, te - p / 2))), v.includes("rowb") && (a(H, q) && (o.select.set(v, { y: q }), N(n.value, m, q - p)), a(H, Z) && (o.select.set(v, { y: Z }), N(n.value, m, Z - p)), a(H, te) && (o.select.set(v, { y: te }), N(n.value, m, te - p))), v.includes("coll") && (a(m, b) && (o.select.set(v, { x: b }), N(n.value, b, T)), a(m, O) && (o.select.set(v, { x: O }), N(n.value, O, T)), a(m, F) && (o.select.set(v, { x: F }), N(n.value, F, T))), v.includes("colc") && (a(D, b) && (o.select.set(v, { x: b }), N(n.value, b - c / 2, T)), a(D, O) && (o.select.set(v, { x: O }), N(n.value, O - c / 2, T)), a(D, F) && (o.select.set(v, { x: F }), N(n.value, F - c / 2, T))), v.includes("colr") && (a(w, b) && (o.select.set(v, { x: b }), N(n.value, b - c, T)), a(w, O) && (o.select.set(v, { x: O }), N(n.value, O - c, T)), a(w, F) && (o.select.set(v, { x: F }), N(n.value, F - c, T)));
+            });
+          });
+        } catch (c) {
+          console.log(c);
+        }
+      }, 200),
+      {
+        deep: !0
+      }
+    ), ae(
+      () => _.value,
+      (c) => {
+        c || (o.select.clear(), o.sorptioned.y = !1);
+      }
+    ), (c, p) => (y(), P("div", Ht, [
+      (y(!0), P(se, null, re(o.lineArr, (m) => (y(), P("div", {
+        class: ne(["line", [m.includes("row") ? "row" : "col", o.select.has(m) && "visible"]]),
+        key: m,
+        style: V(f(o.select.get(m)))
+      }, null, 6))), 128))
+    ]));
+  }
+});
+const Yt = /* @__PURE__ */ ee(Pt, [["__scopeId", "data-v-41025e73"]]), Xt = /* @__PURE__ */ J({
+  __name: "index",
+  setup(t) {
+    return (l, s) => {
+      const d = E("n-watermark");
+      return y(), R(d, {
+        id: "go-edit-watermark",
+        content: r(ct),
+        cross: "",
+        selectable: "",
+        "font-size": 16,
+        "line-height": 16,
+        width: 500,
+        height: 150,
+        "x-offset": 12,
+        "y-offset": 80,
+        rotate: -15
+      }, null, 8, ["content"]);
+    };
+  }
+});
+const Bt = /* @__PURE__ */ ee(Xt, [["__scopeId", "data-v-e5767c3f"]]), Nt = /* @__PURE__ */ J({
+  __name: "index",
+  setup(t) {
+    _e((u) => ({
+      d910e7cc: f.value
+    }));
+    const l = ge(), s = oe(), { isSelect: d, scale: o } = be(s.getEditCanvas), f = U(() => l.getAppTheme), i = X();
+    return ae(
+      () => s.getMousePosition,
+      (u) => {
+        if (!d.value)
+          return;
+        const { startX: _, startY: a, x: C, y: n } = u, e = {
+          zIndex: Ne,
+          // left
+          x: 0,
+          // top
+          y: 0,
+          // 宽
+          w: 0,
+          // 高
+          h: 0,
+          // 偏移
+          offsetX: 0,
+          offsetY: 0
+        };
+        C > _ && n > a ? (e.x = _, e.y = a, e.w = Math.round((C - _) / o.value), e.h = Math.round((n - a) / o.value)) : C > _ && n < a ? (e.x = _, e.w = Math.round((C - _) / o.value), e.h = Math.round((a - n) / o.value), e.y = a - e.h) : C < _ && n > a ? (e.y = a, e.w = Math.round((_ - C) / o.value), e.h = Math.round((n - a) / o.value), e.x = _ - e.w) : (e.w = Math.round((_ - C) / o.value), e.h = Math.round((a - n) / o.value), e.x = _ - e.w, e.y = a - e.h), i.value = {
+          ...we(e, Ne),
+          ...ue(e)
+        };
+      },
+      {
+        deep: !0
+      }
+    ), (u, _) => r(d) ? (y(), P("div", {
+      key: 0,
+      class: "go-edit-select",
+      style: V(i.value)
+    }, _[0] || (_[0] = [
+      I("div", { class: "select-background" }, null, -1),
+      I("div", { class: "select-border" }, null, -1)
+    ]), 4)) : ve("", !0);
+  }
+});
+const Kt = /* @__PURE__ */ ee(Nt, [["__scopeId", "data-v-02b12a9c"]]), Gt = /* @__PURE__ */ J({
+  __name: "index",
+  setup(t) {
+    const l = oe(), { getEditCanvasConfig: s, getEditCanvas: d } = be(l), o = U(() => ({
+      w: s.value.width,
+      h: s.value.height
+    })), f = U(() => {
+      const u = {
+        transform: `scale(${d.value.scale})`
+      };
+      return { ...ue(o.value), ...u };
+    }), i = U(() => {
+      const u = d.value.isCreate && { "z-index": 99999 };
+      return { ...ue(o.value), ...u };
+    });
+    return (u, _) => (y(), P("div", {
+      class: "go-edit-range go-transition",
+      style: V(f.value),
+      onMousedown: _[0] || (_[0] = (a) => r(Mt)(a, void 0))
+    }, [
+      Pe(u.$slots, "default", {}, void 0, !0),
+      x(r(Bt)),
+      x(r(Yt)),
+      x(r(Kt)),
+      I("div", {
+        class: "go-edit-range-model",
+        style: V(i.value)
+      }, null, 4)
+    ], 36));
+  }
+});
+const zt = /* @__PURE__ */ ee(Gt, [["__scopeId", "data-v-7803f120"]]), Ft = { class: "go-sketch-rule" }, Ie = 20, Wt = /* @__PURE__ */ J({
+  __name: "index",
+  setup(t) {
+    _e((b) => ({
+      dc1ac650: H.value,
+      "2889ee0a": T.value,
+      f1504c06: e.value
+    }));
+    const l = oe(), s = Ze(), d = ge(), o = ht();
+    let f = [0, 0], i = [0, 0];
+    const u = X(), _ = X(!0), a = X(), C = X(), n = X(!1), e = X("auto"), { width: g, height: c } = be(l.getEditCanvasConfig), p = X(0), m = X(0), D = Te({ h: [], v: [] }), w = U(() => l.getEditCanvas.scale), k = U(() => `${window.innerWidth * 2}px`), T = U(() => `${c.value * 2}px`), A = U(() => o.isDarkMode ?? d.getDarkTheme ? {
+      bgColor: "#18181c",
+      longfgColor: "#4d4d4d",
+      shortfgColor: "#4d4d4d",
+      fontColor: "#4d4d4d",
+      shadowColor: "#18181c",
+      borderColor: "#18181c",
+      cornerActiveColor: "#18181c"
+    } : {
+      // 浅色主题配置
+      bgColor: "#f5f5f5",
+      longfgColor: "#bbbbbb",
+      shortfgColor: "#bbbbbb",
+      fontColor: "#999999",
+      shadowColor: "#e8e8e8",
+      borderColor: "#e8e8e8",
+      cornerActiveColor: "#e8e8e8"
+    }), H = U(() => d.getAppTheme), z = (b) => {
+      if (b.ctrlKey || b.metaKey) {
+        b.preventDefault();
+        let O = w.value;
+        if (b.wheelDelta >= 0 && w.value < 2) {
+          O = w.value + 0.05, l.setScale(O);
+          return;
+        }
+        b.wheelDelta < 0 && w.value > 0.1 && (O = w.value - 0.05, l.setScale(O));
+      }
+    }, G = () => {
+      if (!u.value)
+        return;
+      const b = u.value.getBoundingClientRect(), O = a.value.getBoundingClientRect();
+      p.value = (b.left + Ie - O.left) / w.value, m.value = (b.top + Ie - O.top) / w.value;
+    }, v = (b) => {
+      if (b.preventDefault(), b.stopPropagation(), b.which == 2)
+        n.value = !0;
+      else if (!window.$KeyboardActive?.space)
+        return;
+      document.activeElement?.blur();
+      const O = b.pageX, F = b.pageY, fe = Ke(window, "mousemove", (Z) => {
+        const te = Z.pageX - O, Be = Z.pageY - F, [Ee, he] = f, [ke, me] = i;
+        f = [he, te], i = [me, Be], u.value.scrollLeft -= he > Ee ? Math.abs(he - Ee) : -Math.abs(he - Ee), u.value.scrollTop -= me > ke ? Math.abs(me - ke) : -Math.abs(me - ke);
+      }), q = Ke(window, "mouseup", () => {
+        fe(), q(), f = [0, 0], i = [0, 0], n.value = !1;
+      });
+    }, L = () => {
+      const b = document.getElementById("go-chart-edit-layout");
+      return b ? {
+        height: b.clientHeight - 20,
+        width: b.clientWidth - 20
+      } : {
+        width: g.value,
+        height: c.value
+      };
+    }, Y = qe(() => {
+      _.value = !1, setTimeout(() => {
+        _.value = !0;
+      }, 10);
+    }, 20), $ = () => {
+      const { width: b, height: O } = C.value.getBoundingClientRect(), { width: F, height: fe } = L();
+      u.value.scrollLeft = b / 2 - F / 2, u.value.scrollTop = O / 2 - fe / 2;
+    };
+    return ae(
+      () => d.getDarkTheme,
+      () => {
+        Y();
+      }
+    ), ae(
+      () => w.value,
+      (b, O) => {
+        O !== b && s.getRePositionCanvas && s.setItemUnHandle(Qe.RE_POSITION_CANVAS, !1), G(), setTimeout(() => {
+          $(), Y();
+        }, 400);
+      }
+    ), ae(
+      () => n.value,
+      (b) => {
+        e.value = b ? "grab" : "auto";
+      }
+    ), He(() => {
+      u.value && (u.value.addEventListener("wheel", z, { passive: !1 }), $());
+    }), Ve(() => {
+      u.value && u.value.removeEventListener("wheel", z);
+    }), window.onKeySpacePressHold = (b) => {
+      n.value = b;
+    }, (b, O) => {
+      const F = E("sketch-rule");
+      return y(), P("div", Ft, [
+        _.value ? (y(), R(F, {
+          key: 0,
+          thick: Ie,
+          scale: w.value,
+          width: L().width,
+          height: L().height,
+          startX: p.value,
+          startY: m.value,
+          lines: D,
+          palette: A.value
+        }, null, 8, ["scale", "width", "height", "startX", "startY", "lines", "palette"])) : ve("", !0),
+        I("div", {
+          ref_key: "$app",
+          ref: u,
+          class: "edit-screens",
+          onScroll: G
+        }, [
+          I("div", {
+            ref_key: "$container",
+            ref: C,
+            class: "edit-screen-container",
+            style: V({ width: k.value })
+          }, [
+            I("div", {
+              ref_key: "refSketchRuleBox",
+              ref: a,
+              class: "canvas",
+              onMousedown: v,
+              style: V({ marginLeft: "-" + (L().width / 2 - 25) + "px" })
+            }, [
+              I("div", {
+                style: V({ pointerEvents: n.value ? "none" : "auto" })
+              }, [
+                Pe(b.$slots, "default", {}, void 0, !0)
+              ], 4)
+            ], 36)
+          ], 4)
+        ], 544)
+      ]);
+    };
+  }
+});
+const Vt = /* @__PURE__ */ ee(Wt, [["__scopeId", "data-v-e3838755"]]), Ue = {
+  [M.ADD]: "新增",
+  [M.DELETE]: "删除",
+  [M.UPDATE]: "更新",
+  [M.MOVE]: "移动",
+  [M.PASTE]: "粘贴",
+  [M.COPY]: "复制",
+  [M.CUT]: "剪切",
+  [M.TOP]: "置顶",
+  [M.BOTTOM]: "置底",
+  [M.UP]: "上移",
+  [M.DOWN]: "下移",
+  [M.GROUP]: "成组",
+  [M.UN_GROUP]: "解组",
+  [M.LOCK]: "锁定",
+  [M.UNLOCK]: "解锁",
+  [M.HIDE]: "隐藏",
+  [M.SHOW]: "显示",
+  [Ce.CANVAS]: "画布初始化"
+};
+var qt = Array.prototype, jt = qt.reverse;
+function Jt(t) {
+  return t == null ? t : jt.call(t);
+}
+var Zt = Jt;
+const Qt = /* @__PURE__ */ it(Zt), eo = { class: "go-flex-items-center" }, to = { class: "history-list-box" }, oo = ["title"], no = /* @__PURE__ */ J({
+  __name: "index",
+  setup(t) {
+    const {
+      DesktopOutlineIcon: l,
+      PencilIcon: s,
+      TrashIcon: d,
+      CopyIcon: o,
+      LayersIcon: f,
+      DuplicateIcon: i,
+      HelpOutlineIcon: u,
+      LockClosedOutlineIcon: _,
+      LockOpenOutlineIcon: a,
+      EyeOffOutlineIcon: C,
+      EyeOutlineIcon: n
+    } = ie.ionicons5, { StackedMoveIcon: e, Carbon3DCursorIcon: g, Carbon3DSoftwareIcon: c } = ie.carbon, p = St(), m = (k) => {
+      if (k.targetType === Ce.CANVAS)
+        return l;
+      switch (k.actionType) {
+        case M.UPDATE:
+          return s;
+        case M.DELETE:
+          return d;
+        case M.PASTE:
+          return o;
+        case M.TOP:
+          return f;
+        case M.BOTTOM:
+          return f;
+        case M.UP:
+          return f;
+        case M.DOWN:
+          return f;
+        case M.MOVE:
+          return e;
+        case M.ADD:
+          return i;
+        case M.GROUP:
+          return g;
+        case M.UN_GROUP:
+          return c;
+        case M.LOCK:
+          return _;
+        case M.UNLOCK:
+          return a;
+        case M.HIDE:
+          return C;
+        case M.SHOW:
+          return n;
+        default:
+          return s;
+      }
+    }, D = (k) => {
+      if (k.targetType === Ce.CANVAS)
+        return Ue[Ce.CANVAS];
+      if (k.actionType === M.GROUP || k.actionType === M.UN_GROUP)
+        return `${Ue[k.actionType]}`;
+      if (k.historyData.length)
+        return `${Ue[k.actionType]} - ${k.historyData[0].chartConfig.title}`;
+    }, w = U(() => {
+      const T = p.getBackStack.map((A) => ({
+        label: D(A),
+        icon: m(A)
+      }));
+      return Qt(T.filter((A) => A.label));
+    });
+    return (k, T) => {
+      const A = E("n-button"), H = E("n-icon"), z = E("n-text"), G = E("n-scrollbar"), v = E("n-popover"), L = E("n-tooltip");
+      return y(), P("div", eo, [
+        x(v, {
+          class: "edit-history-popover",
+          "show-arrow": !1,
+          size: "small",
+          trigger: "click",
+          placement: "top-start"
+        }, {
+          trigger: h(() => [
+            x(A, {
+              class: "mr-10",
+              secondary: "",
+              size: "small",
+              disabled: w.value.length === 0
+            }, {
+              default: h(() => T[0] || (T[0] = [
+                I("span", { class: "btn-text" }, "历史记录", -1)
+              ])),
+              _: 1,
+              __: [0]
+            }, 8, ["disabled"])
+          ]),
+          default: h(() => [
+            I("div", to, [
+              x(G, { style: { "max-height": "500px" } }, {
+                default: h(() => [
+                  (y(!0), P(se, null, re(w.value, (Y, $) => (y(), P("div", {
+                    class: "list-item go-flex-items-center go-ellipsis-1",
+                    key: $,
+                    title: Y.label
+                  }, [
+                    x(H, {
+                      class: "item-icon",
+                      size: "16",
+                      depth: 2,
+                      component: Y.icon
+                    }, null, 8, ["component"]),
+                    x(z, { depth: "2" }, {
+                      default: h(() => [
+                        le(j(Y.label), 1)
+                      ]),
+                      _: 2
+                    }, 1024)
+                  ], 8, oo))), 128))
+                ]),
+                _: 1
+              }),
+              T[1] || (T[1] = I("div", { class: "popover-modal" }, null, -1))
+            ])
+          ]),
+          _: 1
+        }),
+        x(L, { trigger: "hover" }, {
+          trigger: h(() => [
+            x(H, {
+              size: "21",
+              depth: 3
+            }, {
+              default: h(() => [
+                x(r(u))
+              ]),
+              _: 1
+            })
+          ]),
+          default: h(() => [
+            I("span", null, "最多只保留" + j(r(ut)) + "条记录", 1)
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+});
+const so = /* @__PURE__ */ ee(no, [["__scopeId", "data-v-068d7327"]]), ao = { key: 0 }, lo = { key: 1 }, ro = /* @__PURE__ */ J({
+  __name: "ShortcutKeyModal",
+  props: {
+    modelShow: Boolean
+  },
+  emits: ["update:modelShow"],
+  setup(t, { emit: l }) {
+    const { CloseIcon: s } = ie.ionicons5, d = X(!1), o = l, f = t;
+    ae(() => f.modelShow, (_) => {
+      d.value = _;
+    });
+    const i = [
+      {
+        label: "拖拽画布",
+        win: `${B.SPACE.toUpperCase()} + 🖱️ `,
+        mac: `${K.SPACE.toUpperCase()} + 🖱️ `,
+        macSource: !0
+      },
+      {
+        label: "向 上/右/下/左 移动",
+        win: `${B.CTRL.toUpperCase()} + ↑ 或 → 或 ↓ 或 ←`,
+        mac: `${K.CTRL.toUpperCase()} + ↑ `
+      },
+      {
+        label: "锁定",
+        win: `${B.CTRL.toUpperCase()} + L `,
+        mac: `${K.CTRL.toUpperCase()} + L `
+      },
+      {
+        label: "解锁",
+        win: `${B.CTRL.toUpperCase()} + ${B.SHIFT.toUpperCase()}+ L `,
+        mac: `${K.CTRL.toUpperCase()} + ${K.SHIFT.toUpperCase()} + L `
+      },
+      {
+        label: "展示",
+        win: `${B.CTRL.toUpperCase()} + H `,
+        mac: `${K.CTRL.toUpperCase()} + H `
+      },
+      {
+        label: "隐藏",
+        win: `${B.CTRL.toUpperCase()} + ${B.SHIFT.toUpperCase()} + H `,
+        mac: `${K.CTRL.toUpperCase()} + ${K.SHIFT.toUpperCase()} + H `
+      },
+      {
+        label: "删除",
+        win: "Delete".toUpperCase(),
+        mac: `${K.CTRL.toUpperCase()} + Backspace `
+      },
+      {
+        label: "复制",
+        win: `${B.CTRL.toUpperCase()} + C `,
+        mac: `${K.CTRL.toUpperCase()} + C `
+      },
+      {
+        label: "剪切",
+        win: `${B.CTRL.toUpperCase()} + X `,
+        mac: `${K.CTRL.toUpperCase()} + X `
+      },
+      {
+        label: "粘贴",
+        win: `${B.CTRL.toUpperCase()} + V `,
+        mac: `${K.CTRL.toUpperCase()} + V `
+      },
+      {
+        label: "后退",
+        win: `${B.CTRL.toUpperCase()} + Z `,
+        mac: `${K.CTRL.toUpperCase()} + Z `
+      },
+      {
+        label: "前进",
+        win: `${B.CTRL.toUpperCase()} + ${B.SHIFT.toUpperCase()} + Z `,
+        mac: `${K.CTRL.toUpperCase()} + ${K.SHIFT.toUpperCase()} + Z `
+      },
+      {
+        label: "多选",
+        win: `${B.CTRL.toUpperCase()} + 🖱️ `,
+        mac: `${K.CTRL_SOURCE_KEY.toUpperCase()} + 🖱️ `
+      },
+      {
+        label: "创建分组",
+        win: `${B.CTRL.toUpperCase()} + G / 🖱️ `,
+        mac: `${K.CTRL_SOURCE_KEY.toUpperCase()} + G / 🖱️`
+      },
+      {
+        label: "解除分组",
+        win: `${B.CTRL.toUpperCase()} + ${B.SHIFT.toUpperCase()} + G `,
+        mac: `${K.CTRL_SOURCE_KEY.toUpperCase()} + ${B.SHIFT.toUpperCase()} + G `
+      }
+    ], u = () => {
+      o("update:modelShow", !1);
+    };
+    return (_, a) => {
+      const C = E("n-icon"), n = E("n-space"), e = E("n-gradient-text"), g = E("n-table"), c = E("n-modal");
+      return y(), R(c, {
+        show: d.value,
+        "onUpdate:show": a[0] || (a[0] = (p) => d.value = p),
+        "mask-closable": !0,
+        onAfterLeave: u
+      }, {
+        default: h(() => [
+          x(g, {
+            class: "model-content",
+            bordered: !1,
+            "single-line": !1
+          }, {
+            default: h(() => [
+              I("thead", null, [
+                I("tr", null, [
+                  a[2] || (a[2] = I("th", null, "功能", -1)),
+                  a[3] || (a[3] = I("th", null, "Win 快捷键", -1)),
+                  I("th", null, [
+                    x(n, { justify: "space-between" }, {
+                      default: h(() => [
+                        a[1] || (a[1] = I("span", null, " Mac 快捷键 ", -1)),
+                        x(C, {
+                          size: "20",
+                          class: "go-cursor-pointer",
+                          onClick: u
+                        }, {
+                          default: h(() => [
+                            x(r(s))
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      _: 1,
+                      __: [1]
+                    })
+                  ])
+                ])
+              ]),
+              I("tbody", null, [
+                (y(), P(se, null, re(i, (p, m) => I("tr", { key: m }, [
+                  I("td", null, j(p.label), 1),
+                  I("td", null, j(p.win), 1),
+                  p.macSource ? (y(), P("td", ao, j(p.mac), 1)) : (y(), P("td", lo, [
+                    x(e, { size: 22 }, {
+                      default: h(() => [
+                        le(j(p.mac.substr(0, 1)), 1)
+                      ]),
+                      _: 2
+                    }, 1024),
+                    le(" + " + j(p.mac.substr(3)), 1)
+                  ]))
+                ])), 64))
+              ])
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["show"]);
+    };
+  }
+});
+const co = /* @__PURE__ */ ee(ro, [["__scopeId", "data-v-4a8b179f"]]), io = { class: "go-edit-shortcut" }, uo = /* @__PURE__ */ J({
+  __name: "index",
+  setup(t) {
+    const { DicomOverlayIcon: l } = ie.carbon, s = X(!1);
+    return (d, o) => {
+      const f = E("n-icon"), i = E("n-button"), u = E("n-tooltip");
+      return y(), P("div", io, [
+        x(co, {
+          modelShow: s.value,
+          "onUpdate:modelShow": o[0] || (o[0] = (_) => s.value = _)
+        }, null, 8, ["modelShow"]),
+        x(u, { trigger: "hover" }, {
+          trigger: h(() => [
+            x(i, {
+              class: "scale-btn",
+              secondary: "",
+              size: "small",
+              onClick: o[1] || (o[1] = (_) => s.value = !0)
+            }, {
+              default: h(() => [
+                x(f, {
+                  size: "21",
+                  depth: 3
+                }, {
+                  default: h(() => [
+                    x(r(l))
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          default: h(() => [
+            o[2] || (o[2] = I("span", null, "快捷键", -1))
+          ]),
+          _: 1,
+          __: [2]
+        })
+      ]);
+    };
+  }
+});
+const po = /* @__PURE__ */ ee(uo, [["__scopeId", "data-v-6fbf5bbb"]]), vo = { class: "go-edit-bottom" }, _o = /* @__PURE__ */ J({
+  __name: "index",
+  setup(t) {
+    _e((w) => ({
+      "3dbe566e": o.value
+    }));
+    const { LockClosedOutlineIcon: l, LockOpenOutlineIcon: s } = ie.ionicons5, d = ge(), o = X(d.getAppTheme), f = Ze(), i = oe(), { lockScale: u, scale: _ } = be(i.getEditCanvas), a = X(null);
+    let C = [
+      {
+        label: "200%",
+        value: 200
+      },
+      {
+        label: "150%",
+        value: 150
+      },
+      {
+        label: "100%",
+        value: 100
+      },
+      {
+        label: "50%",
+        value: 50
+      },
+      {
+        label: "自适应",
+        value: 0
+      }
+    ];
+    const n = X(""), e = (w) => {
+      if (a.value?.blur(), w === 0) {
+        f.setItemUnHandle(Qe.RE_POSITION_CANVAS, !0), i.computedScale();
+        return;
+      }
+      i.setScale(w / 100);
+    }, g = () => {
+      i.setEditCanvas(W.LOCK_SCALE, !u.value);
+    }, c = X(100), p = (w) => `${w}%`, m = (w) => {
+      i.setScale(w / 100);
+    }, D = Te({
+      100: ""
+    });
+    return nt(() => {
+      const w = (_.value * 100).toFixed(0);
+      n.value = `${w}%`, c.value = parseInt(w);
+    }), (w, k) => {
+      const T = E("n-text"), A = E("n-space"), H = E("n-select"), z = E("n-icon"), G = E("n-button"), v = E("n-tooltip"), L = E("n-slider");
+      return y(), P("div", vo, [
+        x(A, null, {
+          default: h(() => [
+            x(r(so)),
+            x(T, {
+              id: "keyboard-dress-show",
+              depth: "3"
+            })
+          ]),
+          _: 1
+        }),
+        x(A, { class: "bottom-ri" }, {
+          default: h(() => [
+            x(po),
+            x(H, {
+              ref_key: "selectInstRef",
+              ref: a,
+              class: "scale-btn",
+              value: n.value,
+              "onUpdate:value": [
+                k[0] || (k[0] = (Y) => n.value = Y),
+                e
+              ],
+              size: "mini",
+              disabled: r(u),
+              options: r(C)
+            }, null, 8, ["value", "disabled", "options"]),
+            x(v, { trigger: "hover" }, {
+              trigger: h(() => [
+                x(G, {
+                  onClick: g,
+                  text: ""
+                }, {
+                  default: h(() => [
+                    x(z, {
+                      class: ne(["lock-icon", { color: r(u) }]),
+                      size: "18",
+                      depth: 2
+                    }, {
+                      default: h(() => [
+                        r(u) ? (y(), R(r(l), { key: 0 })) : (y(), R(r(s), { key: 1 }))
+                      ]),
+                      _: 1
+                    }, 8, ["class"])
+                  ]),
+                  _: 1
+                })
+              ]),
+              default: h(() => [
+                I("span", null, j(r(u) ? "解锁" : "锁定") + "当前比例", 1)
+              ]),
+              _: 1
+            }),
+            x(L, {
+              class: "scale-slider",
+              value: c.value,
+              "onUpdate:value": [
+                k[1] || (k[1] = (Y) => c.value = Y),
+                m
+              ],
+              "default-value": 50,
+              min: 10,
+              max: 200,
+              step: 5,
+              "format-tooltip": p,
+              disabled: r(u),
+              marks: D
+            }, null, 8, ["value", "disabled", "marks"])
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+});
+const go = /* @__PURE__ */ ee(_o, [["__scopeId", "data-v-a9042582"]]), fo = /* @__PURE__ */ J({
+  __name: "index",
+  props: {
+    modelShow: Boolean
+  },
+  emits: ["update:modelShow"],
+  setup(t, { emit: l }) {
+    const s = t, d = l, { HelpOutlineIcon: o, CloseIcon: f } = ie.ionicons5, i = Xe(), u = X(!1), _ = Te([
+      {
+        key: ce.ASIDE_ALL_COLLAPSED,
+        value: i.getAsideAllCollapsed,
+        type: "switch",
+        name: "菜单折叠",
+        desc: "首页菜单折叠时隐藏至界面外"
+      },
+      {
+        key: ce.HIDE_PACKAGE_ONE_CATEGORY,
+        value: i.getHidePackageOneCategory,
+        type: "switch",
+        name: "隐藏分类",
+        desc: "工作空间表单分类只有单项时隐藏"
+      },
+      {
+        key: ce.CHANGE_LANG_RELOAD,
+        value: i.getChangeLangReload,
+        type: "switch",
+        name: "切换语言",
+        desc: "切换语言重新加载页面",
+        tip: "若遇到部分区域语言切换失败，则建议开启"
+      },
+      {
+        key: "divider1",
+        type: "divider",
+        name: "",
+        desc: "",
+        value: ""
+      },
+      {
+        key: ce.CHART_TOOLS_STATUS_HIDE,
+        value: i.getChartToolsStatusHide,
+        type: "switch",
+        name: "隐藏工具栏",
+        desc: "鼠标移入时，会展示切换到展开模式"
+      },
+      {
+        key: ce.CHART_TOOLS_STATUS,
+        value: i.getChartToolsStatus,
+        type: "select",
+        name: "工具栏展示",
+        desc: "工作空间工具栏展示方式",
+        options: [
+          {
+            label: "侧边栏",
+            value: Se.ASIDE
+          },
+          {
+            label: "底部 Dock",
+            value: Se.DOCK
+          }
+        ]
+      },
+      {
+        key: "divider0",
+        type: "divider",
+        name: "",
+        desc: "",
+        value: ""
+      },
+      {
+        key: ce.CHART_MOVE_DISTANCE,
+        value: i.getChartMoveDistance,
+        type: "number",
+        name: "移动距离",
+        min: 1,
+        step: 1,
+        suffix: "px",
+        desc: "工作空间方向键控制移动距离"
+      },
+      {
+        key: ce.CHART_ALIGN_RANGE,
+        value: i.getChartAlignRange,
+        type: "number",
+        name: "吸附距离",
+        min: 10,
+        step: 2,
+        suffix: "px",
+        desc: "工作空间移动图表时的吸附距离"
+      }
+    ]);
+    ae(() => s.modelShow, (n) => {
+      u.value = n;
+    });
+    const a = () => {
+      d("update:modelShow", !1);
+    }, C = (n, e) => {
+      i.setItem(e.key, e.value);
+    };
+    return (n, e) => {
+      const g = E("n-h3"), c = E("n-icon"), p = E("n-space"), m = E("n-divider"), D = E("n-text"), w = E("n-switch"), k = E("n-input-number"), T = E("n-select"), A = E("n-tooltip"), H = E("n-list-item"), z = E("n-list"), G = E("n-modal");
+      return y(), R(G, {
+        show: u.value,
+        "onUpdate:show": e[0] || (e[0] = (v) => u.value = v),
+        onAfterLeave: a
+      }, {
+        default: h(() => [
+          x(z, {
+            bordered: "",
+            class: "go-system-setting"
+          }, {
+            header: h(() => [
+              x(p, { justify: "space-between" }, {
+                default: h(() => [
+                  x(g, { class: "go-mb-0" }, {
+                    default: h(() => e[1] || (e[1] = [
+                      le("系统设置")
+                    ])),
+                    _: 1,
+                    __: [1]
+                  }),
+                  x(c, {
+                    size: "20",
+                    class: "go-cursor-pointer",
+                    onClick: a
+                  }, {
+                    default: h(() => [
+                      x(r(f))
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })
+            ]),
+            default: h(() => [
+              (y(!0), P(se, null, re(_, (v) => (y(), R(H, {
+                key: v.key
+              }, {
+                default: h(() => [
+                  v.type === "divider" ? (y(), R(m, {
+                    key: 0,
+                    style: { margin: "0" }
+                  })) : (y(), R(p, {
+                    key: 1,
+                    size: 40
+                  }, {
+                    default: h(() => [
+                      x(p, null, {
+                        default: h(() => [
+                          x(D, { class: "item-left" }, {
+                            default: h(() => [
+                              le(j(v.name), 1)
+                            ]),
+                            _: 2
+                          }, 1024),
+                          v.type === "switch" ? (y(), R(w, {
+                            key: 0,
+                            value: v.value,
+                            "onUpdate:value": [(L) => v.value = L, (L) => C(L, v)],
+                            size: "small"
+                          }, null, 8, ["value", "onUpdate:value"])) : v.type === "number" ? (y(), R(k, {
+                            key: 1,
+                            value: v.value,
+                            "onUpdate:value": [(L) => v.value = L, (L) => C(L, v)],
+                            class: "input-num-width",
+                            size: "small",
+                            step: v.step || null,
+                            suffix: v.suffix || null,
+                            min: v.min || 0
+                          }, null, 8, ["value", "onUpdate:value", "step", "suffix", "min"])) : v.type === "select" ? (y(), R(T, {
+                            key: 2,
+                            class: "select-min-width",
+                            value: v.value,
+                            "onUpdate:value": [(L) => v.value = L, (L) => C(L, v)],
+                            size: "small",
+                            options: v.options
+                          }, null, 8, ["value", "onUpdate:value", "options"])) : ve("", !0)
+                        ]),
+                        _: 2
+                      }, 1024),
+                      x(p, null, {
+                        default: h(() => [
+                          x(D, { class: "item-right" }, {
+                            default: h(() => [
+                              le(j(v.desc), 1)
+                            ]),
+                            _: 2
+                          }, 1024),
+                          v.tip ? (y(), R(A, {
+                            key: 0,
+                            trigger: "hover"
+                          }, {
+                            trigger: h(() => [
+                              x(c, { size: "21" }, {
+                                default: h(() => [
+                                  x(r(o))
+                                ]),
+                                _: 1
+                              })
+                            ]),
+                            default: h(() => [
+                              I("span", null, j(v.tip), 1)
+                            ]),
+                            _: 2
+                          }, 1024)) : ve("", !0)
+                        ]),
+                        _: 2
+                      }, 1024)
+                    ]),
+                    _: 2
+                  }, 1024))
+                ]),
+                _: 2
+              }, 1024))), 128))
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["show"]);
+    };
+  }
+});
+const ho = /* @__PURE__ */ ee(fo, [["__scopeId", "data-v-584e8b6a"]]), mo = () => {
+  const t = oe();
+  t.setTargetSelectChart(void 0), dt(
+    pt(t.getStorageInfo() || []),
+    void 0,
+    "json"
+  );
+  const l = document.querySelector(".go-edit-range"), s = document.getElementById("go-edit-watermark");
+  if (!l || !s) {
+    window.$message.error("导出失败！");
+    return;
+  }
+  const d = t.getEditCanvas.scale;
+  t.setScale(1, !0), s.style.display = "block", setTimeout(() => {
+    vt(l, () => {
+      s && (s.style.display = "none"), t.setScale(d, !0);
+    });
+  }, 600);
+}, Co = () => {
+  const t = X(), { updateComponent: l } = bt();
+  return {
+    importUploadFileListRef: t,
+    importBeforeUpload: ({ file: o }) => {
+      t.value = [];
+      const f = o.file.type;
+      return f !== Ge.JSON && f !== Ge.TXT ? (window.$message.warning("仅支持上传 【JSON】 格式文件，请重新上传！"), !1) : !0;
+    },
+    importCustomRequest: (o) => {
+      const { file: f } = o;
+      st(() => {
+        f.file ? _t(f.file).then((i) => {
+          xt({
+            message: "请选择导入方式:",
+            positiveText: "新增（可撤回）",
+            negativeText: "覆盖（不可撤回）",
+            negativeButtonProps: { type: "info", ghost: !1 },
+            // 新增
+            onPositiveCallback: async () => {
+              try {
+                i = $e(i), await l(i, !1, !0), window.$message.success("导入成功！");
+              } catch (u) {
+                console.log(u), window.$message.error("组件导入失败，请检查文件完整性!");
+              }
+            },
+            // 覆盖
+            onNegativeCallback: async () => {
+              try {
+                i = $e(i), await l(i, !0, !0), window.$message.success("导入成功！");
+              } catch (u) {
+                console.log(u), window.$message.error("组件导入失败，请检查文件完整性!");
+              }
+            }
+          });
+        }) : window.$message.error("导入失败，请检查数据或联系管理员！");
+      });
+    }
+  };
+};
+var de = /* @__PURE__ */ ((t) => (t.BUTTON = "button", t.IMPORTUPLOAD = "importUpload", t))(de || {});
+const yo = { class: "btn-item" }, So = /* @__PURE__ */ J({
+  __name: "index",
+  setup(t) {
+    const { DownloadIcon: l, ShareIcon: s, PawIcon: d, SettingsSharpIcon: o, CreateIcon: f } = ie.ionicons5, i = Xe();
+    oe(), gt(), Et();
+    let u = null;
+    const _ = X(!1), a = X(!0), C = X(!0), { importUploadFileListRef: n, importCustomRequest: e, importBeforeUpload: g } = Co(), c = U(() => i.getChartToolsStatus === Se.ASIDE), p = U(() => i.getChartToolsStatusHide), m = U(() => a.value && p.value), D = U(() => {
+      if (!c.value)
+        return T;
+      const A = [];
+      return T.map((H) => {
+        A.unshift(H);
+      }), A;
+    }), w = () => {
+      u = setTimeout(() => {
+        a.value && (a.value = !1, C.value = !0);
+      }, 200), setTimeout(() => {
+        C.value = !1;
+      }, 400);
+    }, k = () => {
+      clearTimeout(u), a.value || (a.value = !0);
+    }, T = [
+      {
+        key: "import",
+        type: de.IMPORTUPLOAD,
+        name: "导入",
+        icon: s
+      },
+      {
+        key: "export",
+        type: de.BUTTON,
+        name: "导出",
+        icon: l,
+        handle: mo
+      },
+      // {
+      //   key: 'edit',
+      //   type: TypeEnum.BUTTON,
+      //   name: '编辑',
+      //   icon: CreateIcon,
+      //   handle: editHandle
+      // },
+      {
+        key: "setting",
+        type: de.BUTTON,
+        name: "设置",
+        icon: o,
+        handle: () => {
+          _.value = !0;
+        }
+      }
+    ];
+    return (A, H) => {
+      const z = E("n-icon"), G = E("n-text"), v = E("n-button"), L = E("n-upload"), Y = E("n-tooltip");
+      return y(), P(se, null, [
+        I("div", {
+          class: ne(["go-chart-edit-tools", [r(i).getChartToolsStatus, m.value ? "isMini" : "unMini"]]),
+          onClick: H[1] || (H[1] = ($) => a.value && (a.value = !1)),
+          onMouseenter: w,
+          onMouseleave: k
+        }, [
+          Le(x(z, {
+            class: "asideLogo",
+            size: "22"
+          }, {
+            default: h(() => [
+              x(r(d))
+            ]),
+            _: 1
+          }, 512), [
+            [De, r(i).getChartToolsStatus === r(Se).ASIDE && m.value]
+          ]),
+          (y(!0), P(se, null, re(D.value, ($, b) => (y(), R(Y, {
+            key: $.key,
+            disabled: !c.value || p.value && C.value,
+            trigger: "hover",
+            placement: "left"
+          }, {
+            trigger: h(() => [
+              I("div", yo, [
+                $.type === r(de).BUTTON ? (y(), R(v, {
+                  key: 0,
+                  circle: c.value,
+                  secondary: "",
+                  onClick: $.handle
+                }, {
+                  icon: h(() => [
+                    c.value ? (y(), R(z, {
+                      key: 0,
+                      size: "22"
+                    }, {
+                      default: h(() => [
+                        (y(), R(pe($.icon)))
+                      ]),
+                      _: 2
+                    }, 1024)) : (y(), R(pe($.icon), { key: 1 }))
+                  ]),
+                  default: h(() => [
+                    Le(x(G, { depth: "3" }, {
+                      default: h(() => [
+                        le(j($.name), 1)
+                      ]),
+                      _: 2
+                    }, 1536), [
+                      [De, !c.value]
+                    ])
+                  ]),
+                  _: 2
+                }, 1032, ["circle", "onClick"])) : $.type === r(de).IMPORTUPLOAD ? (y(), R(L, {
+                  key: 1,
+                  "file-list": r(n),
+                  "onUpdate:fileList": H[0] || (H[0] = (O) => at(n) ? n.value = O : null),
+                  "show-file-list": !1,
+                  customRequest: r(e),
+                  onBeforeUpload: r(g)
+                }, {
+                  default: h(() => [
+                    x(v, {
+                      circle: c.value,
+                      secondary: ""
+                    }, {
+                      icon: h(() => [
+                        c.value ? (y(), R(z, {
+                          key: 0,
+                          size: "22"
+                        }, {
+                          default: h(() => [
+                            (y(), R(pe($.icon)))
+                          ]),
+                          _: 2
+                        }, 1024)) : (y(), R(pe($.icon), { key: 1 }))
+                      ]),
+                      default: h(() => [
+                        Le(x(G, { depth: "3" }, {
+                          default: h(() => [
+                            le(j($.name), 1)
+                          ]),
+                          _: 2
+                        }, 1536), [
+                          [De, !c.value]
+                        ])
+                      ]),
+                      _: 2
+                    }, 1032, ["circle"])
+                  ]),
+                  _: 2
+                }, 1032, ["file-list", "customRequest", "onBeforeUpload"])) : ve("", !0)
+              ])
+            ]),
+            default: h(() => [
+              I("span", null, j($.name), 1)
+            ]),
+            _: 2
+          }, 1032, ["disabled"]))), 128))
+        ], 34),
+        x(r(ho), {
+          modelShow: _.value,
+          "onUpdate:modelShow": H[2] || (H[2] = ($) => _.value = $)
+        }, null, 8, ["modelShow"])
+      ], 64);
+    };
+  }
+});
+const xo = /* @__PURE__ */ ee(So, [["__scopeId", "data-v-735bc734"]]), wo = /* @__PURE__ */ J({
+  __name: "index",
+  setup(t) {
+    const l = oe(), { handleContextMenu: s } = Ye();
+    lt(kt, null), Lt(async () => {
+    });
+    const { mouseenterHandle: d, mouseleaveHandle: o, mousedownHandle: f, mouseClickHandle: i } = tt(), u = (n, e, g) => {
+      if (l.getTargetChart.selectId.length > 1)
+        return e.filter((p) => [Q.GROUP, Q.DELETE].includes(p.key));
+      const c = [];
+      return g.status.lock ? c.push(Q.LOCK) : c.push(Q.UNLOCK), g.status.hide ? c.push(Q.HIDE) : c.push(Q.SHOW), n.filter((p) => !c.includes(p.key));
+    }, _ = U(() => l.getEditCanvasConfig.chartThemeSetting), a = U(() => je(l.getEditCanvasConfig.chartCustomThemeColorInfo)[l.getEditCanvasConfig.chartThemeColor]);
+    U(() => l.getEditCanvasConfig.filterShow);
+    const C = U(() => {
+      const n = l.getEditCanvasConfig.background, e = l.getEditCanvasConfig.backgroundImage;
+      return {
+        ...l.getEditCanvasConfig.selectColor ? { background: n || void 0 } : { background: `url(${e}) no-repeat center center / cover !important` },
+        width: "inherit",
+        height: "inherit"
+      };
+    });
+    return He(() => {
+      wt();
+    }), (n, e) => (y(), R(r(Tt), {
+      id: "go-chart-edit-layout",
+      flex: !0,
+      showTop: !1,
+      showBottom: !0,
+      depth: 1,
+      xScroll: !0,
+      disabledScroll: !0,
+      onMousedown: r(et),
+      onDrop: r(Dt),
+      onDragover: r(We),
+      onDragenter: r(We)
+    }, {
+      aside: h(() => [
+        x(r(xo))
+      ]),
+      bottom: h(() => [
+        x(r(go))
+      ]),
+      default: h(() => [
+        x(r(Vt), null, {
+          default: h(() => [
+            I("div", {
+              id: "go-chart-edit-content",
+              onContextmenu: e[0] || (e[0] = //@ts-ignore
+              (...g) => r(s) && r(s)(...g))
+            }, [
+              x(r(zt), null, {
+                default: h(() => [
+                  I("div", {
+                    style: V({
+                      ...r(ye)(r(l).getEditCanvasConfig),
+                      ...C.value
+                    })
+                  }, [
+                    (y(!0), P(se, null, re(r(l).getComponentList, (g, c) => (y(), P("div", {
+                      key: g.id
+                    }, [
+                      g.isGroup ? (y(), R(r(At), {
+                        key: 0,
+                        groupData: g,
+                        groupIndex: c
+                      }, null, 8, ["groupData", "groupIndex"])) : (y(), R(r(Ae), {
+                        key: 1,
+                        "data-id": g.id,
+                        index: c,
+                        style: V({
+                          ...r(we)(g.attr, c),
+                          ...r(Je)(g.styles)
+                        }),
+                        item: g,
+                        onClick: (p) => r(i)(p, g),
+                        onMousedown: (p) => r(f)(p, g),
+                        onMouseenter: (p) => r(d)(p, g),
+                        onMouseleave: (p) => r(o)(p, g),
+                        onContextmenu: (p) => r(s)(p, g, u)
+                      }, {
+                        default: h(() => [
+                          (y(), R(pe(g.chartConfig.chartKey), {
+                            class: ne(["edit-content-chart", r(Re)(g.styles.animations)]),
+                            chartConfig: g,
+                            themeSetting: _.value,
+                            themeColor: a.value,
+                            style: V({
+                              ...r(ue)(g.attr),
+                              ...r(ye)(g.styles),
+                              ...r(Oe)(g.styles)
+                            })
+                          }, null, 8, ["class", "chartConfig", "themeSetting", "themeColor", "style"]))
+                        ]),
+                        _: 2
+                      }, 1032, ["data-id", "index", "style", "item", "onClick", "onMousedown", "onMouseenter", "onMouseleave", "onContextmenu"]))
+                    ]))), 128))
+                  ], 4)
+                ]),
+                _: 1
+              })
+            ], 32)
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["onMousedown", "onDrop", "onDragover", "onDragenter"]));
+  }
+});
+const Po = /* @__PURE__ */ ee(wo, [["__scopeId", "data-v-bc6c5e54"]]);
+export {
+  Po as default
+};