style: 全局代码格式化

Former-commit-id: bb50c8419b8fcdeb48c93fce9f399d901e8f5a52

src/views/dashboard/components/Chart/PieChart.vue

@@ -1,123 +1,115 @@
 <!-- 饼图 -->
 <template>
-  <div
-      :id="id"
-      :class="className"
-      :style="{height, width}"
-  />
+	<div :id="id" :class="className" :style="{ height, width }" />
 </template>
 
 <script setup lang="ts">
-import {nextTick, onActivated, onBeforeUnmount, onDeactivated, onMounted} from "vue";
-import {init, EChartsOption} from 'echarts'
-import resize from "@/utils/resize";
+import {
+	nextTick,
+	onActivated,
+	onBeforeUnmount,
+	onDeactivated,
+	onMounted
+} from 'vue';
+import { init, EChartsOption } from 'echarts';
+import resize from '@/utils/resize';
 
 const props = defineProps({
-  id: {
-    type: String,
-    default: 'pieChart'
-  },
-  className: {
-    type: String,
-    default: ''
-  },
-  width: {
-    type: String,
-    default: '200px',
-    required: true
-  },
-  height: {
-    type: String,
-    default: '200px',
-    required: true
-  }
-})
+	id: {
+		type: String,
+		default: 'pieChart'
+	},
+	className: {
+		type: String,
+		default: ''
+	},
+	width: {
+		type: String,
+		default: '200px',
+		required: true
+	},
+	height: {
+		type: String,
+		default: '200px',
+		required: true
+	}
+});
 
-const {
-  mounted,
-  chart,
-  beforeDestroy,
-  activated,
-  deactivated
-} = resize()
+const { mounted, chart, beforeDestroy, activated, deactivated } = resize();
 
 function initChart() {
-  const pieChart = init(document.getElementById(props.id) as HTMLDivElement)
+	const pieChart = init(document.getElementById(props.id) as HTMLDivElement);
 
-  pieChart.setOption({
-    title: {
-      show: true,
-      text: '产品分类总览',
-      x: 'center',
-      padding: 15,
-      textStyle: {
-        fontSize: 18,
-        fontStyle: 'normal',
-        fontWeight: 'bold',
-        color: '#337ecc'
-      }
-    },
-    grid: {
-      left: '2%',
-      right: '2%',
-      bottom: '10%',
-      containLabel: true
-    },
-    legend: {
-      top: 'bottom'
-    },
-    series: [
-      {
-        name: 'Nightingale Chart',
-        type: 'pie',
-        radius: [50, 130],
-        center: ['50%', '50%'],
-        roseType: 'area',
-        itemStyle: {
-          borderRadius: 6,
-          normal: {
-            color: function (params: any) {
-              //自定义颜色
-              const colorList = [
-                '#409EFF', '#67C23A', '#E6A23C', '#F56C6C'
-              ];
-              return colorList[params.dataIndex]
-            }
-          }
-        },
-        data: [
-          {value: 26, name: '家用电器'},
-          {value: 27, name: '户外运动'},
-          {value: 24, name: '汽车用品'},
-          {value: 23, name: '手机数码'}
-        ]
-      }
-    ]
-  } as EChartsOption)
+	pieChart.setOption({
+		title: {
+			show: true,
+			text: '产品分类总览',
+			x: 'center',
+			padding: 15,
+			textStyle: {
+				fontSize: 18,
+				fontStyle: 'normal',
+				fontWeight: 'bold',
+				color: '#337ecc'
+			}
+		},
+		grid: {
+			left: '2%',
+			right: '2%',
+			bottom: '10%',
+			containLabel: true
+		},
+		legend: {
+			top: 'bottom'
+		},
+		series: [
+			{
+				name: 'Nightingale Chart',
+				type: 'pie',
+				radius: [50, 130],
+				center: ['50%', '50%'],
+				roseType: 'area',
+				itemStyle: {
+					borderRadius: 6,
+					normal: {
+						color: function (params: any) {
+							//自定义颜色
+							const colorList = ['#409EFF', '#67C23A', '#E6A23C', '#F56C6C'];
+							return colorList[params.dataIndex];
+						}
+					}
+				},
+				data: [
+					{ value: 26, name: '家用电器' },
+					{ value: 27, name: '户外运动' },
+					{ value: 24, name: '汽车用品' },
+					{ value: 23, name: '手机数码' }
+				]
+			}
+		]
+	} as EChartsOption);
 
-  chart.value = pieChart
+	chart.value = pieChart;
 }
 
 onBeforeUnmount(() => {
-  beforeDestroy()
-})
+	beforeDestroy();
+});
 
 onActivated(() => {
-  activated()
-})
+	activated();
+});
 
 onDeactivated(() => {
-  deactivated()
-})
+	deactivated();
+});
 
 onMounted(() => {
-  mounted()
-  nextTick(() => {
-    initChart()
-  })
-})
+	mounted();
+	nextTick(() => {
+		initChart();
+	});
+});
 </script>
 
-<style lang="scss" scoped>
-
-</style>
+<style lang="scss" scoped></style>