npm - @hg2/dataview-core - Versions diffs - 2.0.2 → 2.0.3 - Mend

@hg2/dataview-core 2.0.2 → 2.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (128) hide show

package/dist/{index-83e0f570.js → index-e49c232d.js} RENAMED Viewed

@@ -1,23 +1,23 @@
 import { defineComponent as ne, useCssVars as pe, ref as X, 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 { c as O, l as fe, d as Ce, e as ge, h as he, g as ke, _ as ce, i as se } from "./index-67c5f6a7.js";
+import { c as O, l as fe, d as Ce, e as ge, h as he, g as ke, _ as ce, i as se } from "./index-9710a4c3.js";
 import { n as xe } from "./noData-63b54dc3.js";
-import { g as R } from "./plugin-ec84fd96.js";
+import { g as R } from "./plugin-a2249fc5.js";
 import "./index.vue_vue_type_style_index_0_scoped_215ee9da_lang-5c146582.js";
 import { i as re } from "./icon-229c6d44.js";
-import { u as be, h as P } from "./store-06d0fc5f.js";
+import { u as be, h as P } from "./store-7c31860c.js";
 import "element-plus";
-import "./designSetting-d5ac854f.js";
+import "./designSetting-420dbd75.js";
 import { loadAsyncComponent as ye } from "./published/utils.js";
 import "pinia";
 import "./published/chartThemes.js";
 import "./InformationCircleOutline-214d1354.js";
-import "./pick-3a770d78.js";
+import "./pick-7307d7b0.js";
 import "./published/eventEnums.js";
 import "./published/types.js";
-import "./useChartDataFetch.hook-900fd72a.js";
+import "./useChartDataFetch.hook-d7b1b438.js";
 import "element-plus/es/locale/lang/zh-cn";
 import "element-plus/es/locale/lang/en";
-import "./StylesSetting.vue_vue_type_style_index_0_scoped_2c848e43_lang-218ee765.js";
+import "./StylesSetting.vue_vue_type_style_index_0_scoped_2c848e43_lang-83299b27.js";
 import "@iconify/json/json/line-md.json";
 import "./published/informationTypes.js";
 const Ie = {
@@ -33,7 +33,7 @@ const Ie = {
     pe((l) => ({
       "3dc0b401": r.color
     }));
-    const L = z, w = F, { AddIcon: j, TrashIcon: q } = re.ionicons5, G = ye(() => import("./index-85816403.js")), a = X(), r = Y({
+    const L = z, w = F, { AddIcon: j, TrashIcon: q } = re.ionicons5, G = ye(() => import("./index-cfdb6350.js")), a = X(), r = Y({
       // -1 表示无选中元素
       index: -1,
       color: ""
@@ -580,4 +580,4 @@ const go = /* @__PURE__ */ ce(Ke, [["__scopeId", "data-v-ec07eabb"]]);
 export {
   go as default
 };
-//# sourceMappingURL=index-83e0f570.js.map
+//# sourceMappingURL=index-e49c232d.js.map

package/dist/{index-83e0f570.js.map → index-e49c232d.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index-83e0f570.js","sources":["../src/views/chart/ContentConfigurations/components/CanvasPage/components/CreateColorRender/index.vue","../src/views/chart/ContentConfigurations/components/CanvasPage/components/CreateColor/index.vue"],"sourcesContent":["<template>\n <div class=\"create-color-setting\" v-if=\"editColor\">\n <el-card class=\"panel-card\" shadow=\"never\" role=\"dialog\" aria-modal=\"true\">\n <div class=\"name-row name-row-top\">\n <div class=\"input-group\">\n <span class=\"input-group-label\">名称</span>\n <el-input class=\"create-color-name\" v-model.trim=\"editColor.name\" maxlength=\"8\" show-word-limit clearable\n @change=\"titleChangeHandle\" />\n </div>\n <el-tag effect=\"dark\" type=\"warning\" round>底部图表仅展示 7 条数据</el-tag>\n </div>\n\n <div class=\"section-title\">主题颜色</div>\n <el-scrollbar max-height=\"240px\">\n <div class=\"color-list-box go-mt-3\">\n <div class=\"color-list-item\" v-for=\"(item, index) in editColor.color\" :key=\"index\">\n <div class=\"picker-box\" :class=\"{ select: index === targetColor.index }\" @click=\"selectHandle(item, index)\">\n <div class=\"picker-index\">#{{ index + 1 }}</div>\n <el-color-picker v-model=\"editColor.color[index]\" show-alpha color-format=\"hex\" :teleported=\"true\"\n popper-class=\"create-color-picker-popper\" @change=\"completeHandle($event, index)\" />\n <div class=\"color-meta\" :style=\"getColorMetaStyle(editColor.color[index])\">\n <span class=\"color-value\">{{ editColor.color[index] }}</span>\n </div>\n </div>\n <div v-show=\"index > 5\" class=\"delete-box\">\n <el-tooltip content=\"删除颜色\" placement=\"top\">\n <el-icon class=\"delete-icon\" :size=\"16\" @click.stop=\"deleteColor(index)\">\n <trash-icon></trash-icon>\n </el-icon>\n </el-tooltip>\n </div>\n </div>\n\n <button class=\"add-color-card\" type=\"button\" @click=\"addColor\">\n <el-icon :size=\"18\">\n <add-icon></add-icon>\n </el-icon>\n <span>添加颜色</span>\n </button>\n </div>\n </el-scrollbar>\n </el-card>\n\n <div class=\"expend-color-box\">\n <el-card class=\"panel-card go-mt-3 expend-color\" shadow=\"never\" role=\"dialog\" aria-modal=\"true\">\n <div class=\"expand-header\">\n <div class=\"section-title no-margin\">默认扩展色</div>\n </div>\n <el-divider />\n <div class=\"color-space\">\n <div class=\"color-computed-item\" v-for=\"(item, index) in expandColorList.default\" :key=\"index\"\n @click=\"selectExpandColor(item, false)\">\n <div class=\"color-picker-checkboard\"></div>\n <div :style=\"getRenderBackgroundColor(item)\"></div>\n </div>\n </div>\n </el-card>\n\n <el-card class=\"panel-card go-mt-3 expend-color\" shadow=\"never\" role=\"dialog\" aria-modal=\"true\">\n <div class=\"expand-header\">\n <div class=\"section-title no-margin\">透明扩展色</div>\n </div>\n <el-divider />\n <div class=\"color-space\">\n <div class=\"color-computed-item\" v-for=\"(item, index) in expandColorList.fade\" :key=\"index\"\n @click=\"selectExpandColor(item, true)\">\n <div class=\"color-picker-checkboard\"></div>\n <div :style=\"getRenderBackgroundColor(item)\"></div>\n </div>\n </div>\n </el-card>\n </div>\n\n <create-color-render-chart class=\"chart-preview\"\n :color=\"cloneDeep(editColor.color).splice(0, 7)\"></create-color-render-chart>\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { PropType, ref, watch, computed, reactive, nextTick } from 'vue'\nimport cloneDeep from 'lodash/cloneDeep'\nimport { darken, lighten, fade, hslToHex, hslToHexa, loadAsyncComponent } from '@core/utils'\nimport { icon } from '@core/plugins'\n\ntype ColorType = {\n id: string\n name: string\n color: string[]\n}\n\nconst props = defineProps({\n selectColor: Object as PropType<ColorType>\n})\n\nconst emit = defineEmits(['updateColor'])\n\nconst { AddIcon, TrashIcon } = icon.ionicons5\nconst CreateColorRenderChart = loadAsyncComponent(() => import('../CreateColorRenderChart/index.vue'))\n\n// 拷贝的一份数据\nconst editColor = ref<ColorType \| undefined>()\n\n// 目标颜色\nconst targetColor = reactive<{\n index: number\n color?: string\n}>({\n // -1 表示无选中元素\n index: -1,\n color: ''\n})\n\n// 监听值\nwatch(\n () => props.selectColor?.id,\n () => {\n editColor.value = cloneDeep(props.selectColor)\n targetColor.index = 0\n targetColor.color = editColor.value?.color[0]\n },\n {\n immediate: true,\n deep: false\n }\n)\n\n// 扩展色\nconst expandColorList = computed(() => {\n return computedColorList(targetColor.color)\n})\n\n// 计算背景色\nconst computedColorList = (color?: string) => {\n if (!color)\n return {\n default: [],\n fade: []\n }\n const num: number = 36\n const comDarkenArr: string[] = []\n const comLightenArr: string[] = []\n const comDarkenFadeArr: string[] = []\n\n for (let i = 0; i < num; i++) {\n comLightenArr.unshift(lighten(color, (1 / 100) * (i + 1)))\n comDarkenArr.push(darken(color, (3.5 / 100) * (i + 1)))\n }\n\n // 透明\n comDarkenArr.forEach((item, i) => {\n comDarkenFadeArr.unshift(fade(item, (1 / 100) * (i + 1)))\n })\n\n return {\n default: [\n ...comLightenArr.reverse().splice(0, parseInt(`${num / 2}`) - 9),\n ...comDarkenArr.splice(0, parseInt(`${num / 2}`))\n ],\n fade: comDarkenFadeArr.reverse().splice(0, 27)\n }\n}\n\n// 渲染背景色\nconst getRenderBackgroundColor = (color?: string) => {\n return {\n backgroundColor: color\n }\n}\n\nconst getColorMetaStyle = (color?: string) => {\n return {\n color: getReadableTextColor(color)\n }\n}\n\nconst getReadableTextColor = (color?: string) => {\n if (!color \|\| color[0] !== '#') return '#ffffff'\n\n const hex = color.slice(1)\n let r = 255\n let g = 255\n let b = 255\n\n // #RGB/#RGBA\n if (hex.length === 3 \|\| hex.length === 4) {\n r = parseInt(hex[0] + hex[0], 16)\n g = parseInt(hex[1] + hex[1], 16)\n b = parseInt(hex[2] + hex[2], 16)\n }\n\n // #RRGGBB/#RRGGBBAA\n if (hex.length === 6 \|\| hex.length === 8) {\n r = parseInt(hex.slice(0, 2), 16)\n g = parseInt(hex.slice(2, 4), 16)\n b = parseInt(hex.slice(4, 6), 16)\n }\n\n const brightness = (r * 299 + g * 587 + b * 114) / 1000\n return brightness > 160 ? '#111827' : '#ffffff'\n}\n\n// 点击颜色\nconst selectHandle = (color: string, index: number) => {\n targetColor.color = color\n targetColor.index = index\n}\n\n// 改变颜色\nconst completeHandle = (color?: string, index?: number) => {\n color && (targetColor.color = color)\n index !== undefined && (targetColor.index = index)\n nextTick(() => {\n emit('updateColor', editColor.value)\n })\n}\n\n// 选择扩展色\nconst selectExpandColor = (color: string, isHexa: boolean) => {\n const hexColor = isHexa ? hslToHexa(color) : hslToHex(color)\n editColor.value && (editColor.value.color[targetColor.index] = hexColor)\n targetColor.color = hexColor\n nextTick(() => {\n emit('updateColor', editColor.value)\n })\n}\n\n// 新增颜色\nconst addColor = () => {\n const lastData = editColor.value?.color[editColor.value?.color.length - 1] \|\| '#2c2c31'\n editColor.value?.color.push(lastData)\n\n const nextIndex = (editColor.value?.color.length \|\| 1) - 1\n targetColor.index = nextIndex\n targetColor.color = editColor.value?.color[nextIndex]\n\n nextTick(() => {\n emit('updateColor', editColor.value)\n })\n}\n\n// 删除颜色\nconst deleteColor = (index: number) => {\n editColor.value?.color.splice(index, 1)\n if (!editColor.value?.color.length) return\n\n if (index === targetColor.index \|\| targetColor.index >= editColor.value.color.length) {\n const nextIndex = Math.max(0, index - 1)\n completeHandle(editColor.value.color[nextIndex], nextIndex)\n return\n }\n\n nextTick(() => {\n emit('updateColor', editColor.value)\n })\n}\n\n// 修改名称\nconst titleChangeHandle = () => {\n nextTick(() => {\n emit('updateColor', editColor.value)\n })\n}\n</script>\n\n<style scoped lang=\"scss\">\n.create-color-setting {\n display: flex;\n flex-direction: column;\n gap: 10px;\n height: 100%;\n padding-right: 8px;\n\n .panel-card {\n border: 1px solid var(--el-border-color-light);\n border-radius: 14px;\n background:\n linear-gradient(180deg, rgb(255 255 255 / 0.02) 0%, rgb(255 255 255 / 0) 100%),\n var(--el-bg-color-overlay);\n\n :deep(.el-card__body) {\n padding: 14px;\n }\n }\n\n .panel-title,\n .section-title {\n font-size: 14px;\n font-weight: 700;\n color: var(--el-text-color-primary);\n line-height: 1.2;\n }\n\n .section-subtitle {\n margin-top: 4px;\n font-size: 12px;\n color: var(--el-text-color-secondary);\n line-height: 1.35;\n }\n\n .section-title {\n margin-bottom: 2px;\n }\n\n .no-margin {\n margin-bottom: 0;\n }\n\n .name-row {\n margin-bottom: 10px;\n }\n\n .name-row-top {\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 10px;\n }\n\n .input-group {\n display: flex;\n align-items: center;\n max-width: 320px;\n\n .input-group-label {\n flex-shrink: 0;\n padding: 0 14px;\n background: var(--el-fill-color-light);\n border: 1px solid var(--el-border-color);\n border-right: none;\n border-radius: 10px 0 0 10px;\n height: 36px;\n line-height: 36px;\n white-space: nowrap;\n color: var(--el-text-color-regular);\n font-weight: 500;\n }\n\n .create-color-name {\n width: 220px;\n\n :deep(.el-input__wrapper) {\n min-height: 36px;\n border-radius: 0 10px 10px 0;\n }\n }\n }\n\n .color-list-box {\n display: grid;\n grid-template-columns: repeat(4, minmax(0, 1fr));\n gap: 10px;\n padding-right: 2px;\n }\n\n .color-list-item {\n display: flex;\n align-items: center;\n gap: 6px;\n }\n\n .picker-box {\n position: relative;\n width: 100%;\n min-height: 60px;\n overflow: hidden;\n border-radius: 12px;\n border: 1px solid var(--el-border-color-light);\n background: var(--el-fill-color-light);\n transition: all 0.18s ease;\n box-shadow: 0 4px 14px rgb(15 23 42 / 0.06);\n\n &:hover {\n transform: translateY(-1px);\n border-color: var(--el-color-primary-light-5);\n box-shadow: 0 8px 18px rgb(15 23 42 / 0.1);\n }\n\n &.select {\n border-color: v-bind('targetColor.color');\n box-shadow: 0 0 0 2px rgb(64 158 255 / 0.14);\n }\n\n .picker-index {\n position: absolute;\n top: 6px;\n left: 8px;\n z-index: 2;\n padding: 1px 7px;\n border-radius: 999px;\n background: rgb(17 24 39 / 0.48);\n color: #fff;\n font-size: 11px;\n line-height: 18px;\n backdrop-filter: blur(6px);\n pointer-events: none;\n }\n\n .color-meta {\n position: absolute;\n right: 8px;\n bottom: 8px;\n left: 8px;\n z-index: 2;\n display: flex;\n align-items: center;\n justify-content: center;\n min-height: 22px;\n padding: 0 8px;\n border-radius: 999px;\n background: rgb(255 255 255 / 0.16);\n backdrop-filter: blur(10px);\n pointer-events: none;\n }\n\n .color-value {\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: 12px;\n font-weight: 600;\n }\n\n :deep(.el-color-picker) {\n width: 100%;\n display: block;\n }\n\n :deep(.el-color-picker__trigger) {\n width: 100%;\n height: 60px;\n padding: 0;\n border: none;\n border-radius: 12px;\n background: transparent;\n }\n\n :deep(.el-color-picker__color) {\n width: 100%;\n height: 100%;\n border: none;\n }\n\n :deep(.el-color-picker__color-inner) {\n border-radius: 12px;\n }\n\n :deep(.el-color-picker__icon),\n :deep(.el-color-picker__empty) {\n display: none;\n }\n }\n\n .delete-box {\n flex-shrink: 0;\n }\n\n .delete-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 28px;\n height: 28px;\n border-radius: 50%;\n color: var(--el-text-color-secondary);\n background: var(--el-fill-color-light);\n transition: all 0.2s ease;\n cursor: pointer;\n\n &:hover {\n color: var(--el-color-danger);\n background: var(--el-color-danger-light-9);\n }\n }\n\n .add-color-card {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 6px;\n min-height: 60px;\n border: 1px dashed var(--el-border-color);\n border-radius: 12px;\n background: var(--el-fill-color-lighter);\n color: var(--el-text-color-regular);\n cursor: pointer;\n transition: all 0.18s ease;\n\n &:hover {\n color: var(--el-color-primary);\n border-color: var(--el-color-primary-light-5);\n background: var(--el-color-primary-light-9);\n }\n }\n\n .expend-color-box {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 10px;\n align-items: stretch;\n }\n\n .expand-header {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n gap: 12px;\n }\n\n .color-space {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(24px, 1fr));\n gap: 6px;\n }\n\n .color-picker-checkboard {\n background-image:\n linear-gradient(45deg, #d1d5db 25%, transparent 25%),\n linear-gradient(-45deg, #d1d5db 25%, transparent 25%),\n linear-gradient(45deg, transparent 75%, #d1d5db 75%),\n linear-gradient(-45deg, transparent 75%, #d1d5db 75%);\n background-size: 8px 8px;\n background-position: 0 0, 0 4px, 4px -4px, -4px 0;\n }\n\n .expend-color {\n :deep(.el-divider) {\n margin: 14px 0 12px;\n }\n\n .color-computed-item {\n position: relative;\n display: inline-block;\n height: 24px;\n width: 100%;\n min-width: 24px;\n cursor: pointer;\n overflow: hidden;\n border-radius: 7px;\n border: 1px solid var(--el-border-color-light);\n box-shadow: 0 3px 8px rgb(15 23 42 / 0.04);\n transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;\n\n &:hover {\n transform: translateY(-1px);\n border-color: var(--el-color-primary-light-5);\n box-shadow: 0 8px 14px rgb(15 23 42 / 0.08);\n }\n\n & div {\n position: absolute;\n display: inline-block;\n height: 100%;\n width: 100%;\n }\n\n }\n }\n\n .chart-preview {\n display: block;\n margin-top: 2px;\n padding: 0 4px;\n }\n}\n\n:global(.create-color-picker-popper) {\n z-index: 4000 !important;\n}\n</style>\n","<template>\n <el-dialog class=\"go-chart-create-color\" v-model=\"modelShowRef\" :close-on-click-modal=\"false\"\n :close-on-press-escape=\"false\" width=\"900px\" :show-close=\"false\" top=\"6vh\">\n <div class=\"create-content\">\n <div class=\"create-color-setting-box\">\n <create-color-render v-if=\"selectColorId\" :selectColor=\"selectColor.selectInfo\"\n @updateColor=\"updateColorHandle\"></create-color-render>\n <!-- 无数据 -->\n <div v-else class=\"no-data go-flex-center\">\n <img :src=\"noData\" alt=\"暂无数据\" />\n <el-text type=\"info\">暂未选择自定义颜色</el-text>\n </div>\n </div>\n <div class=\"color-list-box\">\n <el-timeline class=\"pond-item-timeline\" style=\"width: 20px\">\n <el-timeline-item type=\"primary\"> </el-timeline-item>\n <el-timeline-item type=\"success\"></el-timeline-item>\n </el-timeline>\n <div class=\"color-list\">\n <div class=\"button-space\">\n <!-- 新增 -->\n <el-button class=\"create-btn\" :class=\"{ 'is-full': !!!selectColorId }\" type=\"primary\"\n :plain=\"!!selectColorId\" @click=\"createColor\">\n <el-icon>\n <duplicate-outline-icon></duplicate-outline-icon>\n </el-icon>\n <span> 创建 </span>\n </el-button>\n <el-badge v-if=\"selectColorId\" :is-dot=\"updateColor !== undefined\" :hidden=\"updateColor === undefined\">\n <el-button class=\"create-btn\" type=\"info\" plain @click=\"saveHandle\">\n <el-icon>\n <arrow-down-icon></arrow-down-icon>\n </el-icon>\n <span> 应用数据 </span>\n </el-button>\n </el-badge>\n </div>\n <el-divider style=\"margin: 10px 0\"></el-divider>\n <el-text v-if=\"!selectColorId\" class=\"not-data-text\" type=\"info\">\n 暂无自定义颜色，\n <el-link type=\"primary\" @click=\"createColor\">立即创建</el-link>\n </el-text>\n <!-- 列表 -->\n <div class=\"color-card-box\" v-for=\"(item, index) in colorList\" :key=\"index\">\n <el-card class=\"color-card\" :class=\"{ selected: item.id === selectColorId }\" shadow=\"hover\"\n @click=\"selectHandle(item)\">\n <div class=\"go-flex-items-center\">\n <el-text class=\"color-name\" truncated>{{ item.name }} </el-text>\n <span class=\"theme-color-item\" v-for=\"(colorItem, index) in item.color\" :key=\"index\"\n :style=\"{ backgroundColor: colorItem }\"></span>\n </div>\n <div class=\"theme-bottom\" :style=\"{ backgroundImage: colorBackgroundImage(item) }\"></div>\n </el-card>\n <el-tooltip content=\"删除自定义颜色\" placement=\"top\">\n <el-button text :disabled=\"item.id === selectThemeColor\" @click=\"deleteHandle(index)\">\n <el-icon class=\"go-ml-1 go-cursor-pointer\" :size=\"16\">\n <trash-icon></trash-icon>\n </el-icon>\n </el-button>\n </el-tooltip>\n </div>\n </div>\n </div>\n </div>\n <!-- 底部 -->\n <template #footer>\n <div class=\"dialog-footer\">\n <el-button @click=\"closeHandle\">操作完成</el-button>\n </div>\n </template>\n </el-dialog>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, watch, computed, reactive, nextTick, onMounted } from 'vue'\nimport cloneDeep from 'lodash/cloneDeep'\nimport noData from '@core/assets/images/canvas/noData.png'\nimport { getUUID, goDialog } from '@core/utils'\nimport { icon } from '@core/plugins'\nimport { UvIndex } from '@vicons/carbon'\nimport { useChartEditStore } from '@core/store/modules/chartEditStore/chartEditStore'\nimport { EditCanvasConfigEnum } from '@core/store/modules/chartEditStore/chartEditStore.d'\nimport { CreateColorRender } from '../CreateColorRender/index'\n\nconst props = defineProps({\n modelShow: Boolean\n})\nconst emit = defineEmits(['update:modelShow', 'editSaveHandle'])\nconst { DuplicateOutlineIcon, TrashIcon, ArrowDownIcon } = icon.ionicons5\n\ntype ColorType = {\n id: string\n name: string\n color: string[]\n}\n\n// 默认颜色组\nconst defaultColor: ColorType = {\n id: getUUID(),\n name: '未命名',\n color: ['#6ae5bb', '#69e3de', '#5ac5ee', '#5ac4ee', '#4498ec', '#3c7ddf']\n}\nconst chartEditStore = useChartEditStore()\nconst modelShowRef = ref(false)\n// 颜色列表\nlet colorList = reactive<Array<ColorType>>(chartEditStore.getEditCanvasConfig.chartCustomThemeColorInfo \|\| [])\n// 子组件更新过的数据\nconst updateColor = ref<ColorType \| undefined>(undefined)\n// 所选颜色\nconst selectColor = reactive<{\n selectInfo: ColorType \| undefined\n}>({\n selectInfo: colorList[0]\n})\n\nwatch(\n () => props.modelShow,\n newValue => {\n modelShowRef.value = newValue\n if (newValue) {\n // 默认选中\n if (colorList.length) selectColor.selectInfo = colorList[0]\n }\n }\n)\n\n// 当前选中的 ID\nconst selectColorId = computed(() => selectColor?.selectInfo?.id)\n\n// 全局选择的主题\nconst selectThemeColor = computed(() => chartEditStore.getEditCanvasConfig.chartThemeColor)\n\n// 选择\nconst selectHandle = (item: ColorType) => {\n if (item.id === selectColorId.value) return\n if (updateColor.value !== undefined) {\n goDialog({\n message: '当前有变动未保存，是否直接放弃修改？',\n onPositiveCallback: () => {\n updateColor.value = undefined\n selectColor.selectInfo = item\n }\n })\n } else {\n selectColor.selectInfo = item\n }\n}\n\n// 创建\nconst createColor = () => {\n const positiveHandle = () => {\n const newData = { ...cloneDeep(defaultColor), id: getUUID() }\n selectColor.selectInfo = newData\n colorList.push(newData)\n selectHandle(newData)\n updateColor.value = newData\n saveHandle(false)\n }\n if (updateColor.value !== undefined) {\n goDialog({\n message: '当前有变动未保存，是否直接放弃修改？',\n onPositiveCallback: () => {\n updateColor.value = undefined\n positiveHandle()\n }\n })\n } else {\n positiveHandle()\n }\n}\n\n// 删除\nconst deleteHandle = (index: number) => {\n const positiveHandle = () => {\n colorList.splice(index, 1)\n chartEditStore.setEditCanvasConfig(EditCanvasConfigEnum.CHART_CUSTOM_THEME_COLOR_INFO, cloneDeep(colorList))\n nextTick(() => {\n if (colorList.length) {\n selectHandle(colorList[index - 1 > -1 ? index - 1 : index])\n } else {\n // 已清空\n selectColor.selectInfo = undefined\n }\n })\n }\n if (updateColor.value !== undefined) {\n goDialog({\n message: '当前有变动未保存，是否直接放弃修改？',\n onPositiveCallback: () => {\n updateColor.value = undefined\n positiveHandle()\n }\n })\n } else {\n goDialog({\n message: `是否删除此颜色？`,\n onPositiveCallback: () => {\n positiveHandle()\n }\n })\n }\n}\n\n// 存储更新数据的值\nconst updateColorHandle = (newColor: ColorType) => {\n updateColor.value = newColor\n}\n\n// 保存数据\nconst saveHandle = (onMessage = true) => {\n if (!updateColor.value) return\n const index = colorList.findIndex(item => item.id === updateColor.value?.id)\n if (index !== -1) {\n onMessage && window.$message.success('数据应用成功！')\n const updateColorPrefix = cloneDeep({ ...updateColor.value, name: updateColor.value.name \|\| '未定义' })\n colorList.splice(index, 1, updateColorPrefix)\n updateColor.value = undefined\n const selectTheme = chartEditStore.getEditCanvasConfig.chartThemeColor\n // 变换主题强制渐变色更新\n chartEditStore.setEditCanvasConfig(EditCanvasConfigEnum.CHART_THEME_COLOR, 'dark')\n // 存储到全局数据中\n nextTick(() => {\n chartEditStore.setEditCanvasConfig(EditCanvasConfigEnum.CHART_CUSTOM_THEME_COLOR_INFO, cloneDeep(colorList))\n chartEditStore.setEditCanvasConfig(EditCanvasConfigEnum.CHART_THEME_COLOR, selectTheme)\n })\n } else {\n window.$message.error('数据应用失败！')\n }\n}\n\n// 关闭\nconst closeHandle = () => {\n const positiveHandle = () => {\n updateColor.value = undefined\n selectColor.selectInfo = undefined\n emit('update:modelShow', false)\n }\n\n if (updateColor.value !== undefined) {\n goDialog({\n message: '当前有变动未保存，是否直接放弃修改？',\n onPositiveCallback: () => {\n positiveHandle()\n }\n })\n } else {\n positiveHandle()\n }\n}\n\n// 底色\nconst colorBackgroundImage = (item: ColorType) => {\n return `linear-gradient(to right, ${item.color[0]} 0%, ${item.color[5]} 100%)`\n}\n</script>\n\n<style scoped lang=\"scss\">\n$height: 600px;\n$listWidth: 280px;\n$color-radius: 8px;\n$color-item-radius: 4px;\n\n.go-chart-create-color {\n :deep(.el-dialog) {\n max-width: calc(100vw - 48px);\n max-height: calc(100vh - 48px);\n overflow: hidden;\n }\n\n :deep(.el-dialog__body) {\n padding: 10px 20px;\n height: 600px;\n max-height: calc(100vh - 160px);\n overflow: hidden;\n }\n\n .create-content {\n display: flex;\n height: 100%;\n gap: 16px;\n overflow: hidden;\n\n /* 左侧 /\n .create-color-setting-box {\n flex: 1;\n min-width: 0;\n overflow: auto;\n\n .no-data {\n flex-direction: column;\n width: 100%;\n height: 100%;\n\n img {\n width: 200px;\n }\n }\n }\n\n / 列表 */\n .color-list-box {\n display: flex;\n flex-shrink: 0;\n width: 290px;\n padding-top: 10px;\n margin-right: 5px;\n overflow: hidden;\n\n .pond-item-timeline {\n flex-shrink: 0;\n\n :deep(.el-timeline-item) {\n &:first-child {\n height: $height;\n }\n }\n }\n\n .color-list {\n width: calc(100% - 20px);\n position: relative;\n padding-right: 8px;\n overflow-y: auto;\n overflow-x: hidden;\n\n .button-space {\n display: flex;\n gap: 8px;\n }\n\n .create-btn {\n width: 133px;\n\n &.is-full {\n width: 100%;\n }\n }\n\n .not-data-text {\n display: block;\n text-align: center;\n }\n\n .color-card-box {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-top: 15px;\n\n &:first-child {\n margin-top: 0;\n }\n\n .color-card {\n position: relative;\n overflow: hidden;\n cursor: pointer;\n border-radius: $color-radius;\n border: 2px solid rgba(0, 0, 0, 0);\n border-bottom: 1px solid rgba(0, 0, 0, 0);\n @include fetch-bg-color('background-color4-shallow');\n\n :deep(.el-card__body) {\n padding: 7px;\n padding-top: 10px;\n padding-bottom: 10px;\n }\n\n &.selected {\n border: 2px solid var(--el-color-primary);\n border-bottom: 1px solid rgba(0, 0, 0, 0);\n }\n\n .go-flex-items-center {\n justify-content: space-between;\n margin-top: -4px;\n }\n\n .color-name {\n text-align: left;\n width: 70px;\n }\n\n .theme-color-item {\n display: inline-block;\n width: 16px;\n height: 16px;\n border-radius: $color-item-radius;\n }\n\n .theme-bottom {\n position: absolute;\n left: 0;\n bottom: 0px;\n width: 100%;\n height: 3px;\n }\n }\n }\n }\n }\n }\n\n .dialog-footer {\n display: flex;\n justify-content: flex-end;\n }\n}\n</style>\n"],"names":["props","__props","emit","__emit","AddIcon","TrashIcon","icon","CreateColorRenderChart","loadAsyncComponent","editColor","ref","targetColor","reactive","watch","_a","cloneDeep","expandColorList","computed","computedColorList","color","num","comDarkenArr","comLightenArr","comDarkenFadeArr","lighten","darken","item","i","fade","getRenderBackgroundColor","getColorMetaStyle","getReadableTextColor","hex","r","g","b","selectHandle","index","completeHandle","nextTick","selectExpandColor","isHexa","hexColor","hslToHexa","hslToHex","addColor","lastData","_b","_c","nextIndex","_d","_e","deleteColor","titleChangeHandle","_openBlock","_createElementBlock","_hoisted_1","_createVNode","_component_el_card","_createElementVNode","_hoisted_2","_hoisted_3","_cache","_component_el_input","$event","_component_el_tag","_component_el_scrollbar","_hoisted_4","_Fragment","_hoisted_6","_component_el_color_picker","_hoisted_7","_toDisplayString","_withDirectives","_hoisted_8","_component_el_tooltip","_component_el_icon","_withModifiers","_unref","_hoisted_9","_component_el_divider","_hoisted_10","_normalizeStyle","_hoisted_12","DuplicateOutlineIcon","ArrowDownIcon","defaultColor","getUUID","chartEditStore","useChartEditStore","modelShowRef","colorList","updateColor","selectColor","newValue","selectColorId","selectThemeColor","goDialog","createColor","positiveHandle","newData","saveHandle","deleteHandle","EditCanvasConfigEnum","updateColorHandle","newColor","onMessage","updateColorPrefix","selectTheme","closeHandle","colorBackgroundImage","_createBlock","_component_el_dialog","_component_el_button","CreateColorRender","noData","_component_el_text","_hoisted_5","_component_el_timeline","_component_el_timeline_item","_normalizeClass","_component_el_badge","_component_el_link","_renderList","_createTextVNode","colorItem"],"mappings":"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"}
1	+ {"version":3,"file":"index-e49c232d.js","sources":["../src/views/chart/ContentConfigurations/components/CanvasPage/components/CreateColorRender/index.vue","../src/views/chart/ContentConfigurations/components/CanvasPage/components/CreateColor/index.vue"],"sourcesContent":["<template>\n <div class=\"create-color-setting\" v-if=\"editColor\">\n <el-card class=\"panel-card\" shadow=\"never\" role=\"dialog\" aria-modal=\"true\">\n <div class=\"name-row name-row-top\">\n <div class=\"input-group\">\n <span class=\"input-group-label\">名称</span>\n <el-input class=\"create-color-name\" v-model.trim=\"editColor.name\" maxlength=\"8\" show-word-limit clearable\n @change=\"titleChangeHandle\" />\n </div>\n <el-tag effect=\"dark\" type=\"warning\" round>底部图表仅展示 7 条数据</el-tag>\n </div>\n\n <div class=\"section-title\">主题颜色</div>\n <el-scrollbar max-height=\"240px\">\n <div class=\"color-list-box go-mt-3\">\n <div class=\"color-list-item\" v-for=\"(item, index) in editColor.color\" :key=\"index\">\n <div class=\"picker-box\" :class=\"{ select: index === targetColor.index }\" @click=\"selectHandle(item, index)\">\n <div class=\"picker-index\">#{{ index + 1 }}</div>\n <el-color-picker v-model=\"editColor.color[index]\" show-alpha color-format=\"hex\" :teleported=\"true\"\n popper-class=\"create-color-picker-popper\" @change=\"completeHandle($event, index)\" />\n <div class=\"color-meta\" :style=\"getColorMetaStyle(editColor.color[index])\">\n <span class=\"color-value\">{{ editColor.color[index] }}</span>\n </div>\n </div>\n <div v-show=\"index > 5\" class=\"delete-box\">\n <el-tooltip content=\"删除颜色\" placement=\"top\">\n <el-icon class=\"delete-icon\" :size=\"16\" @click.stop=\"deleteColor(index)\">\n <trash-icon></trash-icon>\n </el-icon>\n </el-tooltip>\n </div>\n </div>\n\n <button class=\"add-color-card\" type=\"button\" @click=\"addColor\">\n <el-icon :size=\"18\">\n <add-icon></add-icon>\n </el-icon>\n <span>添加颜色</span>\n </button>\n </div>\n </el-scrollbar>\n </el-card>\n\n <div class=\"expend-color-box\">\n <el-card class=\"panel-card go-mt-3 expend-color\" shadow=\"never\" role=\"dialog\" aria-modal=\"true\">\n <div class=\"expand-header\">\n <div class=\"section-title no-margin\">默认扩展色</div>\n </div>\n <el-divider />\n <div class=\"color-space\">\n <div class=\"color-computed-item\" v-for=\"(item, index) in expandColorList.default\" :key=\"index\"\n @click=\"selectExpandColor(item, false)\">\n <div class=\"color-picker-checkboard\"></div>\n <div :style=\"getRenderBackgroundColor(item)\"></div>\n </div>\n </div>\n </el-card>\n\n <el-card class=\"panel-card go-mt-3 expend-color\" shadow=\"never\" role=\"dialog\" aria-modal=\"true\">\n <div class=\"expand-header\">\n <div class=\"section-title no-margin\">透明扩展色</div>\n </div>\n <el-divider />\n <div class=\"color-space\">\n <div class=\"color-computed-item\" v-for=\"(item, index) in expandColorList.fade\" :key=\"index\"\n @click=\"selectExpandColor(item, true)\">\n <div class=\"color-picker-checkboard\"></div>\n <div :style=\"getRenderBackgroundColor(item)\"></div>\n </div>\n </div>\n </el-card>\n </div>\n\n <create-color-render-chart class=\"chart-preview\"\n :color=\"cloneDeep(editColor.color).splice(0, 7)\"></create-color-render-chart>\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { PropType, ref, watch, computed, reactive, nextTick } from 'vue'\nimport cloneDeep from 'lodash/cloneDeep'\nimport { darken, lighten, fade, hslToHex, hslToHexa, loadAsyncComponent } from '@core/utils'\nimport { icon } from '@core/plugins'\n\ntype ColorType = {\n id: string\n name: string\n color: string[]\n}\n\nconst props = defineProps({\n selectColor: Object as PropType<ColorType>\n})\n\nconst emit = defineEmits(['updateColor'])\n\nconst { AddIcon, TrashIcon } = icon.ionicons5\nconst CreateColorRenderChart = loadAsyncComponent(() => import('../CreateColorRenderChart/index.vue'))\n\n// 拷贝的一份数据\nconst editColor = ref<ColorType \| undefined>()\n\n// 目标颜色\nconst targetColor = reactive<{\n index: number\n color?: string\n}>({\n // -1 表示无选中元素\n index: -1,\n color: ''\n})\n\n// 监听值\nwatch(\n () => props.selectColor?.id,\n () => {\n editColor.value = cloneDeep(props.selectColor)\n targetColor.index = 0\n targetColor.color = editColor.value?.color[0]\n },\n {\n immediate: true,\n deep: false\n }\n)\n\n// 扩展色\nconst expandColorList = computed(() => {\n return computedColorList(targetColor.color)\n})\n\n// 计算背景色\nconst computedColorList = (color?: string) => {\n if (!color)\n return {\n default: [],\n fade: []\n }\n const num: number = 36\n const comDarkenArr: string[] = []\n const comLightenArr: string[] = []\n const comDarkenFadeArr: string[] = []\n\n for (let i = 0; i < num; i++) {\n comLightenArr.unshift(lighten(color, (1 / 100) * (i + 1)))\n comDarkenArr.push(darken(color, (3.5 / 100) * (i + 1)))\n }\n\n // 透明\n comDarkenArr.forEach((item, i) => {\n comDarkenFadeArr.unshift(fade(item, (1 / 100) * (i + 1)))\n })\n\n return {\n default: [\n ...comLightenArr.reverse().splice(0, parseInt(`${num / 2}`) - 9),\n ...comDarkenArr.splice(0, parseInt(`${num / 2}`))\n ],\n fade: comDarkenFadeArr.reverse().splice(0, 27)\n }\n}\n\n// 渲染背景色\nconst getRenderBackgroundColor = (color?: string) => {\n return {\n backgroundColor: color\n }\n}\n\nconst getColorMetaStyle = (color?: string) => {\n return {\n color: getReadableTextColor(color)\n }\n}\n\nconst getReadableTextColor = (color?: string) => {\n if (!color \|\| color[0] !== '#') return '#ffffff'\n\n const hex = color.slice(1)\n let r = 255\n let g = 255\n let b = 255\n\n // #RGB/#RGBA\n if (hex.length === 3 \|\| hex.length === 4) {\n r = parseInt(hex[0] + hex[0], 16)\n g = parseInt(hex[1] + hex[1], 16)\n b = parseInt(hex[2] + hex[2], 16)\n }\n\n // #RRGGBB/#RRGGBBAA\n if (hex.length === 6 \|\| hex.length === 8) {\n r = parseInt(hex.slice(0, 2), 16)\n g = parseInt(hex.slice(2, 4), 16)\n b = parseInt(hex.slice(4, 6), 16)\n }\n\n const brightness = (r * 299 + g * 587 + b * 114) / 1000\n return brightness > 160 ? '#111827' : '#ffffff'\n}\n\n// 点击颜色\nconst selectHandle = (color: string, index: number) => {\n targetColor.color = color\n targetColor.index = index\n}\n\n// 改变颜色\nconst completeHandle = (color?: string, index?: number) => {\n color && (targetColor.color = color)\n index !== undefined && (targetColor.index = index)\n nextTick(() => {\n emit('updateColor', editColor.value)\n })\n}\n\n// 选择扩展色\nconst selectExpandColor = (color: string, isHexa: boolean) => {\n const hexColor = isHexa ? hslToHexa(color) : hslToHex(color)\n editColor.value && (editColor.value.color[targetColor.index] = hexColor)\n targetColor.color = hexColor\n nextTick(() => {\n emit('updateColor', editColor.value)\n })\n}\n\n// 新增颜色\nconst addColor = () => {\n const lastData = editColor.value?.color[editColor.value?.color.length - 1] \|\| '#2c2c31'\n editColor.value?.color.push(lastData)\n\n const nextIndex = (editColor.value?.color.length \|\| 1) - 1\n targetColor.index = nextIndex\n targetColor.color = editColor.value?.color[nextIndex]\n\n nextTick(() => {\n emit('updateColor', editColor.value)\n })\n}\n\n// 删除颜色\nconst deleteColor = (index: number) => {\n editColor.value?.color.splice(index, 1)\n if (!editColor.value?.color.length) return\n\n if (index === targetColor.index \|\| targetColor.index >= editColor.value.color.length) {\n const nextIndex = Math.max(0, index - 1)\n completeHandle(editColor.value.color[nextIndex], nextIndex)\n return\n }\n\n nextTick(() => {\n emit('updateColor', editColor.value)\n })\n}\n\n// 修改名称\nconst titleChangeHandle = () => {\n nextTick(() => {\n emit('updateColor', editColor.value)\n })\n}\n</script>\n\n<style scoped lang=\"scss\">\n.create-color-setting {\n display: flex;\n flex-direction: column;\n gap: 10px;\n height: 100%;\n padding-right: 8px;\n\n .panel-card {\n border: 1px solid var(--el-border-color-light);\n border-radius: 14px;\n background:\n linear-gradient(180deg, rgb(255 255 255 / 0.02) 0%, rgb(255 255 255 / 0) 100%),\n var(--el-bg-color-overlay);\n\n :deep(.el-card__body) {\n padding: 14px;\n }\n }\n\n .panel-title,\n .section-title {\n font-size: 14px;\n font-weight: 700;\n color: var(--el-text-color-primary);\n line-height: 1.2;\n }\n\n .section-subtitle {\n margin-top: 4px;\n font-size: 12px;\n color: var(--el-text-color-secondary);\n line-height: 1.35;\n }\n\n .section-title {\n margin-bottom: 2px;\n }\n\n .no-margin {\n margin-bottom: 0;\n }\n\n .name-row {\n margin-bottom: 10px;\n }\n\n .name-row-top {\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 10px;\n }\n\n .input-group {\n display: flex;\n align-items: center;\n max-width: 320px;\n\n .input-group-label {\n flex-shrink: 0;\n padding: 0 14px;\n background: var(--el-fill-color-light);\n border: 1px solid var(--el-border-color);\n border-right: none;\n border-radius: 10px 0 0 10px;\n height: 36px;\n line-height: 36px;\n white-space: nowrap;\n color: var(--el-text-color-regular);\n font-weight: 500;\n }\n\n .create-color-name {\n width: 220px;\n\n :deep(.el-input__wrapper) {\n min-height: 36px;\n border-radius: 0 10px 10px 0;\n }\n }\n }\n\n .color-list-box {\n display: grid;\n grid-template-columns: repeat(4, minmax(0, 1fr));\n gap: 10px;\n padding-right: 2px;\n }\n\n .color-list-item {\n display: flex;\n align-items: center;\n gap: 6px;\n }\n\n .picker-box {\n position: relative;\n width: 100%;\n min-height: 60px;\n overflow: hidden;\n border-radius: 12px;\n border: 1px solid var(--el-border-color-light);\n background: var(--el-fill-color-light);\n transition: all 0.18s ease;\n box-shadow: 0 4px 14px rgb(15 23 42 / 0.06);\n\n &:hover {\n transform: translateY(-1px);\n border-color: var(--el-color-primary-light-5);\n box-shadow: 0 8px 18px rgb(15 23 42 / 0.1);\n }\n\n &.select {\n border-color: v-bind('targetColor.color');\n box-shadow: 0 0 0 2px rgb(64 158 255 / 0.14);\n }\n\n .picker-index {\n position: absolute;\n top: 6px;\n left: 8px;\n z-index: 2;\n padding: 1px 7px;\n border-radius: 999px;\n background: rgb(17 24 39 / 0.48);\n color: #fff;\n font-size: 11px;\n line-height: 18px;\n backdrop-filter: blur(6px);\n pointer-events: none;\n }\n\n .color-meta {\n position: absolute;\n right: 8px;\n bottom: 8px;\n left: 8px;\n z-index: 2;\n display: flex;\n align-items: center;\n justify-content: center;\n min-height: 22px;\n padding: 0 8px;\n border-radius: 999px;\n background: rgb(255 255 255 / 0.16);\n backdrop-filter: blur(10px);\n pointer-events: none;\n }\n\n .color-value {\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: 12px;\n font-weight: 600;\n }\n\n :deep(.el-color-picker) {\n width: 100%;\n display: block;\n }\n\n :deep(.el-color-picker__trigger) {\n width: 100%;\n height: 60px;\n padding: 0;\n border: none;\n border-radius: 12px;\n background: transparent;\n }\n\n :deep(.el-color-picker__color) {\n width: 100%;\n height: 100%;\n border: none;\n }\n\n :deep(.el-color-picker__color-inner) {\n border-radius: 12px;\n }\n\n :deep(.el-color-picker__icon),\n :deep(.el-color-picker__empty) {\n display: none;\n }\n }\n\n .delete-box {\n flex-shrink: 0;\n }\n\n .delete-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 28px;\n height: 28px;\n border-radius: 50%;\n color: var(--el-text-color-secondary);\n background: var(--el-fill-color-light);\n transition: all 0.2s ease;\n cursor: pointer;\n\n &:hover {\n color: var(--el-color-danger);\n background: var(--el-color-danger-light-9);\n }\n }\n\n .add-color-card {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 6px;\n min-height: 60px;\n border: 1px dashed var(--el-border-color);\n border-radius: 12px;\n background: var(--el-fill-color-lighter);\n color: var(--el-text-color-regular);\n cursor: pointer;\n transition: all 0.18s ease;\n\n &:hover {\n color: var(--el-color-primary);\n border-color: var(--el-color-primary-light-5);\n background: var(--el-color-primary-light-9);\n }\n }\n\n .expend-color-box {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 10px;\n align-items: stretch;\n }\n\n .expand-header {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n gap: 12px;\n }\n\n .color-space {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(24px, 1fr));\n gap: 6px;\n }\n\n .color-picker-checkboard {\n background-image:\n linear-gradient(45deg, #d1d5db 25%, transparent 25%),\n linear-gradient(-45deg, #d1d5db 25%, transparent 25%),\n linear-gradient(45deg, transparent 75%, #d1d5db 75%),\n linear-gradient(-45deg, transparent 75%, #d1d5db 75%);\n background-size: 8px 8px;\n background-position: 0 0, 0 4px, 4px -4px, -4px 0;\n }\n\n .expend-color {\n :deep(.el-divider) {\n margin: 14px 0 12px;\n }\n\n .color-computed-item {\n position: relative;\n display: inline-block;\n height: 24px;\n width: 100%;\n min-width: 24px;\n cursor: pointer;\n overflow: hidden;\n border-radius: 7px;\n border: 1px solid var(--el-border-color-light);\n box-shadow: 0 3px 8px rgb(15 23 42 / 0.04);\n transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;\n\n &:hover {\n transform: translateY(-1px);\n border-color: var(--el-color-primary-light-5);\n box-shadow: 0 8px 14px rgb(15 23 42 / 0.08);\n }\n\n & div {\n position: absolute;\n display: inline-block;\n height: 100%;\n width: 100%;\n }\n\n }\n }\n\n .chart-preview {\n display: block;\n margin-top: 2px;\n padding: 0 4px;\n }\n}\n\n:global(.create-color-picker-popper) {\n z-index: 4000 !important;\n}\n</style>\n","<template>\n <el-dialog class=\"go-chart-create-color\" v-model=\"modelShowRef\" :close-on-click-modal=\"false\"\n :close-on-press-escape=\"false\" width=\"900px\" :show-close=\"false\" top=\"6vh\">\n <div class=\"create-content\">\n <div class=\"create-color-setting-box\">\n <create-color-render v-if=\"selectColorId\" :selectColor=\"selectColor.selectInfo\"\n @updateColor=\"updateColorHandle\"></create-color-render>\n <!-- 无数据 -->\n <div v-else class=\"no-data go-flex-center\">\n <img :src=\"noData\" alt=\"暂无数据\" />\n <el-text type=\"info\">暂未选择自定义颜色</el-text>\n </div>\n </div>\n <div class=\"color-list-box\">\n <el-timeline class=\"pond-item-timeline\" style=\"width: 20px\">\n <el-timeline-item type=\"primary\"> </el-timeline-item>\n <el-timeline-item type=\"success\"></el-timeline-item>\n </el-timeline>\n <div class=\"color-list\">\n <div class=\"button-space\">\n <!-- 新增 -->\n <el-button class=\"create-btn\" :class=\"{ 'is-full': !!!selectColorId }\" type=\"primary\"\n :plain=\"!!selectColorId\" @click=\"createColor\">\n <el-icon>\n <duplicate-outline-icon></duplicate-outline-icon>\n </el-icon>\n <span> 创建 </span>\n </el-button>\n <el-badge v-if=\"selectColorId\" :is-dot=\"updateColor !== undefined\" :hidden=\"updateColor === undefined\">\n <el-button class=\"create-btn\" type=\"info\" plain @click=\"saveHandle\">\n <el-icon>\n <arrow-down-icon></arrow-down-icon>\n </el-icon>\n <span> 应用数据 </span>\n </el-button>\n </el-badge>\n </div>\n <el-divider style=\"margin: 10px 0\"></el-divider>\n <el-text v-if=\"!selectColorId\" class=\"not-data-text\" type=\"info\">\n 暂无自定义颜色，\n <el-link type=\"primary\" @click=\"createColor\">立即创建</el-link>\n </el-text>\n <!-- 列表 -->\n <div class=\"color-card-box\" v-for=\"(item, index) in colorList\" :key=\"index\">\n <el-card class=\"color-card\" :class=\"{ selected: item.id === selectColorId }\" shadow=\"hover\"\n @click=\"selectHandle(item)\">\n <div class=\"go-flex-items-center\">\n <el-text class=\"color-name\" truncated>{{ item.name }} </el-text>\n <span class=\"theme-color-item\" v-for=\"(colorItem, index) in item.color\" :key=\"index\"\n :style=\"{ backgroundColor: colorItem }\"></span>\n </div>\n <div class=\"theme-bottom\" :style=\"{ backgroundImage: colorBackgroundImage(item) }\"></div>\n </el-card>\n <el-tooltip content=\"删除自定义颜色\" placement=\"top\">\n <el-button text :disabled=\"item.id === selectThemeColor\" @click=\"deleteHandle(index)\">\n <el-icon class=\"go-ml-1 go-cursor-pointer\" :size=\"16\">\n <trash-icon></trash-icon>\n </el-icon>\n </el-button>\n </el-tooltip>\n </div>\n </div>\n </div>\n </div>\n <!-- 底部 -->\n <template #footer>\n <div class=\"dialog-footer\">\n <el-button @click=\"closeHandle\">操作完成</el-button>\n </div>\n </template>\n </el-dialog>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, watch, computed, reactive, nextTick, onMounted } from 'vue'\nimport cloneDeep from 'lodash/cloneDeep'\nimport noData from '@core/assets/images/canvas/noData.png'\nimport { getUUID, goDialog } from '@core/utils'\nimport { icon } from '@core/plugins'\nimport { UvIndex } from '@vicons/carbon'\nimport { useChartEditStore } from '@core/store/modules/chartEditStore/chartEditStore'\nimport { EditCanvasConfigEnum } from '@core/store/modules/chartEditStore/chartEditStore.d'\nimport { CreateColorRender } from '../CreateColorRender/index'\n\nconst props = defineProps({\n modelShow: Boolean\n})\nconst emit = defineEmits(['update:modelShow', 'editSaveHandle'])\nconst { DuplicateOutlineIcon, TrashIcon, ArrowDownIcon } = icon.ionicons5\n\ntype ColorType = {\n id: string\n name: string\n color: string[]\n}\n\n// 默认颜色组\nconst defaultColor: ColorType = {\n id: getUUID(),\n name: '未命名',\n color: ['#6ae5bb', '#69e3de', '#5ac5ee', '#5ac4ee', '#4498ec', '#3c7ddf']\n}\nconst chartEditStore = useChartEditStore()\nconst modelShowRef = ref(false)\n// 颜色列表\nlet colorList = reactive<Array<ColorType>>(chartEditStore.getEditCanvasConfig.chartCustomThemeColorInfo \|\| [])\n// 子组件更新过的数据\nconst updateColor = ref<ColorType \| undefined>(undefined)\n// 所选颜色\nconst selectColor = reactive<{\n selectInfo: ColorType \| undefined\n}>({\n selectInfo: colorList[0]\n})\n\nwatch(\n () => props.modelShow,\n newValue => {\n modelShowRef.value = newValue\n if (newValue) {\n // 默认选中\n if (colorList.length) selectColor.selectInfo = colorList[0]\n }\n }\n)\n\n// 当前选中的 ID\nconst selectColorId = computed(() => selectColor?.selectInfo?.id)\n\n// 全局选择的主题\nconst selectThemeColor = computed(() => chartEditStore.getEditCanvasConfig.chartThemeColor)\n\n// 选择\nconst selectHandle = (item: ColorType) => {\n if (item.id === selectColorId.value) return\n if (updateColor.value !== undefined) {\n goDialog({\n message: '当前有变动未保存，是否直接放弃修改？',\n onPositiveCallback: () => {\n updateColor.value = undefined\n selectColor.selectInfo = item\n }\n })\n } else {\n selectColor.selectInfo = item\n }\n}\n\n// 创建\nconst createColor = () => {\n const positiveHandle = () => {\n const newData = { ...cloneDeep(defaultColor), id: getUUID() }\n selectColor.selectInfo = newData\n colorList.push(newData)\n selectHandle(newData)\n updateColor.value = newData\n saveHandle(false)\n }\n if (updateColor.value !== undefined) {\n goDialog({\n message: '当前有变动未保存，是否直接放弃修改？',\n onPositiveCallback: () => {\n updateColor.value = undefined\n positiveHandle()\n }\n })\n } else {\n positiveHandle()\n }\n}\n\n// 删除\nconst deleteHandle = (index: number) => {\n const positiveHandle = () => {\n colorList.splice(index, 1)\n chartEditStore.setEditCanvasConfig(EditCanvasConfigEnum.CHART_CUSTOM_THEME_COLOR_INFO, cloneDeep(colorList))\n nextTick(() => {\n if (colorList.length) {\n selectHandle(colorList[index - 1 > -1 ? index - 1 : index])\n } else {\n // 已清空\n selectColor.selectInfo = undefined\n }\n })\n }\n if (updateColor.value !== undefined) {\n goDialog({\n message: '当前有变动未保存，是否直接放弃修改？',\n onPositiveCallback: () => {\n updateColor.value = undefined\n positiveHandle()\n }\n })\n } else {\n goDialog({\n message: `是否删除此颜色？`,\n onPositiveCallback: () => {\n positiveHandle()\n }\n })\n }\n}\n\n// 存储更新数据的值\nconst updateColorHandle = (newColor: ColorType) => {\n updateColor.value = newColor\n}\n\n// 保存数据\nconst saveHandle = (onMessage = true) => {\n if (!updateColor.value) return\n const index = colorList.findIndex(item => item.id === updateColor.value?.id)\n if (index !== -1) {\n onMessage && window.$message.success('数据应用成功！')\n const updateColorPrefix = cloneDeep({ ...updateColor.value, name: updateColor.value.name \|\| '未定义' })\n colorList.splice(index, 1, updateColorPrefix)\n updateColor.value = undefined\n const selectTheme = chartEditStore.getEditCanvasConfig.chartThemeColor\n // 变换主题强制渐变色更新\n chartEditStore.setEditCanvasConfig(EditCanvasConfigEnum.CHART_THEME_COLOR, 'dark')\n // 存储到全局数据中\n nextTick(() => {\n chartEditStore.setEditCanvasConfig(EditCanvasConfigEnum.CHART_CUSTOM_THEME_COLOR_INFO, cloneDeep(colorList))\n chartEditStore.setEditCanvasConfig(EditCanvasConfigEnum.CHART_THEME_COLOR, selectTheme)\n })\n } else {\n window.$message.error('数据应用失败！')\n }\n}\n\n// 关闭\nconst closeHandle = () => {\n const positiveHandle = () => {\n updateColor.value = undefined\n selectColor.selectInfo = undefined\n emit('update:modelShow', false)\n }\n\n if (updateColor.value !== undefined) {\n goDialog({\n message: '当前有变动未保存，是否直接放弃修改？',\n onPositiveCallback: () => {\n positiveHandle()\n }\n })\n } else {\n positiveHandle()\n }\n}\n\n// 底色\nconst colorBackgroundImage = (item: ColorType) => {\n return `linear-gradient(to right, ${item.color[0]} 0%, ${item.color[5]} 100%)`\n}\n</script>\n\n<style scoped lang=\"scss\">\n$height: 600px;\n$listWidth: 280px;\n$color-radius: 8px;\n$color-item-radius: 4px;\n\n.go-chart-create-color {\n :deep(.el-dialog) {\n max-width: calc(100vw - 48px);\n max-height: calc(100vh - 48px);\n overflow: hidden;\n }\n\n :deep(.el-dialog__body) {\n padding: 10px 20px;\n height: 600px;\n max-height: calc(100vh - 160px);\n overflow: hidden;\n }\n\n .create-content {\n display: flex;\n height: 100%;\n gap: 16px;\n overflow: hidden;\n\n /* 左侧 /\n .create-color-setting-box {\n flex: 1;\n min-width: 0;\n overflow: auto;\n\n .no-data {\n flex-direction: column;\n width: 100%;\n height: 100%;\n\n img {\n width: 200px;\n }\n }\n }\n\n / 列表 */\n .color-list-box {\n display: flex;\n flex-shrink: 0;\n width: 290px;\n padding-top: 10px;\n margin-right: 5px;\n overflow: hidden;\n\n .pond-item-timeline {\n flex-shrink: 0;\n\n :deep(.el-timeline-item) {\n &:first-child {\n height: $height;\n }\n }\n }\n\n .color-list {\n width: calc(100% - 20px);\n position: relative;\n padding-right: 8px;\n overflow-y: auto;\n overflow-x: hidden;\n\n .button-space {\n display: flex;\n gap: 8px;\n }\n\n .create-btn {\n width: 133px;\n\n &.is-full {\n width: 100%;\n }\n }\n\n .not-data-text {\n display: block;\n text-align: center;\n }\n\n .color-card-box {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-top: 15px;\n\n &:first-child {\n margin-top: 0;\n }\n\n .color-card {\n position: relative;\n overflow: hidden;\n cursor: pointer;\n border-radius: $color-radius;\n border: 2px solid rgba(0, 0, 0, 0);\n border-bottom: 1px solid rgba(0, 0, 0, 0);\n @include fetch-bg-color('background-color4-shallow');\n\n :deep(.el-card__body) {\n padding: 7px;\n padding-top: 10px;\n padding-bottom: 10px;\n }\n\n &.selected {\n border: 2px solid var(--el-color-primary);\n border-bottom: 1px solid rgba(0, 0, 0, 0);\n }\n\n .go-flex-items-center {\n justify-content: space-between;\n margin-top: -4px;\n }\n\n .color-name {\n text-align: left;\n width: 70px;\n }\n\n .theme-color-item {\n display: inline-block;\n width: 16px;\n height: 16px;\n border-radius: $color-item-radius;\n }\n\n .theme-bottom {\n position: absolute;\n left: 0;\n bottom: 0px;\n width: 100%;\n height: 3px;\n }\n }\n }\n }\n }\n }\n\n .dialog-footer {\n display: flex;\n justify-content: flex-end;\n }\n}\n</style>\n"],"names":["props","__props","emit","__emit","AddIcon","TrashIcon","icon","CreateColorRenderChart","loadAsyncComponent","editColor","ref","targetColor","reactive","watch","_a","cloneDeep","expandColorList","computed","computedColorList","color","num","comDarkenArr","comLightenArr","comDarkenFadeArr","lighten","darken","item","i","fade","getRenderBackgroundColor","getColorMetaStyle","getReadableTextColor","hex","r","g","b","selectHandle","index","completeHandle","nextTick","selectExpandColor","isHexa","hexColor","hslToHexa","hslToHex","addColor","lastData","_b","_c","nextIndex","_d","_e","deleteColor","titleChangeHandle","_openBlock","_createElementBlock","_hoisted_1","_createVNode","_component_el_card","_createElementVNode","_hoisted_2","_hoisted_3","_cache","_component_el_input","$event","_component_el_tag","_component_el_scrollbar","_hoisted_4","_Fragment","_hoisted_6","_component_el_color_picker","_hoisted_7","_toDisplayString","_withDirectives","_hoisted_8","_component_el_tooltip","_component_el_icon","_withModifiers","_unref","_hoisted_9","_component_el_divider","_hoisted_10","_normalizeStyle","_hoisted_12","DuplicateOutlineIcon","ArrowDownIcon","defaultColor","getUUID","chartEditStore","useChartEditStore","modelShowRef","colorList","updateColor","selectColor","newValue","selectColorId","selectThemeColor","goDialog","createColor","positiveHandle","newData","saveHandle","deleteHandle","EditCanvasConfigEnum","updateColorHandle","newColor","onMessage","updateColorPrefix","selectTheme","closeHandle","colorBackgroundImage","_createBlock","_component_el_dialog","_component_el_button","CreateColorRender","noData","_component_el_text","_hoisted_5","_component_el_timeline","_component_el_timeline_item","_normalizeClass","_component_el_badge","_component_el_link","_renderList","_createTextVNode","colorItem"],"mappings":"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"}

package/dist/{index-8648ed77.js → index-ee2bbc1c.js} RENAMED Viewed

@@ -1,25 +1,25 @@
 import { defineComponent as O, toRefs as V, reactive as k, computed as u, resolveComponent as a, openBlock as o, createElementBlock as l, createElementVNode as W, Fragment as C, renderList as f, createBlock as n, withCtx as c, createVNode as p, resolveDynamicComponent as S } from "vue";
-import { r, _ as $ } from "./index-67c5f6a7.js";
-import "./designSetting-d5ac854f.js";
+import { r, _ as $ } from "./index-9710a4c3.js";
+import "./designSetting-420dbd75.js";
 import "./index.vue_vue_type_style_index_0_scoped_215ee9da_lang-5c146582.js";
 import { i as P } from "./icon-229c6d44.js";
-import { u as Y, g as j, H as s } from "./store-06d0fc5f.js";
-import { a as h, C as i } from "./index-9abc2fea.js";
+import { u as Y, g as j, H as s } from "./store-7c31860c.js";
+import { a as h, C as i } from "./index-71001515.js";
 import "pinia";
 import "element-plus";
 import "./published/chartThemes.js";
 import "./InformationCircleOutline-214d1354.js";
-import "./pick-3a770d78.js";
+import "./pick-7307d7b0.js";
 import "./published/eventEnums.js";
 import "./published/types.js";
-import "./plugin-ec84fd96.js";
-import "./useChartDataFetch.hook-900fd72a.js";
+import "./plugin-a2249fc5.js";
+import "./useChartDataFetch.hook-d7b1b438.js";
 import "element-plus/es/locale/lang/zh-cn";
 import "element-plus/es/locale/lang/en";
-import "./StylesSetting.vue_vue_type_style_index_0_scoped_2c848e43_lang-218ee765.js";
+import "./StylesSetting.vue_vue_type_style_index_0_scoped_2c848e43_lang-83299b27.js";
 import "@iconify/json/json/line-md.json";
 import "./published/informationTypes.js";
-import "./index-a1ceba24.js";
+import "./index-7aad8920.js";
 import "vue-demi";
 import "./published/utils.js";
 import "vue-i18n";
@@ -134,4 +134,4 @@ const bt = /* @__PURE__ */ $(J, [["__scopeId", "data-v-dd6e59fb"]]);
 export {
   bt as default
 };
-//# sourceMappingURL=index-8648ed77.js.map
+//# sourceMappingURL=index-ee2bbc1c.js.map

package/dist/{index-8648ed77.js.map → index-ee2bbc1c.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index-~~8648ed77~~.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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"}
1	+ {"version":3,"file":"index-ee2bbc1c.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.js CHANGED Viewed

@@ -1,16 +1,16 @@
-import { e as f, f as E, H as y, g as w, i as P, s as T, h as D, v as H } from "./index-9abc2fea.js";
-import { g as b, d as v, e as k, r as x, f as F, b as L, u as B } from "./useChartDataFetch.hook-900fd72a.js";
+import { e as f, f as E, H as y, g as w, i as P, s as T, h as D, v as H } from "./index-71001515.js";
+import { g as b, d as v, e as k, r as x, f as F, b as L, u as B } from "./useChartDataFetch.hook-d7b1b438.js";
 import { BlendModeEnumList as N, ChartFrameEnum as V, FetchComFlagType as A, FilterEnum as I, PackagesCategoryEnum as G, PackagesCategoryName as J } from "./published/types.js";
-import { K as U, m as j, l as O, y as K, z, k as W, v as X, i as Y, x as Q, w as Z, t as _, D as $, A as ee, B as ae, s as se, J as te, G as oe, u as re, g as ne, n as ie } from "./store-06d0fc5f.js";
-import { P as le } from "./pick-3a770d78.js";
+import { K as U, m as j, l as O, y as K, z, k as W, v as X, i as Y, x as Q, w as Z, t as _, D as $, A as ee, B as ae, s as se, J as te, G as oe, u as re, g as ne, n as ie } from "./store-7c31860c.js";
+import { P as le } from "./pick-7307d7b0.js";
 import { chartColors as ue, chartColorsSearch as pe, defaultTheme as ce, globalThemeJson as de } from "./published/chartThemes.js";
-import { J as Se, o as he, v as fe, ay as Ee, ag as ye, aq as we, av as Pe, ax as Te, b as De, ak as He, d as Re, aE as be, m as ve, au as ke, e as xe, f as Fe, ap as Le, ai as Be, ah as qe, a9 as Ne, af as Ve, aj as Ae, i as Ie, g as Ge, h as Je, ar as Me, p as Ue, aA as je, E as Oe, ao as Ke, aC as ze, az as We, x as Xe, aB as Ye, l as Qe, n as Ze, as as _e, k as $e, ac as ea, w as aa, r as sa, al as ta, a as oa, y as ra, am as na, an as ia, a8 as ma, at as la, ab as ga, aw as ua, s as pa, aD as ca, j as da, ad as Ca } from "./index-67c5f6a7.js";
+import { J as Se, o as he, v as fe, ay as Ee, ag as ye, aq as we, av as Pe, ax as Te, b as De, ak as He, d as Re, aE as be, m as ve, au as ke, e as xe, f as Fe, ap as Le, ai as Be, ah as qe, a9 as Ne, af as Ve, aj as Ae, i as Ie, g as Ge, h as Je, ar as Me, p as Ue, aA as je, E as Oe, ao as Ke, aC as ze, az as We, x as Xe, aB as Ye, l as Qe, n as Ze, as as _e, k as $e, ac as ea, w as aa, r as sa, al as ta, a as oa, y as ra, am as na, an as ia, a8 as ma, at as la, ab as ga, aw as ua, s as pa, aD as ca, j as da, ad as Ca } from "./index-9710a4c3.js";
 import { clearInteractEvent as ha, generateBaseFunc as fa, npmPkgs as Ea, useChartDataPondFetch as ya, useChartInteract as wa, useCode as Pa, useDarkThemeHook as Ta, useLang as Da, useLifeHandler as Ha, usePreviewFitScale as Ra, usePreviewFullScale as ba, usePreviewScrollXScale as va, usePreviewScrollYScale as ka, useThemeOverridesHook as xa } from "./published/hooks.js";
 import { componentInstall as La, cryptoDecode as Ba, cryptoEncode as qa, isPreview as Na, loadAsyncComponent as Va, loadSkeletonAsyncComponent as Aa, openDoc as Ia, openGiteeSourceCode as Ga, openNewWindow as Ja } from "./published/utils.js";
-import { g as Ua, b as ja, a as Oa, l as Ka } from "./plugin-ec84fd96.js";
-import { C as Wa, h as Xa, i as Ya, f as Qa, b as Za, R as _a, a as $a, g as es, k as as, S as ss } from "./designSetting-d5ac854f.js";
+import { g as Ua, b as ja, a as Oa, l as Ka } from "./plugin-a2249fc5.js";
+import { C as Wa, h as Xa, i as Ya, f as Qa, b as Za, R as _a, a as $a, g as es, k as as, S as ss } from "./designSetting-420dbd75.js";
 import "./index.vue_vue_type_style_index_0_scoped_215ee9da_lang-5c146582.js";
-import "./index-a1ceba24.js";
+import "./index-7aad8920.js";
 import "vue-demi";
 import "vue";
 import "element-plus";
@@ -23,7 +23,7 @@ import "./index-943f988f.js";
 import "./published/informationTypes.js";
 import "element-plus/es/locale/lang/zh-cn";
 import "element-plus/es/locale/lang/en";
-import "./StylesSetting.vue_vue_type_style_index_0_scoped_2c848e43_lang-218ee765.js";
+import "./StylesSetting.vue_vue_type_style_index_0_scoped_2c848e43_lang-83299b27.js";
 import "@iconify/json/json/line-md.json";
 export {
   N as BlendModeEnumList,