@hg2/dataview-core 2.0.0

package/dist/index-66f7ab2a.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-66f7ab2a.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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"}