chore: update uikit -> ui-kit

packages/business/universal-ui/src/dashboard/dashboard.vue

@@ -1,56 +1,64 @@
 <script lang="ts" setup>
 import type { CardItem, ChartItem } from './typings';
-defineOptions({ name: 'Dashboard' });
-import Card from './card.vue';
-import ChartTab from './chartTab.vue';
-import ChartCard from './chartCard.vue';
+
 import { ref } from 'vue';
 
+import Card from './card.vue';
+import ChartCard from './chartCard.vue';
+import ChartTab from './chartTab.vue';
+
 interface Props {
   cardList: CardItem[];
   chartTabs: ChartItem[];
 }
+
+defineOptions({ name: 'Dashboard' });
+
+withDefaults(defineProps<Props>(), {
+  cardList: () => [],
+  chartTabs: () => [],
+});
+
 const itemA = ref({
-  title: '玫瑰图',
   option: {
     legend: {
       top: 'bottom',
     },
-    toolbox: {
-      show: true,
-      feature: {
-        mark: { show: true },
-        dataView: { show: true, readOnly: false },
-        restore: { show: true },
-        saveAsImage: { show: true },
-      },
-    },
     series: [
       {
-        name: 'Nightingale Chart',
-        type: 'pie',
-        radius: [50, 200],
         center: ['50%', '50%'],
-        roseType: 'area',
+        data: [
+          { name: 'rose 1', value: 40 },
+          { name: 'rose 2', value: 38 },
+          { name: 'rose 3', value: 32 },
+          { name: 'rose 4', value: 30 },
+          { name: 'rose 5', value: 28 },
+          { name: 'rose 6', value: 26 },
+          { name: 'rose 7', value: 22 },
+          { name: 'rose 8', value: 18 },
+        ],
         itemStyle: {
           borderRadius: 8,
         },
-        data: [
-          { value: 40, name: 'rose 1' },
-          { value: 38, name: 'rose 2' },
-          { value: 32, name: 'rose 3' },
-          { value: 30, name: 'rose 4' },
-          { value: 28, name: 'rose 5' },
-          { value: 26, name: 'rose 6' },
-          { value: 22, name: 'rose 7' },
-          { value: 18, name: 'rose 8' },
-        ],
+        name: 'Nightingale Chart',
+        radius: [50, 200],
+        roseType: 'area',
+        type: 'pie',
       },
     ],
+    toolbox: {
+      feature: {
+        dataView: { readOnly: false, show: true },
+        mark: { show: true },
+        restore: { show: true },
+        saveAsImage: { show: true },
+      },
+      show: true,
+    },
   },
+  title: '玫瑰图',
 });
 const itemB = ref({
-  title: '雷达图',
   option: {
     legend: {
       data: ['Allocated Budget', 'Actual Spending'],
@@ -58,82 +66,78 @@ const itemB = ref({
     radar: {
       // shape: 'circle',
       indicator: [
-        { name: 'Sales', max: 6500 },
-        { name: 'Administration', max: 16000 },
-        { name: 'Information Technology', max: 30000 },
-        { name: 'Customer Support', max: 38000 },
-        { name: 'Development', max: 52000 },
-        { name: 'Marketing', max: 25000 },
+        { max: 6500, name: 'Sales' },
+        { max: 16_000, name: 'Administration' },
+        { max: 30_000, name: 'Information Technology' },
+        { max: 38_000, name: 'Customer Support' },
+        { max: 52_000, name: 'Development' },
+        { max: 25_000, name: 'Marketing' },
       ],
     },
     series: [
       {
-        name: 'Budget vs spending',
-        type: 'radar',
         data: [
           {
-            value: [4200, 3000, 20000, 35000, 50000, 18000],
             name: 'Allocated Budget',
+            value: [4200, 3000, 20_000, 35_000, 50_000, 18_000],
           },
           {
-            value: [5000, 14000, 28000, 26000, 42000, 21000],
             name: 'Actual Spending',
+            value: [5000, 14_000, 28_000, 26_000, 42_000, 21_000],
           },
         ],
+        name: 'Budget vs spending',
+        type: 'radar',
       },
     ],
   },
+  title: '雷达图',
 });
 const itemC = ref({
-  title: '饼图',
   option: {
-    tooltip: {
-      trigger: 'item',
-    },
     legend: {
-      top: '5%',
       left: 'center',
+      top: '5%',
     },
     series: [
       {
-        name: 'Access From',
-        type: 'pie',
-        radius: ['40%', '70%'],
         avoidLabelOverlap: false,
+        data: [
+          { name: 'Search Engine', value: 1048 },
+          { name: 'Direct', value: 735 },
+          { name: 'Email', value: 580 },
+          { name: 'Union Ads', value: 484 },
+          { name: 'Video Ads', value: 300 },
+        ],
+        emphasis: {
+          label: {
+            fontSize: 40,
+            fontWeight: 'bold',
+            show: true,
+          },
+        },
         itemStyle: {
-          borderRadius: 10,
           borderColor: '#fff',
+          borderRadius: 10,
           borderWidth: 2,
         },
         label: {
-          show: false,
           position: 'center',
-        },
-        emphasis: {
-          label: {
-            show: true,
-            fontSize: 40,
-            fontWeight: 'bold',
-          },
+          show: false,
         },
         labelLine: {
           show: false,
         },
-        data: [
-          { value: 1048, name: 'Search Engine' },
-          { value: 735, name: 'Direct' },
-          { value: 580, name: 'Email' },
-          { value: 484, name: 'Union Ads' },
-          { value: 300, name: 'Video Ads' },
-        ],
+        name: 'Access From',
+        radius: ['40%', '70%'],
+        type: 'pie',
       },
     ],
+    tooltip: {
+      trigger: 'item',
+    },
   },
-});
-
-withDefaults(defineProps<Props>(), {
-  cardList: () => [],
-  chartTabs: () => [],
+  title: '饼图',
 });
 </script>