From 3540b755579396fb6f37e010ba88dd80d42e4d15 Mon Sep 17 00:00:00 2001
From: Soybean <honghuangdc@gmail.com>
Date: Wed, 31 Aug 2022 23:29:37 +0800
Subject: [PATCH] =?UTF-8?q?build(projects):=20=E5=BC=95=E5=85=A5@unocss/vi?=
 =?UTF-8?q?te=E6=9B=BF=E6=8D=A2unocss=EF=BC=8C=E7=B2=BE=E7=AE=80=E4=BD=93?=
 =?UTF-8?q?=E7=A7=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 build/plugins/index.ts              |  2 +-
 package.json                        |  4 +++-
 src/views/component/table/index.vue | 29 ++++++++++++++++++++++++++---
 uno.config.ts                       |  5 +++--
 4 files changed, 33 insertions(+), 7 deletions(-)

diff --git a/build/plugins/index.ts b/build/plugins/index.ts
index a4279954..73540167 100644
--- a/build/plugins/index.ts
+++ b/build/plugins/index.ts
@@ -1,7 +1,7 @@
 import type { PluginOption } from 'vite';
 import vue from '@vitejs/plugin-vue';
 import vueJsx from '@vitejs/plugin-vue-jsx';
-import unocss from 'unocss/vite';
+import unocss from '@unocss/vite';
 import { VitePWA } from 'vite-plugin-pwa';
 import progress from 'vite-plugin-progress';
 import html from './html';
diff --git a/package.json b/package.json
index d32d7b79..62ffd83b 100644
--- a/package.json
+++ b/package.json
@@ -46,6 +46,7 @@
     "typecheck": "vue-tsc --noEmit --skipLibCheck",
     "lint": "eslint . --fix",
     "prepare": "husky install",
+    "clean": "pnpm rimraf node_modules pnpm-lock.yaml",
     "postinstall": "patch-package",
     "release": "standard-version",
     "changelog": "conventional-changelog -p angular -i CHANGELOG.md -s -r 0 && git add CHANGELOG.md"
@@ -89,6 +90,8 @@
     "@types/node": "^18.7.14",
     "@types/qs": "^6.9.7",
     "@types/ua-parser-js": "^0.7.36",
+    "@unocss/preset-uno": "^0.45.13",
+    "@unocss/vite": "^0.45.13",
     "@vitejs/plugin-vue": "^3.0.3",
     "@vitejs/plugin-vue-jsx": "^2.0.0",
     "commitizen": "^4.2.5",
@@ -105,7 +108,6 @@
     "sass": "^1.54.7",
     "standard-version": "^9.5.0",
     "typescript": "4.8.2",
-    "unocss": "^0.45.13",
     "unplugin-icons": "^0.14.8",
     "unplugin-vue-components": "0.22.4",
     "unplugin-vue-define-options": "^0.11.1",
diff --git a/src/views/component/table/index.vue b/src/views/component/table/index.vue
index 8a66c70d..cd116ba4 100644
--- a/src/views/component/table/index.vue
+++ b/src/views/component/table/index.vue
@@ -14,8 +14,9 @@
   </div>
 </template>
 
-<script setup lang="ts">
+<script setup lang="tsx">
 import { onMounted, ref } from 'vue';
+import { NSpace, NButton, NPopconfirm } from 'naive-ui';
 import type { DataTableColumn } from 'naive-ui';
 import { useLoadingEmpty } from '@/hooks';
 import { getRandomInteger } from '@/utils';
@@ -36,11 +37,33 @@ const columns: DataTableColumn[] = [
   },
   {
     title: 'Age',
-    key: 'age'
+    key: 'age',
+    align: 'center'
   },
   {
     title: 'Address',
-    key: 'address'
+    key: 'address',
+    align: 'center'
+  },
+  {
+    key: 'action',
+    title: 'Action',
+    align: 'center',
+    render: () => {
+      return (
+        <NSpace justify={'center'}>
+          <NButton size={'small'} onClick={() => {}}>
+            编辑
+          </NButton>
+          <NPopconfirm onPositiveClick={() => {}}>
+            {{
+              default: () => '确认删除',
+              trigger: () => <NButton size={'small'}>删除</NButton>
+            }}
+          </NPopconfirm>
+        </NSpace>
+      );
+    }
   }
 ];
 
diff --git a/uno.config.ts b/uno.config.ts
index 5eb52008..97369e34 100644
--- a/uno.config.ts
+++ b/uno.config.ts
@@ -1,7 +1,8 @@
-import { defineConfig, presetUno } from 'unocss';
+import { defineConfig } from '@unocss/vite';
+import presetUno from '@unocss/preset-uno';
 
 export default defineConfig({
-  exclude: ['node_modules', '.git', '.husky', '.vscode', 'dist', 'public', 'build', 'mock', './stats.html'],
+  exclude: ['node_modules', 'dist', '.git', '.husky', '.vscode', 'public', 'build', 'mock', './stats.html'],
   presets: [presetUno({ dark: 'class' })],
   shortcuts: {
     'wh-full': 'w-full h-full',