@hg2/dataview-core 2.0.0

package/dist/index-cfca17b8.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-cfca17b8.js","sources":["../src/views/chart/ContentHeader/headerLeftBtn/index.vue"],"sourcesContent":["<template>\n  <div class=\"header-left-btn go-flex-items-center\" style=\"gap: 25px;\">\n    <div class=\"go-flex-items-center\" style=\"gap: 8px;\">\n      <!-- 模块展示按钮 -->\n      <el-tooltip v-for=\"item in btnList\" :key=\"item.key\" :content=\"item.title\" placement=\"bottom\">\n        <el-button size=\"small\" :type=\"styleHandle(item)\" plain @click=\"clickHandle(item)\">\n          <component :is=\"item.icon\"></component>\n        </el-button>\n      </el-tooltip>\n\n      <el-divider direction=\"vertical\" />\n\n      <!-- 历史记录按钮 -->\n      <el-tooltip v-for=\"item in historyList\" :key=\"item.key\" :content=\"item.title\" placement=\"bottom\">\n        <el-button size=\"small\" type=\"primary\" plain :disabled=\"!item.select\" @click=\"clickHistoryHandle(item)\">\n          <component :is=\"item.icon\"></component>\n        </el-button>\n      </el-tooltip>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { toRefs, Ref, reactive, computed } from 'vue'\nimport { renderIcon } from '@core/utils'\nimport { icon } from '@core/plugins'\nimport { useChartEditStore } from '@core/store/modules/chartEditStore/chartEditStore'\n\nimport { useChartHistoryStore } from '@core/store/modules/chartHistoryStore/chartHistoryStore'\nimport { HistoryStackEnum } from '@core/store/modules/chartHistoryStore/chartHistoryStore.d'\n\nimport { useChartLayoutStore } from '@core/store/modules/chartLayoutStore/chartLayoutStore'\nimport { ChartLayoutStoreEnum } from '@core/store/modules/chartLayoutStore/chartLayoutStore.d'\n\nconst { LayersIcon, BarChartIcon, PrismIcon, ArrowBackIcon, ArrowForwardIcon } = icon.ionicons5\nconst { setItem } = useChartLayoutStore()\nconst { getLayers, getCharts, getDetails } = toRefs(useChartLayoutStore())\nconst chartEditStore = useChartEditStore()\nconst chartHistoryStore = useChartHistoryStore()\n\ninterface ItemType<T> {\n  key: T\n  select: Ref<boolean> | boolean\n  title: string\n  icon: any\n}\n\nconst btnList = reactive<ItemType<ChartLayoutStoreEnum>[]>([\n  {\n    key: ChartLayoutStoreEnum.CHARTS,\n    select: getCharts,\n    title: '图表组件',\n    icon: renderIcon(BarChartIcon)\n  },\n  {\n    key: ChartLayoutStoreEnum.LAYERS,\n    select: getLayers,\n    title: '图层控制',\n    icon: renderIcon(LayersIcon)\n  },\n  {\n    key: ChartLayoutStoreEnum.DETAILS,\n    select: getDetails,\n    title: '详情设置',\n    icon: renderIcon(PrismIcon)\n  }\n])\n\nconst isBackStack = computed(() => chartHistoryStore.getBackStack.length > 1)\n\nconst isForwardStack = computed(() => chartHistoryStore.getForwardStack.length > 0)\n\nconst historyList = reactive<ItemType<HistoryStackEnum>[]>([\n  {\n    key: HistoryStackEnum.BACK_STACK,\n    // 一定会有初始化画布\n    select: isBackStack,\n    title: '后退',\n    icon: renderIcon(ArrowBackIcon)\n  },\n  {\n    key: HistoryStackEnum.FORWARD_STACK,\n    select: isForwardStack,\n    title: '前进',\n    icon: renderIcon(ArrowForwardIcon)\n  }\n])\n\n\n// store 描述的是展示的值，所以和 ContentConfigurations 的 collapsed 是相反的\nconst styleHandle = (item: ItemType<ChartLayoutStoreEnum>) => {\n  if (item.key === ChartLayoutStoreEnum.DETAILS) {\n    return item.select ? '' : 'primary'\n  }\n  return item.select ? 'primary' : ''\n}\n\n// 布局处理\nconst clickHandle = (item: ItemType<ChartLayoutStoreEnum>) => {\n  setItem(item.key, !item.select)\n}\n\n// 历史记录处理\nconst clickHistoryHandle = (item: ItemType<HistoryStackEnum>) => {\n  switch (item.key) {\n    case HistoryStackEnum.BACK_STACK:\n      chartEditStore.setBack()\n      break;\n    case HistoryStackEnum.FORWARD_STACK:\n      chartEditStore.setForward()\n      break;\n  }\n}\n\n</script>\n<style lang=\"scss\" scoped>\n.header-left-btn {\n  margin-left: -37px;\n}\n</style>\n"],"names":["LayersIcon","BarChartIcon","PrismIcon","ArrowBackIcon","ArrowForwardIcon","icon","setItem","useChartLayoutStore","getLayers","getCharts","getDetails","toRefs","chartEditStore","useChartEditStore","chartHistoryStore","useChartHistoryStore","btnList","reactive","ChartLayoutStoreEnum","renderIcon","isBackStack","computed","isForwardStack","historyList","HistoryStackEnum","styleHandle","item","clickHandle","clickHistoryHandle","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_Fragment","_renderList","_createBlock","_component_el_tooltip","_createVNode","_component_el_button","$event","_resolveDynamicComponent","_component_el_divider"],"mappings":"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"}

