@hg2/dataview-core 2.0.0

package/dist/index-6701793b.js

@@ -0,0 +1,1811 @@
+import { ref as K, onMounted as We, onUnmounted as nt, toRaw as pt, defineComponent as ne, useCssVars as Ce, computed as $, openBlock as _, createElementBlock as M, normalizeClass as ie, renderSlot as ze, Fragment as re, renderList as pe, normalizeStyle as se, unref as c, createCommentVNode as me, createElementVNode as O, createBlock as Y, withCtx as b, resolveDynamicComponent as ge, reactive as Re, watch as ue, resolveComponent as U, toRefs as De, createVNode as T, toDisplayString as de, createTextVNode as vt, watchEffect as ht, nextTick as mt, withDirectives as Ae, vShow as Ie, isRef as ft, provide as _t } from "vue";
+import { m as q, E as te, z as w, a1 as X, a2 as W, a3 as Ze, V as gt, a4 as Ct, Y as Qe, a5 as Ne, W as yt, X as wt, a6 as V, Z as St, A as Oe, D as He, w as ye, _ as le, a7 as at, a8 as Be, a9 as be, aa as Xe, ab as lt, B as Tt, J as Ve, ac as xt, ad as et, u as rt, o as ct, ae as R, af as Ee, n as Et, ag as bt, p as fe, ah as ve, ai as ke, aj as kt, ak as Lt, al as Rt, s as Dt, am as tt, an as Ot, q as $t, ao as Mt, k as Ut } from "./index-237a6823.js";
+import "element-plus";
+import "screenfull";
+import ee from "lodash/throttle";
+import "html2canvas";
+import "lodash/isObject";
+import ot from "lodash/cloneDeep";
+import "crypto-js";
+import "vue3-lazyload";
+import "vue3-sketch-ruler";
+import Pe from "lodash/debounce";
+import Z from "keymaster";
+import { throttle as Fe, cloneDeep as At } from "lodash";
+import { C as It } from "./index-3307e922.js";
+import Ht from "lodash/reverse";
+import { u as Pt } from "./useSyncUpdate.hook-f291c525.js";
+import "pinia";
+import "vue-i18n";
+import "vue-demi";
+import "lodash/merge";
+import "lodash/pick";
+import "highlight.js/lib/core";
+import "highlight.js/lib/languages/json";
+import "highlight.js/lib/languages/typescript";
+import "axios";
+import "element-plus/es/locale/lang/zh-cn";
+import "element-plus/es/locale/lang/en";
+import "three";
+import "three/examples/jsm/controls/OrbitControls";
+import "gsap";
+import "vue3-sketch-ruler/lib/style.css";
+const Yt = Symbol("scale"), Kt = () => ({
+  scale: K({ width: 1, height: 1 }),
+  SCALE_KEY: Yt
+}), Nt = (e) => {
+  let o = () => {
+  };
+  We(async () => {
+    const r = q();
+    r.setEditCanvas(
+      te.EDIT_LAYOUT_DOM,
+      document.getElementById("go-chart-edit-layout")
+    ), r.setEditCanvas(
+      te.EDIT_CONTENT_DOM,
+      document.getElementById("go-chart-edit-content")
+    ), await e(), o = r.listenerScale();
+  }), nt(() => {
+    const r = q();
+    r.setEditCanvas(te.EDIT_LAYOUT_DOM, null), r.setEditCanvas(te.EDIT_CONTENT_DOM, null), o();
+  });
+}, oe = (e) => `${X.CTRL}+${e}`, Te = (e) => `${X.SHIFT}+${e}`, j = {
+  [w.ARROW_UP]: oe("up"),
+  [w.ARROW_RIGHT]: oe("right"),
+  [w.ARROW_DOWN]: oe("down"),
+  [w.ARROW_LEFT]: oe("left"),
+  [w.COPY]: oe("c"),
+  [w.CUT]: oe("x"),
+  [w.PARSE]: oe("v"),
+  [w.DELETE]: "delete",
+  [w.BACK]: oe("z"),
+  [w.FORWORD]: oe(Te("z")),
+  [w.GROUP]: oe("g"),
+  [w.UN_GROUP]: oe(Te("g")),
+  [w.LOCK]: oe("l"),
+  [w.UNLOCK]: oe(Te("l")),
+  [w.HIDE]: oe("h"),
+  [w.SHOW]: oe(Te("h"))
+}, Q = (e) => `${W.CTRL}+${e}`, xe = (e) => `${W.SHIFT}+${e}`, J = {
+  [w.ARROW_UP]: Q("arrowup"),
+  [w.ARROW_RIGHT]: Q("arrowright"),
+  [w.ARROW_DOWN]: Q("arrowdown"),
+  [w.ARROW_LEFT]: Q("arrowleft"),
+  [w.COPY]: Q("c"),
+  [w.CUT]: Q("x"),
+  [w.PARSE]: Q("v"),
+  [w.DELETE]: Q("backspace"),
+  [w.BACK]: Q("z"),
+  [w.FORWORD]: Q(xe("z")),
+  [w.GROUP]: Q("g"),
+  [w.UN_GROUP]: Q(xe("g")),
+  [w.LOCK]: Q("l"),
+  [w.UNLOCK]: Q(xe("l")),
+  [w.HIDE]: Q("h"),
+  [w.SHOW]: Q(xe("h"))
+}, Bt = [
+  j.up,
+  j.right,
+  j.down,
+  j.left,
+  j.delete,
+  j.copy,
+  j.cut,
+  j.parse,
+  j.back,
+  j.forward,
+  j.group,
+  j.unGroup,
+  j.lock,
+  j.unLock,
+  j.hide,
+  j.show
+], Xt = [
+  J.up,
+  J.right,
+  J.down,
+  J.left,
+  J.delete,
+  J.copy,
+  J.cut,
+  J.parse,
+  J.back,
+  J.forward,
+  J.group,
+  J.unGroup,
+  J.lock,
+  J.unLock,
+  J.hide,
+  J.show
+], Gt = () => {
+  window.$KeyboardActive = {
+    ctrl: !1,
+    space: !1
+  }, document.onkeydown = (e) => {
+    const { keyCode: o } = e;
+    if (o == 32 && e.target == document.body && e.preventDefault(), [17, 32].includes(o) && window.$KeyboardActive)
+      switch (Ze(e.keyCode), o) {
+        case 17:
+          window.$KeyboardActive.ctrl = !0;
+          break;
+        case 32:
+          window.$KeyboardActive.space = !0;
+          break;
+      }
+  }, document.onkeyup = (e) => {
+    const { keyCode: o } = e;
+    if (o == 32 && e.target == document.body && e.preventDefault(), [17, 32].includes(o) && window.$KeyboardActive)
+      switch (Ze(), o) {
+        case 17:
+          window.$KeyboardActive.ctrl = !1;
+          break;
+        case 32:
+          window.$KeyboardActive.space = !1;
+          break;
+      }
+  };
+}, Wt = () => {
+  const o = q(), r = (u, t) => {
+    switch (t) {
+      case u.up:
+        Z(t, ee(() => (o.setMove(w.ARROW_UP), !1), 50));
+        break;
+      case u.right:
+        Z(t, ee(() => (o.setMove(w.ARROW_RIGHT), !1), 50));
+        break;
+      case u.down:
+        Z(t, ee(() => (o.setMove(w.ARROW_DOWN), !1), 50));
+        break;
+      case u.left:
+        Z(t, ee(() => (o.setMove(w.ARROW_LEFT), !1), 50));
+        break;
+      case u.delete:
+        Z(t, Pe(() => (o.removeComponentList(), !1), 50));
+        break;
+      case u.copy:
+        Z(t, Pe(() => (o.setCopy(), !1), 50));
+        break;
+      case u.cut:
+        Z(t, Pe(() => (o.setCut(), !1), 50));
+        break;
+      case u.parse:
+        Z(t, ee(() => (o.setParse(), !1), 50));
+        break;
+      case u.back:
+        Z(t, ee(() => (o.setBack(), !1), 50));
+        break;
+      case u.forward:
+        Z(t, ee(() => (o.setForward(), !1), 50));
+        break;
+      case u.group:
+        Z(t, ee(() => (o.setGroup(), !1), 50));
+        break;
+      case u.unGroup:
+        Z(t, ee(() => (o.setUnGroup(), !1), 50));
+        break;
+      case u.lock:
+        Z(t, ee(() => (o.setLock(), !1), 50));
+        break;
+      case u.unLock:
+        Z(t, ee(() => (o.setUnLock(), !1), 50));
+        break;
+      case u.hide:
+        Z(t, ee(() => (o.setHide(), !1), 50));
+        break;
+      case u.show:
+        Z(t, ee(() => (o.setShow(), !1), 50));
+        break;
+    }
+  };
+  Bt.forEach((u) => {
+    r(j, u);
+  }), Xt.forEach((u) => {
+    r(J, u);
+  }), Gt();
+}, zt = async (e) => {
+  e.preventDefault();
+  try {
+    gt();
+    const o = q(), r = e.dataTransfer.getData(Ct.DRAG_KEY);
+    if (!r) {
+      Qe();
+      return;
+    }
+    o.setEditCanvas(te.IS_CREATE, !1);
+    const u = Ne(r);
+    if (u.disabled)
+      return;
+    yt(u);
+    let t = await wt(u);
+    u.redirectComponent && (u.dataset && (t.option.dataset = u.dataset), t.chartConfig.title = u.title, t.chartConfig.chartFrame = u.chartFrame), V(t, e.offsetX - t.attr.w / 2, e.offsetY - t.attr.h / 2), o.addComponentList(t, !1, !0), o.setTargetSelectChart(t.id), Qe();
+  } catch (o) {
+    console.error("[hgdataview] create component failed", o), St(), window.$message.warning("图表正在研发中, 敬请期待...");
+  }
+}, st = (e) => {
+  e.preventDefault(), e.stopPropagation(), e.dataTransfer && (e.dataTransfer.dropEffect = "copy");
+}, Vt = (e, o) => {
+  const r = q();
+  if (o) {
+    r.setTargetSelectChart(o.id);
+    return;
+  }
+  r.setTargetSelectChart(void 0);
+}, Ft = (e, o) => {
+  e.stopPropagation(), e.preventDefault();
+  const r = q(), { onClickOutSide: u } = Oe();
+  o || u();
+  const t = e.screenX, C = e.screenY, n = e.offsetX, i = e.offsetY, h = r.getEditCanvas.scale;
+  r.setMousePosition(void 0, void 0, n, i);
+  const p = Fe((l) => {
+    r.setTargetSelectChart(), r.setEditCanvas(te.IS_SELECT, !0);
+    const a = n + l.screenX - t, L = i + l.screenY - C;
+    r.setMousePosition(a, L);
+    const s = {
+      // 左上角
+      x1: 0,
+      y1: 0,
+      // 右下角
+      x2: 0,
+      y2: 0
+    };
+    a > n && L > i ? (s.x1 = n, s.y1 = i, s.x2 = Math.round(n + (l.screenX - t) / h), s.y2 = Math.round(i + (l.screenY - C) / h)) : a > n && L < i ? (s.x1 = n, s.y1 = Math.round(i - (C - l.screenY) / h), s.x2 = Math.round(n + (l.screenX - t) / h), s.y2 = i) : a < n && L > i ? (s.x1 = Math.round(n - (t - l.screenX) / h), s.y1 = i, s.x2 = n, s.y2 = Math.round(i + (l.screenY - C) / h)) : (s.x1 = Math.round(n - (t - l.screenX) / h), s.y1 = Math.round(i - (C - l.screenY) / h), s.x2 = n, s.y2 = i), r.getComponentList.forEach((f) => {
+      if (!r.getTargetChart.selectId.includes(f.id)) {
+        const { x: v, y: S, w: y, h: g } = f.attr, d = {
+          // 左上角
+          x1: v,
+          y1: S,
+          // 右下角
+          x2: v + y,
+          y2: S + g
+        };
+        d.x1 - s.x1 >= 0 && d.y1 - s.y1 >= 0 && d.x2 - s.x2 <= 0 && d.y2 - s.y2 <= 0 && !f.status.lock && !f.status.hide && r.setTargetSelectChart(f.id, !0);
+      }
+    });
+  }, 30), m = () => {
+    p.cancel(), r.setEditCanvas(te.IS_SELECT, !1), r.setMousePosition(0, 0, 0, 0), document.removeEventListener("mousemove", p), document.removeEventListener("mouseup", m);
+  };
+  document.addEventListener("mousemove", p), document.addEventListener("mouseup", m);
+}, it = () => {
+  const e = q(), { onClickOutSide: o } = Oe();
+  return { mouseClickHandle: (n, i) => {
+    var h;
+    if (n.preventDefault(), n.stopPropagation(), !i.status.lock && (h = window.$KeyboardActive) != null && h.ctrl)
+      if (e.targetChart.selectId.includes(i.id)) {
+        const p = e.targetChart.selectId.filter((m) => m !== i.id);
+        e.setTargetSelectChart(p);
+      } else
+        e.setTargetSelectChart(i.id, !0);
+  }, mousedownHandle: (n, i) => {
+    var y;
+    if (n.preventDefault(), n.stopPropagation(), i.status.lock || (o(), n.buttons === He.LEFT && ((y = window.$KeyboardActive) != null && y.ctrl)))
+      return;
+    const h = e.getTargetChart.selectId;
+    if (n.buttons === He.RIGHT && h.length > 1 && h.includes(i.id) || (e.setTargetSelectChart(i.id), n.buttons === He.RIGHT))
+      return;
+    const p = e.getEditCanvas.scale, m = e.getEditCanvasConfig.width, l = e.getEditCanvasConfig.height, a = /* @__PURE__ */ new Map();
+    e.getTargetChart.selectId.forEach((g) => {
+      const d = e.fetchTargetIndex(g);
+      if (d !== -1) {
+        const { x, y: I, w: G, h: B } = pt(e.getComponentList[d]).attr;
+        a.set(g, { x, y: I, w: G, h: B });
+      }
+    });
+    const L = n.screenX, s = n.screenY;
+    let f = [];
+    e.getTargetChart.selectId.forEach((g) => {
+      if (!a.has(g))
+        return;
+      const d = e.fetchTargetIndex(g);
+      f.push(At(e.getComponentList[d]));
+    }), e.setMousePosition(void 0, void 0, L, s);
+    const v = Fe((g) => {
+      e.setEditCanvas(te.IS_DRAG, !0), e.setMousePosition(g.screenX, g.screenY);
+      let d = (g.screenX - L) / p, x = (g.screenY - s) / p;
+      e.getTargetChart.selectId.forEach((I) => {
+        if (!a.has(I))
+          return;
+        const G = e.fetchTargetIndex(I), { x: B, y: E, w: H, h: ce } = a.get(I), ae = e.getComponentList[G];
+        let k = Math.round(B + d), N = Math.round(E + x);
+        const P = 50;
+        k = k < -H + P ? -H + P : k, N = N < -ce + P ? -ce + P : N, k = k > m - P ? m - P : k, N = N > l - P ? l - P : N, ae && (ae.attr = Object.assign(ae.attr, {
+          x: k,
+          y: N
+        }));
+      });
+    }, 20), S = () => {
+      try {
+        if (e.setMousePosition(0, 0, 0, 0), e.setEditCanvas(te.IS_DRAG, !1), f.length) {
+          e.getTargetChart.selectId.forEach((d) => {
+            if (!a.has(d))
+              return;
+            const x = e.fetchTargetIndex(d), I = e.getComponentList[x];
+            f.forEach((G) => {
+              G.id === d && (G.attr = Object.assign(G.attr, {
+                offsetX: I.attr.x - G.attr.x,
+                offsetY: I.attr.y - G.attr.y
+              }));
+            });
+          });
+          const g = f.filter(
+            (d) => d.attr.offsetX !== 0 && d.attr.offsetY !== 0
+          );
+          g.length && e.moveComponentList(g);
+        }
+        document.removeEventListener("mousemove", v), document.removeEventListener("mouseup", S);
+      } catch (g) {
+        console.log(g);
+      }
+    };
+    document.addEventListener("mousemove", v), document.addEventListener("mouseup", S);
+  }, mouseenterHandle: (n, i) => {
+    n.preventDefault(), n.stopPropagation(), e.getEditCanvas.isSelect || e.setTargetHoverChart(i.id);
+  }, mouseleaveHandle: (n, i) => {
+    n.preventDefault(), n.stopPropagation(), e.setEditCanvas(te.IS_DRAG, !1), e.setTargetHoverChart(void 0);
+  } };
+}, qt = (e, o, r, u) => {
+  e.stopPropagation(), e.preventDefault();
+  const t = q();
+  t.setEditCanvas(te.IS_DRAG, !0), t.setTargetSelectChart(u);
+  const C = t.getEditCanvas.scale, n = r.x, i = r.y, h = r.w, p = r.h, m = e.screenX, l = e.screenY;
+  t.setMousePosition(m, l);
+  const a = Fe((s) => {
+    t.setMousePosition(s.screenX, s.screenY);
+    let f = Math.round((s.screenX - m) / C), v = Math.round((s.screenY - l) / C);
+    const S = /t/.test(o), y = /b/.test(o), g = /l/.test(o), d = /r/.test(o), x = p + (S ? -v : y ? v : 0), I = h + (g ? -f : d ? f : 0);
+    r.h = x > 0 ? x : 0, r.w = I > 0 ? I : 0, r.x = n + (g ? f : 0), r.y = i + (S ? v : 0);
+  }, 50), L = () => {
+    t.setEditCanvas(te.IS_DRAG, !1), t.setMousePosition(0, 0, 0, 0), document.removeEventListener("mousemove", a), document.removeEventListener("mouseup", L);
+  };
+  document.addEventListener("mousemove", a), document.addEventListener("mouseup", L);
+}, Le = (e, o) => e ? {
+  zIndex: o + 1,
+  left: `${e.x}px`,
+  top: `${e.y}px`
+} : {}, _e = (e, o) => e ? {
+  width: `${o ? o * e.w : e.w}px`,
+  height: `${o ? o * e.h : e.h}px`
+} : {}, jt = (e, o, r, u) => {
+  const { w: t, h: C } = r, n = /t/.test(e), i = /b/.test(e), h = /l/.test(e), p = /r/.test(e);
+  let m = 0, l = 0;
+  return e.length === 2 ? (m = h ? 0 : t, l = n ? 0 : C) : ((n || i) && (m = t / 2, l = n ? 0 : C), (h || p) && (m = h ? 0 : t, l = Math.floor(C / 2))), {
+    left: `${m}px`,
+    top: `${l}px`,
+    cursor: u[o] + "-resize"
+  };
+}, Jt = ["onMousedown"], Zt = /* @__PURE__ */ ne({
+  __name: "index",
+  props: {
+    item: {
+      type: Object,
+      required: !0
+    },
+    hiddenPoint: {
+      type: Boolean,
+      required: !1
+    }
+  },
+  setup(e) {
+    Ce((l) => ({
+      "5637417a": n.value
+    }));
+    const o = e, r = ye(), u = q(), t = ["t", "r", "b", "l", "lt", "rt", "lb", "rb"], C = ["n", "e", "s", "w", "nw", "ne", "sw", "se"], n = $(() => r.getAppTheme), i = $(() => u.getEditCanvas[te.IS_DRAG] || o.item.status.lock ? !1 : o.item.id === u.getTargetChart.hoverId), h = $(() => {
+      const l = o.item.id;
+      return o.item.status.lock ? !1 : u.getTargetChart.selectId.find((a) => a === l);
+    }), p = $(() => o.item.status.lock), m = $(() => o.item.status.hide);
+    return (l, a) => (_(), M("div", {
+      class: ie(["go-shape-box", { lock: p.value, hide: m.value }])
+    }, [
+      ze(l.$slots, "default", {}, void 0, !0),
+      e.hiddenPoint ? me("", !0) : (_(!0), M(re, { key: 0 }, pe(h.value ? t : [], (L, s) => (_(), M("div", {
+        class: ie(`shape-point ${L}`),
+        key: s,
+        style: se(c(jt)(L, s, e.item.attr, C)),
+        onMousedown: (f) => c(qt)(f, L, e.item.attr, e.item.id)
+      }, null, 46, Jt))), 128)),
+      O("div", {
+        class: "shape-modal",
+        style: se(c(_e)(e.item.attr))
+      }, [
+        O("div", {
+          class: ie(["shape-modal-select", { active: h.value }])
+        }, null, 2),
+        O("div", {
+          class: ie(["shape-modal-change", { selectActive: h.value, hoverActive: i.value }])
+        }, null, 2)
+      ], 4)
+    ], 2));
+  }
+});
+const Ge = /* @__PURE__ */ le(Zt, [["__scopeId", "data-v-278f2fbe"]]), Qt = { class: "go-edit-group-box" }, eo = /* @__PURE__ */ ne({
+  __name: "index",
+  props: {
+    groupData: {
+      type: Object,
+      required: !0
+    },
+    groupIndex: {
+      type: Number,
+      required: !0
+    }
+  },
+  setup(e) {
+    const o = q(), { handleContextMenu: r } = Oe(), { mouseenterHandle: u, mouseleaveHandle: t, mousedownHandle: C, mouseClickHandle: n } = it(), i = (m, l, a) => {
+      const L = (s) => l.filter((f) => s.includes(f.key));
+      if (o.getTargetChart.selectId.length > 1)
+        return L([w.GROUP, w.DELETE]);
+      {
+        const s = [];
+        a.status.lock ? s.push(w.LOCK) : s.push(w.UNLOCK), a.status.hide ? s.push(w.HIDE) : s.push(w.SHOW);
+        const f = [w.UN_GROUP];
+        return [
+          ...L(f),
+          Tt(),
+          ...m.filter((v) => !s.includes(v.key))
+        ];
+      }
+    }, h = $(() => at(o.getEditCanvasConfig.chartCustomThemeColorInfo)[o.getEditCanvasConfig.chartThemeColor]), p = $(() => o.getEditCanvasConfig.chartThemeSetting);
+    return (m, l) => (_(), M("div", Qt, [
+      (_(), Y(c(Ge), {
+        key: e.groupData.id,
+        "data-id": e.groupData.id,
+        index: e.groupIndex,
+        item: e.groupData,
+        hiddenPoint: !0,
+        class: ie(c(Be)(e.groupData.styles.animations)),
+        style: se({
+          ...c(Le)(e.groupData.attr, e.groupIndex),
+          ...c(_e)(e.groupData.attr),
+          ...c(be)(e.groupData.styles),
+          ...c(Xe)(e.groupData.styles),
+          ...c(lt)(e.groupData.styles)
+        }),
+        onClick: l[0] || (l[0] = (a) => c(n)(a, e.groupData)),
+        onMousedown: l[1] || (l[1] = (a) => c(C)(a, e.groupData)),
+        onMouseenter: l[2] || (l[2] = (a) => c(u)(a, e.groupData)),
+        onMouseleave: l[3] || (l[3] = (a) => c(t)(a, e.groupData)),
+        onContextmenu: l[4] || (l[4] = (a) => c(r)(a, e.groupData, i))
+      }, {
+        default: b(() => [
+          (_(!0), M(re, null, pe(e.groupData.groupList, (a) => (_(), Y(c(Ge), {
+            key: a.id,
+            "data-id": a.id,
+            index: e.groupIndex,
+            item: a,
+            hiddenPoint: !0,
+            style: se({
+              ...c(Le)(a.attr, e.groupIndex)
+            })
+          }, {
+            default: b(() => [
+              (_(), Y(ge(a.chartConfig.chartKey), {
+                class: ie(["edit-content-chart", c(Be)(a.styles.animations)]),
+                chartConfig: a,
+                themeSetting: p.value,
+                themeColor: h.value,
+                style: se({
+                  ...c(_e)(a.attr),
+                  ...c(be)(a.styles),
+                  ...c(Xe)(a.styles)
+                })
+              }, null, 8, ["class", "chartConfig", "themeSetting", "themeColor", "style"]))
+            ]),
+            _: 2
+          }, 1032, ["data-id", "index", "item", "style"]))), 128))
+        ]),
+        _: 1
+      }, 8, ["data-id", "index", "item", "class", "style"]))
+    ]));
+  }
+}), to = { class: "go-edit-align-line" }, oo = /* @__PURE__ */ ne({
+  __name: "index",
+  setup(e) {
+    Ce((s) => ({
+      "8279bb54": n.value
+    }));
+    const o = ye(), r = q(), u = Ve(), t = Re({
+      // 行横向row（上中下），列竖线col（左中右）
+      lineArr: ["rowt", "rowc", "rowb", "coll", "colc", "colr"],
+      // 展示线
+      select: /* @__PURE__ */ new Map(),
+      // 已经吸附
+      sorptioned: {
+        x: !1,
+        y: !1
+      }
+    }), C = (s) => s ? {
+      left: `${s.x ? s.x : 0}px`,
+      top: `${s.y ? s.y : 0}px`
+    } : {}, n = $(() => o.getAppTheme), i = $(() => u.getChartAlignRange), h = $(() => r.getEditCanvas[te.IS_DRAG]), p = (s, f) => Math.abs(s - f) <= i.value, m = $(() => r.getTargetChart.selectId), l = $(() => r.getComponentList[r.fetchTargetIndex()]), a = $(() => {
+      var s;
+      return ((s = l.value) == null ? void 0 : s.attr) || {};
+    }), L = $(() => ({
+      id: "0",
+      attr: {
+        w: ot(r.getEditCanvasConfig.width),
+        h: ot(r.getEditCanvasConfig.height),
+        x: 0,
+        y: 0,
+        offsetX: 0,
+        offsetY: 0,
+        zIndex: 0
+      }
+    }));
+    return ue(
+      () => r.getMousePosition,
+      ee(() => {
+        try {
+          if (!h.value || m.value.length !== 1)
+            return;
+          const s = a.value.w, f = a.value.h, v = a.value.x, S = v + s / 2, y = v + s, g = [v, S, y], d = a.value.y, x = d + f / 2, I = d + f, G = [d, x, I];
+          t.select.clear(), t.sorptioned.y = !1;
+          const B = r.getComponentList.map((E) => ({
+            id: E.id,
+            attr: E.attr
+          }));
+          B.push(L.value), t.lineArr.forEach((E) => {
+            B.forEach((H) => {
+              if (m.value[0] === H.id)
+                return;
+              const ce = H.attr.w, ae = H.attr.h, k = H.attr.x, N = k + ce / 2, P = k + ce, D = [k, N, P], A = H.attr.y, z = A + ae / 2, F = A + ae, $e = [A, z, F];
+              E.includes("rowt") && (p(d, A) && (t.select.set(E, { y: A }), V(l.value, v, A)), p(d, z) && (t.select.set(E, { y: z }), V(l.value, v, z)), p(d, F) && (t.select.set(E, { y: F }), V(l.value, v, F))), E.includes("rowc") && (p(x, A) && (t.select.set(E, { y: A }), V(l.value, v, A - f / 2)), p(x, z) && (t.select.set(E, { y: z }), V(l.value, v, z - f / 2)), p(x, F) && (t.select.set(E, { y: F }), V(l.value, v, F - f / 2))), E.includes("rowb") && (p(I, A) && (t.select.set(E, { y: A }), V(l.value, v, A - f)), p(I, z) && (t.select.set(E, { y: z }), V(l.value, v, z - f)), p(I, F) && (t.select.set(E, { y: F }), V(l.value, v, F - f))), E.includes("coll") && (p(v, k) && (t.select.set(E, { x: k }), V(l.value, k, d)), p(v, N) && (t.select.set(E, { x: N }), V(l.value, N, d)), p(v, P) && (t.select.set(E, { x: P }), V(l.value, P, d))), E.includes("colc") && (p(S, k) && (t.select.set(E, { x: k }), V(l.value, k - s / 2, d)), p(S, N) && (t.select.set(E, { x: N }), V(l.value, N - s / 2, d)), p(S, P) && (t.select.set(E, { x: P }), V(l.value, P - s / 2, d))), E.includes("colr") && (p(y, k) && (t.select.set(E, { x: k }), V(l.value, k - s, d)), p(y, N) && (t.select.set(E, { x: N }), V(l.value, N - s, d)), p(y, P) && (t.select.set(E, { x: P }), V(l.value, P - s, d)));
+            });
+          });
+        } catch (s) {
+          console.log(s);
+        }
+      }, 200),
+      {
+        deep: !0
+      }
+    ), ue(
+      () => h.value,
+      (s) => {
+        s || (t.select.clear(), t.sorptioned.y = !1);
+      }
+    ), (s, f) => (_(), M("div", to, [
+      (_(!0), M(re, null, pe(t.lineArr, (v) => (_(), M("div", {
+        class: ie(["line", [v.includes("row") ? "row" : "col", t.select.has(v) && "visible"]]),
+        key: v,
+        style: se(C(t.select.get(v)))
+      }, null, 6))), 128))
+    ]));
+  }
+});
+const so = /* @__PURE__ */ le(oo, [["__scopeId", "data-v-b6818df3"]]), no = /* @__PURE__ */ ne({
+  __name: "index",
+  setup(e) {
+    return (o, r) => {
+      const u = U("el-watermark");
+      return _(), Y(u, {
+        id: "go-edit-watermark",
+        content: c(xt),
+        font: { fontSize: 16 },
+        width: 500,
+        height: 150,
+        offset: [12, 80],
+        rotate: -15
+      }, null, 8, ["content"]);
+    };
+  }
+});
+const ao = /* @__PURE__ */ le(no, [["__scopeId", "data-v-3e99fb24"]]), lo = /* @__PURE__ */ ne({
+  __name: "index",
+  setup(e) {
+    Ce((i) => ({
+      "35a3c7d9": C.value
+    }));
+    const o = ye(), r = q(), { isSelect: u, scale: t } = De(r.getEditCanvas), C = $(() => o.getAppTheme), n = K();
+    return ue(
+      () => r.getMousePosition,
+      (i) => {
+        if (!u.value)
+          return;
+        const { startX: h, startY: p, x: m, y: l } = i, a = {
+          zIndex: et,
+          // left
+          x: 0,
+          // top
+          y: 0,
+          // 宽
+          w: 0,
+          // 高
+          h: 0,
+          // 偏移
+          offsetX: 0,
+          offsetY: 0
+        };
+        m > h && l > p ? (a.x = h, a.y = p, a.w = Math.round((m - h) / t.value), a.h = Math.round((l - p) / t.value)) : m > h && l < p ? (a.x = h, a.w = Math.round((m - h) / t.value), a.h = Math.round((p - l) / t.value), a.y = p - a.h) : m < h && l > p ? (a.y = p, a.w = Math.round((h - m) / t.value), a.h = Math.round((l - p) / t.value), a.x = h - a.w) : (a.w = Math.round((h - m) / t.value), a.h = Math.round((p - l) / t.value), a.x = h - a.w, a.y = p - a.h), n.value = {
+          ...Le(a, et),
+          ..._e(a)
+        };
+      },
+      {
+        deep: !0
+      }
+    ), (i, h) => c(u) ? (_(), M("div", {
+      key: 0,
+      class: "go-edit-select",
+      style: se(n.value)
+    }, h[0] || (h[0] = [
+      O("div", { class: "select-background" }, null, -1),
+      O("div", { class: "select-border" }, null, -1)
+    ]), 4)) : me("", !0);
+  }
+});
+const ro = /* @__PURE__ */ le(lo, [["__scopeId", "data-v-cde4a626"]]), co = /* @__PURE__ */ ne({
+  __name: "index",
+  setup(e) {
+    const o = q(), { getEditCanvasConfig: r, getEditCanvas: u } = De(o), t = $(() => ({
+      w: r.value.width,
+      h: r.value.height
+    })), C = $(() => {
+      const i = {
+        transform: `scale(${u.value.scale})`
+      };
+      return { ..._e(t.value), ...i };
+    }), n = $(() => {
+      const i = u.value.isCreate && { "z-index": 99999 };
+      return { ..._e(t.value), ...i };
+    });
+    return (i, h) => (_(), M("div", {
+      class: "go-edit-range go-transition",
+      style: se(C.value),
+      onMousedown: h[0] || (h[0] = (p) => c(Ft)(p, void 0))
+    }, [
+      ze(i.$slots, "default", {}, void 0, !0),
+      T(c(ao)),
+      T(c(so)),
+      T(c(ro)),
+      O("div", {
+        class: "go-edit-range-model",
+        style: se(n.value)
+      }, null, 4)
+    ], 36));
+  }
+});
+const io = /* @__PURE__ */ le(co, [["__scopeId", "data-v-a53f4e4d"]]), uo = { class: "go-sketch-rule" }, Ye = 20, po = /* @__PURE__ */ ne({
+  __name: "index",
+  setup(e) {
+    Ce((D) => ({
+      f35669d0: B.value,
+      e4eab06c: I.value,
+      "1f3b73bd": l.value
+    }));
+    const o = q(), r = rt(), u = ye();
+    let t = [0, 0], C = [0, 0];
+    const n = K(), i = K(!0), h = K(), p = K(), m = K(!1), l = K("auto"), { width: a, height: L } = De(o.getEditCanvasConfig), s = K(0), f = K(0), v = Re({ h: [], v: [] }), S = $(() => o.getEditCanvas.scale), y = K(800), g = K(600), d = () => {
+      const D = document.getElementById("go-chart-edit-layout");
+      if (D) {
+        const z = D.clientWidth - 20, F = D.clientHeight - 20;
+        z > 0 && F > 0 && (y.value = z, g.value = F);
+      }
+    }, x = $(() => `${window.innerWidth * 2}px`), I = $(() => {
+      const D = L.value || 600;
+      return `${Math.max(D * 2, 1200)}px`;
+    }), G = $(() => u.getDarkTheme ? {
+      bgColor: "#18181c",
+      longfgColor: "#4d4d4d",
+      shortfgColor: "#4d4d4d",
+      fontColor: "#4d4d4d",
+      shadowColor: "#18181c",
+      borderColor: "#18181c",
+      cornerActiveColor: "#18181c"
+    } : {}), B = $(() => u.getAppTheme), E = (D) => {
+      if (D.ctrlKey || D.metaKey) {
+        D.preventDefault();
+        let A = S.value;
+        if (D.wheelDelta >= 0 && S.value < 2) {
+          A = S.value + 0.05, o.setScale(A);
+          return;
+        }
+        D.wheelDelta < 0 && S.value > 0.1 && (A = S.value - 0.05, o.setScale(A));
+      }
+    }, H = () => {
+      if (!n.value)
+        return;
+      const D = n.value.getBoundingClientRect(), A = h.value.getBoundingClientRect();
+      s.value = (D.left + Ye - A.left) / S.value, f.value = (D.top + Ye - A.top) / S.value;
+    }, ce = (D) => {
+      var qe, je;
+      if (D.preventDefault(), D.stopPropagation(), D.which == 2)
+        m.value = !0;
+      else if (!((qe = window.$KeyboardActive) != null && qe.space))
+        return;
+      (je = document.activeElement) == null || je.blur();
+      const A = D.pageX, z = D.pageY, F = (Je) => {
+        const ut = Je.pageX - A, dt = Je.pageY - z, [Me, we] = t, [Ue, Se] = C;
+        t = [we, ut], C = [Se, dt], n.value.scrollLeft -= we > Me ? Math.abs(we - Me) : -Math.abs(we - Me), n.value.scrollTop -= Se > Ue ? Math.abs(Se - Ue) : -Math.abs(Se - Ue);
+      }, $e = () => {
+        window.removeEventListener("mousemove", F), window.removeEventListener("mouseup", $e), t = [0, 0], C = [0, 0], m.value = !1;
+      };
+      window.addEventListener("mousemove", F), window.addEventListener("mouseup", $e);
+    }, ae = () => ({
+      width: y.value,
+      height: g.value
+    }), k = ee(() => {
+      d(), i.value = !1, setTimeout(() => {
+        i.value = !0;
+      }, 10);
+    }, 20), N = () => {
+      const { width: D, height: A } = p.value.getBoundingClientRect(), { width: z, height: F } = ae();
+      n.value.scrollLeft = D / 2 - z / 2, n.value.scrollTop = A / 2 - F / 2;
+    };
+    ue(
+      () => u.getDarkTheme,
+      () => {
+        k();
+      }
+    ), ue(
+      () => S.value,
+      (D, A) => {
+        A !== D && r.getRePositionCanvas && r.setItemUnHandle(ct.RE_POSITION_CANVAS, !1), H(), setTimeout(() => {
+          N(), k();
+        }, 400);
+      }
+    ), ue(
+      () => m.value,
+      (D) => {
+        l.value = D ? "grab" : "auto";
+      }
+    );
+    const P = ee(() => {
+      k();
+    }, 100);
+    return We(() => {
+      n.value && (n.value.addEventListener("wheel", E, { passive: !1 }), i.value = !1, setTimeout(() => {
+        d(), N(), i.value = !0;
+      }, 200)), window.addEventListener("resize", P);
+    }), nt(() => {
+      n.value && n.value.removeEventListener("wheel", E), window.removeEventListener("resize", P);
+    }), window.onKeySpacePressHold = (D) => {
+      m.value = D;
+    }, (D, A) => {
+      const z = U("sketch-rule");
+      return _(), M("div", uo, [
+        i.value ? (_(), Y(z, {
+          key: 0,
+          thick: Ye,
+          scale: S.value,
+          width: ae().width,
+          height: ae().height,
+          startX: s.value,
+          startY: f.value,
+          lines: v,
+          palette: G.value
+        }, null, 8, ["scale", "width", "height", "startX", "startY", "lines", "palette"])) : me("", !0),
+        O("div", {
+          ref_key: "$app",
+          ref: n,
+          class: "edit-screens",
+          onScroll: H
+        }, [
+          O("div", {
+            ref_key: "$container",
+            ref: p,
+            class: "edit-screen-container",
+            style: se({ width: x.value })
+          }, [
+            O("div", {
+              ref_key: "refSketchRuleBox",
+              ref: h,
+              class: "canvas",
+              onMousedown: ce,
+              style: se({ marginLeft: "-" + (ae().width / 2 - 25) + "px" })
+            }, [
+              O("div", {
+                style: se({ pointerEvents: m.value ? "none" : "auto" })
+              }, [
+                ze(D.$slots, "default", {}, void 0, !0)
+              ], 4)
+            ], 36)
+          ], 4)
+        ], 544)
+      ]);
+    };
+  }
+});
+const vo = /* @__PURE__ */ le(po, [["__scopeId", "data-v-034f2fed"]]), Ke = {
+  [R.ADD]: "新增",
+  [R.DELETE]: "删除",
+  [R.UPDATE]: "更新",
+  [R.MOVE]: "移动",
+  [R.PASTE]: "粘贴",
+  [R.COPY]: "复制",
+  [R.CUT]: "剪切",
+  [R.TOP]: "置顶",
+  [R.BOTTOM]: "置底",
+  [R.UP]: "上移",
+  [R.DOWN]: "下移",
+  [R.GROUP]: "成组",
+  [R.UN_GROUP]: "解组",
+  [R.LOCK]: "锁定",
+  [R.UNLOCK]: "解锁",
+  [R.HIDE]: "隐藏",
+  [R.SHOW]: "显示",
+  [Ee.CANVAS]: "画布初始化"
+}, ho = { class: "go-flex-items-center edit-history-wrapper" }, mo = {
+  key: 0,
+  class: "history-list-box"
+}, fo = ["title"], _o = { class: "item-label" }, go = {
+  key: 1,
+  class: "empty-tip"
+}, Co = /* @__PURE__ */ ne({
+  __name: "index",
+  setup(e) {
+    const {
+      DesktopOutlineIcon: o,
+      PencilIcon: r,
+      TrashIcon: u,
+      CopyIcon: t,
+      LayersIcon: C,
+      DuplicateIcon: n,
+      HelpOutlineIcon: i,
+      LockClosedOutlineIcon: h,
+      LockOpenOutlineIcon: p,
+      EyeOffOutlineIcon: m,
+      EyeOutlineIcon: l
+    } = fe.ionicons5, { StackedMoveIcon: a, Carbon3DCursorIcon: L, Carbon3DSoftwareIcon: s } = fe.carbon, f = Et(), v = (g) => {
+      if (g.targetType === Ee.CANVAS)
+        return o;
+      switch (g.actionType) {
+        case R.UPDATE:
+          return r;
+        case R.DELETE:
+          return u;
+        case R.PASTE:
+          return t;
+        case R.TOP:
+          return C;
+        case R.BOTTOM:
+          return C;
+        case R.UP:
+          return C;
+        case R.DOWN:
+          return C;
+        case R.MOVE:
+          return a;
+        case R.ADD:
+          return n;
+        case R.GROUP:
+          return L;
+        case R.UN_GROUP:
+          return s;
+        case R.LOCK:
+          return h;
+        case R.UNLOCK:
+          return p;
+        case R.HIDE:
+          return m;
+        case R.SHOW:
+          return l;
+        default:
+          return r;
+      }
+    }, S = (g) => {
+      if (g.targetType === Ee.CANVAS)
+        return Ke[Ee.CANVAS];
+      if (g.actionType === R.GROUP || g.actionType === R.UN_GROUP)
+        return `${Ke[g.actionType]}`;
+      if (g.historyData.length)
+        return `${Ke[g.actionType]} - ${g.historyData[0].chartConfig.title}`;
+    }, y = $(() => {
+      const d = f.getBackStack.map((x) => ({
+        label: S(x),
+        icon: v(x)
+      }));
+      return Ht(d.filter((x) => x.label));
+    });
+    return (g, d) => {
+      const x = U("el-button"), I = U("el-icon"), G = U("el-scrollbar"), B = U("el-popover"), E = U("el-tooltip");
+      return _(), M("div", ho, [
+        T(B, {
+          "show-arrow": !1,
+          trigger: "click",
+          placement: "top-start",
+          width: 280,
+          teleported: !0,
+          "popper-class": "edit-history-popover"
+        }, {
+          reference: b(() => [
+            T(x, {
+              class: "mr-10",
+              size: "small",
+              disabled: y.value.length === 0
+            }, {
+              default: b(() => d[0] || (d[0] = [
+                O("span", { class: "btn-text" }, "历史记录", -1)
+              ])),
+              _: 1,
+              __: [0]
+            }, 8, ["disabled"])
+          ]),
+          default: b(() => [
+            y.value.length > 0 ? (_(), M("div", mo, [
+              T(G, { "max-height": "400px" }, {
+                default: b(() => [
+                  (_(!0), M(re, null, pe(y.value, (H, ce) => (_(), M("div", {
+                    class: "list-item go-flex-items-center",
+                    key: ce,
+                    title: H.label
+                  }, [
+                    T(I, {
+                      class: "item-icon",
+                      size: 16
+                    }, {
+                      default: b(() => [
+                        (_(), Y(ge(H.icon)))
+                      ]),
+                      _: 2
+                    }, 1024),
+                    O("span", _o, de(H.label), 1)
+                  ], 8, fo))), 128))
+                ]),
+                _: 1
+              })
+            ])) : (_(), M("div", go, "暂无历史记录"))
+          ]),
+          _: 1
+        }),
+        T(E, {
+          content: `最多只保留${c(bt)}条记录`,
+          placement: "top"
+        }, {
+          default: b(() => [
+            T(I, {
+              size: 21,
+              class: "help-icon"
+            }, {
+              default: b(() => [
+                T(c(i))
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["content"])
+      ]);
+    };
+  }
+});
+const yo = /* @__PURE__ */ le(Co, [["__scopeId", "data-v-e8fc42e1"]]), wo = { style: { display: "flex", "justify-content": "space-between", "align-items": "center" } }, So = { key: 0 }, To = { key: 1 }, xo = { style: { "font-size": "22px", background: "linear-gradient(90deg, var(--el-color-primary), var(--el-color-success))", "-webkit-background-clip": "text", "-webkit-text-fill-color": "transparent" } }, Eo = /* @__PURE__ */ ne({
+  __name: "ShortcutKeyModal",
+  props: {
+    modelShow: Boolean
+  },
+  emits: ["update:modelShow"],
+  setup(e, { emit: o }) {
+    const { CloseIcon: r } = fe.ionicons5, u = K(!1), t = o, C = e;
+    ue(() => C.modelShow, (h) => {
+      u.value = h;
+    });
+    const n = [
+      {
+        label: "拖拽画布",
+        win: `${X.SPACE.toUpperCase()} + 🖱️ `,
+        mac: `${W.SPACE.toUpperCase()} + 🖱️ `,
+        macSource: !0
+      },
+      {
+        label: "向 上/右/下/左 移动",
+        win: `${X.CTRL.toUpperCase()} + ↑ 或 → 或 ↓ 或 ←`,
+        mac: `${W.CTRL.toUpperCase()} + ↑ `
+      },
+      {
+        label: "锁定",
+        win: `${X.CTRL.toUpperCase()} + L `,
+        mac: `${W.CTRL.toUpperCase()} + L `
+      },
+      {
+        label: "解锁",
+        win: `${X.CTRL.toUpperCase()} + ${X.SHIFT.toUpperCase()}+ L `,
+        mac: `${W.CTRL.toUpperCase()} + ${W.SHIFT.toUpperCase()} + L `
+      },
+      {
+        label: "展示",
+        win: `${X.CTRL.toUpperCase()} + H `,
+        mac: `${W.CTRL.toUpperCase()} + H `
+      },
+      {
+        label: "隐藏",
+        win: `${X.CTRL.toUpperCase()} + ${X.SHIFT.toUpperCase()} + H `,
+        mac: `${W.CTRL.toUpperCase()} + ${W.SHIFT.toUpperCase()} + H `
+      },
+      {
+        label: "删除",
+        win: "Delete".toUpperCase(),
+        mac: `${W.CTRL.toUpperCase()} + Backspace `
+      },
+      {
+        label: "复制",
+        win: `${X.CTRL.toUpperCase()} + C `,
+        mac: `${W.CTRL.toUpperCase()} + C `
+      },
+      {
+        label: "剪切",
+        win: `${X.CTRL.toUpperCase()} + X `,
+        mac: `${W.CTRL.toUpperCase()} + X `
+      },
+      {
+        label: "粘贴",
+        win: `${X.CTRL.toUpperCase()} + V `,
+        mac: `${W.CTRL.toUpperCase()} + V `
+      },
+      {
+        label: "后退",
+        win: `${X.CTRL.toUpperCase()} + Z `,
+        mac: `${W.CTRL.toUpperCase()} + Z `
+      },
+      {
+        label: "前进",
+        win: `${X.CTRL.toUpperCase()} + ${X.SHIFT.toUpperCase()} + Z `,
+        mac: `${W.CTRL.toUpperCase()} + ${W.SHIFT.toUpperCase()} + Z `
+      },
+      {
+        label: "多选",
+        win: `${X.CTRL.toUpperCase()} + 🖱️ `,
+        mac: `${W.CTRL_SOURCE_KEY.toUpperCase()} + 🖱️ `
+      },
+      {
+        label: "创建分组",
+        win: `${X.CTRL.toUpperCase()} + G / 🖱️ `,
+        mac: `${W.CTRL_SOURCE_KEY.toUpperCase()} + G / 🖱️`
+      },
+      {
+        label: "解除分组",
+        win: `${X.CTRL.toUpperCase()} + ${X.SHIFT.toUpperCase()} + G `,
+        mac: `${W.CTRL_SOURCE_KEY.toUpperCase()} + ${X.SHIFT.toUpperCase()} + G `
+      }
+    ], i = () => {
+      t("update:modelShow", !1);
+    };
+    return (h, p) => {
+      const m = U("el-table-column"), l = U("el-icon"), a = U("el-table"), L = U("el-dialog");
+      return _(), Y(L, {
+        modelValue: u.value,
+        "onUpdate:modelValue": p[0] || (p[0] = (s) => u.value = s),
+        "close-on-click-modal": !0,
+        "show-close": !1,
+        width: "50vw",
+        onClosed: i
+      }, {
+        default: b(() => [
+          T(a, {
+            class: "model-content",
+            data: n,
+            border: !1,
+            stripe: ""
+          }, {
+            default: b(() => [
+              T(m, {
+                prop: "label",
+                label: "功能"
+              }),
+              T(m, {
+                prop: "win",
+                label: "Win 快捷键"
+              }),
+              T(m, { label: "Mac 快捷键" }, {
+                header: b(() => [
+                  O("div", wo, [
+                    p[1] || (p[1] = O("span", null, "Mac 快捷键", -1)),
+                    T(l, {
+                      size: 20,
+                      class: "go-cursor-pointer",
+                      onClick: i
+                    }, {
+                      default: b(() => [
+                        T(c(r))
+                      ]),
+                      _: 1
+                    })
+                  ])
+                ]),
+                default: b(({ row: s }) => [
+                  s.macSource ? (_(), M("span", So, de(s.mac), 1)) : (_(), M("span", To, [
+                    O("span", xo, de(s.mac.substr(0, 1)), 1),
+                    vt(" + " + de(s.mac.substr(3)), 1)
+                  ]))
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+});
+const bo = /* @__PURE__ */ le(Eo, [["__scopeId", "data-v-3719c50c"]]), ko = { class: "go-edit-shortcut" }, Lo = /* @__PURE__ */ ne({
+  __name: "index",
+  setup(e) {
+    const { DicomOverlayIcon: o } = fe.carbon, r = K(!1);
+    return (u, t) => {
+      const C = U("el-icon"), n = U("el-button"), i = U("el-tooltip");
+      return _(), M("div", ko, [
+        T(bo, {
+          modelShow: r.value,
+          "onUpdate:modelShow": t[0] || (t[0] = (h) => r.value = h)
+        }, null, 8, ["modelShow"]),
+        T(i, {
+          content: "快捷键",
+          placement: "top"
+        }, {
+          default: b(() => [
+            T(n, {
+              class: "scale-btn",
+              size: "small",
+              onClick: t[1] || (t[1] = (h) => r.value = !0)
+            }, {
+              default: b(() => [
+                T(C, {
+                  size: 21,
+                  style: { color: "var(--el-text-color-secondary)" }
+                }, {
+                  default: b(() => [
+                    T(c(o))
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+});
+const Ro = /* @__PURE__ */ le(Lo, [["__scopeId", "data-v-189eada8"]]), Do = { class: "go-edit-bottom" }, Oo = {
+  class: "go-flex-items-center",
+  style: { gap: "8px" }
+}, $o = {
+  class: "bottom-ri go-flex-items-center",
+  style: { gap: "8px" }
+}, Mo = /* @__PURE__ */ ne({
+  __name: "index",
+  setup(e) {
+    Ce((y) => ({
+      cee57b24: t.value
+    }));
+    const { LockClosedOutlineIcon: o, LockOpenOutlineIcon: r } = fe.ionicons5, u = ye(), t = K(u.getAppTheme), C = rt(), n = q(), { lockScale: i, scale: h } = De(n.getEditCanvas), p = K(null);
+    let m = [
+      {
+        label: "200%",
+        value: 200
+      },
+      {
+        label: "150%",
+        value: 150
+      },
+      {
+        label: "100%",
+        value: 100
+      },
+      {
+        label: "50%",
+        value: 50
+      },
+      {
+        label: "自适应",
+        value: 0
+      }
+    ];
+    const l = K(""), a = (y) => {
+      var g;
+      if ((g = p.value) == null || g.blur(), y === 0) {
+        C.setItemUnHandle(ct.RE_POSITION_CANVAS, !0), n.computedScale();
+        return;
+      }
+      n.setScale(y / 100);
+    }, L = () => {
+      n.setEditCanvas(te.LOCK_SCALE, !i.value);
+    }, s = K(100), f = (y) => `${y}%`, v = (y) => {
+      n.setScale(y / 100);
+    }, S = Re({
+      100: ""
+    });
+    return ht(() => {
+      const y = (h.value * 100).toFixed(0);
+      l.value = `${y}%`, s.value = parseInt(y);
+    }), (y, g) => {
+      const d = U("el-option"), x = U("el-select"), I = U("el-icon"), G = U("el-button"), B = U("el-tooltip"), E = U("el-slider");
+      return _(), M("div", Do, [
+        O("div", Oo, [
+          T(c(yo)),
+          g[2] || (g[2] = O("span", {
+            id: "keyboard-dress-show",
+            style: { color: "var(--el-text-color-secondary)" }
+          }, null, -1))
+        ]),
+        O("div", $o, [
+          T(Ro),
+          T(x, {
+            ref_key: "selectInstRef",
+            ref: p,
+            class: "scale-btn",
+            modelValue: l.value,
+            "onUpdate:modelValue": g[0] || (g[0] = (H) => l.value = H),
+            size: "small",
+            disabled: c(i),
+            onChange: a
+          }, {
+            default: b(() => [
+              (_(!0), M(re, null, pe(c(m), (H) => (_(), Y(d, {
+                key: H.value,
+                label: H.label,
+                value: H.value
+              }, null, 8, ["label", "value"]))), 128))
+            ]),
+            _: 1
+          }, 8, ["modelValue", "disabled"]),
+          T(B, {
+            content: c(i) ? "解锁当前比例" : "锁定当前比例",
+            placement: "top"
+          }, {
+            default: b(() => [
+              T(G, {
+                onClick: L,
+                text: ""
+              }, {
+                default: b(() => [
+                  T(I, {
+                    class: ie(["lock-icon", { color: c(i) }]),
+                    size: 18
+                  }, {
+                    default: b(() => [
+                      c(i) ? (_(), Y(c(o), { key: 0 })) : (_(), Y(c(r), { key: 1 }))
+                    ]),
+                    _: 1
+                  }, 8, ["class"])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["content"]),
+          T(E, {
+            class: "scale-slider",
+            modelValue: s.value,
+            "onUpdate:modelValue": g[1] || (g[1] = (H) => s.value = H),
+            min: 10,
+            max: 200,
+            step: 5,
+            "format-tooltip": f,
+            disabled: c(i),
+            marks: S,
+            onChange: v
+          }, null, 8, ["modelValue", "disabled", "marks"])
+        ])
+      ]);
+    };
+  }
+});
+const Uo = /* @__PURE__ */ le(Mo, [["__scopeId", "data-v-7cd37fc7"]]), Ao = { class: "go-system-setting" }, Io = { class: "setting-header" }, Ho = { class: "setting-body" }, Po = {
+  key: 0,
+  class: "setting-divider"
+}, Yo = {
+  key: 1,
+  class: "setting-row"
+}, Ko = { class: "row-label" }, No = { class: "row-control" }, Bo = {
+  key: 0,
+  class: "suffix"
+}, Xo = { class: "row-desc" }, Go = /* @__PURE__ */ ne({
+  __name: "index",
+  props: {
+    modelShow: Boolean
+  },
+  emits: ["update:modelShow"],
+  setup(e, { emit: o }) {
+    const r = e, u = o, { HelpOutlineIcon: t, CloseIcon: C } = fe.ionicons5, n = Ve(), i = K(!1), h = Re([
+      {
+        key: ve.ASIDE_ALL_COLLAPSED,
+        value: n.getAsideAllCollapsed,
+        type: "switch",
+        name: "菜单折叠",
+        desc: "首页菜单折叠时隐藏至界面外"
+      },
+      {
+        key: ve.HIDE_PACKAGE_ONE_CATEGORY,
+        value: n.getHidePackageOneCategory,
+        type: "switch",
+        name: "隐藏分类",
+        desc: "工作空间表单分类只有单项时隐藏"
+      },
+      {
+        key: ve.CHANGE_LANG_RELOAD,
+        value: n.getChangeLangReload,
+        type: "switch",
+        name: "切换语言",
+        desc: "切换语言重新加载页面",
+        tip: "若遇到部分区域语言切换失败，则建议开启"
+      },
+      {
+        key: "divider1",
+        type: "divider",
+        name: "",
+        desc: "",
+        value: ""
+      },
+      {
+        key: ve.CHART_TOOLS_STATUS_HIDE,
+        value: n.getChartToolsStatusHide,
+        type: "switch",
+        name: "隐藏工具栏",
+        desc: "鼠标移入时，会展示切换到展开模式"
+      },
+      {
+        key: ve.CHART_TOOLS_STATUS,
+        value: n.getChartToolsStatus,
+        type: "select",
+        name: "工具栏展示",
+        desc: "工作空间工具栏展示方式",
+        options: [
+          {
+            label: "侧边栏",
+            value: ke.ASIDE
+          },
+          {
+            label: "底部 Dock",
+            value: ke.DOCK
+          }
+        ]
+      },
+      {
+        key: "divider0",
+        type: "divider",
+        name: "",
+        desc: "",
+        value: ""
+      },
+      {
+        key: ve.CHART_MOVE_DISTANCE,
+        value: n.getChartMoveDistance,
+        type: "number",
+        name: "移动距离",
+        min: 1,
+        step: 1,
+        suffix: "px",
+        desc: "工作空间方向键控制移动距离"
+      },
+      {
+        key: ve.CHART_ALIGN_RANGE,
+        value: n.getChartAlignRange,
+        type: "number",
+        name: "吸附距离",
+        min: 10,
+        step: 2,
+        suffix: "px",
+        desc: "工作空间移动图表时的吸附距离"
+      }
+    ]);
+    ue(() => r.modelShow, (l) => {
+      i.value = l;
+    });
+    const p = () => {
+      u("update:modelShow", !1);
+    }, m = (l, a) => {
+      n.setItem(a.key, a.value);
+    };
+    return (l, a) => {
+      const L = U("el-icon"), s = U("el-tooltip"), f = U("el-switch"), v = U("el-input-number"), S = U("el-option"), y = U("el-select"), g = U("el-dialog");
+      return _(), Y(g, {
+        modelValue: i.value,
+        "onUpdate:modelValue": a[0] || (a[0] = (d) => i.value = d),
+        "show-close": !1,
+        width: "560px",
+        class: "go-system-setting-dialog",
+        onClosed: p
+      }, {
+        default: b(() => [
+          O("div", Ao, [
+            O("div", Io, [
+              a[1] || (a[1] = O("span", { class: "title" }, "系统设置", -1)),
+              T(L, {
+                size: 18,
+                class: "close-btn",
+                onClick: p
+              }, {
+                default: b(() => [
+                  T(c(C))
+                ]),
+                _: 1
+              })
+            ]),
+            O("div", Ho, [
+              (_(!0), M(re, null, pe(h, (d) => (_(), M(re, {
+                key: d.key
+              }, [
+                d.type === "divider" ? (_(), M("div", Po)) : (_(), M("div", Yo, [
+                  O("div", Ko, [
+                    O("span", null, de(d.name), 1),
+                    d.tip ? (_(), Y(s, {
+                      key: 0,
+                      content: d.tip,
+                      placement: "top"
+                    }, {
+                      default: b(() => [
+                        T(L, {
+                          size: 14,
+                          class: "tip-icon"
+                        }, {
+                          default: b(() => [
+                            T(c(t))
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      _: 2
+                    }, 1032, ["content"])) : me("", !0)
+                  ]),
+                  O("div", No, [
+                    d.type === "switch" ? (_(), Y(f, {
+                      key: 0,
+                      modelValue: d.value,
+                      "onUpdate:modelValue": (x) => d.value = x,
+                      size: "small",
+                      onChange: (x) => m(x, d)
+                    }, null, 8, ["modelValue", "onUpdate:modelValue", "onChange"])) : d.type === "number" ? (_(), M(re, { key: 1 }, [
+                      T(v, {
+                        modelValue: d.value,
+                        "onUpdate:modelValue": (x) => d.value = x,
+                        size: "small",
+                        step: d.step || 1,
+                        min: d.min || 0,
+                        "controls-position": "right",
+                        onChange: (x) => m(x, d)
+                      }, null, 8, ["modelValue", "onUpdate:modelValue", "step", "min", "onChange"]),
+                      d.suffix ? (_(), M("span", Bo, de(d.suffix), 1)) : me("", !0)
+                    ], 64)) : d.type === "select" ? (_(), Y(y, {
+                      key: 2,
+                      modelValue: d.value,
+                      "onUpdate:modelValue": (x) => d.value = x,
+                      size: "small",
+                      onChange: (x) => m(x, d)
+                    }, {
+                      default: b(() => [
+                        (_(!0), M(re, null, pe(d.options, (x) => (_(), Y(S, {
+                          key: x.value,
+                          label: x.label,
+                          value: x.value
+                        }, null, 8, ["label", "value"]))), 128))
+                      ]),
+                      _: 2
+                    }, 1032, ["modelValue", "onUpdate:modelValue", "onChange"])) : me("", !0)
+                  ]),
+                  O("div", Xo, de(d.desc), 1)
+                ]))
+              ], 64))), 128))
+            ])
+          ])
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+});
+const Wo = /* @__PURE__ */ le(Go, [["__scopeId", "data-v-41af1ead"]]), zo = () => {
+  const e = q();
+  e.setTargetSelectChart(void 0), kt(
+    Lt(e.getStorageInfo() || []),
+    void 0,
+    "json"
+  );
+  const o = document.querySelector(".go-edit-range"), r = document.getElementById("go-edit-watermark");
+  if (!o || !r) {
+    window.$message.error("导出失败！");
+    return;
+  }
+  const u = e.getEditCanvas.scale;
+  e.setScale(1, !0), r.style.display = "block", setTimeout(() => {
+    Rt(o, () => {
+      r && (r.style.display = "none"), e.setScale(u, !0);
+    });
+  }, 600);
+}, Vo = () => {
+  const e = K(), { updateComponent: o } = Dt();
+  return {
+    importUploadFileListRef: e,
+    importBeforeUpload: ({ file: t }) => {
+      e.value = [];
+      const C = t.file.type;
+      return C !== tt.JSON && C !== tt.TXT ? (window.$message.warning("仅支持上传 【JSON】 格式文件，请重新上传！"), !1) : !0;
+    },
+    importCustomRequest: (t) => {
+      const { file: C } = t;
+      mt(() => {
+        C ? Ot(C).then((n) => {
+          $t({
+            message: "请选择导入方式:",
+            positiveText: "新增（可撤回）",
+            negativeText: "覆盖（不可撤回）",
+            negativeButtonProps: { type: "info", ghost: !1 },
+            // 新增
+            onPositiveCallback: async () => {
+              try {
+                n = Ne(n), await o(n, !1, !0), window.$message.success("导入成功！");
+              } catch (i) {
+                console.log(i), window.$message.error("组件导入失败，请检查文件完整性!");
+              }
+            },
+            // 覆盖
+            onNegativeCallback: async () => {
+              try {
+                n = Ne(n), await o(n, !0, !0), window.$message.success("导入成功！");
+              } catch (i) {
+                console.log(i), window.$message.error("组件导入失败，请检查文件完整性!");
+              }
+            }
+          });
+        }) : window.$message.error("导入失败，请检查数据或联系管理员！");
+      });
+    }
+  };
+};
+var he = /* @__PURE__ */ ((e) => (e.BUTTON = "button", e.IMPORTUPLOAD = "importUpload", e))(he || {});
+const Fo = { class: "btn-item" }, qo = /* @__PURE__ */ ne({
+  __name: "index",
+  setup(e) {
+    const { DownloadIcon: o, ShareIcon: r, PawIcon: u, SettingsSharpIcon: t, CreateIcon: C } = fe.ionicons5, n = Ve(), i = q();
+    Pt();
+    let h = null;
+    const p = K(!1), m = K(!0), l = K(!0), { importUploadFileListRef: a, importCustomRequest: L, importBeforeUpload: s } = Vo(), f = $(() => n.getChartToolsStatus === ke.ASIDE), v = $(() => n.getChartToolsStatusHide), S = $(() => m.value && v.value), y = $(() => {
+      if (!f.value)
+        return I;
+      const G = [];
+      return I.map((B) => {
+        G.unshift(B);
+      }), G;
+    }), g = () => {
+      h = setTimeout(() => {
+        m.value && (m.value = !1, l.value = !0);
+      }, 200), setTimeout(() => {
+        l.value = !1;
+      }, 400);
+    }, d = () => {
+      clearTimeout(h), m.value || (m.value = !0);
+    }, x = () => {
+      window.$message.warning("请通过顶部【同步内容】按钮同步最新数据！"), i.setEditCanvas(te.IS_CODE_EDIT, !0);
+    }, I = [
+      {
+        key: "import",
+        type: he.IMPORTUPLOAD,
+        name: "导入",
+        icon: r
+      },
+      {
+        key: "export",
+        type: he.BUTTON,
+        name: "导出",
+        icon: o,
+        handle: zo
+      },
+      {
+        key: "edit",
+        type: he.BUTTON,
+        name: "编辑",
+        icon: C,
+        handle: x
+      },
+      {
+        key: "setting",
+        type: he.BUTTON,
+        name: "设置",
+        icon: t,
+        handle: () => {
+          p.value = !0;
+        }
+      }
+    ];
+    return (G, B) => {
+      const E = U("el-icon"), H = U("el-button"), ce = U("el-upload"), ae = U("el-tooltip");
+      return _(), M(re, null, [
+        O("div", {
+          class: ie(["go-chart-edit-tools", [c(n).getChartToolsStatus, S.value ? "isMini" : "unMini"]]),
+          onClick: B[1] || (B[1] = (k) => m.value && (m.value = !1)),
+          onMouseenter: g,
+          onMouseleave: d
+        }, [
+          Ae(T(E, {
+            class: "asideLogo",
+            size: 22
+          }, {
+            default: b(() => [
+              T(c(u))
+            ]),
+            _: 1
+          }, 512), [
+            [Ie, c(n).getChartToolsStatus === c(ke).ASIDE && S.value]
+          ]),
+          (_(!0), M(re, null, pe(y.value, (k, N) => (_(), Y(ae, {
+            key: k.key,
+            disabled: !f.value || v.value && l.value,
+            content: k.name,
+            placement: "left"
+          }, {
+            default: b(() => [
+              O("div", Fo, [
+                k.type === c(he).BUTTON ? (_(), Y(H, {
+                  key: 0,
+                  circle: f.value,
+                  onClick: k.handle
+                }, {
+                  default: b(() => [
+                    T(E, {
+                      size: f.value ? 18 : 16
+                    }, {
+                      default: b(() => [
+                        (_(), Y(ge(k.icon)))
+                      ]),
+                      _: 2
+                    }, 1032, ["size"]),
+                    Ae(O("span", { class: "btn-text" }, de(k.name), 513), [
+                      [Ie, !f.value]
+                    ])
+                  ]),
+                  _: 2
+                }, 1032, ["circle", "onClick"])) : k.type === c(he).IMPORTUPLOAD ? (_(), Y(ce, {
+                  key: 1,
+                  "file-list": c(a),
+                  "onUpdate:fileList": B[0] || (B[0] = (P) => ft(a) ? a.value = P : null),
+                  "show-file-list": !1,
+                  "http-request": c(L),
+                  "before-upload": c(s)
+                }, {
+                  default: b(() => [
+                    T(H, { circle: f.value }, {
+                      default: b(() => [
+                        T(E, {
+                          size: f.value ? 18 : 16
+                        }, {
+                          default: b(() => [
+                            (_(), Y(ge(k.icon)))
+                          ]),
+                          _: 2
+                        }, 1032, ["size"]),
+                        Ae(O("span", { class: "btn-text" }, de(k.name), 513), [
+                          [Ie, !f.value]
+                        ])
+                      ]),
+                      _: 2
+                    }, 1032, ["circle"])
+                  ]),
+                  _: 2
+                }, 1032, ["file-list", "http-request", "before-upload"])) : me("", !0)
+              ])
+            ]),
+            _: 2
+          }, 1032, ["disabled", "content"]))), 128))
+        ], 34),
+        T(c(Wo), {
+          modelShow: p.value,
+          "onUpdate:modelShow": B[2] || (B[2] = (k) => p.value = k)
+        }, null, 8, ["modelShow"])
+      ], 64);
+    };
+  }
+});
+const jo = /* @__PURE__ */ le(qo, [["__scopeId", "data-v-d2124fa0"]]), Jo = /* @__PURE__ */ ne({
+  __name: "index",
+  setup(e) {
+    const o = q(), { handleContextMenu: r } = Oe(), u = Mt(Ut.VCHART, "vchartTheme"), { scale: t, SCALE_KEY: C } = Kt();
+    _t(C, t), Nt(async () => {
+    });
+    const { mouseenterHandle: n, mouseleaveHandle: i, mousedownHandle: h, mouseClickHandle: p } = it(), m = (s, f, v) => {
+      if (o.getTargetChart.selectId.length > 1)
+        return f.filter((y) => [w.GROUP, w.DELETE].includes(y.key));
+      const S = [];
+      return v.status.lock ? S.push(w.LOCK) : S.push(w.UNLOCK), v.status.hide ? S.push(w.HIDE) : S.push(w.SHOW), s.filter((y) => !S.includes(y.key));
+    }, l = $(() => o.getEditCanvasConfig.chartThemeSetting), a = $(() => at(o.getEditCanvasConfig.chartCustomThemeColorInfo)[o.getEditCanvasConfig.chartThemeColor]);
+    $(() => o.getEditCanvasConfig.filterShow);
+    const L = $(() => {
+      const s = o.getEditCanvasConfig.background, f = o.getEditCanvasConfig.backgroundImage;
+      return {
+        ...o.getEditCanvasConfig.selectColor ? { background: s || void 0 } : { background: `url(${f}) no-repeat center center / cover !important` },
+        width: "inherit",
+        height: "inherit"
+      };
+    });
+    return ue(
+      () => o.getEditCanvasConfig.vChartThemeName,
+      (s) => {
+        u == null || u.setTheme(s);
+      },
+      {
+        immediate: !0
+      }
+    ), We(() => {
+      Wt();
+    }), (s, f) => (_(), Y(c(It), {
+      id: "go-chart-edit-layout",
+      flex: !0,
+      showTop: !1,
+      showBottom: !0,
+      depth: 1,
+      xScroll: !0,
+      disabledScroll: !0,
+      onMousedown: c(Vt),
+      onDrop: c(zt),
+      onDragover: c(st),
+      onDragenter: c(st)
+    }, {
+      aside: b(() => [
+        T(c(jo))
+      ]),
+      bottom: b(() => [
+        T(c(Uo))
+      ]),
+      default: b(() => [
+        T(c(vo), null, {
+          default: b(() => [
+            O("div", {
+              id: "go-chart-edit-content",
+              onContextmenu: f[0] || (f[0] = //@ts-ignore
+              (...v) => c(r) && c(r)(...v))
+            }, [
+              T(c(io), null, {
+                default: b(() => [
+                  O("div", {
+                    style: se({
+                      ...c(be)(c(o).getEditCanvasConfig),
+                      ...L.value
+                    })
+                  }, [
+                    (_(!0), M(re, null, pe(c(o).getComponentList, (v, S) => (_(), M("div", {
+                      key: v.id
+                    }, [
+                      v.isGroup ? (_(), Y(c(eo), {
+                        key: 0,
+                        groupData: v,
+                        groupIndex: S
+                      }, null, 8, ["groupData", "groupIndex"])) : (_(), Y(c(Ge), {
+                        key: 1,
+                        "data-id": v.id,
+                        index: S,
+                        style: se({
+                          ...c(Le)(v.attr, S),
+                          ...c(lt)(v.styles)
+                        }),
+                        item: v,
+                        onClick: (y) => c(p)(y, v),
+                        onMousedown: (y) => c(h)(y, v),
+                        onMouseenter: (y) => c(n)(y, v),
+                        onMouseleave: (y) => c(i)(y, v),
+                        onContextmenu: (y) => c(r)(y, v, m)
+                      }, {
+                        default: b(() => [
+                          (_(), Y(ge(v.chartConfig.chartKey), {
+                            class: ie(["edit-content-chart", c(Be)(v.styles.animations)]),
+                            chartConfig: v,
+                            themeSetting: l.value,
+                            themeColor: a.value,
+                            style: se({
+                              ...c(_e)(v.attr),
+                              ...c(be)(v.styles),
+                              ...c(Xe)(v.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 Ds = /* @__PURE__ */ le(Jo, [["__scopeId", "data-v-d6fe3622"]]);
+export {
+  Ds as default
+};
+//# sourceMappingURL=index-6701793b.js.map