@hg2/dataview-core 2.0.0

package/dist/index-66f7ab2a.js

@@ -0,0 +1,590 @@
+import { defineComponent as ne, useCssVars as pe, ref as Q, reactive as Y, watch as ae, computed as Z, resolveComponent as p, openBlock as m, createElementBlock as C, createVNode as n, withCtx as c, createElementVNode as s, createTextVNode as $, Fragment as D, renderList as A, normalizeClass as ee, toDisplayString as oe, normalizeStyle as M, withDirectives as _e, withModifiers as me, unref as h, vShow as ve, createCommentVNode as te, nextTick as E, createBlock as N } from "vue";
+import V from "lodash/cloneDeep";
+import { n as fe } from "./noData-63b54dc3.js";
+import { G as Ce, aT as ge, aU as he, aV as ke, p as ce, aW as xe, aX as be, _ as re, aR as se, m as ye, q as S, v as P } from "./index-237a6823.js";
+import "crypto-js";
+import "lodash/isObject";
+import "vue3-lazyload";
+import "vue3-sketch-ruler";
+import "element-plus";
+import "screenfull";
+import "lodash/throttle";
+import "html2canvas";
+import "pinia";
+import "vue-i18n";
+import "vue-demi";
+import "lodash/debounce";
+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 "lodash";
+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 Ie = {
+  key: 0,
+  class: "create-color-setting"
+}, we = { class: "name-row name-row-top" }, Ee = { class: "input-group" }, Te = { class: "color-list-box go-mt-3" }, He = ["onClick"], $e = { class: "picker-index" }, Ve = { class: "color-value" }, Oe = { class: "delete-box" }, Re = { class: "expend-color-box" }, Se = { class: "color-space" }, De = ["onClick"], Ae = { class: "color-space" }, Me = ["onClick"], Ue = /* @__PURE__ */ ne({
+  __name: "index",
+  props: {
+    selectColor: Object
+  },
+  emits: ["updateColor"],
+  setup(z, { emit: F }) {
+    pe((l) => ({
+      "3dc0b401": r.color
+    }));
+    const U = z, w = F, { AddIcon: j, TrashIcon: q } = ce.ionicons5, G = Ce(() => import("./index-b2e0e39b.js")), a = Q(), r = Y({
+      // -1 表示无选中元素
+      index: -1,
+      color: ""
+    });
+    ae(
+      () => {
+        var l;
+        return (l = U.selectColor) == null ? void 0 : l.id;
+      },
+      () => {
+        var l;
+        a.value = V(U.selectColor), r.index = 0, r.color = (l = a.value) == null ? void 0 : l.color[0];
+      },
+      {
+        immediate: !0,
+        deep: !1
+      }
+    );
+    const T = Z(() => v(r.color)), v = (l) => {
+      if (!l)
+        return {
+          default: [],
+          fade: []
+        };
+      const e = 36, o = [], t = [], u = [];
+      for (let i = 0; i < e; i++)
+        t.unshift(ge(l, 1 / 100 * (i + 1))), o.push(he(l, 3.5 / 100 * (i + 1)));
+      return o.forEach((i, b) => {
+        u.unshift(ke(i, 1 / 100 * (b + 1)));
+      }), {
+        default: [
+          ...t.reverse().splice(0, parseInt(`${e / 2}`) - 9),
+          ...o.splice(0, parseInt(`${e / 2}`))
+        ],
+        fade: u.reverse().splice(0, 27)
+      };
+    }, d = (l) => ({
+      backgroundColor: l
+    }), f = (l) => ({
+      color: k(l)
+    }), k = (l) => {
+      if (!l || l[0] !== "#")
+        return "#ffffff";
+      const e = l.slice(1);
+      let o = 255, t = 255, u = 255;
+      return (e.length === 3 || e.length === 4) && (o = parseInt(e[0] + e[0], 16), t = parseInt(e[1] + e[1], 16), u = parseInt(e[2] + e[2], 16)), (e.length === 6 || e.length === 8) && (o = parseInt(e.slice(0, 2), 16), t = parseInt(e.slice(2, 4), 16), u = parseInt(e.slice(4, 6), 16)), (o * 299 + t * 587 + u * 114) / 1e3 > 160 ? "#111827" : "#ffffff";
+    }, W = (l, e) => {
+      r.color = l, r.index = e;
+    }, H = (l, e) => {
+      l && (r.color = l), e !== void 0 && (r.index = e), E(() => {
+        w("updateColor", a.value);
+      });
+    }, O = (l, e) => {
+      const o = e ? xe(l) : be(l);
+      a.value && (a.value.color[r.index] = o), r.color = o, E(() => {
+        w("updateColor", a.value);
+      });
+    }, X = () => {
+      var o, t, u, i, b;
+      const l = ((t = a.value) == null ? void 0 : t.color[((o = a.value) == null ? void 0 : o.color.length) - 1]) || "#2c2c31";
+      (u = a.value) == null || u.color.push(l);
+      const e = (((i = a.value) == null ? void 0 : i.color.length) || 1) - 1;
+      r.index = e, r.color = (b = a.value) == null ? void 0 : b.color[e], E(() => {
+        w("updateColor", a.value);
+      });
+    }, J = (l) => {
+      var e, o;
+      if ((e = a.value) == null || e.color.splice(l, 1), !!((o = a.value) != null && o.color.length)) {
+        if (l === r.index || r.index >= a.value.color.length) {
+          const t = Math.max(0, l - 1);
+          H(a.value.color[t], t);
+          return;
+        }
+        E(() => {
+          w("updateColor", a.value);
+        });
+      }
+    }, L = () => {
+      E(() => {
+        w("updateColor", a.value);
+      });
+    };
+    return (l, e) => {
+      const o = p("el-input"), t = p("el-tag"), u = p("el-color-picker"), i = p("el-icon"), b = p("el-tooltip"), R = p("el-scrollbar"), y = p("el-card"), B = p("el-divider");
+      return a.value ? (m(), C("div", Ie, [
+        n(y, {
+          class: "panel-card",
+          shadow: "never",
+          role: "dialog",
+          "aria-modal": "true"
+        }, {
+          default: c(() => [
+            s("div", we, [
+              s("div", Ee, [
+                e[1] || (e[1] = s("span", { class: "input-group-label" }, "名称", -1)),
+                n(o, {
+                  class: "create-color-name",
+                  modelValue: a.value.name,
+                  "onUpdate:modelValue": e[0] || (e[0] = (g) => a.value.name = g),
+                  modelModifiers: { trim: !0 },
+                  maxlength: "8",
+                  "show-word-limit": "",
+                  clearable: "",
+                  onChange: L
+                }, null, 8, ["modelValue"])
+              ]),
+              n(t, {
+                effect: "dark",
+                type: "warning",
+                round: ""
+              }, {
+                default: c(() => e[2] || (e[2] = [
+                  $("底部图表仅展示 7 条数据")
+                ])),
+                _: 1,
+                __: [2]
+              })
+            ]),
+            e[4] || (e[4] = s("div", { class: "section-title" }, "主题颜色", -1)),
+            n(R, { "max-height": "240px" }, {
+              default: c(() => [
+                s("div", Te, [
+                  (m(!0), C(D, null, A(a.value.color, (g, _) => (m(), C("div", {
+                    class: "color-list-item",
+                    key: _
+                  }, [
+                    s("div", {
+                      class: ee(["picker-box", { select: _ === r.index }]),
+                      onClick: (x) => W(g, _)
+                    }, [
+                      s("div", $e, "#" + oe(_ + 1), 1),
+                      n(u, {
+                        modelValue: a.value.color[_],
+                        "onUpdate:modelValue": (x) => a.value.color[_] = x,
+                        "show-alpha": "",
+                        "color-format": "hex",
+                        teleported: !0,
+                        "popper-class": "create-color-picker-popper",
+                        onChange: (x) => H(x, _)
+                      }, null, 8, ["modelValue", "onUpdate:modelValue", "onChange"]),
+                      s("div", {
+                        class: "color-meta",
+                        style: M(f(a.value.color[_]))
+                      }, [
+                        s("span", Ve, oe(a.value.color[_]), 1)
+                      ], 4)
+                    ], 10, He),
+                    _e(s("div", Oe, [
+                      n(b, {
+                        content: "删除颜色",
+                        placement: "top"
+                      }, {
+                        default: c(() => [
+                          n(i, {
+                            class: "delete-icon",
+                            size: 16,
+                            onClick: me((x) => J(_), ["stop"])
+                          }, {
+                            default: c(() => [
+                              n(h(q))
+                            ]),
+                            _: 2
+                          }, 1032, ["onClick"])
+                        ]),
+                        _: 2
+                      }, 1024)
+                    ], 512), [
+                      [ve, _ > 5]
+                    ])
+                  ]))), 128)),
+                  s("button", {
+                    class: "add-color-card",
+                    type: "button",
+                    onClick: X
+                  }, [
+                    n(i, { size: 18 }, {
+                      default: c(() => [
+                        n(h(j))
+                      ]),
+                      _: 1
+                    }),
+                    e[3] || (e[3] = s("span", null, "添加颜色", -1))
+                  ])
+                ])
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1,
+          __: [4]
+        }),
+        s("div", Re, [
+          n(y, {
+            class: "panel-card go-mt-3 expend-color",
+            shadow: "never",
+            role: "dialog",
+            "aria-modal": "true"
+          }, {
+            default: c(() => [
+              e[6] || (e[6] = s("div", { class: "expand-header" }, [
+                s("div", { class: "section-title no-margin" }, "默认扩展色")
+              ], -1)),
+              n(B),
+              s("div", Se, [
+                (m(!0), C(D, null, A(T.value.default, (g, _) => (m(), C("div", {
+                  class: "color-computed-item",
+                  key: _,
+                  onClick: (x) => O(g, !1)
+                }, [
+                  e[5] || (e[5] = s("div", { class: "color-picker-checkboard" }, null, -1)),
+                  s("div", {
+                    style: M(d(g))
+                  }, null, 4)
+                ], 8, De))), 128))
+              ])
+            ]),
+            _: 1,
+            __: [6]
+          }),
+          n(y, {
+            class: "panel-card go-mt-3 expend-color",
+            shadow: "never",
+            role: "dialog",
+            "aria-modal": "true"
+          }, {
+            default: c(() => [
+              e[8] || (e[8] = s("div", { class: "expand-header" }, [
+                s("div", { class: "section-title no-margin" }, "透明扩展色")
+              ], -1)),
+              n(B),
+              s("div", Ae, [
+                (m(!0), C(D, null, A(T.value.fade, (g, _) => (m(), C("div", {
+                  class: "color-computed-item",
+                  key: _,
+                  onClick: (x) => O(g, !0)
+                }, [
+                  e[7] || (e[7] = s("div", { class: "color-picker-checkboard" }, null, -1)),
+                  s("div", {
+                    style: M(d(g))
+                  }, null, 4)
+                ], 8, Me))), 128))
+              ])
+            ]),
+            _: 1,
+            __: [8]
+          })
+        ]),
+        n(h(G), {
+          class: "chart-preview",
+          color: h(V)(a.value.color).splice(0, 7)
+        }, null, 8, ["color"])
+      ])) : te("", !0);
+    };
+  }
+});
+const Le = /* @__PURE__ */ re(Ue, [["__scopeId", "data-v-e786c20a"]]), Be = { class: "create-content" }, Ne = { class: "create-color-setting-box" }, Pe = {
+  key: 1,
+  class: "no-data go-flex-center"
+}, ze = ["src"], Fe = { class: "color-list-box" }, je = { class: "color-list" }, qe = { class: "button-space" }, Ge = { class: "go-flex-items-center" }, We = { class: "dialog-footer" }, Xe = /* @__PURE__ */ ne({
+  __name: "index",
+  props: {
+    modelShow: Boolean
+  },
+  emits: ["update:modelShow", "editSaveHandle"],
+  setup(z, { emit: F }) {
+    const U = z, w = F, { DuplicateOutlineIcon: j, TrashIcon: q, ArrowDownIcon: G } = ce.ionicons5, a = {
+      id: se(),
+      name: "未命名",
+      color: ["#6ae5bb", "#69e3de", "#5ac5ee", "#5ac4ee", "#4498ec", "#3c7ddf"]
+    }, r = ye(), T = Q(!1);
+    let v = Y(r.getEditCanvasConfig.chartCustomThemeColorInfo || []);
+    const d = Q(void 0), f = Y({
+      selectInfo: v[0]
+    });
+    ae(
+      () => U.modelShow,
+      (o) => {
+        T.value = o, o && v.length && (f.selectInfo = v[0]);
+      }
+    );
+    const k = Z(() => {
+      var o;
+      return (o = f == null ? void 0 : f.selectInfo) == null ? void 0 : o.id;
+    }), W = Z(() => r.getEditCanvasConfig.chartThemeColor), H = (o) => {
+      o.id !== k.value && (d.value !== void 0 ? S({
+        message: "当前有变动未保存，是否直接放弃修改？",
+        onPositiveCallback: () => {
+          d.value = void 0, f.selectInfo = o;
+        }
+      }) : f.selectInfo = o);
+    }, O = () => {
+      const o = () => {
+        const t = { ...V(a), id: se() };
+        f.selectInfo = t, v.push(t), H(t), d.value = t, L(!1);
+      };
+      d.value !== void 0 ? S({
+        message: "当前有变动未保存，是否直接放弃修改？",
+        onPositiveCallback: () => {
+          d.value = void 0, o();
+        }
+      }) : o();
+    }, X = (o) => {
+      const t = () => {
+        v.splice(o, 1), r.setEditCanvasConfig(P.CHART_CUSTOM_THEME_COLOR_INFO, V(v)), E(() => {
+          v.length ? H(v[o - 1 > -1 ? o - 1 : o]) : f.selectInfo = void 0;
+        });
+      };
+      d.value !== void 0 ? S({
+        message: "当前有变动未保存，是否直接放弃修改？",
+        onPositiveCallback: () => {
+          d.value = void 0, t();
+        }
+      }) : S({
+        message: "是否删除此颜色？",
+        onPositiveCallback: () => {
+          t();
+        }
+      });
+    }, J = (o) => {
+      d.value = o;
+    }, L = (o = !0) => {
+      if (!d.value)
+        return;
+      const t = v.findIndex((u) => {
+        var i;
+        return u.id === ((i = d.value) == null ? void 0 : i.id);
+      });
+      if (t !== -1) {
+        o && window.$message.success("数据应用成功！");
+        const u = V({ ...d.value, name: d.value.name || "未定义" });
+        v.splice(t, 1, u), d.value = void 0;
+        const i = r.getEditCanvasConfig.chartThemeColor;
+        r.setEditCanvasConfig(P.CHART_THEME_COLOR, "dark"), E(() => {
+          r.setEditCanvasConfig(P.CHART_CUSTOM_THEME_COLOR_INFO, V(v)), r.setEditCanvasConfig(P.CHART_THEME_COLOR, i);
+        });
+      } else
+        window.$message.error("数据应用失败！");
+    }, l = () => {
+      const o = () => {
+        d.value = void 0, f.selectInfo = void 0, w("update:modelShow", !1);
+      };
+      d.value !== void 0 ? S({
+        message: "当前有变动未保存，是否直接放弃修改？",
+        onPositiveCallback: () => {
+          o();
+        }
+      }) : o();
+    }, e = (o) => `linear-gradient(to right, ${o.color[0]} 0%, ${o.color[5]} 100%)`;
+    return (o, t) => {
+      const u = p("el-text"), i = p("el-timeline-item"), b = p("el-timeline"), R = p("el-icon"), y = p("el-button"), B = p("el-badge"), g = p("el-divider"), _ = p("el-link"), x = p("el-card"), ie = p("el-tooltip"), de = p("el-dialog");
+      return m(), N(de, {
+        class: "go-chart-create-color",
+        modelValue: T.value,
+        "onUpdate:modelValue": t[0] || (t[0] = (I) => T.value = I),
+        "close-on-click-modal": !1,
+        "close-on-press-escape": !1,
+        width: "900px",
+        "show-close": !1,
+        top: "6vh"
+      }, {
+        footer: c(() => [
+          s("div", We, [
+            n(y, { onClick: l }, {
+              default: c(() => t[6] || (t[6] = [
+                $("操作完成")
+              ])),
+              _: 1,
+              __: [6]
+            })
+          ])
+        ]),
+        default: c(() => [
+          s("div", Be, [
+            s("div", Ne, [
+              k.value ? (m(), N(h(Le), {
+                key: 0,
+                selectColor: f.selectInfo,
+                onUpdateColor: J
+              }, null, 8, ["selectColor"])) : (m(), C("div", Pe, [
+                s("img", {
+                  src: h(fe),
+                  alt: "暂无数据"
+                }, null, 8, ze),
+                n(u, { type: "info" }, {
+                  default: c(() => t[1] || (t[1] = [
+                    $("暂未选择自定义颜色")
+                  ])),
+                  _: 1,
+                  __: [1]
+                })
+              ]))
+            ]),
+            s("div", Fe, [
+              n(b, {
+                class: "pond-item-timeline",
+                style: { width: "20px" }
+              }, {
+                default: c(() => [
+                  n(i, { type: "primary" }),
+                  n(i, { type: "success" })
+                ]),
+                _: 1
+              }),
+              s("div", je, [
+                s("div", qe, [
+                  n(y, {
+                    class: ee(["create-btn", { "is-full": !k.value }]),
+                    type: "primary",
+                    plain: !!k.value,
+                    onClick: O
+                  }, {
+                    default: c(() => [
+                      n(R, null, {
+                        default: c(() => [
+                          n(h(j))
+                        ]),
+                        _: 1
+                      }),
+                      t[2] || (t[2] = s("span", null, " 创建 ", -1))
+                    ]),
+                    _: 1,
+                    __: [2]
+                  }, 8, ["class", "plain"]),
+                  k.value ? (m(), N(B, {
+                    key: 0,
+                    "is-dot": d.value !== void 0,
+                    hidden: d.value === void 0
+                  }, {
+                    default: c(() => [
+                      n(y, {
+                        class: "create-btn",
+                        type: "info",
+                        plain: "",
+                        onClick: L
+                      }, {
+                        default: c(() => [
+                          n(R, null, {
+                            default: c(() => [
+                              n(h(G))
+                            ]),
+                            _: 1
+                          }),
+                          t[3] || (t[3] = s("span", null, " 应用数据 ", -1))
+                        ]),
+                        _: 1,
+                        __: [3]
+                      })
+                    ]),
+                    _: 1
+                  }, 8, ["is-dot", "hidden"])) : te("", !0)
+                ]),
+                n(g, { style: { margin: "10px 0" } }),
+                k.value ? te("", !0) : (m(), N(u, {
+                  key: 0,
+                  class: "not-data-text",
+                  type: "info"
+                }, {
+                  default: c(() => [
+                    t[5] || (t[5] = $(" 暂无自定义颜色， ")),
+                    n(_, {
+                      type: "primary",
+                      onClick: O
+                    }, {
+                      default: c(() => t[4] || (t[4] = [
+                        $("立即创建")
+                      ])),
+                      _: 1,
+                      __: [4]
+                    })
+                  ]),
+                  _: 1,
+                  __: [5]
+                })),
+                (m(!0), C(D, null, A(h(v), (I, le) => (m(), C("div", {
+                  class: "color-card-box",
+                  key: le
+                }, [
+                  n(x, {
+                    class: ee(["color-card", { selected: I.id === k.value }]),
+                    shadow: "hover",
+                    onClick: (K) => H(I)
+                  }, {
+                    default: c(() => [
+                      s("div", Ge, [
+                        n(u, {
+                          class: "color-name",
+                          truncated: ""
+                        }, {
+                          default: c(() => [
+                            $(oe(I.name), 1)
+                          ]),
+                          _: 2
+                        }, 1024),
+                        (m(!0), C(D, null, A(I.color, (K, ue) => (m(), C("span", {
+                          class: "theme-color-item",
+                          key: ue,
+                          style: M({ backgroundColor: K })
+                        }, null, 4))), 128))
+                      ]),
+                      s("div", {
+                        class: "theme-bottom",
+                        style: M({ backgroundImage: e(I) })
+                      }, null, 4)
+                    ]),
+                    _: 2
+                  }, 1032, ["class", "onClick"]),
+                  n(ie, {
+                    content: "删除自定义颜色",
+                    placement: "top"
+                  }, {
+                    default: c(() => [
+                      n(y, {
+                        text: "",
+                        disabled: I.id === W.value,
+                        onClick: (K) => X(le)
+                      }, {
+                        default: c(() => [
+                          n(R, {
+                            class: "go-ml-1 go-cursor-pointer",
+                            size: 16
+                          }, {
+                            default: c(() => [
+                              n(h(q))
+                            ]),
+                            _: 1
+                          })
+                        ]),
+                        _: 2
+                      }, 1032, ["disabled", "onClick"])
+                    ]),
+                    _: 2
+                  }, 1024)
+                ]))), 128))
+              ])
+            ])
+          ])
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+});
+const wo = /* @__PURE__ */ re(Xe, [["__scopeId", "data-v-ec07eabb"]]);
+export {
+  wo as default
+};
+//# sourceMappingURL=index-66f7ab2a.js.map