package/dist/index-d3c1c990.js

@@ -0,0 +1,257 @@
+import { defineComponent as T, useCssVars as w, computed as D, ref as h, resolveComponent as u, openBlock as o, createElementBlock as n, Fragment as l, createVNode as m, withCtx as r, renderList as i, createBlock as k, createElementVNode as s, normalizeClass as y, createTextVNode as E, toDisplayString as S, normalizeStyle as O } from "vue";
+import { m as V, w as F, ao as M, k as R, v as z, _ as H } 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 "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 A = ["onClick"], G = { class: "theme-colors" }, P = ["onClick"], $ = { class: "theme-colors" }, W = /* @__PURE__ */ T({
+  __name: "index",
+  setup(Y) {
+    var p;
+    w((c) => ({
+      fa4c95a4: L.value
+    }));
+    const v = V(), x = F(), a = M(R.VCHART, "vchartTheme");
+    (p = a == null ? void 0 : a.getThemeMap) != null && p.call(a);
+    const d = D(() => v.getEditCanvasConfig.vChartThemeName), L = D(() => x.getAppTheme), B = h([
+      {
+        name: "火山蓝（默认）",
+        value: "vScreenVolcanoBlue",
+        colors: ["#2D64DD", "#284588", "#58B4B6"]
+      },
+      {
+        name: "党建红",
+        value: "vScreenPartyRed",
+        colors: ["#d3d3d4", "#d68a46", "#d74f3c"]
+      },
+      {
+        name: "清新蜡笔",
+        value: "vScreenClean",
+        colors: ["#94AF60", "#7696B8", "#d6837a"]
+      },
+      {
+        name: "郊外",
+        value: "vScreenOutskirts",
+        colors: ["#A7C4E6", "#e1bf99", "#c0bcbb"]
+      },
+      {
+        name: "汽车蓝橙",
+        value: "vScreenBlueOrange",
+        colors: ["#acd5fa", "#cc896b", "#5ea4dd"]
+      },
+      {
+        name: "金融黄",
+        value: "vScreenFinanceYellow",
+        colors: ["#d7d7d7", "#f09761", "#f7d177"]
+      },
+      {
+        name: "文旅青",
+        value: "vScreenWenLvCyan",
+        colors: ["#63c6ba", "#dcb974", "#a34440"]
+      },
+      {
+        name: "电力绿",
+        value: "vScreenElectricGreen",
+        colors: ["#75faf2", "#ee813e", "#f4ce7f"]
+      },
+      {
+        name: "电商紫",
+        value: "vScreenECommercePurple",
+        colors: ["#6d4cf6", "#ed7266", "#5f83f7"]
+      },
+      {
+        name: "红蓝",
+        value: "vScreenRedBlue",
+        colors: ["#2e6cf6", "#bc4741", "#c1e4fb"]
+      }
+    ]), N = h([
+      {
+        name: "明亮（适用白背景）",
+        value: "light",
+        colors: ["#3063f6", "#5dc3f9", "#f1f2f5"]
+      },
+      {
+        name: "暗黑（适用黑背景）",
+        value: "dark",
+        colors: ["#3063f6", "#5dc3f9", "#414348"]
+      },
+      {
+        name: "亮-金融行业",
+        value: "veODesignLightFinance",
+        colors: ["#dbba95", "#314b5e", "#f1f2f5"]
+      },
+      {
+        name: "暗-金融行业",
+        value: "veODesignDarkFinance",
+        colors: ["#dbba95", "#314b5e", "#414348"]
+      },
+      {
+        name: "亮-政府行业",
+        value: "veODesignLightGovernment",
+        colors: ["#c0403a", "#f6c552", "#f1f2f5"]
+      },
+      {
+        name: "暗-政府行业",
+        value: "veODesignDarkGovernment",
+        colors: ["#c0403a", "#f6c552", "#414348"]
+      },
+      {
+        name: "亮-消费行业",
+        value: "veODesignLightConsumer",
+        colors: ["#3f36ab", "#eb4854", "#f1f2f5"]
+      },
+      {
+        name: "暗-消费行业",
+        value: "veODesignDarkConsumer",
+        colors: ["#3f36ab", "#eb4854", "#414348"]
+      },
+      {
+        name: "亮-汽车行业",
+        value: "veODesignLightAutomobile",
+        colors: ["#1515d1", "#abb6cd", "#f1f2f5"]
+      },
+      {
+        name: "暗-汽车行业",
+        value: "veODesignDarkAutomobile",
+        colors: ["#1515d1", "#abb6cd", "#414348"]
+      },
+      {
+        name: "亮-文旅行业",
+        value: "veODesignLightCulturalTourism",
+        colors: ["#77b897", "#3c5a4b", "#f1f2f5"]
+      },
+      {
+        name: "暗-文旅行业",
+        value: "veODesignDarkCulturalTourism",
+        colors: ["#77b897", "#3c5a4b", "#414348"]
+      },
+      {
+        name: "亮-医疗行业",
+        value: "veODesignLightMedical",
+        colors: ["#76d0d1", "#314787", "#f1f2f5"]
+      },
+      {
+        name: "暗-医疗行业",
+        value: "veODesignDarkMedical",
+        colors: ["#76d0d1", "#314787", "#414348"]
+      },
+      {
+        name: "亮-新能源行业",
+        value: "veODesignLightNewEnergy",
+        colors: ["#64d886", "#1f3b76", "#f1f2f5"]
+      },
+      {
+        name: "暗-新能源行业",
+        value: "veODesignDarkNewEnergy",
+        colors: ["#64d886", "#1f3b76", "#414348"]
+      }
+    ]), f = (c) => {
+      a == null || a.setTheme(String(c.value)), v.setEditCanvasConfig(z.VCHART_THEME_NAME, c.value);
+    };
+    return (c, g) => {
+      const _ = u("el-text"), b = u("el-col"), C = u("el-row");
+      return o(), n(l, null, [
+        m(C, { gutter: 8 }, {
+          default: r(() => [
+            (o(!0), n(l, null, i(B.value, (e) => (o(), k(b, {
+              span: 12,
+              key: e.value,
+              style: { "margin-bottom": "8px" }
+            }, {
+              default: r(() => [
+                s("div", {
+                  class: y(["theme-item", { active: e.value === d.value }]),
+                  size: "small",
+                  onClick: (t) => f(e)
+                }, [
+                  m(_, {
+                    class: "go-mr-1 theme-name",
+                    truncated: ""
+                  }, {
+                    default: r(() => [
+                      E(S(e.name), 1)
+                    ]),
+                    _: 2
+                  }, 1024),
+                  s("div", G, [
+                    (o(!0), n(l, null, i(e.colors, (t) => (o(), n("span", {
+                      class: "theme-color-item",
+                      key: t,
+                      style: O({ backgroundColor: t })
+                    }, null, 4))), 128))
+                  ])
+                ], 10, A)
+              ]),
+              _: 2
+            }, 1024))), 128))
+          ]),
+          _: 1
+        }),
+        g[0] || (g[0] = s("div", { class: "go-my-4" }, "行业模板", -1)),
+        m(C, { gutter: 8 }, {
+          default: r(() => [
+            (o(!0), n(l, null, i(N.value, (e) => (o(), k(b, {
+              span: 12,
+              key: e.value,
+              style: { "margin-bottom": "8px" }
+            }, {
+              default: r(() => [
+                s("div", {
+                  class: y(["theme-item", { active: e.value === d.value }]),
+                  size: "small",
+                  onClick: (t) => f(e)
+                }, [
+                  m(_, {
+                    class: "go-mr-2 theme-name",
+                    truncated: ""
+                  }, {
+                    default: r(() => [
+                      E(S(e.name), 1)
+                    ]),
+                    _: 2
+                  }, 1024),
+                  s("div", $, [
+                    (o(!0), n(l, null, i(e.colors, (t) => (o(), n("span", {
+                      class: "theme-color-item",
+                      key: t,
+                      style: O({ backgroundColor: t })
+                    }, null, 4))), 128))
+                  ])
+                ], 10, P)
+              ]),
+              _: 2
+            }, 1024))), 128))
+          ]),
+          _: 1
+        })
+      ], 64);
+    };
+  }
+});
+const Ce = /* @__PURE__ */ H(W, [["__scopeId", "data-v-8a4f3aa6"]]);
+export {
+  Ce as default
+};
+//# sourceMappingURL=index-d3c1c990.js.map

