From 045ebac786065629f8aed123a88cb853c8729dcd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Charlie=20Wang=20=E2=9C=A8?= <18888351756@163.com>
Date: Tue, 26 Mar 2024 22:33:30 +0800
Subject: [PATCH] chore: Delete src/components/chart directory

---
 src/components/chart/dark.ts   | 179 ---------------------------------
 src/components/chart/index.vue |  65 ------------
 2 files changed, 244 deletions(-)
 delete mode 100644 src/components/chart/dark.ts
 delete mode 100644 src/components/chart/index.vue

diff --git a/src/components/chart/dark.ts b/src/components/chart/dark.ts
deleted file mode 100644
index 24e21c2..0000000
--- a/src/components/chart/dark.ts
+++ /dev/null
@@ -1,179 +0,0 @@
-const contrastColor = 'rgba(255, 255, 255, 0.65)'
-const backgroundColor = 'transparent'
-const axisCommon = function () {
-  return {
-    axisLine: {
-      lineStyle: {
-        color: contrastColor,
-      },
-    },
-    splitLine: {
-      lineStyle: {
-        color: '#484753',
-      },
-    },
-    splitArea: {
-      areaStyle: {
-        color: ['rgba(255,255,255,0.02)', 'rgba(255,255,255,0.05)'],
-      },
-    },
-    minorSplitLine: {
-      lineStyle: {
-        color: '#20203B',
-      },
-    },
-  }
-}
-
-const colorPalette = [
-  '#4992ff',
-  '#7cffb2',
-  '#fddd60',
-  '#ff6e76',
-  '#58d9f9',
-  '#05c091',
-  '#ff8a45',
-  '#8d48e3',
-  '#dd79ff',
-]
-const theme: any = {
-  color: colorPalette,
-  backgroundColor,
-  axisPointer: {
-    lineStyle: {
-      color: '#817f91',
-    },
-    crossStyle: {
-      color: '#817f91',
-    },
-    label: {
-      // TODO Contrast of label backgorundColor
-      color: '#fff',
-    },
-  },
-  legend: {
-    textStyle: {
-      color: contrastColor,
-    },
-  },
-  textStyle: {
-    color: contrastColor,
-  },
-  title: {
-    textStyle: {
-      color: 'red',
-    },
-    subtextStyle: {
-      color: 'rgba(255, 255, 255, 0.65)',
-    },
-  },
-  toolbox: {
-    iconStyle: {
-      borderColor: contrastColor,
-    },
-  },
-  dataZoom: {
-    borderColor: '#71708A',
-    textStyle: {
-      color: contrastColor,
-    },
-    brushStyle: {
-      color: 'rgba(135,163,206,0.3)',
-    },
-    handleStyle: {
-      color: '#353450',
-      borderColor: '#C5CBE3',
-    },
-    moveHandleStyle: {
-      color: '#B0B6C3',
-      opacity: 0.3,
-    },
-    fillerColor: 'rgba(135,163,206,0.2)',
-    emphasis: {
-      handleStyle: {
-        borderColor: '#91B7F2',
-        color: '#4D587D',
-      },
-      moveHandleStyle: {
-        color: '#636D9A',
-        opacity: 0.7,
-      },
-    },
-    dataBackground: {
-      lineStyle: {
-        color: '#71708A',
-        width: 1,
-      },
-      areaStyle: {
-        color: '#71708A',
-      },
-    },
-    selectedDataBackground: {
-      lineStyle: {
-        color: '#87A3CE',
-      },
-      areaStyle: {
-        color: '#87A3CE',
-      },
-    },
-  },
-  visualMap: {
-    textStyle: {
-      color: contrastColor,
-    },
-  },
-  timeline: {
-    lineStyle: {
-      color: contrastColor,
-    },
-    label: {
-      color: contrastColor,
-    },
-    controlStyle: {
-      color: contrastColor,
-      borderColor: contrastColor,
-    },
-  },
-  calendar: {
-    itemStyle: {
-      color: backgroundColor,
-    },
-    dayLabel: {
-      color: contrastColor,
-    },
-    monthLabel: {
-      color: contrastColor,
-    },
-    yearLabel: {
-      color: contrastColor,
-    },
-  },
-  timeAxis: axisCommon(),
-  logAxis: axisCommon(),
-  valueAxis: axisCommon(),
-  categoryAxis: axisCommon(),
-
-  line: {
-    symbol: 'circle',
-  },
-  graph: {
-    color: colorPalette,
-  },
-  gauge: {
-    title: {
-      color: contrastColor,
-    },
-  },
-  candlestick: {
-    itemStyle: {
-      color: '#FD1050',
-      color0: '#0CF49B',
-      borderColor: '#FD1050',
-      borderColor0: '#0CF49B',
-    },
-  },
-}
-
-theme.categoryAxis.splitLine.show = false
-
-export default theme
diff --git a/src/components/chart/index.vue b/src/components/chart/index.vue
deleted file mode 100644
index dc5f416..0000000
--- a/src/components/chart/index.vue
+++ /dev/null
@@ -1,65 +0,0 @@
-<script setup lang="ts">
-import type { ECharts } from 'echarts'
-import * as echarts from 'echarts'
-import { debounce } from 'lodash-es'
-import { addListener, removeListener } from 'resize-detector'
-import dark from './dark'
-
-const props = defineProps({
-  option: Object,
-})
-
-echarts.registerTheme('dark-chart', dark)
-
-const chartDom = ref<HTMLDivElement>()
-let chart: ECharts | null = null
-const isRealDark = ref(isDark.value)
-function resizeChart() {
-  chart?.resize()
-}
-
-const resize = debounce(resizeChart, 300)
-
-function disposeChart() {
-  if (chartDom.value)
-    removeListener(chartDom.value, resize)
-
-  chart?.dispose()
-  chart = null
-}
-
-function initChart() {
-  disposeChart()
-  if (chartDom.value) {
-    // init echarts
-    chart = echarts.init(chartDom.value, isRealDark.value ? 'dark-chart' : undefined)
-    chart.setOption(props.option)
-    addListener(chartDom.value, resize)
-  }
-}
-
-watch(isRealDark, () => {
-  initChart()
-}, {
-  flush: 'post',
-})
-
-onMounted(() => {
-  watch(() => props.option, () => {
-    chart?.setOption(props.option)
-  }, {
-    deep: true,
-    flush: 'post',
-  })
-
-  initChart()
-})
-
-onUnmounted(() => {
-  disposeChart()
-})
-</script>
-
-<template>
-  <div ref="chartDom" />
-</template>