@hg2/dataview-core 2.0.0

package/dist/index-b2e0e39b.js

@@ -0,0 +1,215 @@
+import { defineComponent as x, ref as d, watch as y, resolveComponent as s, openBlock as u, createElementBlock as g, createBlock as b, withCtx as m, createVNode as i, createCommentVNode as v } from "vue";
+import { CanvasRenderer as C } from "echarts/renderers";
+import { BarChart as w, LineChart as A } from "echarts/charts";
+import { graphic as $, use as k } from "echarts/core";
+import { DatasetComponent as L, GridComponent as B, TooltipComponent as H, LegendComponent as T } from "echarts/components";
+import R from "lodash/merge";
+import S from "lodash/pick";
+import { aY as G, _ as I } from "./index-237a6823.js";
+import "vue3-lazyload";
+import "vue3-sketch-ruler";
+import "element-plus";
+import "screenfull";
+import "lodash/throttle";
+import "html2canvas";
+import "lodash/isObject";
+import "lodash/cloneDeep";
+import "crypto-js";
+import "pinia";
+import "vue-i18n";
+import "vue-demi";
+import "lodash/debounce";
+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 O = (e, o, t) => e = R({}, S(o, t), e), h = (e, o = []) => (e.backgroundColor = "rgba(0,0,0,0)", O(e, G, o)), P = ["legend", "xAxis", "yAxis", "grid"], z = (e) => {
+  const o = (r, a) => parseInt(`${r * Math.random()}`, 10) * 2, t = [260, 251, 200, 334, 366, 256, 253];
+  return e.map((r, a) => ({
+    name: `data${a + 1}`,
+    type: "bar",
+    data: t.map((n, p) => o(n))
+  }));
+}, M = (e) => h(
+  {
+    tooltip: {
+      trigger: "axis",
+      showContent: !1,
+      axisPointer: {
+        type: "shadow"
+      }
+    },
+    grid: {
+      left: "3%",
+      right: "4%",
+      bottom: "3%",
+      containLabel: !0
+    },
+    xAxis: {
+      type: "category",
+      data: e.map((o, t) => `data${t + 1}`),
+      axisTick: {
+        alignWithLabel: !0
+      }
+    },
+    yAxis: {
+      show: !0,
+      type: "value"
+    },
+    series: z(e || [])
+  },
+  P
+), N = ["legend", "xAxis", "yAxis", "grid"], V = (e) => {
+  const o = (r, a) => parseInt(`${r * Math.random()}`, 10) * 2, t = [130, 251, 200, 334, 366, 456, 223];
+  return e.map((r, a) => ({
+    name: `data${a + 1}`,
+    type: "line",
+    smooth: !0,
+    lineStyle: {
+      width: 1,
+      type: "solid"
+    },
+    emphasis: {
+      focus: "series"
+    },
+    areaStyle: {
+      opacity: 0.8,
+      color: new $.LinearGradient(0, 0, 0, 1, [
+        {
+          offset: 1,
+          color: r
+        },
+        {
+          offset: 0,
+          color: r
+        }
+      ])
+    },
+    showSymbol: !1,
+    data: t.reverse().map((n, p) => o(n))
+  }));
+}, W = (e) => h(
+  {
+    tooltip: {
+      trigger: "axis",
+      showContent: !1,
+      axisPointer: {
+        type: "shadow"
+      }
+    },
+    grid: {
+      left: "3%",
+      right: "4%",
+      bottom: "3%",
+      containLabel: !0
+    },
+    xAxis: {
+      type: "category",
+      boundaryGap: !1,
+      data: e.map((o, t) => `data${t + 1}`),
+      axisTick: {
+        alignWithLabel: !0
+      }
+    },
+    yAxis: {
+      show: !0,
+      type: "value"
+    },
+    series: V(e || [])
+  },
+  N
+), q = { class: "chart-container" }, E = /* @__PURE__ */ x({
+  name: "CreateColorRenderChart",
+  __name: "index",
+  props: {
+    color: {
+      type: Array,
+      required: !0
+    }
+  },
+  setup(e) {
+    const o = e;
+    k([L, C, w, A, B, H, T]);
+    const t = d(), r = d(), a = {
+      width: "528px",
+      height: "200px"
+    };
+    return y(
+      () => o.color,
+      (n) => {
+        t.value = M(n), r.value = W(n);
+      },
+      {
+        immediate: !0,
+        deep: !0
+      }
+    ), (n, p) => {
+      const l = s("v-chart"), c = s("el-tab-pane"), _ = s("el-tabs"), f = s("el-card");
+      return u(), g("div", q, [
+        t.value ? (u(), b(f, {
+          key: 0,
+          class: "go-mt-3",
+          shadow: "never",
+          role: "dialog",
+          "aria-modal": "true"
+        }, {
+          default: m(() => [
+            i(_, {
+              type: "border-card",
+              class: "small-tabs"
+            }, {
+              default: m(() => [
+                i(c, {
+                  label: "柱状图",
+                  name: "柱状图"
+                }, {
+                  default: m(() => [
+                    i(l, {
+                      ref: "vChartRefBar",
+                      theme: { color: e.color },
+                      option: t.value,
+                      "manual-update": !0,
+                      autoresize: "",
+                      style: a
+                    }, null, 8, ["theme", "option"])
+                  ]),
+                  _: 1
+                }),
+                i(c, {
+                  label: "折线图",
+                  name: "折线图"
+                }, {
+                  default: m(() => [
+                    i(l, {
+                      ref: "vChartRefLine",
+                      theme: { color: e.color },
+                      option: r.value,
+                      "manual-update": !0,
+                      autoresize: "",
+                      style: a
+                    }, null, 8, ["theme", "option"])
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })) : v("", !0)
+      ]);
+    };
+  }
+});
+const Ce = /* @__PURE__ */ I(E, [["__scopeId", "data-v-d370b773"]]);
+export {
+  Ce as default
+};
+//# sourceMappingURL=index-b2e0e39b.js.map

package/dist/index-b2e0e39b.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-b2e0e39b.js","sources":["../src/packages/public/chart.ts","../src/views/chart/ContentConfigurations/components/CanvasPage/components/CreateColorRenderChart/barOptions.ts","../src/views/chart/ContentConfigurations/components/CanvasPage/components/CreateColorRenderChart/lineOptions.ts","../src/views/chart/ContentConfigurations/components/CanvasPage/components/CreateColorRenderChart/index.vue"],"sourcesContent":["import merge from 'lodash/merge'\nimport pick from 'lodash/pick'\nimport { globalThemeJson } from '@core/settings/chartThemes'\nimport type { EchartsDataType } from '@core/packages/index.d'\n\nexport const mergeTheme = <T, U>(option: T, themeSetting: U, includes: string[]) => {\n  return (option = merge({}, pick(themeSetting, includes), option))\n}\n\nexport const echartOptionProfixHandle = (option: any, includes: string[] = []) => {\n  option.backgroundColor = 'rgba(0,0,0,0)'\n  return mergeTheme(option, globalThemeJson, includes)\n}\n\nexport const setData = (option: any, data: EchartsDataType) => {\n  option.dataset = data\n  return option\n}\n\nexport const setOption = <T extends { getOption: () => any; setOption: (data: any, opts: any) => any } | null | undefined, D>(\n  instance: T,\n  data: D,\n  notMerge = true\n) => {\n  if (!instance) return\n  const option = instance.getOption()\n  option.dataset = null\n  instance.setOption(data, {\n    notMerge\n  })\n}\n","import { echartOptionProfixHandle } from '@core/packages/public'\n\nexport const includes = ['legend', 'xAxis', 'yAxis', 'grid']\n\nconst seriesHandle = (color: string[]) => {\n  const numHandle = (numsi: number, i: number) => parseInt(`${numsi * Math.random()}`, 10) * 2\n  const nums = [260, 251, 200, 334, 366, 256, 253]\n\n  return color.map((item, index) => ({\n    name: `data${index + 1}`,\n    type: 'bar',\n    data: nums.map((numsItem, numsi) => numHandle(numsItem, index))\n  }))\n}\n\nexport const option = (color: string[]) => {\n  return echartOptionProfixHandle(\n    {\n      tooltip: {\n        trigger: 'axis',\n        showContent: false,\n        axisPointer: {\n          type: 'shadow'\n        }\n      },\n      grid: {\n        left: '3%',\n        right: '4%',\n        bottom: '3%',\n        containLabel: true\n      },\n      xAxis: {\n        type: 'category',\n        data: color.map((e, i) => `data${i + 1}`),\n        axisTick: {\n          alignWithLabel: true\n        }\n      },\n      yAxis: {\n        show: true,\n        type: 'value'\n      },\n      series: seriesHandle(color || [])\n    },\n    includes\n  )\n}\n","import { echartOptionProfixHandle } from '@core/packages/public'\nimport { graphic } from 'echarts/core'\nimport { fade, hslToHex } from '@core/utils'\n\nexport const includes = ['legend', 'xAxis', 'yAxis', 'grid']\n\nconst seriesHandle = (color: string[]) => {\n  const numHandle = (numsi: number, i: number) => parseInt(`${numsi * Math.random()}`, 10) * 2\n  const nums = [130, 251, 200, 334, 366, 456, 223]\n\n  return color.map((item, index) => ({\n    name: `data${index + 1}`,\n    type: 'line',\n    smooth: true,\n    lineStyle: {\n      width: 1,\n      type: 'solid'\n    },\n    emphasis: {\n      focus: 'series'\n    },\n    areaStyle: {\n      opacity: 0.8,\n      color: new graphic.LinearGradient(0, 0, 0, 1, [\n        {\n          offset: 1,\n          color: item\n        },\n        {\n          offset: 0,\n          color: item\n        }\n      ])\n    },\n    showSymbol: false,\n    data: nums.reverse().map((numsItem, numsi) => numHandle(numsItem, index))\n  }))\n}\n\nexport const option = (color: string[]) => {\n  return echartOptionProfixHandle(\n    {\n      tooltip: {\n        trigger: 'axis',\n        showContent: false,\n        axisPointer: {\n          type: 'shadow'\n        }\n      },\n      grid: {\n        left: '3%',\n        right: '4%',\n        bottom: '3%',\n        containLabel: true\n      },\n      xAxis: {\n        type: 'category',\n        boundaryGap: false,\n        data: color.map((e, i) => `data${i + 1}`),\n        axisTick: {\n          alignWithLabel: true\n        }\n      },\n      yAxis: {\n        show: true,\n        type: 'value'\n      },\n      series: seriesHandle(color || [])\n    },\n    includes\n  )\n}\n","<template>\n  <div class=\"chart-container\">\n    <el-card v-if=\"barOption\" class=\"go-mt-3\" :shadow=\"'never'\" role=\"dialog\" aria-modal=\"true\">\n      <el-tabs type=\"border-card\" class=\"small-tabs\">\n        <el-tab-pane label=\"柱状图\" name=\"柱状图\">\n          <v-chart\n            ref=\"vChartRefBar\"\n            :theme=\"{ color }\"\n            :option=\"barOption\"\n            :manual-update=\"true\"\n            autoresize\n            :style=\"chartStyle\"\n          ></v-chart>\n        </el-tab-pane>\n        <el-tab-pane label=\"折线图\" name=\"折线图\">\n          <v-chart\n            ref=\"vChartRefLine\"\n            :theme=\"{ color }\"\n            :option=\"lineOption\"\n            :manual-update=\"true\"\n            autoresize\n            :style=\"chartStyle\"\n          ></v-chart>\n        </el-tab-pane>\n      </el-tabs>\n    </el-card>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, watch, PropType } from 'vue'\nimport { CanvasRenderer } from 'echarts/renderers'\nimport { BarChart, LineChart } from 'echarts/charts'\nimport { use } from 'echarts/core'\nimport { DatasetComponent, GridComponent, TooltipComponent, LegendComponent } from 'echarts/components'\nimport { option as barOptions } from './barOptions'\nimport { option as lineOptions } from './lineOptions'\n\nconst props = defineProps({\n  color: {\n    type: Array as PropType<string[]>,\n    required: true\n  }\n})\n\ndefineOptions({\n  name: 'CreateColorRenderChart'\n})\nuse([DatasetComponent, CanvasRenderer, BarChart, LineChart, GridComponent, TooltipComponent, LegendComponent])\n\nconst barOption = ref()\nconst lineOption = ref()\n\nconst chartStyle = {\n  width: '528px',\n  height: '200px'\n}\n\nwatch(\n  () => props.color,\n  (newData: string[]) => {\n    barOption.value = barOptions(newData)\n    lineOption.value = lineOptions(newData)\n  },\n  {\n    immediate: true,\n    deep: true\n  }\n)\n</script>\n\n<style lang=\"scss\" scoped>\n.chart-container {\n  display: flex;\n}\n.small-tabs {\n  :deep(.el-tabs__header) {\n    margin-bottom: 8px;\n  }\n  :deep(.el-tabs__item) {\n    font-size: 12px;\n    padding: 0 12px;\n    height: 28px;\n    line-height: 28px;\n  }\n}\n</style>\n"],"names":["mergeTheme","option","themeSetting","includes","merge","pick","echartOptionProfixHandle","globalThemeJson","seriesHandle","color","numHandle","numsi","i","nums","item","index","numsItem","e","graphic","props","__props","use","DatasetComponent","CanvasRenderer","BarChart","LineChart","GridComponent","TooltipComponent","LegendComponent","barOption","ref","lineOption","chartStyle","watch","newData","barOptions","lineOptions","_openBlock","_createElementBlock","_hoisted_1","_createBlock","_component_el_card","_createVNode","_component_el_tabs","_component_el_tab_pane","_component_v_chart"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKO,MAAMA,IAAa,CAAOC,GAAWC,GAAiBC,MACnDF,IAASG,EAAM,IAAIC,EAAKH,GAAcC,CAAQ,GAAGF,CAAM,GAGpDK,IAA2B,CAACL,GAAaE,IAAqB,QACzEF,EAAO,kBAAkB,iBAClBD,EAAWC,GAAQM,GAAiBJ,CAAQ,ICTxCA,IAAW,CAAC,UAAU,SAAS,SAAS,MAAM,GAErDK,IAAe,CAACC,MAAoB;AAClC,QAAAC,IAAY,CAACC,GAAeC,MAAc,SAAS,GAAGD,IAAQ,KAAK,OAAY,KAAA,EAAE,IAAI,GACrFE,IAAO,CAAC,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,GAAG;AAE/C,SAAOJ,EAAM,IAAI,CAACK,GAAMC,OAAW;AAAA,IACjC,MAAM,OAAOA,IAAQ;AAAA,IACrB,MAAM;AAAA,IACN,MAAMF,EAAK,IAAI,CAACG,GAAUL,MAAUD,EAAUM,CAAe,CAAC;AAAA,EAC9D,EAAA;AACJ,GAEaf,IAAS,CAACQ,MACdH;AAAA,EACL;AAAA,IACE,SAAS;AAAA,MACP,SAAS;AAAA,MACT,aAAa;AAAA,MACb,aAAa;AAAA,QACX,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,cAAc;AAAA,IAChB;AAAA,IACA,OAAO;AAAA,MACL,MAAM;AAAA,MACN,MAAMG,EAAM,IAAI,CAACQ,GAAGL,MAAM,OAAOA,IAAI,GAAG;AAAA,MACxC,UAAU;AAAA,QACR,gBAAgB;AAAA,MAClB;AAAA,IACF;AAAA,IACA,OAAO;AAAA,MACL,MAAM;AAAA,MACN,MAAM;AAAA,IACR;AAAA,IACA,QAAQJ,EAAaC,KAAS,EAAE;AAAA,EAClC;AAAA,EACAN;AAAA,GCxCSA,IAAW,CAAC,UAAU,SAAS,SAAS,MAAM,GAErDK,IAAe,CAACC,MAAoB;AAClC,QAAAC,IAAY,CAACC,GAAeC,MAAc,SAAS,GAAGD,IAAQ,KAAK,OAAY,KAAA,EAAE,IAAI,GACrFE,IAAO,CAAC,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,GAAG;AAE/C,SAAOJ,EAAM,IAAI,CAACK,GAAMC,OAAW;AAAA,IACjC,MAAM,OAAOA,IAAQ;AAAA,IACrB,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,WAAW;AAAA,MACT,OAAO;AAAA,MACP,MAAM;AAAA,IACR;AAAA,IACA,UAAU;AAAA,MACR,OAAO;AAAA,IACT;AAAA,IACA,WAAW;AAAA,MACT,SAAS;AAAA,MACT,OAAO,IAAIG,EAAQ,eAAe,GAAG,GAAG,GAAG,GAAG;AAAA,QAC5C;AAAA,UACE,QAAQ;AAAA,UACR,OAAOJ;AAAA,QACT;AAAA,QACA;AAAA,UACE,QAAQ;AAAA,UACR,OAAOA;AAAA,QACT;AAAA,MAAA,CACD;AAAA,IACH;AAAA,IACA,YAAY;AAAA,IACZ,MAAMD,EAAK,QAAA,EAAU,IAAI,CAACG,GAAUL,MAAUD,EAAUM,CAAe,CAAC;AAAA,EACxE,EAAA;AACJ,GAEaf,IAAS,CAACQ,MACdH;AAAA,EACL;AAAA,IACE,SAAS;AAAA,MACP,SAAS;AAAA,MACT,aAAa;AAAA,MACb,aAAa;AAAA,QACX,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,cAAc;AAAA,IAChB;AAAA,IACA,OAAO;AAAA,MACL,MAAM;AAAA,MACN,aAAa;AAAA,MACb,MAAMG,EAAM,IAAI,CAACQ,GAAGL,MAAM,OAAOA,IAAI,GAAG;AAAA,MACxC,UAAU;AAAA,QACR,gBAAgB;AAAA,MAClB;AAAA,IACF;AAAA,IACA,OAAO;AAAA,MACL,MAAM;AAAA,MACN,MAAM;AAAA,IACR;AAAA,IACA,QAAQJ,EAAaC,KAAS,EAAE;AAAA,EAClC;AAAA,EACAN;AAAA;;;;;;;;;;AC/BJ,UAAMgB,IAAQC;AAUV,IAAAC,EAAA,CAACC,GAAkBC,GAAgBC,GAAUC,GAAWC,GAAeC,GAAkBC,CAAe,CAAC;AAE7G,UAAMC,IAAYC,KACZC,IAAaD,KAEbE,IAAa;AAAA,MACjB,OAAO;AAAA,MACP,QAAQ;AAAA,IAAA;AAGV,WAAAC;AAAA,MACE,MAAMd,EAAM;AAAA,MACZ,CAACe,MAAsB;AACX,QAAAL,EAAA,QAAQM,EAAWD,CAAO,GACzBH,EAAA,QAAQK,EAAYF,CAAO;AAAA,MACxC;AAAA,MACA;AAAA,QACE,WAAW;AAAA,QACX,MAAM;AAAA,MACR;AAAA,IAAA;;AAlEA,aAAAG,EAAA,GAAAC,EAyBM,OAzBNC,GAyBM;AAAA,QAxBWV,EAAS,cAAxBW,EAuBUC,GAAA;AAAA;UAvBgB,OAAM;AAAA,UAAW,QAAQ;AAAA,UAAS,MAAK;AAAA,UAAS,cAAW;AAAA,QAAA;qBACnF,MAqBU;AAAA,YArBVC,EAqBUC,GAAA;AAAA,cArBD,MAAK;AAAA,cAAc,OAAM;AAAA,YAAA;yBAChC,MASc;AAAA,gBATdD,EAScE,GAAA;AAAA,kBATD,OAAM;AAAA,kBAAM,MAAK;AAAA,gBAAA;6BAC5B,MAOW;AAAA,oBAPXF,EAOWG,GAAA;AAAA,sBANT,KAAI;AAAA,sBACH,gBAASzB,EAAK,MAAA;AAAA,sBACd,QAAQS,EAAS;AAAA,sBACjB,iBAAe;AAAA,sBAChB,YAAA;AAAA,sBACC,OAAOG;AAAA;;;;gBAGZU,EAScE,GAAA;AAAA,kBATD,OAAM;AAAA,kBAAM,MAAK;AAAA,gBAAA;6BAC5B,MAOW;AAAA,oBAPXF,EAOWG,GAAA;AAAA,sBANT,KAAI;AAAA,sBACH,gBAASzB,EAAK,MAAA;AAAA,sBACd,QAAQW,EAAU;AAAA,sBAClB,iBAAe;AAAA,sBAChB,YAAA;AAAA,sBACC,OAAOC;AAAA;;;;;;;;;;;;;;;"}

package/dist/index-b58bfc89.js

@@ -0,0 +1,419 @@
+import { defineComponent as P, useCssVars as q, computed as f, resolveComponent as D, withDirectives as J, openBlock as m, createElementBlock as E, createVNode as g, normalizeClass as G, withCtx as v, createBlock as C, resolveDynamicComponent as A, unref as l, vShow as Q, ref as N, createElementVNode as _, toDisplayString as Z, Fragment as ee, renderList as te, watch as le, createCommentVNode as re } from "vue";
+import ce from "vuedraggable";
+import ie from "lodash/cloneDeep";
+import { C as ue } from "./index-3307e922.js";
+import { m as K, w as X, p as z, _ as V, L as H, x as Y, y as de, z as h, A as oe, B as pe, D as ne, u as me, o as W } 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 ve = { class: "icon-item-box" }, ge = /* @__PURE__ */ P({
+  __name: "index",
+  props: {
+    isGroup: {
+      type: Boolean,
+      default: !1
+    },
+    hover: {
+      type: Boolean,
+      default: !1
+    },
+    status: {
+      type: Object,
+      default: () => ({
+        lock: !1,
+        hide: !1
+      })
+    }
+  },
+  setup(a) {
+    q((i) => ({
+      c0ef2498: y.value
+    }));
+    const c = a, { LockClosedOutlineIcon: w, LockOpenOutlineIcon: I, EyeOutlineIcon: T, EyeOffOutlineIcon: r } = z.ionicons5, o = K(), x = X(), y = f(() => x.getAppTheme), S = (i) => {
+      i.stopPropagation(), c.status.hide ? o.setShow() : o.setHide();
+    }, L = (i) => {
+      i.stopPropagation(), c.status.lock ? o.setUnLock() : o.setLock();
+    };
+    return (i, k) => {
+      const M = D("el-icon");
+      return J((m(), E("div", ve, [
+        g(M, {
+          class: G(["go-ml-1 icon-item", { active: a.status.lock }]),
+          size: 15,
+          onClick: L
+        }, {
+          default: v(() => [
+            (m(), C(A(a.status.lock ? l(w) : l(I))))
+          ]),
+          _: 1
+        }, 8, ["class"]),
+        g(M, {
+          class: G(["go-ml-1 icon-item", { active: a.status.hide }]),
+          size: 15,
+          onClick: S
+        }, {
+          default: v(() => [
+            (m(), C(A(a.status.hide ? l(r) : l(T))))
+          ]),
+          _: 1
+        }, 8, ["class"])
+      ], 512)), [
+        [Q, !a.isGroup]
+      ]);
+    };
+  }
+});
+const se = /* @__PURE__ */ V(ge, [["__scopeId", "data-v-d3a404ec"]]), _e = { class: "go-flex-center item-content" }, he = ["src"], fe = {
+  class: "go-ellipsis-1",
+  style: { "margin-right": "auto" }
+}, ye = { class: "list-text" }, Ce = /* @__PURE__ */ P({
+  __name: "index",
+  props: {
+    componentData: {
+      type: Object,
+      required: !0
+    },
+    isGroup: {
+      type: Boolean,
+      default: !1
+    },
+    layerMode: {
+      type: String,
+      default: H.THUMBNAIL
+    }
+  },
+  setup(a) {
+    q((i) => ({
+      "7f3747cb": o.value
+    }));
+    const c = a, w = X(), I = K(), T = N("");
+    (async () => {
+      T.value = await de(c.componentData.chartConfig);
+    })();
+    const o = f(() => w.getAppTheme), x = f(() => {
+      const i = c.componentData.id;
+      return I.getTargetChart.selectId.find((k) => k === i);
+    }), y = f(() => c.componentData.id === I.getTargetChart.hoverId), S = f(() => c.componentData.status), L = f(() => c.layerMode === H.TEXT);
+    return (i, k) => {
+      const M = D("el-image");
+      return m(), E("div", {
+        class: G(["go-content-layers-list-item", { hover: y.value, select: x.value, "list-mini": L.value }])
+      }, [
+        _("div", _e, [
+          g(M, {
+            class: "list-img",
+            fit: "contain",
+            src: T.value,
+            fallback: l(Y)()
+          }, {
+            error: v(() => [
+              _("img", {
+                src: l(Y)(),
+                style: { width: "100%", height: "100%", "object-fit": "contain" }
+              }, null, 8, he)
+            ]),
+            _: 1
+          }, 8, ["src", "fallback"]),
+          _("div", fe, [
+            _("span", ye, Z(c.componentData.chartConfig.title), 1)
+          ]),
+          g(l(se), {
+            isGroup: a.isGroup,
+            hover: y.value,
+            status: S.value
+          }, null, 8, ["isGroup", "hover", "status"])
+        ]),
+        _("div", {
+          class: G({ "select-modal": x.value })
+        }, null, 2)
+      ], 2);
+    };
+  }
+});
+const ae = /* @__PURE__ */ V(Ce, [["__scopeId", "data-v-17365f78"]]), xe = { class: "go-content-layers-group-list-item" }, Le = { class: "go-flex-items-center item-content" }, ke = {
+  class: "go-ellipsis-1",
+  style: { "margin-right": "auto" }
+}, Ie = {
+  class: "go-ml-2 list-text",
+  style: { color: "var(--el-text-color-regular)" }
+}, Te = /* @__PURE__ */ P({
+  __name: "index",
+  props: {
+    componentGroupData: {
+      type: Object,
+      required: !0
+    },
+    layerMode: {
+      type: String,
+      default: H.THUMBNAIL
+    }
+  },
+  setup(a) {
+    q((u) => ({
+      "30eb1c7f": S.value
+    }));
+    const c = a;
+    h.UN_GROUP;
+    const w = X(), { FolderIcon: I, FolderOpenIcon: T } = z.ionicons5, r = K(), { handleContextMenu: o, onClickOutSide: x } = oe(), y = N(!1), S = f(() => w.getAppTheme), L = f(() => c.layerMode === H.TEXT), i = f(() => {
+      const u = c.componentGroupData.id;
+      return r.getTargetChart.selectId.find((e) => e === u);
+    }), k = f(() => c.componentGroupData.id === r.getTargetChart.hoverId), M = f(() => c.componentGroupData.status), O = (u, e, n) => {
+      const s = (t) => e.filter((d) => t.includes(d.key));
+      if (r.getTargetChart.selectId.length > 1)
+        return s([h.GROUP]);
+      {
+        const t = [];
+        return n.status.lock ? t.push(h.LOCK) : t.push(h.UNLOCK), n.status.hide ? t.push(h.HIDE) : t.push(h.SHOW), [
+          ...s([h.UN_GROUP]),
+          pe(),
+          ...u.filter((d) => !t.includes(d.key))
+        ];
+      }
+    }, R = (u) => {
+      var e;
+      (e = window.$KeyboardActive) != null && e.ctrl || (y.value = !y.value, $(u, c.componentGroupData));
+    }, F = (u) => {
+      var n;
+      x();
+      const e = c.componentGroupData.id;
+      if (u.buttons === ne.LEFT && ((n = window.$KeyboardActive) != null && n.ctrl)) {
+        if (r.targetChart.selectId.includes(e)) {
+          const s = r.targetChart.selectId.filter((t) => t !== e);
+          r.setTargetSelectChart(s);
+        } else
+          r.setTargetSelectChart(e, !0);
+        return;
+      }
+      r.setTargetSelectChart(e);
+    }, $ = (u, e, n) => {
+      u.preventDefault(), u.stopPropagation(), x(), r.setTargetSelectChart(n || e.id);
+    }, U = (u) => {
+      r.setTargetHoverChart(u.id);
+    }, B = (u) => {
+      r.setTargetHoverChart(void 0);
+    };
+    return (u, e) => {
+      const n = D("el-icon"), s = D("el-collapse-transition");
+      return m(), E("div", xe, [
+        _("div", {
+          class: G(["root-item-content", { hover: k.value, select: i.value, "list-mini": L.value }]),
+          onClick: e[0] || (e[0] = (t) => R(t)),
+          onMousedown: e[1] || (e[1] = (t) => F(t)),
+          onMouseenter: e[2] || (e[2] = (t) => U(a.componentGroupData)),
+          onMouseleave: e[3] || (e[3] = (t) => B(a.componentGroupData)),
+          onContextmenu: e[4] || (e[4] = (t) => l(o)(t, a.componentGroupData, O))
+        }, [
+          _("div", Le, [
+            g(n, {
+              size: 20,
+              class: "go-ml-1"
+            }, {
+              default: v(() => [
+                y.value ? (m(), C(l(T), { key: 0 })) : (m(), C(l(I), { key: 1 }))
+              ]),
+              _: 1
+            }),
+            _("div", ke, [
+              _("span", Ie, Z(a.componentGroupData.chartConfig.title), 1)
+            ]),
+            g(l(se), {
+              isGroup: !1,
+              hover: k.value,
+              status: M.value
+            }, null, 8, ["hover", "status"])
+          ]),
+          _("div", {
+            class: G({ "select-modal": i.value })
+          }, null, 2)
+        ], 34),
+        g(s, null, {
+          default: v(() => [
+            J(_("div", null, [
+              (m(!0), E(ee, null, te(a.componentGroupData.groupList, (t) => (m(), C(l(ae), {
+                key: t.id,
+                componentData: t,
+                "layer-mode": a.layerMode,
+                isGroup: !0,
+                onMousedown: (d) => $(d, t, a.componentGroupData.id),
+                onMouseenter: (d) => U(t),
+                onMouseleave: (d) => B(),
+                onContextmenu: e[5] || (e[5] = (d) => l(o)(d, a.componentGroupData, O))
+              }, null, 8, ["componentData", "layer-mode", "onMousedown", "onMouseenter", "onMouseleave"]))), 128))
+            ], 512), [
+              [Q, y.value]
+            ])
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+});
+const Me = /* @__PURE__ */ V(Te, [["__scopeId", "data-v-de8dddbd"]]), De = {
+  key: 0,
+  class: "empty-layer"
+}, Se = { class: "go-content-layer-box" }, be = /* @__PURE__ */ P({
+  __name: "index",
+  setup(a) {
+    const { LayersIcon: c, GridIcon: w, ListIcon: I } = z.ionicons5, { LaptopIcon: T } = z.carbon, r = me(), o = K(), { handleContextMenu: x, onClickOutSide: y } = oe(), S = [
+      { label: "缩略图", icon: T, value: H.THUMBNAIL },
+      { label: "文本列表", icon: I, value: H.TEXT }
+    ], L = N([]), i = N(r.getLayerType), k = f(() => ie(o.getComponentList).reverse());
+    le(
+      () => k.value,
+      (e) => {
+        L.value = e;
+      }
+    );
+    const M = (e, n, s) => {
+      if (o.getTargetChart.selectId.length > 1)
+        return e.filter((d) => d.key === h.GROUP);
+      const t = [];
+      return s.status.lock ? t.push(h.LOCK) : t.push(h.UNLOCK), s.status.hide ? t.push(h.HIDE) : t.push(h.SHOW), e.filter((d) => !t.includes(d.key));
+    }, O = () => {
+      r.setItem(W.LAYERS, !1);
+    }, R = (e) => {
+      const { oldIndex: n, newIndex: s } = e.moved;
+      if (s - n > 0) {
+        const t = o.getComponentList.splice(-(n + 1), 1)[0];
+        o.getComponentList.splice(-s, 0, t);
+      } else {
+        const t = o.getComponentList.splice(-(n + 1), 1)[0];
+        s === 0 ? o.getComponentList.push(t) : o.getComponentList.splice(-s, 0, t);
+      }
+    }, F = (e) => {
+      const n = document.querySelector(".go-content-layer-box");
+      e.target.contains(n) && o.setTargetSelectChart();
+    }, $ = (e, n) => {
+      var t;
+      y();
+      const s = n.id;
+      if (e.buttons === ne.LEFT && ((t = window.$KeyboardActive) != null && t.ctrl)) {
+        if (o.targetChart.selectId.includes(s)) {
+          const d = o.targetChart.selectId.filter((j) => j !== s);
+          o.setTargetSelectChart(d);
+        } else
+          o.setTargetSelectChart(s, !0);
+        return;
+      }
+      o.setTargetSelectChart(s);
+    }, U = (e) => {
+      o.setTargetHoverChart(e.id);
+    }, B = (e) => {
+      o.setTargetHoverChart(void 0);
+    }, u = (e) => {
+      i.value = e, r.setItem(W.LAYER_TYPE, e);
+    };
+    return (e, n) => {
+      const s = D("el-icon"), t = D("el-tooltip"), d = D("el-button"), j = D("el-button-group");
+      return m(), C(l(ue), {
+        class: G(["go-content-layers", { scoped: !l(r).getLayers }]),
+        title: "图层",
+        depth: 2,
+        onBack: O,
+        onMousedown: n[1] || (n[1] = (p) => F(p))
+      }, {
+        icon: v(() => [
+          g(s, { size: 16 }, {
+            default: v(() => [
+              (m(), C(A(l(c))))
+            ]),
+            _: 1
+          })
+        ]),
+        "top-right": v(() => [
+          g(j, { style: { display: "flex" } }, {
+            default: v(() => [
+              (m(), E(ee, null, te(S, (p, b) => g(d, {
+                key: b,
+                size: "small",
+                type: i.value === p.value ? "primary" : "info",
+                plain: i.value !== p.value,
+                onClick: (Ge) => u(p.value)
+              }, {
+                default: v(() => [
+                  g(t, {
+                    "show-arrow": !1,
+                    content: p.label,
+                    placement: "top"
+                  }, {
+                    default: v(() => [
+                      g(s, { size: 14 }, {
+                        default: v(() => [
+                          (m(), C(A(p.icon)))
+                        ]),
+                        _: 2
+                      }, 1024)
+                    ]),
+                    _: 2
+                  }, 1032, ["content"])
+                ]),
+                _: 2
+              }, 1032, ["type", "plain", "onClick"])), 64))
+            ]),
+            _: 1
+          })
+        ]),
+        default: v(() => [
+          k.value.length === 0 ? (m(), E("div", De, n[2] || (n[2] = [
+            _("span", { class: "not-layer-text" }, "暂无图层~", -1)
+          ]))) : re("", !0),
+          g(l(ce), {
+            "item-key": "id",
+            modelValue: L.value,
+            "onUpdate:modelValue": n[0] || (n[0] = (p) => L.value = p),
+            ghostClass: "ghost",
+            onChange: R
+          }, {
+            item: v(({ element: p }) => [
+              _("div", Se, [
+                p.isGroup ? (m(), C(l(Me), {
+                  key: 0,
+                  componentGroupData: p,
+                  "layer-mode": i.value
+                }, null, 8, ["componentGroupData", "layer-mode"])) : (m(), C(l(ae), {
+                  key: 1,
+                  componentData: p,
+                  "layer-mode": i.value,
+                  onMousedown: (b) => $(b, p),
+                  onMouseenter: (b) => U(p),
+                  onMouseleave: (b) => B(),
+                  onContextmenu: (b) => l(x)(b, p, M)
+                }, null, 8, ["componentData", "layer-mode", "onMousedown", "onMouseenter", "onMouseleave", "onContextmenu"]))
+              ])
+            ]),
+            _: 1
+          }, 8, ["modelValue"])
+        ]),
+        _: 1
+      }, 8, ["class"]);
+    };
+  }
+});
+const rt = /* @__PURE__ */ V(be, [["__scopeId", "data-v-e871526c"]]);
+export {
+  rt as default
+};
+//# sourceMappingURL=index-b58bfc89.js.map