package/dist/index-d3c1c990.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-d3c1c990.js","sources":["../src/views/chart/ContentConfigurations/components/CanvasPage/components/VChartThemeColor/index.vue"],"sourcesContent":["<template>\n  <el-row :gutter=\"8\">\n    <el-col :span=\"12\" v-for=\"item in list\" :key=\"item.value\" style=\"margin-bottom: 8px;\">\n      <div\n        class=\"theme-item\"\n        :class=\"{ active: item.value === vChartThemeName }\"\n        size=\"small\"\n        @click=\"selectThemeHandle(item)\"\n      >\n        <el-text class=\"go-mr-1 theme-name\" truncated>{{ item.name }} </el-text>\n        <div class=\"theme-colors\">\n          <span\n            class=\"theme-color-item\"\n            v-for=\"colorItem in item.colors\"\n            :key=\"colorItem\"\n            :style=\"{ backgroundColor: colorItem }\"\n          ></span>\n        </div>\n      </div>\n    </el-col>\n  </el-row>\n  <div class=\"go-my-4\">行业模板</div>\n  <el-row :gutter=\"8\">\n    <el-col :span=\"12\" v-for=\"item in industryList\" :key=\"item.value\" style=\"margin-bottom: 8px;\">\n      <div\n        class=\"theme-item\"\n        :class=\"{ active: item.value === vChartThemeName }\"\n        size=\"small\"\n        @click=\"selectThemeHandle(item)\"\n      >\n        <el-text class=\"go-mr-2 theme-name\" truncated>{{ item.name }} </el-text>\n        <div class=\"theme-colors\">\n          <span\n            class=\"theme-color-item\"\n            v-for=\"colorItem in item.colors\"\n            :key=\"colorItem\"\n            :style=\"{ backgroundColor: colorItem }\"\n          ></span>\n        </div>\n      </div>\n    </el-col>\n  </el-row>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed } from 'vue'\nimport { getRegisteredEngineCapability, type HgDataViewVChartThemeApi } from '@core/engines'\nimport { ChartFrameEnum } from '@core/packages/index.d'\nimport { useChartEditStore } from '@core/store/modules/chartEditStore/chartEditStore'\nimport { EditCanvasConfigEnum } from '@core/store/modules/chartEditStore/chartEditStore.d'\nimport { useDesignStore } from '@core/store/modules/designStore/designStore'\n\nconst chartEditStore = useChartEditStore()\nconst designStore = useDesignStore()\nconst vChartThemeApi = getRegisteredEngineCapability<HgDataViewVChartThemeApi>(ChartFrameEnum.VCHART, 'vchartTheme')\nconst themeMap = vChartThemeApi?.getThemeMap?.() || {}\n\nconst vChartThemeName = computed(() => {\n  return chartEditStore.getEditCanvasConfig.vChartThemeName\n})\n\n// 颜色\nconst themeColor = computed(() => {\n  return designStore.getAppTheme\n})\n\nconst list = ref<\n  Array<{\n    name: string\n    value: keyof typeof themeMap\n    colors: string[]\n  }>\n>([\n  {\n    name: '火山蓝（默认）',\n    value: 'vScreenVolcanoBlue',\n    colors: ['#2D64DD', '#284588', '#58B4B6']\n  },\n  {\n    name: '党建红',\n    value: 'vScreenPartyRed',\n    colors: ['#d3d3d4', '#d68a46', '#d74f3c']\n  },\n  {\n    name: '清新蜡笔',\n    value: 'vScreenClean',\n    colors: ['#94AF60', '#7696B8', '#d6837a']\n  },\n  {\n    name: '郊外',\n    value: 'vScreenOutskirts',\n    colors: ['#A7C4E6', '#e1bf99', '#c0bcbb']\n  },\n  {\n    name: '汽车蓝橙',\n    value: 'vScreenBlueOrange',\n    colors: ['#acd5fa', '#cc896b', '#5ea4dd']\n  },\n  {\n    name: '金融黄',\n    value: 'vScreenFinanceYellow',\n    colors: ['#d7d7d7', '#f09761', '#f7d177']\n  },\n  {\n    name: '文旅青',\n    value: 'vScreenWenLvCyan',\n    colors: ['#63c6ba', '#dcb974', '#a34440']\n  },\n  {\n    name: '电力绿',\n    value: 'vScreenElectricGreen',\n    colors: ['#75faf2', '#ee813e', '#f4ce7f']\n  },\n  {\n    name: '电商紫',\n    value: 'vScreenECommercePurple',\n    colors: ['#6d4cf6', '#ed7266', '#5f83f7']\n  },\n  {\n    name: '红蓝',\n    value: 'vScreenRedBlue',\n    colors: ['#2e6cf6', '#bc4741', '#c1e4fb']\n  }\n])\n\n// 行业色版列表\nconst industryList = ref<\n  Array<{\n    name: string\n    value: keyof typeof themeMap\n    colors: string[]\n  }>\n>([\n  {\n    name: '明亮（适用白背景）',\n    value: 'light',\n    colors: ['#3063f6', '#5dc3f9', '#f1f2f5']\n  },\n  {\n    name: '暗黑（适用黑背景）',\n    value: 'dark',\n    colors: ['#3063f6', '#5dc3f9', '#414348']\n  },\n  {\n    name: '亮-金融行业',\n    value: 'veODesignLightFinance',\n    colors: ['#dbba95', '#314b5e', '#f1f2f5']\n  },\n  {\n    name: '暗-金融行业',\n    value: 'veODesignDarkFinance',\n    colors: ['#dbba95', '#314b5e', '#414348']\n  },\n  {\n    name: '亮-政府行业',\n    value: 'veODesignLightGovernment',\n    colors: ['#c0403a', '#f6c552', '#f1f2f5']\n  },\n  {\n    name: '暗-政府行业',\n    value: 'veODesignDarkGovernment',\n    colors: ['#c0403a', '#f6c552', '#414348']\n  },\n  {\n    name: '亮-消费行业',\n    value: 'veODesignLightConsumer',\n    colors: ['#3f36ab', '#eb4854', '#f1f2f5']\n  },\n  {\n    name: '暗-消费行业',\n    value: 'veODesignDarkConsumer',\n    colors: ['#3f36ab', '#eb4854', '#414348']\n  },\n  {\n    name: '亮-汽车行业',\n    value: 'veODesignLightAutomobile',\n    colors: ['#1515d1', '#abb6cd', '#f1f2f5']\n  },\n  {\n    name: '暗-汽车行业',\n    value: 'veODesignDarkAutomobile',\n    colors: ['#1515d1', '#abb6cd', '#414348']\n  },\n  {\n    name: '亮-文旅行业',\n    value: 'veODesignLightCulturalTourism',\n    colors: ['#77b897', '#3c5a4b', '#f1f2f5']\n  },\n  {\n    name: '暗-文旅行业',\n    value: 'veODesignDarkCulturalTourism',\n    colors: ['#77b897', '#3c5a4b', '#414348']\n  },\n  {\n    name: '亮-医疗行业',\n    value: 'veODesignLightMedical',\n    colors: ['#76d0d1', '#314787', '#f1f2f5']\n  },\n  {\n    name: '暗-医疗行业',\n    value: 'veODesignDarkMedical',\n    colors: ['#76d0d1', '#314787', '#414348']\n  },\n  {\n    name: '亮-新能源行业',\n    value: 'veODesignLightNewEnergy',\n    colors: ['#64d886', '#1f3b76', '#f1f2f5']\n  },\n  {\n    name: '暗-新能源行业',\n    value: 'veODesignDarkNewEnergy',\n    colors: ['#64d886', '#1f3b76', '#414348']\n  }\n])\n\nconst selectThemeHandle = (item: { name: string; value: keyof typeof themeMap; colors: string[] }) => {\n  vChartThemeApi?.setTheme(String(item.value))\n  chartEditStore.setEditCanvasConfig(EditCanvasConfigEnum.VCHART_THEME_NAME, item.value)\n}\n</script>\n\n<style lang=\"scss\" scoped>\n$radius: 6px;\n$itemRadius: 2px;\n.theme-item {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  height: 34px;\n  padding: 0 8px;\n  overflow: hidden;\n  cursor: pointer;\n  font-size: 13px;\n  border-radius: $radius;\n  @include fetch-bg-color('background-color4-shallow');\n  &.active {\n    color: v-bind('themeColor');\n  }\n  .theme-name {\n    text-align: left;\n    flex-shrink: 1;\n    min-width: 0;\n  }\n  .theme-colors {\n    display: flex;\n    flex-wrap: nowrap;\n    gap: 2px;\n    flex-shrink: 0;\n  }\n  .theme-color-item {\n    display: inline-block;\n    width: 16px;\n    height: 16px;\n    border-radius: $itemRadius;\n  }\n}\n</style>\n"],"names":["chartEditStore","useChartEditStore","designStore","useDesignStore","vChartThemeApi","getRegisteredEngineCapability","ChartFrameEnum","_a","vChartThemeName","computed","themeColor","list","ref","industryList","selectThemeHandle","item","EditCanvasConfigEnum","_createVNode","_component_el_row","_createElementBlock","_Fragment","_renderList","_createBlock","_component_el_col","_createElementVNode","$event","_component_el_text","_createTextVNode","_toDisplayString","_hoisted_2","_openBlock","colorItem","_cache","_hoisted_4"],"mappings":"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"}