@hg2/dataview-core 2.0.0

package/dist/index-985f409d.js

@@ -0,0 +1,461 @@
+import { defineComponent as P, computed as A, reactive as ge, ref as b, watch as Q, resolveComponent as p, openBlock as i, createElementBlock as x, withDirectives as E, createVNode as r, withCtx as c, Fragment as N, renderList as $, unref as a, createBlock as O, createTextVNode as W, toDisplayString as z, vShow as R, createElementVNode as I, resolveDirective as he, useCssVars as X, onUnmounted as fe, normalizeClass as B, resolveDynamicComponent as D, createCommentVNode as Y } from "vue";
+import { C as ve } from "./index-3307e922.js";
+import { G as ye, J as Ce, _ as M, w as be, u as Z, y as Oe, m as ke, K as q, O as Se, Q as xe, R as Ie, p as j, U as we, V as Te, W as He, X as Ae, Y as Ee, Z as Le, o as F, j as S, r as T, $ as H, a0 as Ne } from "./index-237a6823.js";
+import "element-plus";
+import "screenfull";
+import "lodash/throttle";
+import "html2canvas";
+import "lodash/isObject";
+import "lodash/cloneDeep";
+import "crypto-js";
+import "vue3-lazyload";
+import "vue3-sketch-ruler";
+const $e = { class: "go-chart-common" }, Re = { class: "chart-content-list" }, Pe = /* @__PURE__ */ P({
+  __name: "index",
+  props: {
+    selectOptions: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  setup(f) {
+    const d = ye(() => import("./index-556d7d7c.js")), _ = f;
+    Ce();
+    const m = A(() => !0);
+    let e = ge({
+      // 侧边栏
+      menuOptions: [],
+      // 当前选择
+      selectOptions: {},
+      // 分类归档
+      categorys: {
+        all: []
+      },
+      categoryNames: {
+        all: "所有"
+      },
+      // 分类归档数量
+      categorysNum: 0,
+      // 存储不同类别组件进来的选中值
+      saveSelectOptions: {}
+    });
+    const v = b("all"), y = (n) => {
+      for (const l in n) {
+        e.selectOptions = n[l];
+        break;
+      }
+    };
+    Q(
+      () => {
+        var n;
+        return (n = _.selectOptions) == null ? void 0 : n.list;
+      },
+      (n) => {
+        var l;
+        if (e.categorysNum = 0, e.menuOptions = [], e.categorys = { all: [] }, e.categoryNames = { all: "所有" }, !!Array.isArray(n)) {
+          n.forEach((t) => {
+            const h = e.categorys[t.category];
+            e.categorys[t.category] = h && h.length ? [...h, t] : [t], e.categoryNames[t.category] = t.categoryName, e.categorys.all.push(t);
+          });
+          for (const t in e.categorys)
+            e.categorysNum += 1, e.menuOptions.push({
+              key: t,
+              label: e.categoryNames[t]
+            });
+          y(e.categorys), v.value = ((l = e.menuOptions[0]) == null ? void 0 : l.key) || "all";
+        }
+      },
+      {
+        immediate: !0,
+        deep: !0
+      }
+    );
+    const C = (n, l) => {
+      e.categorys[n.category].splice(l, 1), e.categorys.all.splice(l, 1);
+    }, k = (n) => {
+      e.selectOptions = e.categorys[n];
+    };
+    return (n, l) => {
+      const t = p("el-menu-item"), h = p("el-menu"), w = p("el-scrollbar");
+      return i(), x("div", $e, [
+        E(r(h, {
+          class: "chart-menu-width",
+          "default-active": v.value,
+          onSelect: k
+        }, {
+          default: c(() => [
+            (i(!0), x(N, null, $(a(e).menuOptions, (g) => (i(), O(t, {
+              key: g.key,
+              index: g.key
+            }, {
+              default: c(() => [
+                W(z(g.label), 1)
+              ]),
+              _: 2
+            }, 1032, ["index"]))), 128))
+          ]),
+          _: 1
+        }, 8, ["default-active"]), [
+          [R, m.value]
+        ]),
+        I("div", Re, [
+          r(w, null, {
+            default: c(() => [
+              r(a(d), {
+                menuOptions: a(e).selectOptions,
+                onDeletePhoto: C
+              }, null, 8, ["menuOptions"])
+            ]),
+            _: 1
+          })
+        ])
+      ]);
+    };
+  }
+});
+const Ve = /* @__PURE__ */ M(Pe, [["__scopeId", "data-v-7b532562"]]), ee = () => {
+  const f = be(), d = Z(), _ = A(() => f.getAppTheme), m = A(() => d.getCharts), e = d.setItem;
+  return {
+    themeColor: _,
+    setItem: e,
+    getCharts: m
+  };
+}, Be = {
+  class: "list-img",
+  alt: "图表图片"
+}, De = /* @__PURE__ */ P({
+  __name: "index",
+  props: {
+    chartConfig: {
+      type: Object,
+      required: !0
+    }
+  },
+  setup(f) {
+    const d = f, _ = b(""), m = async () => {
+      _.value = await Oe(d.chartConfig);
+    };
+    return Q(
+      () => d.chartConfig.key,
+      () => m(),
+      {
+        immediate: !0
+      }
+    ), (e, v) => {
+      const y = he("lazy");
+      return E((i(), x("img", Be, null, 512)), [
+        [y, _.value]
+      ]);
+    };
+  }
+}), Fe = { class: "go-chart-search-box" }, ze = { class: "search-list-box" }, Me = ["title", "onClick"], je = /* @__PURE__ */ P({
+  __name: "index",
+  props: {
+    menuOptions: {
+      type: Array,
+      default: () => []
+    }
+  },
+  setup(f) {
+    X((o) => ({
+      "117ded0c": a(e)
+    }));
+    const d = f, _ = ke(), m = Z(), { themeColor: e } = ee(), { SearchIcon: v, AlbumsIcon: y, GridIcon: C } = j.ionicons5, k = b(!1), n = b(!1), l = b(void 0), t = b(null), h = b([]), w = b(m.getChartType), g = [
+      { label: "单列", icon: y, value: q.SINGLE },
+      { label: "双列", icon: C, value: q.DOUBLE }
+    ], te = (o) => {
+      const s = [];
+      for (const L of o)
+        s.push(...L.list);
+      return s;
+    }, oe = A(() => te(d.menuOptions)), V = () => {
+      l.value = void 0, n.value = !1, t.value = null, h.value = [];
+    }, ne = (o) => {
+      if (!we(o) || !o.length) {
+        V();
+        return;
+      }
+      l.value = !0, n.value = !0, h.value = oe.value.filter(
+        (s) => !s.disabled && (!o || s.title.toLowerCase().includes(o.toLowerCase()))
+      ), setTimeout(() => {
+        l.value = void 0;
+      }, 500);
+    }, se = (o) => {
+      n.value && o.target && (o.target.closest(".go-chart-search") || V());
+    }, ae = async (o) => {
+      if (!o.disabled)
+        try {
+          Te(), He(o);
+          let s = await Ae(o);
+          o.redirectComponent && (o.dataset && (s.option.dataset = o.dataset), s.chartConfig.title = o.title, s.chartConfig.chartFrame = o.chartFrame), _.addComponentList(s, !1, !0), _.setTargetSelectChart(s.id), V(), Ee();
+        } catch (s) {
+          console.error("[hgdataview] create component failed", o, s), Le(), window.$message.warning("图表正在研发中, 敬请期待...");
+        }
+    }, U = (o) => {
+      k.value = o;
+    }, le = (o) => {
+      w.value = o, m.setItem(F.Chart_TYPE, o);
+    }, G = (o) => {
+      se(o);
+    };
+    return Se(document, "click", G), fe(() => {
+      xe(document, "click", G);
+    }), (o, s) => {
+      const L = p("el-icon"), ce = p("el-input"), re = p("el-empty"), ie = p("el-text"), ue = p("el-scrollbar"), pe = p("el-popover"), de = p("el-tooltip"), _e = p("el-button"), me = p("el-button-group");
+      return i(), x("div", Fe, [
+        I("div", {
+          class: B(["chart-search go-transition", { "chart-search-focus": k.value }])
+        }, [
+          r(pe, {
+            "popper-class": "chart-search-popover",
+            "show-arrow": !1,
+            visible: n.value,
+            teleported: !1,
+            trigger: "hover",
+            placement: "bottom-start"
+          }, {
+            reference: c(() => [
+              r(ce, {
+                size: "small",
+                placeholder: "搜索组件",
+                modelValue: t.value,
+                "onUpdate:modelValue": s[0] || (s[0] = (u) => t.value = u),
+                modelModifiers: { trim: !0 },
+                loading: l.value,
+                onFocus: s[1] || (s[1] = (u) => U(!0)),
+                onBlur: s[2] || (s[2] = (u) => U(!1)),
+                onInput: ne
+              }, {
+                suffix: c(() => [
+                  E(r(L, null, {
+                    default: c(() => [
+                      (i(), O(D(a(v))))
+                    ]),
+                    _: 1
+                  }, 512), [
+                    [R, !l.value]
+                  ])
+                ]),
+                _: 1
+              }, 8, ["modelValue", "loading"])
+            ]),
+            default: c(() => [
+              I("div", ze, [
+                r(ue, { "max-height": "500px" }, {
+                  default: c(() => [
+                    E(r(re, {
+                      "image-size": 60,
+                      description: "没有找到组件~"
+                    }, null, 512), [
+                      [R, !h.value.length]
+                    ]),
+                    (i(!0), x(N, null, $(h.value, (u) => (i(), x("div", {
+                      class: "list-item go-flex-items-center go-ellipsis-1",
+                      key: u.key,
+                      title: u.title,
+                      onClick: (K) => ae(u)
+                    }, [
+                      u.icon ? (i(), O(a(Ie), {
+                        key: 0,
+                        class: "list-img",
+                        icon: u.icon,
+                        color: "#999",
+                        width: "20"
+                      }, null, 8, ["icon"])) : (i(), O(a(De), {
+                        key: 1,
+                        class: "list-item-img",
+                        chartConfig: u
+                      }, null, 8, ["chartConfig"])),
+                      r(ie, {
+                        class: "list-item-fs",
+                        type: "info"
+                      }, {
+                        default: c(() => [
+                          W(z(u.title), 1)
+                        ]),
+                        _: 2
+                      }, 1024)
+                    ], 8, Me))), 128))
+                  ]),
+                  _: 1
+                }),
+                s[3] || (s[3] = I("div", { class: "popover-modal" }, null, -1))
+              ])
+            ]),
+            _: 1
+          }, 8, ["visible"])
+        ], 2),
+        r(me, {
+          class: B(["btn-group go-transition", { "btn-group-focus": k.value }]),
+          style: { display: "flex" }
+        }, {
+          default: c(() => [
+            (i(), x(N, null, $(g, (u, K) => r(_e, {
+              size: "small",
+              key: K,
+              type: w.value === u.value ? "primary" : "info",
+              plain: w.value !== u.value,
+              onClick: (st) => le(u.value)
+            }, {
+              default: c(() => [
+                r(de, {
+                  "show-arrow": !1,
+                  content: u.label,
+                  placement: "top"
+                }, {
+                  default: c(() => [
+                    r(L, { size: 14 }, {
+                      default: c(() => [
+                        (i(), O(D(u.icon)))
+                      ]),
+                      _: 2
+                    }, 1024)
+                  ]),
+                  _: 2
+                }, 1032, ["content"])
+              ]),
+              _: 2
+            }, 1032, ["type", "plain", "onClick"])), 64))
+          ]),
+          _: 1
+        }, 8, ["class"])
+      ]);
+    };
+  }
+});
+const Ue = /* @__PURE__ */ M(je, [["__scopeId", "data-v-3ac24025"]]), { AirPlaneOutlineIcon: Ge, ImageIcon: Ke, BarChartIcon: Ye } = j.ionicons5, { TableSplitIcon: qe, RoadmapIcon: Je, ChartPieIcon: Qe, SpellCheckIcon: We, GraphicalDataFlowIcon: Xe } = j.carbon, J = {
+  [S.CHARTS]: {
+    icon: T(Je),
+    label: H.CHARTS
+  },
+  [S.VCHART]: {
+    icon: T(Qe),
+    label: H.VCHART
+  },
+  [S.INFORMATIONS]: {
+    icon: T(We),
+    label: H.INFORMATIONS
+  },
+  [S.TABLES]: {
+    icon: T(qe),
+    label: H.TABLES
+  },
+  [S.DECORATES]: {
+    icon: T(Xe),
+    label: H.DECORATES
+  },
+  [S.PHOTOS]: {
+    icon: T(Ke),
+    label: H.PHOTOS
+  },
+  [S.ICONS]: {
+    icon: T(Ge),
+    label: H.ICONS
+  }
+}, Ze = () => {
+  var l;
+  const f = Ne(), { themeColor: d, setItem: _, getCharts: m } = ee(), e = A(() => Object.keys(f.getPackagesList).map((t) => ({
+    key: t,
+    // @ts-ignore
+    icon: J[t].icon,
+    // @ts-ignore
+    label: J[t].label,
+    // @ts-ignore
+    list: f.getPackagesList[t]
+  }))), v = ((l = e.value[0]) == null ? void 0 : l.key) || S.CHARTS, y = b(v), C = b(v), k = A(() => e.value.find((t) => t.key === C.value) || e.value[0]);
+  return {
+    getCharts: m,
+    BarChartIcon: Ye,
+    themeColor: d,
+    selectOptions: k,
+    selectValue: C,
+    clickItemHandle: (t) => {
+      C.value = t, y.value === t ? _(F.CHARTS, !m.value, !1) : _(F.CHARTS, !0, !1), y.value = t;
+    },
+    menuOptions: e
+  };
+}, et = { class: "menu-width-box" }, tt = { class: "menu-component-box" }, ot = /* @__PURE__ */ P({
+  __name: "index",
+  setup(f) {
+    X((k) => ({
+      "92f94cf2": a(m)
+    }));
+    const { getCharts: d, BarChartIcon: _, themeColor: m, selectOptions: e, selectValue: v, clickItemHandle: y, menuOptions: C } = Ze();
+    return (k, n) => {
+      const l = p("el-icon"), t = p("el-menu-item"), h = p("el-menu"), w = p("go-skeleton");
+      return i(), O(a(ve), {
+        class: B(["go-content-charts", { scoped: !a(d) }]),
+        title: "组件",
+        depth: 1,
+        backIcon: !1
+      }, {
+        icon: c(() => [
+          r(l, { size: 14 }, {
+            default: c(() => [
+              r(a(_))
+            ]),
+            _: 1
+          })
+        ]),
+        "top-right": c(() => [
+          E(r(a(Ue), { menuOptions: a(C) }, null, 8, ["menuOptions"]), [
+            [R, a(d)]
+          ])
+        ]),
+        default: c(() => [
+          I("aside", null, [
+            I("div", et, [
+              r(h, {
+                class: "menu-width",
+                "default-active": a(v),
+                onSelect: n[0] || (n[0] = (g) => a(y)(g))
+              }, {
+                default: c(() => [
+                  (i(!0), x(N, null, $(a(C), (g) => (i(), O(t, {
+                    key: g.key,
+                    index: g.key
+                  }, {
+                    default: c(() => [
+                      g.icon ? (i(), O(l, { key: 0 }, {
+                        default: c(() => [
+                          (i(), O(D(g.icon)))
+                        ]),
+                        _: 2
+                      }, 1024)) : Y("", !0),
+                      I("span", null, z(g.label), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["index"]))), 128))
+                ]),
+                _: 1
+              }, 8, ["default-active"]),
+              I("div", tt, [
+                r(w, {
+                  load: !a(e),
+                  round: "",
+                  text: "",
+                  repeat: 2,
+                  style: { width: "90%" }
+                }, null, 8, ["load"]),
+                a(e) ? (i(), O(a(Ve), {
+                  selectOptions: a(e),
+                  key: a(v)
+                }, null, 8, ["selectOptions"])) : Y("", !0)
+              ])
+            ])
+          ])
+        ]),
+        _: 1
+      }, 8, ["class"]);
+    };
+  }
+});
+const nt = /* @__PURE__ */ M(ot, [["__scopeId", "data-v-4feb90b3"]]), ft = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: nt
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  De as _,
+  ft as i
+};
+//# sourceMappingURL=index-985f409d.js.map

package/dist/index-985f409d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-985f409d.js","sources":["../src/views/chart/ContentCharts/components/ChartsOptionContent/index.vue","../src/views/chart/ContentCharts/hooks/useLayout.hook.ts","../src/components/Pages/ChartGlobImage/index.vue","../src/views/chart/ContentCharts/components/ChartsSearch/index.vue","../src/views/chart/ContentCharts/hooks/useAside.hook.ts","../src/views/chart/ContentCharts/index.vue"],"sourcesContent":["<template>\n  <!-- 侧边栏和数据分发处理 -->\n  <div class=\"go-chart-common\">\n    <el-menu v-show=\"hidePackageOneCategory\" class=\"chart-menu-width\" :default-active=\"selectValue\"\n      @select=\"clickItemHandle\">\n      <el-menu-item v-for=\"item in packages.menuOptions\" :key=\"item.key\" :index=\"item.key\">\n        {{ item.label }}\n      </el-menu-item>\n    </el-menu>\n    <div class=\"chart-content-list\">\n      <el-scrollbar>\n        <charts-item-box :menuOptions=\"packages.selectOptions\" @deletePhoto=\"deleteHandle\"></charts-item-box>\n      </el-scrollbar>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, watch, computed, reactive } from 'vue'\nimport { ConfigType } from '@core/packages/index.d'\nimport { useSettingStore } from '@core/store/modules/settingStore/settingStore'\nimport { loadAsyncComponent } from '@core/utils'\n\nconst ChartsItemBox = loadAsyncComponent(() => import('../ChartsItemBox/index.vue'))\n\nconst props = defineProps({\n  selectOptions: {\n    type: Object,\n    default: () => ({})\n  }\n})\n\n// 隐藏设置\nconst settingStore = useSettingStore()\n\nconst hidePackageOneCategory = computed(() => {\n  // 始终显示子分类菜单，不管有多少个分类\n  return true\n})\n\nlet packages = reactive<{\n  [T: string]: any\n}>({\n  // 侧边栏\n  menuOptions: [],\n  // 当前选择\n  selectOptions: {},\n  // 分类归档\n  categorys: {\n    all: []\n  },\n  categoryNames: {\n    all: '所有'\n  },\n  // 分类归档数量\n  categorysNum: 0,\n  // 存储不同类别组件进来的选中值\n  saveSelectOptions: {}\n})\n\nconst selectValue = ref<string>('all')\n\n// 设置初始列表\nconst setSelectOptions = (categorys: any) => {\n  for (const val in categorys) {\n    packages.selectOptions = categorys[val]\n    break\n  }\n}\n\n/**\n * 关键修复：\n * - 之前 watch 的是 `props.selectOptions`（对象引用不变时不会触发）\n * - 当运行时注册“自定义组件”时，会 push 到 `selectOptions.list` 数组\n * - 但 `selectOptions` 对象引用不变，导致这里不会重新分组，从而左侧列表看不到新组件\n *\n * 现在改为 watch `selectOptions.list`（deep），只要 list 内容变化就会重新生成分类列表。\n */\nwatch(\n  () => (props.selectOptions as any)?.list as ConfigType[] | undefined,\n  (list) => {\n    packages.categorysNum = 0\n    packages.menuOptions = []\n    packages.categorys = { all: [] }\n    packages.categoryNames = { all: '所有' }\n\n    if (!Array.isArray(list)) return\n\n    list.forEach((e: ConfigType) => {\n      const value: ConfigType[] = (packages.categorys as any)[e.category]\n      packages.categorys[e.category] = value && value.length ? [...value, e] : [e]\n      packages.categoryNames[e.category] = e.categoryName\n      packages.categorys['all'].push(e)\n    })\n\n    for (const val in packages.categorys) {\n      packages.categorysNum += 1\n      packages.menuOptions.push({\n        key: val,\n        label: packages.categoryNames[val]\n      })\n    }\n\n    setSelectOptions(packages.categorys)\n\n    // 默认选中处理\n    selectValue.value = packages.menuOptions[0]?.key || 'all'\n  },\n  {\n    immediate: true,\n    deep: true\n  }\n)\n\n// 删除图片\nconst deleteHandle = (item: ConfigType, index: number) => {\n  packages.categorys[item.category].splice(index, 1)\n  packages.categorys['all'].splice(index, 1)\n}\n\n// 处理点击事件\nconst clickItemHandle = (key: string) => {\n  packages.selectOptions = packages.categorys[key]\n}\n</script>\n\n<style lang=\"scss\" scoped>\n/* 此高度与 ContentBox 组件关联*/\n$topHeight: 40px;\n$menuWidth: 65px;\n\n@include go('chart-common') {\n  display: flex;\n  height: calc(100vh - #{$--header-height} - #{$topHeight});\n  width: 100%;\n\n  .chart-menu-width {\n    width: $menuWidth;\n    flex-shrink: 0;\n    border-right: none;\n    @include fetch-bg-color('background-color2-shallow');\n  }\n\n  .chart-content-list {\n    flex: 1;\n    min-width: 0;\n    overflow: hidden;\n  }\n\n  @include deep() {\n    .el-menu {\n      border-right: none;\n      background-color: transparent;\n    }\n\n    .el-menu-item {\n      height: 30px;\n      line-height: 30px;\n      text-align: center;\n      padding: 0px 14px !important;\n      font-size: 12px !important;\n\n      &.is-active {\n        background-color: transparent;\n      }\n    }\n  }\n}\n</style>\n","import { computed } from 'vue'\n\n// 布局\nimport { useChartLayoutStore } from '@core/store/modules/chartLayoutStore/chartLayoutStore'\n// 样式\nimport { useDesignStore } from '@core/store/modules/designStore/designStore'\n\nexport const useLayout = () => {\n  const designStore = useDesignStore()\n  const chartLayoutStore = useChartLayoutStore()\n\n  const themeColor = computed(() => designStore.getAppTheme)\n  const getCharts = computed(() => chartLayoutStore.getCharts)\n\n  const setItem = chartLayoutStore.setItem\n\n  return {\n    themeColor,\n    setItem,\n    getCharts\n  }\n}","<template>\n  <img class=\"list-img\" v-lazy=\"imageInfo\" alt=\"图表图片\" />\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, PropType, watch } from 'vue'\nimport { fetchImages } from '@core/packages/registry'\nimport { ConfigType } from '@core/packages/index.d'\n\nconst props = defineProps({\n  chartConfig: {\n    type: Object as PropType<ConfigType>,\n    required: true\n  }\n})\n\nconst imageInfo = ref('')\n\n// 获取图片\nconst fetchImageUrl = async () => {\n  imageInfo.value = await fetchImages(props.chartConfig)\n}\n\nwatch(\n  () => props.chartConfig.key,\n  () => fetchImageUrl(),\n  {\n    immediate: true\n  }\n)\n</script>\n","<template>\n  <div class=\"go-chart-search-box\">\n    <div class=\"chart-search go-transition\" :class=\"{ 'chart-search-focus': isFocus }\">\n      <el-popover popper-class=\"chart-search-popover\" :show-arrow=\"false\" :visible=\"showPopover\" :teleported=\"false\"\n        trigger=\"hover\" placement=\"bottom-start\">\n        <template #reference>\n          <el-input size=\"small\" placeholder=\"搜索组件\" v-model.trim=\"search\" :loading=\"loading\" @focus=\"focusHandle(true)\"\n            @blur=\"focusHandle(false)\" @input=\"searchHandle\">\n            <template #suffix>\n              <el-icon v-show=\"!loading\">\n                <component :is=\"SearchIcon\" />\n              </el-icon>\n            </template>\n          </el-input>\n        </template>\n\n        <div class=\"search-list-box\">\n          <el-scrollbar max-height=\"500px\">\n            <el-empty v-show=\"!searchRes.length\" :image-size=\"60\" description=\"没有找到组件~\"></el-empty>\n            <div class=\"list-item go-flex-items-center go-ellipsis-1\" v-for=\"item in searchRes\" :key=\"item.key\"\n              :title=\"item.title\" @click=\"selectChartHandle(item)\">\n              <GoIconify v-if=\"item.icon\" class=\"list-img\" :icon=\"item.icon\" color=\"#999\" width=\"20\" />\n              <chart-glob-image v-else class=\"list-item-img\" :chartConfig=\"item\" />\n              <el-text class=\"list-item-fs\" type=\"info\">{{ item.title }}</el-text>\n            </div>\n          </el-scrollbar>\n          <div class=\"popover-modal\"></div>\n        </div>\n      </el-popover>\n    </div>\n    <el-button-group class=\"btn-group go-transition\" :class=\"{ 'btn-group-focus': isFocus }\" style=\"display: flex\">\n      <el-button size=\"small\" :key=\"index\" :type=\"chartMode === item.value ? 'primary' : 'info'\"\n        :plain=\"chartMode !== item.value\" v-for=\"(item, index) in chartModeList\"\n        @click=\"changeChartModeType(item.value)\">\n        <el-tooltip :show-arrow=\"false\" :content=\"item.label\" placement=\"top\">\n          <el-icon :size=\"14\">\n            <component :is=\"item.icon\" />\n          </el-icon>\n        </el-tooltip>\n      </el-button>\n    </el-button-group>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, ref, onUnmounted } from 'vue'\nimport { icon } from '@core/plugins'\nimport { createComponent, ensureRegisteredComponent } from '@core/packages/registry'\nimport { ConfigType, CreateComponentType } from '@core/packages/index.d'\nimport { useLayout } from '../../hooks/useLayout.hook'\nimport { useChartEditStore } from '@core/store/modules/chartEditStore/chartEditStore'\nimport { ChartModeEnum, ChartLayoutStoreEnum } from '@core/store/modules/chartLayoutStore/chartLayoutStore.d'\nimport { useChartLayoutStore } from '@core/store/modules/chartLayoutStore/chartLayoutStore'\nimport { isString, addEventListener, removeEventListener } from '@core/utils'\nimport { loadingStart, loadingFinish, loadingError } from '@core/utils'\nimport { ChartGlobImage } from '@core/components/Pages/ChartGlobImage'\nimport { GoIconify } from '@core/components/GoIconify'\n\nconst props = defineProps({\n  menuOptions: {\n    type: Array,\n    default: () => []\n  }\n})\n\nconst chartEditStore = useChartEditStore()\nconst chartLayoutStore = useChartLayoutStore()\nconst { themeColor } = useLayout()\nconst { SearchIcon, AlbumsIcon, GridIcon } = icon.ionicons5\nconst isFocus = ref<boolean>(false)\nconst showPopover = ref<boolean>(false)\nconst loading = ref<boolean | undefined>(undefined)\nconst search = ref<string | null>(null)\nconst searchRes = ref<ConfigType[]>([])\nconst chartMode = ref<ChartModeEnum>(chartLayoutStore.getChartType)\n\nconst chartModeList = [\n  { label: '单列', icon: AlbumsIcon, value: ChartModeEnum.SINGLE },\n  { label: '双列', icon: GridIcon, value: ChartModeEnum.DOUBLE }\n]\n\n// 组件数组提取\nconst listFormatHandle = (options: any[]) => {\n  const arr = []\n  for (const item of options) {\n    arr.push(...item.list)\n  }\n  return arr\n}\n\n// 组件列表\nconst List = computed(() => listFormatHandle(props.menuOptions as unknown as ConfigType[]))\n\n// 关闭处理\nconst closeHandle = () => {\n  loading.value = undefined\n  showPopover.value = false\n  search.value = null\n  searchRes.value = []\n}\n\n// 搜索处理\nconst searchHandle = (key: string | null) => {\n  if (!isString(key) || !key.length) {\n    closeHandle()\n    return\n  }\n  loading.value = true\n  showPopover.value = true\n  searchRes.value = List.value.filter(\n    (e: ConfigType) => !e.disabled && (!key || e.title.toLowerCase().includes(key.toLowerCase()))\n  )\n  setTimeout(() => {\n    loading.value = undefined\n  }, 500)\n}\n\n// 关闭处理\nconst listenerCloseHandle = (e: Event) => {\n  if (!showPopover.value) return\n  if (!e.target) return\n  if (!(e.target as any).closest('.go-chart-search')) {\n    closeHandle()\n  }\n}\n\n// 选择处理\nconst selectChartHandle = async (item: ConfigType) => {\n  if (item.disabled) return\n  try {\n    loadingStart()\n    ensureRegisteredComponent(item)\n    // 创建新图表组件\n    let newComponent: CreateComponentType = await createComponent(item)\n    if (item.redirectComponent) {\n      item.dataset && (newComponent.option.dataset = item.dataset)\n      newComponent.chartConfig.title = item.title\n      newComponent.chartConfig.chartFrame = item.chartFrame\n    }\n    // 添加\n    chartEditStore.addComponentList(newComponent, false, true)\n    // 选中\n    chartEditStore.setTargetSelectChart(newComponent.id)\n    // 清空搜索\n    closeHandle()\n    loadingFinish()\n  } catch (error) {\n    console.error('[hgdataview] create component failed', item, error)\n    loadingError()\n    window['$message'].warning(`图表正在研发中, 敬请期待...`)\n  }\n}\n\n// 聚焦设置\nconst focusHandle = (value: boolean) => {\n  isFocus.value = value\n}\n\n// 修改图表展示方式\nconst changeChartModeType = (value: ChartModeEnum) => {\n  chartMode.value = value\n  chartLayoutStore.setItem(ChartLayoutStoreEnum.Chart_TYPE, value)\n}\n\nconst documentClickHandler = (e: Event) => {\n  listenerCloseHandle(e)\n}\n\naddEventListener(document, 'click', documentClickHandler)\n\nonUnmounted(() => {\n  removeEventListener(document, 'click', documentClickHandler)\n})\n</script>\n\n<style lang=\"scss\" scoped>\n$width: 98px;\n$searchWidth: 176px;\n\n@include go('chart-search-box') {\n  display: flex;\n\n  .chart-search {\n    width: $width;\n    margin-right: 10px;\n\n    &.chart-search-focus {\n      width: $searchWidth;\n\n      &.chart-search {\n        margin-right: 0;\n      }\n    }\n\n    @include deep() {\n      .chart-search-popover {\n        padding-left: 5px;\n        padding-right: 8px;\n      }\n    }\n\n    .chart-search-popover {\n      .search-list-box {\n        width: 163px;\n\n        .list-item {\n          z-index: 2;\n          position: relative;\n          cursor: pointer;\n          padding: 2px;\n          padding-left: 6px;\n          margin-bottom: 5px;\n\n          &-fs {\n            font-size: 12px;\n          }\n\n          &-img {\n            height: 20px;\n            max-width: 30px;\n            margin-right: 5px;\n            border-radius: 5px;\n          }\n\n          &>svg {\n            min-width: 20px;\n            min-height: 20px;\n            margin-right: 5px;\n          }\n\n          &:hover {\n            &::before {\n              content: '';\n              position: absolute;\n              width: 3px;\n              height: 100%;\n              left: 0;\n              top: 0;\n              border-radius: 2px;\n              background-color: v-bind('themeColor');\n            }\n\n            &::after {\n              z-index: -1;\n              content: '';\n              position: absolute;\n              width: 100%;\n              height: 100%;\n              opacity: 0.1;\n              left: 0;\n              top: 0;\n              border-radius: 5px;\n              background-color: v-bind('themeColor');\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .btn-group {\n    width: 68px;\n    overflow: hidden;\n\n    &.btn-group-focus {\n      width: 0px;\n    }\n  }\n}\n</style>\n","import { computed, ref } from 'vue'\nimport { icon } from '@core/plugins'\nimport { renderLang, renderIcon } from '@core/utils'\nimport { useLayout } from './useLayout.hook'\nimport { PackagesCategoryEnum, PackagesCategoryName, ConfigType } from '@core/packages/index.d'\nimport { usePackagesStore } from '@core/store/modules/packagesStore/packagesStore'\nimport { ChartLayoutStoreEnum } from '@core/store/modules/chartLayoutStore/chartLayoutStore.d'\n// 图标\nconst { AirPlaneOutlineIcon, ImageIcon, BarChartIcon } = icon.ionicons5\nconst { TableSplitIcon, RoadmapIcon, ChartPieIcon, SpellCheckIcon, GraphicalDataFlowIcon } = icon.carbon\n\n// 图表\nexport type MenuOptionsType = {\n  key: string\n  icon: ReturnType<typeof renderIcon>\n  label: ReturnType<typeof renderLang>\n  list: ConfigType[]\n}\n\nconst packagesListObj = {\n  [PackagesCategoryEnum.CHARTS]: {\n    icon: renderIcon(RoadmapIcon),\n    label: PackagesCategoryName.CHARTS\n  },\n  [PackagesCategoryEnum.VCHART]: {\n    icon: renderIcon(ChartPieIcon),\n    label: PackagesCategoryName.VCHART\n  },\n  [PackagesCategoryEnum.INFORMATIONS]: {\n    icon: renderIcon(SpellCheckIcon),\n    label: PackagesCategoryName.INFORMATIONS\n  },\n  [PackagesCategoryEnum.TABLES]: {\n    icon: renderIcon(TableSplitIcon),\n    label: PackagesCategoryName.TABLES\n  },\n  [PackagesCategoryEnum.DECORATES]: {\n    icon: renderIcon(GraphicalDataFlowIcon),\n    label: PackagesCategoryName.DECORATES\n  },\n  [PackagesCategoryEnum.PHOTOS]: {\n    icon: renderIcon(ImageIcon),\n    label: PackagesCategoryName.PHOTOS\n  },\n  [PackagesCategoryEnum.ICONS]: {\n    icon: renderIcon(AirPlaneOutlineIcon),\n    label: PackagesCategoryName.ICONS\n  }\n}\n\nexport const useAsideHook = () => {\n  const packagesStore = usePackagesStore()\n  const { themeColor, setItem, getCharts } = useLayout()\n  const menuOptions = computed<MenuOptionsType[]>(() => {\n    return Object.keys(packagesStore.getPackagesList).map(val => ({\n      key: val,\n      // @ts-ignore\n      icon: packagesListObj[val].icon,\n      // @ts-ignore\n      label: packagesListObj[val].label,\n      // @ts-ignore\n      list: packagesStore.getPackagesList[val]\n    }))\n  })\n\n  // 记录选中值 - 使用 ref 确保响应式\n  const defaultKey = menuOptions.value[0]?.key || PackagesCategoryEnum.CHARTS\n  const beforeSelect = ref<string>(defaultKey)\n  const selectValue = ref<string>(defaultKey)\n\n  // 选中的对象值\n  const selectOptions = computed(() => menuOptions.value.find(item => item.key === selectValue.value) || menuOptions.value[0])\n\n  // 点击 item\n  const clickItemHandle = (key: string) => {\n    selectValue.value = key\n    // 处理折叠\n    if (beforeSelect.value === key) {\n      setItem(ChartLayoutStoreEnum.CHARTS, !getCharts.value, false)\n    } else {\n      setItem(ChartLayoutStoreEnum.CHARTS, true, false)\n    }\n    beforeSelect.value = key\n  }\n\n  return {\n    getCharts,\n    BarChartIcon,\n    themeColor,\n    selectOptions,\n    selectValue,\n    clickItemHandle,\n    menuOptions\n  }\n}\n","<template>\n  <!-- 左侧所有组件的展示列表 -->\n  <content-box class=\"go-content-charts\" :class=\"{ scoped: !getCharts }\" title=\"组件\" :depth=\"1\" :backIcon=\"false\">\n    <template #icon>\r\n      <el-icon :size=\"14\">\r\n        <bar-chart-icon></bar-chart-icon>\r\n      </el-icon>\r\n    </template>\r\n\n    <template #top-right>\n      <charts-search v-show=\"getCharts\" :menuOptions=\"menuOptions\"></charts-search>\n    </template>\n    <!-- 图表 -->\n    <aside>\n      <div class=\"menu-width-box\">\n        <el-menu\n          class=\"menu-width\"\n          :default-active=\"selectValue\"\n          @select=\"(key: string) => clickItemHandle(key)\"\n        >\n          <el-menu-item\n            v-for=\"item in menuOptions\"\n            :key=\"item.key\"\n            :index=\"item.key\"\n          >\n            <el-icon v-if=\"item.icon\">\r\n              <component :is=\"item.icon\" />\r\n            </el-icon>\r\n            <span>{{ item.label }}</span>\r\n          </el-menu-item>\r\n        </el-menu>\n        <div class=\"menu-component-box\">\n          <go-skeleton :load=\"!selectOptions\" round text :repeat=\"2\" style=\"width: 90%\"></go-skeleton>\n          <charts-option-content\n            v-if=\"selectOptions\"\n            :selectOptions=\"selectOptions\"\n            :key=\"selectValue\"\n          ></charts-option-content>\n        </div>\n      </div>\n    </aside>\r\n  </content-box>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ContentBox } from '../ContentBox/index'\nimport { ChartsOptionContent } from './components/ChartsOptionContent'\nimport { ChartsSearch } from './components/ChartsSearch'\nimport { useAsideHook } from './hooks/useAside.hook'\n\nconst { getCharts, BarChartIcon, themeColor, selectOptions, selectValue, clickItemHandle, menuOptions } = useAsideHook()\n</script>\n\r\n<style lang=\"scss\" scoped>\r\n/* 整体宽度 */\r\n$width: 330px;\r\n/* 列表的宽度 */\r\n$widthScoped: 65px;\r\n/* 此高度与 ContentBox 组件关联 */\r\n$topHeight: 40px;\r\n\r\n@include go(content-charts) {\r\n  width: $width;\r\n  @extend .go-transition;\r\n  &.scoped,\r\n  .menu-width {\r\n    width: $widthScoped;\r\n  }\r\n  .menu-width-box {\r\n    display: flex;\r\n    height: calc(100vh - #{$--header-height} - #{$topHeight});\r\n    .menu-width {\r\n      flex-shrink: 0;\r\n      @include fetch-bg-color('background-color2');\r\n    }\r\n    .menu-component-box {\n      flex-shrink: 0;\n      width: $width - $widthScoped;\n      overflow: hidden;\n    }\n  }\n  @include deep() {\r\n    .menu-width {\r\n      border-right: none;\r\n      background-color: transparent;\r\n      .el-menu-item {\r\n        height: auto !important;\r\n        display: flex;\r\n        flex-direction: column;\r\n        padding: 6px 12px !important;\r\n        font-size: 14px !important;\r\n        &.is-active {\r\n          background-color: transparent;\r\n          &::after {\r\n            content: '';\r\n            position: absolute;\r\n            left: 2px;\r\n            top: 0;\r\n            height: 100%;\r\n            width: 3px;\r\n            background-color: v-bind('themeColor');\r\n            border-top-right-radius: 3px;\r\n            border-bottom-right-radius: 3px;\r\n          }\r\n        }\r\n        .el-icon {\r\n          font-size: 18px !important;\r\n          margin-right: 0 !important;\r\n          margin-bottom: 4px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\r\n"],"names":["ChartsItemBox","loadAsyncComponent","props","__props","useSettingStore","hidePackageOneCategory","computed","packages","reactive","selectValue","ref","setSelectOptions","categorys","val","watch","_a","list","e","value","deleteHandle","item","index","clickItemHandle","key","_openBlock","_createElementBlock","_hoisted_1","_createVNode","_component_el_menu","_Fragment","_renderList","_unref","_createBlock","_component_el_menu_item","_createTextVNode","_toDisplayString","_createElementVNode","_hoisted_2","_component_el_scrollbar","useLayout","designStore","useDesignStore","chartLayoutStore","useChartLayoutStore","themeColor","getCharts","setItem","imageInfo","fetchImageUrl","fetchImages","_withDirectives","chartEditStore","useChartEditStore","SearchIcon","AlbumsIcon","GridIcon","icon","isFocus","showPopover","loading","search","searchRes","chartMode","chartModeList","ChartModeEnum","listFormatHandle","options","arr","List","closeHandle","searchHandle","isString","listenerCloseHandle","selectChartHandle","loadingStart","ensureRegisteredComponent","newComponent","createComponent","loadingFinish","error","loadingError","focusHandle","changeChartModeType","ChartLayoutStoreEnum","documentClickHandler","addEventListener","onUnmounted","removeEventListener","_normalizeClass","_component_el_popover","_component_el_input","$event","_component_el_icon","_resolveDynamicComponent","_component_el_empty","_vShow","GoIconify","ChartGlobImage","_component_el_text","_component_el_button_group","_component_el_button","_component_el_tooltip","AirPlaneOutlineIcon","ImageIcon","BarChartIcon","TableSplitIcon","RoadmapIcon","ChartPieIcon","SpellCheckIcon","GraphicalDataFlowIcon","packagesListObj","PackagesCategoryEnum","renderIcon","PackagesCategoryName","useAsideHook","packagesStore","usePackagesStore","menuOptions","defaultKey","beforeSelect","selectOptions","ContentBox","ChartsSearch","_cache","_component_go_skeleton","ChartsOptionContent"],"mappings":"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"}