From 9db9b002753d7d617224db1c527c81b25ace9d13 Mon Sep 17 00:00:00 2001
From: carl-chen <ccheartszzz@gmail.com>
Date: Mon, 26 Aug 2024 21:06:56 +0800
Subject: [PATCH] chore: upgrade compile

---
 package.json                                  |   1 +
 .../components/upload-pro/upload-pro.vue      |   2 +-
 pnpm-lock.yaml                                | 122 ++++---
 scripts/compile/helper.ts                     |   5 -
 scripts/compile/index.js                      | 319 ++++++++++++++++++
 scripts/compile/index.ts                      |  87 -----
 scripts/compile/package.json                  |   4 +-
 scripts/compile/vite-config.ts                |  63 ----
 8 files changed, 406 insertions(+), 197 deletions(-)
 delete mode 100644 scripts/compile/helper.ts
 create mode 100644 scripts/compile/index.js
 delete mode 100644 scripts/compile/index.ts
 delete mode 100644 scripts/compile/vite-config.ts

diff --git a/package.json b/package.json
index 7a4a1b4..9600b02 100644
--- a/package.json
+++ b/package.json
@@ -60,6 +60,7 @@
     "prettier": "^2.8.8",
     "rollup": "^4.9.2",
     "rollup-plugin-typescript2": "^0.36.0",
+    "sass": "^1.77.8",
     "sass-embedded": "^1.77.8",
     "typescript": "^5.3.3",
     "vitepress": "1.0.0-rc.33",
diff --git a/packages/element-plus/components/upload-pro/upload-pro.vue b/packages/element-plus/components/upload-pro/upload-pro.vue
index c6bdede..0ae5631 100644
--- a/packages/element-plus/components/upload-pro/upload-pro.vue
+++ b/packages/element-plus/components/upload-pro/upload-pro.vue
@@ -178,7 +178,7 @@ defineExpose({
     <template #trigger>
       <slot name="trigger">
         <template v-if="type === 'text'">
-          <el-button ref="triggerUploadButtonRef" :icon="icon">
+          <el-button ref="triggerUploadButtonRef" :icon="icon ?? undefined">
             {{ text }}
           </el-button>
         </template>
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 6825cfa..06eea83 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -1,4 +1,4 @@
-lockfileVersion: '6.0'
+lockfileVersion: '6.1'
 
 settings:
   autoInstallPeers: true
@@ -42,6 +42,9 @@ importers:
       rollup-plugin-typescript2:
         specifier: ^0.36.0
         version: 0.36.0(rollup@4.9.2)(typescript@5.3.3)
+      sass:
+        specifier: ^1.77.8
+        version: 1.77.8
       sass-embedded:
         specifier: ^1.77.8
         version: 1.77.8
@@ -50,13 +53,13 @@ importers:
         version: 5.3.3
       vitepress:
         specifier: 1.0.0-rc.33
-        version: 1.0.0-rc.33(@algolia/client-search@4.22.0)(@types/node@20.10.6)(sass-embedded@1.77.8)(search-insights@2.13.0)(typescript@5.3.3)
+        version: 1.0.0-rc.33(@algolia/client-search@4.22.0)(@types/node@20.10.6)(sass-embedded@1.77.8)(sass@1.77.8)(search-insights@2.13.0)(typescript@5.3.3)
       vitepress-theme-demoblock:
         specifier: ^3.0.7
-        version: 3.0.7(@algolia/client-search@4.22.0)(@types/node@20.10.6)(sass-embedded@1.77.8)(search-insights@2.13.0)(typescript@5.3.3)
+        version: 3.0.7(@algolia/client-search@4.22.0)(@types/node@20.10.6)(sass-embedded@1.77.8)(sass@1.77.8)(search-insights@2.13.0)(typescript@5.3.3)
       vitest:
         specifier: ^1.1.1
-        version: 1.1.1(@types/node@20.10.6)
+        version: 1.1.1(@types/node@20.10.6)(sass@1.77.8)
       vue-tsc:
         specifier: ^2.0.29
         version: 2.0.29(typescript@5.3.3)
@@ -94,9 +97,6 @@ importers:
       '@element-plus/icons-vue':
         specifier: '>=2.3.1'
         version: 2.3.1(vue@3.4.37)
-      '@packages/ant-design-vue':
-        specifier: workspace:^
-        version: link:../ant-design-vue
       element-plus:
         specifier: '>=2.4.3'
         version: 2.4.3(vue@3.4.37)
@@ -128,10 +128,10 @@ importers:
     devDependencies:
       vitepress:
         specifier: 1.0.0-rc.33
-        version: 1.0.0-rc.33(@algolia/client-search@4.22.0)(@types/node@20.10.6)(sass-embedded@1.77.8)(search-insights@2.13.0)(typescript@5.5.4)
+        version: 1.0.0-rc.33(@algolia/client-search@4.22.0)(@types/node@20.10.6)(sass-embedded@1.77.8)(sass@1.77.8)(search-insights@2.13.0)(typescript@5.5.4)
       vitepress-theme-demoblock:
         specifier: ^3.0.3
-        version: 3.0.3(@algolia/client-search@4.22.0)(@types/node@20.10.6)(sass-embedded@1.77.8)(search-insights@2.13.0)(typescript@5.5.4)
+        version: 3.0.3(@algolia/client-search@4.22.0)(@types/node@20.10.6)(sass-embedded@1.77.8)(sass@1.77.8)(search-insights@2.13.0)(typescript@5.5.4)
       vue-tsc:
         specifier: ^2.0.6
         version: 2.0.6(typescript@5.5.4)
@@ -228,7 +228,7 @@ importers:
         version: 10.3.10
       vite:
         specifier: ^5.1.6
-        version: 5.1.6(@types/node@20.15.0)
+        version: 5.1.6(@types/node@20.15.0)(sass@1.77.8)
     devDependencies:
       ts-node:
         specifier: ^10.9.2
@@ -1996,7 +1996,7 @@ packages:
       vite: ^4.0.0 || ^5.0.0
       vue: ^3.2.25
     dependencies:
-      vite: 5.1.6(@types/node@20.15.0)
+      vite: 5.1.6(@types/node@20.15.0)(sass@1.77.8)
       vue: 3.4.38(typescript@5.4.2)
     dev: false
 
@@ -2007,7 +2007,7 @@ packages:
       vite: ^5.0.0
       vue: ^3.2.25
     dependencies:
-      vite: 5.4.1(@types/node@20.10.6)(sass-embedded@1.77.8)
+      vite: 5.4.1(@types/node@20.10.6)(sass-embedded@1.77.8)(sass@1.77.8)
       vue: 3.4.38(typescript@5.3.3)
     dev: true
 
@@ -2763,6 +2763,13 @@ packages:
       warning: 4.0.3
     dev: false
 
+  /anymatch@3.1.3:
+    resolution: {integrity: sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==}
+    engines: {node: '>= 8'}
+    dependencies:
+      normalize-path: 3.0.0
+      picomatch: 2.3.1
+
   /arg@4.1.3:
     resolution: {integrity: sha512-58S9QDqG0Xx27YwPSt9fJxivjYl432YCwfDMfZ+71RAqUrZef7LrKQZ3LHLOwCS4FLNBplP533Zx895SeOCHvA==}
     dev: true
@@ -2794,6 +2801,10 @@ packages:
     resolution: {integrity: sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==}
     dev: false
 
+  /binary-extensions@2.3.0:
+    resolution: {integrity: sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==}
+    engines: {node: '>=8'}
+
   /birpc@0.2.17:
     resolution: {integrity: sha512-+hkTxhot+dWsLpp3gia5AkVHIsKlZybNT5gIYiDlNzJrmYPcTM9k5/w2uaj3IPpd7LlEYpmCj4Jj1nC41VhDFg==}
     dev: true
@@ -2816,7 +2827,6 @@ packages:
     engines: {node: '>=8'}
     dependencies:
       fill-range: 7.0.1
-    dev: true
 
   /browserslist@4.22.2:
     resolution: {integrity: sha512-0UgcrvQmBDvZHFGdYUehrCNIazki7/lUP3kkoi/r3YB2amZbFM9J43ZRkJTXBUZK4gmx56+Sqk9+Vs9mwZx9+A==}
@@ -2932,6 +2942,20 @@ packages:
       get-func-name: 2.0.2
     dev: true
 
+  /chokidar@3.6.0:
+    resolution: {integrity: sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==}
+    engines: {node: '>= 8.10.0'}
+    dependencies:
+      anymatch: 3.1.3
+      braces: 3.0.2
+      glob-parent: 5.1.2
+      is-binary-path: 2.1.0
+      is-glob: 4.0.3
+      normalize-path: 3.0.0
+      readdirp: 3.6.0
+    optionalDependencies:
+      fsevents: 2.3.3
+
   /cli-cursor@3.1.0:
     resolution: {integrity: sha512-I/zHAwsKf9FqGoXM4WWRACob9+SNukZTd94DWF57E4toouRulbCxcUh6RKUEOQlYTHJnzkPMySvPNaaSLNfLZw==}
     engines: {node: '>=8'}
@@ -3339,7 +3363,6 @@ packages:
     engines: {node: '>=8'}
     dependencies:
       to-regex-range: 5.0.1
-    dev: true
 
   /find-cache-dir@3.3.2:
     resolution: {integrity: sha512-wXZV5emFEjrridIgED11OoUKLxiYjAcqot/NJdAkOhlJ+vGzwhOAfcG5OX1jP+S0PcjEn8bdMJv+g2jwQ3Onig==}
@@ -3432,7 +3455,6 @@ packages:
     engines: {node: '>= 6'}
     dependencies:
       is-glob: 4.0.3
-    dev: true
 
   /glob@10.3.10:
     resolution: {integrity: sha512-fa46+tv1Ak0UPK1TOy/pZrIybNNt4HCv7SDzwyfiOZkvZLEbjsZkJBPtDHVshZjbecAoAGSC20MjLDG/qr679g==}
@@ -3567,7 +3589,6 @@ packages:
 
   /immutable@4.3.7:
     resolution: {integrity: sha512-1hqclzwYwjRDFLjcFxOM5AYkkG0rpFPpr1RLPMEuGczoS7YA8gLhy8SWXYRAA/XwfEHpfo3cw5JGioS32fnMRw==}
-    dev: true
 
   /inflight@1.0.6:
     resolution: {integrity: sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==}
@@ -3611,6 +3632,12 @@ packages:
       is-decimal: 2.0.1
     dev: true
 
+  /is-binary-path@2.1.0:
+    resolution: {integrity: sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==}
+    engines: {node: '>=8'}
+    dependencies:
+      binary-extensions: 2.3.0
+
   /is-buffer@2.0.5:
     resolution: {integrity: sha512-i2R6zNFDwgEHJyQUtJEk0XFi1i0dPFn/oqjK3/vPCcDeJvW5NQ83V8QbicfF1SupOaB0h8ntgBC2YiE7dfyctQ==}
     engines: {node: '>=4'}
@@ -3636,7 +3663,6 @@ packages:
   /is-extglob@2.1.1:
     resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==}
     engines: {node: '>=0.10.0'}
-    dev: true
 
   /is-fullwidth-code-point@3.0.0:
     resolution: {integrity: sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==}
@@ -3659,7 +3685,6 @@ packages:
     engines: {node: '>=0.10.0'}
     dependencies:
       is-extglob: 2.1.1
-    dev: true
 
   /is-hexadecimal@2.0.1:
     resolution: {integrity: sha512-DgZQp241c8oO6cA1SbTEWiXeoxV42vlcJxgH+B3hi1AiqqKruZR3ZGF8In3fj4+/y/7rHvlOZLZtgJ/4ttYGZg==}
@@ -3677,7 +3702,6 @@ packages:
   /is-number@7.0.0:
     resolution: {integrity: sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==}
     engines: {node: '>=0.12.0'}
-    dev: true
 
   /is-plain-obj@4.1.0:
     resolution: {integrity: sha512-+Pgi+vMuUNkJyExiMBt5IlFoMyKnr5zhJ4Uspz58WOhBF5QoIZkFyNHIbBAtHwzVAgk5RtndVNsDRN61/mmDqg==}
@@ -4604,6 +4628,10 @@ packages:
     resolution: {integrity: sha512-y10wOWt8yZpqXmOgRo77WaHEmhYQYGNA6y421PKsKYWEK8aW+cqAphborZDhqfyKrbZEN92CN1X2KbafY2s7Yw==}
     dev: true
 
+  /normalize-path@3.0.0:
+    resolution: {integrity: sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==}
+    engines: {node: '>=0.10.0'}
+
   /normalize-wheel-es@1.2.0:
     resolution: {integrity: sha512-Wj7+EJQ8mSuXr2iWfnujrimU35R2W4FAErEyTmJoJ7ucwTn2hOUSsRehMb5RSYkxXGTM7Y9QpvPmp++w5ftoJw==}
     dev: false
@@ -4754,7 +4782,6 @@ packages:
   /picomatch@2.3.1:
     resolution: {integrity: sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==}
     engines: {node: '>=8.6'}
-    dev: true
 
   /pidtree@0.6.0:
     resolution: {integrity: sha512-eG2dWTVw5bzqGRztnHExczNxt5VGsE6OwTeCG3fdUf9KBsZzO3R5OIIIzWR+iZA0NtZ+RDVdaoE2dK1cn6jH4g==}
@@ -4841,6 +4868,12 @@ packages:
       util-deprecate: 1.0.2
     dev: false
 
+  /readdirp@3.6.0:
+    resolution: {integrity: sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==}
+    engines: {node: '>=8.10.0'}
+    dependencies:
+      picomatch: 2.3.1
+
   /regenerator-runtime@0.14.1:
     resolution: {integrity: sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw==}
     dev: false
@@ -5319,6 +5352,15 @@ packages:
       sass-embedded-win32-x64: 1.77.8
     dev: true
 
+  /sass@1.77.8:
+    resolution: {integrity: sha512-4UHg6prsrycW20fqLGPShtEvo/WyHRVRHwOP4DzkUrObWoWI05QBSfzU71TVB7PFaL104TwNaHpjlWXAZbQiNQ==}
+    engines: {node: '>=14.0.0'}
+    hasBin: true
+    dependencies:
+      chokidar: 3.6.0
+      immutable: 4.3.7
+      source-map-js: 1.2.0
+
   /scroll-into-view-if-needed@2.2.31:
     resolution: {integrity: sha512-dGCXy99wZQivjmjIqihaBQNjryrz5rueJY7eHfTdyWEiR4ttYpsajb14rn9s5d4DY4EcY6+4+U/maARBXJedkA==}
     dependencies:
@@ -5604,7 +5646,6 @@ packages:
     engines: {node: '>=8.0'}
     dependencies:
       is-number: 7.0.0
-    dev: true
 
   /trough@2.1.0:
     resolution: {integrity: sha512-AqTiAOLcj85xS7vQ8QkAV41hPDIJ71XJB4RCUrzo/1GM2CQwhkJGaf9Hgr7BOugMRpgGUrqRg/DrBDl4H40+8g==}
@@ -5877,7 +5918,7 @@ packages:
       vfile-message: 4.0.2
     dev: true
 
-  /vite-node@1.1.1(@types/node@20.10.6):
+  /vite-node@1.1.1(@types/node@20.10.6)(sass@1.77.8):
     resolution: {integrity: sha512-2bGE5w4jvym5v8llF6Gu1oBrmImoNSs4WmRVcavnG2me6+8UQntTqLiAMFyiAobp+ZXhj5ZFhI7SmLiFr/jrow==}
     engines: {node: ^18.0.0 || >=20.0.0}
     hasBin: true
@@ -5886,7 +5927,7 @@ packages:
       debug: 4.3.4
       pathe: 1.1.1
       picocolors: 1.0.1
-      vite: 5.0.10(@types/node@20.10.6)
+      vite: 5.0.10(@types/node@20.10.6)(sass@1.77.8)
     transitivePeerDependencies:
       - '@types/node'
       - less
@@ -5898,7 +5939,7 @@ packages:
       - terser
     dev: true
 
-  /vite@5.0.10(@types/node@20.10.6):
+  /vite@5.0.10(@types/node@20.10.6)(sass@1.77.8):
     resolution: {integrity: sha512-2P8J7WWgmc355HUMlFrwofacvr98DAjoE52BfdbwQtyLH06XKwaL/FMnmKM2crF0iX4MpmMKoDlNCB1ok7zHCw==}
     engines: {node: ^18.0.0 || >=20.0.0}
     hasBin: true
@@ -5930,11 +5971,12 @@ packages:
       esbuild: 0.19.11
       postcss: 8.4.41
       rollup: 4.9.2
+      sass: 1.77.8
     optionalDependencies:
       fsevents: 2.3.3
     dev: true
 
-  /vite@5.1.6(@types/node@20.15.0):
+  /vite@5.1.6(@types/node@20.15.0)(sass@1.77.8):
     resolution: {integrity: sha512-yYIAZs9nVfRJ/AiOLCA91zzhjsHUgMjB+EigzFb6W2XTLO8JixBCKCjvhKZaye+NKYHCrkv3Oh50dH9EdLU2RA==}
     engines: {node: ^18.0.0 || >=20.0.0}
     hasBin: true
@@ -5966,11 +6008,12 @@ packages:
       esbuild: 0.19.11
       postcss: 8.4.35
       rollup: 4.9.2
+      sass: 1.77.8
     optionalDependencies:
       fsevents: 2.3.3
     dev: false
 
-  /vite@5.4.1(@types/node@20.10.6)(sass-embedded@1.77.8):
+  /vite@5.4.1(@types/node@20.10.6)(sass-embedded@1.77.8)(sass@1.77.8):
     resolution: {integrity: sha512-1oE6yuNXssjrZdblI9AfBbHCC41nnyoVoEZxQnID6yvQZAFBzxxkqoFLtHUMkYunL8hwOLEjgTuxpkRxvba3kA==}
     engines: {node: ^18.0.0 || >=20.0.0}
     hasBin: true
@@ -6005,12 +6048,13 @@ packages:
       esbuild: 0.21.5
       postcss: 8.4.41
       rollup: 4.20.0
+      sass: 1.77.8
       sass-embedded: 1.77.8
     optionalDependencies:
       fsevents: 2.3.3
     dev: true
 
-  /vitepress-theme-demoblock@3.0.3(@algolia/client-search@4.22.0)(@types/node@20.10.6)(sass-embedded@1.77.8)(search-insights@2.13.0)(typescript@5.5.4):
+  /vitepress-theme-demoblock@3.0.3(@algolia/client-search@4.22.0)(@types/node@20.10.6)(sass-embedded@1.77.8)(sass@1.77.8)(search-insights@2.13.0)(typescript@5.5.4):
     resolution: {integrity: sha512-LmHvoffRnqVvhYie6spOQhA42+Rwxu6/9N1pTADwEufJ/U+GZ4oC00518/6I67bklx1E+NZWrA3G47Y5azRGXw==}
     engines: {node: '>=16.0.0'}
     hasBin: true
@@ -6036,7 +6080,7 @@ packages:
       shiki: 0.14.7
       unified: 10.1.2
       unist-util-visit: 4.1.2
-      vitepress: 1.0.0-rc.33(@algolia/client-search@4.22.0)(@types/node@20.10.6)(sass-embedded@1.77.8)(search-insights@2.13.0)(typescript@5.5.4)
+      vitepress: 1.0.0-rc.33(@algolia/client-search@4.22.0)(@types/node@20.10.6)(sass-embedded@1.77.8)(sass@1.77.8)(search-insights@2.13.0)(typescript@5.5.4)
       vue: 3.4.38(typescript@5.5.4)
       yaml: 2.3.4
     transitivePeerDependencies:
@@ -6071,7 +6115,7 @@ packages:
       - universal-cookie
     dev: true
 
-  /vitepress-theme-demoblock@3.0.7(@algolia/client-search@4.22.0)(@types/node@20.10.6)(sass-embedded@1.77.8)(search-insights@2.13.0)(typescript@5.3.3):
+  /vitepress-theme-demoblock@3.0.7(@algolia/client-search@4.22.0)(@types/node@20.10.6)(sass-embedded@1.77.8)(sass@1.77.8)(search-insights@2.13.0)(typescript@5.3.3):
     resolution: {integrity: sha512-pA+Ag1Ojo25Dw6VYCFocLZahHovCF4Dlgf2iw3mODea6HvP6LTCkCnYgG6eMnRygVsVOA1lB9cHYhb2pRTnfdg==}
     engines: {node: '>=16.0.0'}
     hasBin: true
@@ -6097,7 +6141,7 @@ packages:
       shiki: 1.13.0
       unified: 11.0.5
       unist-util-visit: 5.0.0
-      vitepress: 1.3.3(@algolia/client-search@4.22.0)(@types/node@20.10.6)(sass-embedded@1.77.8)(search-insights@2.13.0)(typescript@5.3.3)
+      vitepress: 1.3.3(@algolia/client-search@4.22.0)(@types/node@20.10.6)(sass-embedded@1.77.8)(sass@1.77.8)(search-insights@2.13.0)(typescript@5.3.3)
       vue: 3.4.38(typescript@5.3.3)
       yaml: 2.5.0
     transitivePeerDependencies:
@@ -6132,7 +6176,7 @@ packages:
       - universal-cookie
     dev: true
 
-  /vitepress@1.0.0-rc.33(@algolia/client-search@4.22.0)(@types/node@20.10.6)(sass-embedded@1.77.8)(search-insights@2.13.0)(typescript@5.3.3):
+  /vitepress@1.0.0-rc.33(@algolia/client-search@4.22.0)(@types/node@20.10.6)(sass-embedded@1.77.8)(sass@1.77.8)(search-insights@2.13.0)(typescript@5.3.3):
     resolution: {integrity: sha512-XMwr5eXEB3KB1uCuOkojVaqsVSijmd6N9QmaM2M6aqJqzXzxNwuvWSiEGYl4qbwRAX6/nFRofhx9+FndtCNjGQ==}
     hasBin: true
     peerDependencies:
@@ -6157,7 +6201,7 @@ packages:
       mrmime: 2.0.0
       shikiji: 0.9.13
       shikiji-transformers: 0.9.13
-      vite: 5.4.1(@types/node@20.10.6)(sass-embedded@1.77.8)
+      vite: 5.4.1(@types/node@20.10.6)(sass-embedded@1.77.8)(sass@1.77.8)
       vue: 3.4.38(typescript@5.3.3)
     transitivePeerDependencies:
       - '@algolia/client-search'
@@ -6188,7 +6232,7 @@ packages:
       - universal-cookie
     dev: true
 
-  /vitepress@1.0.0-rc.33(@algolia/client-search@4.22.0)(@types/node@20.10.6)(sass-embedded@1.77.8)(search-insights@2.13.0)(typescript@5.5.4):
+  /vitepress@1.0.0-rc.33(@algolia/client-search@4.22.0)(@types/node@20.10.6)(sass-embedded@1.77.8)(sass@1.77.8)(search-insights@2.13.0)(typescript@5.5.4):
     resolution: {integrity: sha512-XMwr5eXEB3KB1uCuOkojVaqsVSijmd6N9QmaM2M6aqJqzXzxNwuvWSiEGYl4qbwRAX6/nFRofhx9+FndtCNjGQ==}
     hasBin: true
     peerDependencies:
@@ -6213,7 +6257,7 @@ packages:
       mrmime: 2.0.0
       shikiji: 0.9.13
       shikiji-transformers: 0.9.13
-      vite: 5.4.1(@types/node@20.10.6)(sass-embedded@1.77.8)
+      vite: 5.4.1(@types/node@20.10.6)(sass-embedded@1.77.8)(sass@1.77.8)
       vue: 3.4.38(typescript@5.5.4)
     transitivePeerDependencies:
       - '@algolia/client-search'
@@ -6244,7 +6288,7 @@ packages:
       - universal-cookie
     dev: true
 
-  /vitepress@1.3.3(@algolia/client-search@4.22.0)(@types/node@20.10.6)(sass-embedded@1.77.8)(search-insights@2.13.0)(typescript@5.3.3):
+  /vitepress@1.3.3(@algolia/client-search@4.22.0)(@types/node@20.10.6)(sass-embedded@1.77.8)(sass@1.77.8)(search-insights@2.13.0)(typescript@5.3.3):
     resolution: {integrity: sha512-6UzEw/wZ41S/CATby7ea7UlffvRER/uekxgN6hbEvSys9ukmLOKsz87Ehq9yOx1Rwiw+Sj97yjpivP8w1sUmng==}
     hasBin: true
     peerDependencies:
@@ -6270,7 +6314,7 @@ packages:
       mark.js: 8.11.1
       minisearch: 7.1.0
       shiki: 1.13.0
-      vite: 5.4.1(@types/node@20.10.6)(sass-embedded@1.77.8)
+      vite: 5.4.1(@types/node@20.10.6)(sass-embedded@1.77.8)(sass@1.77.8)
       vue: 3.4.38(typescript@5.3.3)
     transitivePeerDependencies:
       - '@algolia/client-search'
@@ -6301,7 +6345,7 @@ packages:
       - universal-cookie
     dev: true
 
-  /vitest@1.1.1(@types/node@20.10.6):
+  /vitest@1.1.1(@types/node@20.10.6)(sass@1.77.8):
     resolution: {integrity: sha512-Ry2qs4UOu/KjpXVfOCfQkTnwSXYGrqTbBZxw6reIYEFjSy1QUARRg5pxiI5BEXy+kBVntxUYNMlq4Co+2vD3fQ==}
     engines: {node: ^18.0.0 || >=20.0.0}
     hasBin: true
@@ -6345,8 +6389,8 @@ packages:
       strip-literal: 1.3.0
       tinybench: 2.5.1
       tinypool: 0.8.1
-      vite: 5.0.10(@types/node@20.10.6)
-      vite-node: 1.1.1(@types/node@20.10.6)
+      vite: 5.0.10(@types/node@20.10.6)(sass@1.77.8)
+      vite-node: 1.1.1(@types/node@20.10.6)(sass@1.77.8)
       why-is-node-running: 2.2.2
     transitivePeerDependencies:
       - less
diff --git a/scripts/compile/helper.ts b/scripts/compile/helper.ts
deleted file mode 100644
index c672eb1..0000000
--- a/scripts/compile/helper.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-export interface CompileOptions {
-  entryDir: string
-  outputRootDir: string
-  modules: 'es'
-}
diff --git a/scripts/compile/index.js b/scripts/compile/index.js
new file mode 100644
index 0000000..49e4540
--- /dev/null
+++ b/scripts/compile/index.js
@@ -0,0 +1,319 @@
+import { rm } from 'fs/promises'
+import { isAbsolute, resolve } from 'path'
+import { glob } from 'glob'
+import { defineConfig, mergeConfig, build } from 'vite'
+import vuePlugin from '@vitejs/plugin-vue'
+import { join, relative } from 'node:path'
+
+async function removeCompileBundle(compileOption) {
+  const compilePath = isAbsolute(compileOption.outputDir)
+    ? compileOption.outputDir
+    : resolve(process.cwd(), compileOption.outputDir)
+  await rm(resolve(compilePath), { recursive: true, force: true })
+  return compileOption
+}
+async function readFilePath(reg, options = {}) {
+  const files = await glob(reg, { withFileTypes: true, ...options })
+  return files.map((file) => file.fullpathPosix())
+}
+async function readVueFilePath(entryDirPath) {
+  return readFilePath(`${entryDirPath}/**/*.vue`)
+}
+async function readScssFilePath(entryDirPath) {
+  return readFilePath(`${entryDirPath}/**/*.scss`)
+}
+async function readTsFilePath(entryDirPath) {
+  return readFilePath(`${entryDirPath}/**/*.ts`, {
+    ignore: ['**/index.ts'],
+  })
+}
+async function readIndexFilePath(entryDirPath) {
+  return readFilePath(`${entryDirPath}/**/index.ts`)
+}
+
+const _toString = Object.prototype.toString
+/**
+ * Checks if the given value is a function.
+ *
+ * @param {unknown} val - The value to be checked.
+ * @return {boolean} Returns true if the value is a function, false otherwise.
+ */
+// eslint-disable-next-line @typescript-eslint/ban-types
+function isFn(val) {
+  return typeof val === 'function'
+}
+/**
+ * Checks if the given value is null.
+ *
+ * @param {unknown} val - The value to check.
+ * @return {boolean} Returns true if the value is null, false otherwise.
+ */
+function isNull(val) {
+  return val === null
+}
+/**
+ * Checks if a value is a Promise.
+ *
+ * @param {unknown} val - The value to check.
+ * @return {boolean} Returns `true` if the value is a Promise, else `false`.
+ */
+function isPromise(val) {
+  return (
+    typeof val === 'object' &&
+    !isNull(val) &&
+    (_toString.call(val) === '[object Promise]' ||
+      isFn(Reflect.get(val, 'then')))
+  )
+}
+
+const definePrams = (params, index) => {
+  if (index === 0 && Array.isArray(params)) {
+    return params
+  }
+  return [params]
+}
+/**
+ * Takes a series of functions and returns a new function that runs these functions in sequence.
+ * If a function returns a Promise, the next function is called with the resolved value.
+ *
+ * @param {...Array<Fn>} fns - The functions to pipe.
+ * @returns {function} A new function that takes any number of arguments and pipes them through `fns`.
+ */
+function pipe(...fns) {
+  return (...args) => {
+    if (fns.length === 0) return args[0]
+    return fns.reduce((arg, fn, index) => {
+      if (isPromise(arg)) {
+        return arg.then((res) => {
+          return fn(...definePrams(res, index))
+        })
+      }
+      return fn(...definePrams(arg, index))
+    }, args)
+  }
+}
+
+function replaceAliasPath() {
+  return {
+    name: 'vite:replace-alias-path',
+    generateBundle(_, bundle) {
+      Object.keys(bundle).forEach((key) => {
+        if (bundle[key].code) {
+          bundle[key].code = bundle[key].code
+            .replace(/\.vue/g, '.js')
+            .replace(/\.scss/g, '.css')
+        }
+      })
+    },
+  }
+}
+
+const getExtendsViteConfig = (options) => {
+  return options || {}
+}
+const compileVueConfig = ({
+  outDir,
+  fileName,
+  entry,
+  compileModules,
+  options,
+}) => {
+  const _extends = getExtendsViteConfig(options)
+  return defineConfig(
+    mergeConfig(
+      {
+        build: {
+          emptyOutDir: false,
+          minify: false,
+          outDir,
+          cssCodeSplit: true,
+          rollupOptions: {
+            external(id) {
+              if (id.includes('.vue') && id.includes(entry)) return false
+              return id !== entry
+            },
+          },
+          lib: {
+            entry,
+            fileName,
+            formats: [compileModules],
+          },
+        },
+        plugins: [vuePlugin(), replaceAliasPath()],
+      },
+      _extends
+    )
+  )
+}
+function compileBaseConfig({
+  outDir,
+  fileName,
+  entry,
+  compileModules,
+  options,
+}) {
+  const _extends = getExtendsViteConfig(options)
+  return defineConfig(
+    mergeConfig(
+      {
+        build: {
+          emptyOutDir: false,
+          minify: false,
+          outDir,
+          cssCodeSplit: true,
+          rollupOptions: {
+            external(id) {
+              return id !== entry
+            },
+          },
+          lib: {
+            entry,
+            fileName,
+            formats: [compileModules],
+          },
+        },
+      },
+      _extends
+    )
+  )
+}
+function compileIndexConfig({
+  outDir,
+  fileName,
+  entry,
+  compileModules,
+  options,
+}) {
+  const _extends = getExtendsViteConfig(options)
+  return defineConfig(
+    mergeConfig(
+      {
+        build: {
+          emptyOutDir: false,
+          minify: false,
+          outDir,
+          cssCodeSplit: true,
+          rollupOptions: {
+            external(id) {
+              return id !== entry
+            },
+          },
+          lib: {
+            entry,
+            fileName,
+            formats: [compileModules],
+          },
+        },
+        plugins: [replaceAliasPath()],
+      },
+      _extends
+    )
+  )
+}
+
+const getFilename = (filePath) => {
+  const filename = filePath.split('/').pop()
+  if (!filename) {
+    throw new Error('filename is not found')
+  }
+  return removeFileSuffix(filename)
+}
+function removeFileSuffix(fileName) {
+  return fileName.replace(/\.[^/.]+$/, '')
+}
+function getOutDirPath(entryDirPath, filePath, outputDirPath) {
+  return join(outputDirPath, relative(entryDirPath, filePath), '..')
+}
+
+async function compileLib(config) {
+  const { compileOption } = config
+  // remove last compile bundle
+  await removeCompileBundle(compileOption)
+  function compileFileList(fileList, viteCompileConfig, _options = {}) {
+    const { extendedViteConfig } = _options
+    let viteCompileConfigOptions
+    if (isFn(extendedViteConfig)) {
+      viteCompileConfigOptions = extendedViteConfig()
+    } else {
+      viteCompileConfigOptions = extendedViteConfig || {}
+    }
+    fileList.forEach((filePath) => {
+      const fileName = getFilename(filePath)
+      const outDir = getOutDirPath(
+        compileOption.entryDir,
+        filePath,
+        compileOption.outputDir
+      )
+      build(
+        viteCompileConfig({
+          outDir,
+          fileName,
+          entry: filePath,
+          compileModules: compileOption.modules,
+          options: viteCompileConfigOptions,
+        })
+      )
+    })
+  }
+  const { entryDir } = compileOption
+  pipe(readVueFilePath, (fileList) =>
+    compileFileList(fileList, compileVueConfig, {
+      extendedViteConfig: compileOption.extendedViteConfig,
+    })
+  )(entryDir)
+  ;[readScssFilePath, readTsFilePath].forEach((fn) => {
+    pipe(fn, (fileList) =>
+      compileFileList(fileList, compileBaseConfig, {
+        extendedViteConfig: compileOption.extendedViteConfig,
+      })
+    )(entryDir)
+  })
+  pipe(readIndexFilePath, (fileList) =>
+    compileFileList(fileList, compileIndexConfig, {
+      extendedViteConfig: compileOption.extendedViteConfig,
+    })
+  )(entryDir)
+}
+
+export { compileLib }
+
+const workspaceRootPath = resolve(process.cwd(), '../../')
+
+function formatCompileOptions({ entryDir, outputDir, modules, ...rest }) {
+  return {
+    entryDir: resolve(workspaceRootPath, entryDir),
+    outputDir: resolve(workspaceRootPath, outputDir),
+    modules,
+    ...rest,
+  }
+}
+
+;[
+  {
+    entryDir: 'packages/ant-design-vue/src/components',
+    outputDir: 'es/ant-design-vue',
+    modules: 'es',
+  },
+  {
+    entryDir: 'packages/element-plus/components',
+    outputDir: 'es/element-plus',
+    modules: 'es',
+    extendedViteConfig: {
+      css: {
+        preprocessorOptions: {
+          scss: {
+            additionalData:
+              "@use '@packages/helpers/assets/scss/lib.scss' as *;\n",
+          },
+        },
+      },
+    },
+  },
+  {
+    entryDir: 'packages/vue-kit/src/components',
+    outputDir: 'es/vue-kit',
+    modules: 'es',
+  },
+].forEach((config) => {
+  compileLib({ compileOption: formatCompileOptions(config) })
+})
diff --git a/scripts/compile/index.ts b/scripts/compile/index.ts
deleted file mode 100644
index 90db118..0000000
--- a/scripts/compile/index.ts
+++ /dev/null
@@ -1,87 +0,0 @@
-import { rm } from 'node:fs/promises'
-import { relative, resolve } from 'node:path'
-import type { CompileOptions } from './helper'
-import { pipe } from '@cc-heart/utils'
-import { glob } from 'glob'
-import generatorConfig from './vite-config.js'
-import { build } from 'vite'
-
-const workspaceRootPath = resolve(process.cwd(), '../../')
-
-;(() => {
-  'use strict'
-
-  const compileOptions: CompileOptions[] = [
-    {
-      entryDir: 'packages/ant-design-vue/src/components',
-      outputRootDir: 'es/ant-design-vue',
-      modules: 'es',
-    },
-    {
-      entryDir: 'packages/element-plus/components',
-      outputRootDir: 'es/element-plus',
-      modules: 'es',
-    },
-    {
-      entryDir: 'packages/vue-kit/src/components',
-      outputRootDir: 'es/vue-kit',
-      modules: 'es',
-    },
-  ]
-
-  compileOptions.map((options) => {
-    return pipe(
-      () => formatCompileOptions(options),
-      removeOutputDir,
-      readCompileEntryFilePathList,
-      compileFileByFilePath
-    )()
-  })
-})()
-
-function formatCompileOptions({
-  entryDir,
-  outputRootDir,
-  modules,
-}: CompileOptions): CompileOptions {
-  return {
-    entryDir: resolve(workspaceRootPath, entryDir),
-    outputRootDir: resolve(workspaceRootPath, outputRootDir),
-    modules,
-  }
-}
-function removeOutputDir(options: CompileOptions) {
-  rm(options.outputRootDir, {
-    recursive: true,
-    force: true,
-  })
-  return options
-}
-
-async function readCompileEntryFilePathList(options: CompileOptions) {
-  const entryDir = options.entryDir
-  const fileList = await glob(`${entryDir}/**/*`, { withFileTypes: true })
-
-  if (Array.isArray(fileList)) {
-    return [
-      fileList
-        .filter((file) => file.isFile())
-        .map((file) => file.fullpathPosix()),
-      options,
-    ]
-  }
-
-  return [[], options]
-}
-
-async function compileFileByFilePath([fileList, options]: [
-  string[],
-  CompileOptions
-]) {
-  fileList.map(async (file) => {
-    const fileRelativePath = relative(options.entryDir, file)
-    const outputDir = resolve(options.outputRootDir, fileRelativePath)
-    const viteConfig = generatorConfig(file, outputDir, options.modules)
-    await build(viteConfig)
-  })
-}
diff --git a/scripts/compile/package.json b/scripts/compile/package.json
index 3c64edf..8d04286 100644
--- a/scripts/compile/package.json
+++ b/scripts/compile/package.json
@@ -5,10 +5,10 @@
   "main": "index.js",
   "type": "module",
   "scripts": {
-    "build": "node --loader ts-node/esm ./index.ts"
+    "build": "node ./index.js"
   },
   "keywords": [],
-  "author": "",
+  "author": "Carl Chen",
   "license": "MIT",
   "dependencies": {
     "@cc-heart/utils": "^5.1.1",
diff --git a/scripts/compile/vite-config.ts b/scripts/compile/vite-config.ts
deleted file mode 100644
index 7c4a489..0000000
--- a/scripts/compile/vite-config.ts
+++ /dev/null
@@ -1,63 +0,0 @@
-import { CompileOptions } from 'helper'
-import { defineConfig } from 'vite'
-import vue from '@vitejs/plugin-vue'
-
-const isScssFile = (name: string) => {
-  return /\.scss$/.test(name)
-}
-
-export default function generatorConfig(
-  entry: string,
-  outFile: string,
-  modules: CompileOptions['modules']
-) {
-  const [name] = entry.split('/').slice(-1)
-  const outDir = outFile.split('/').slice(0, -1).join('/')
-  return defineConfig({
-    plugins: [vue()],
-    css: {
-      preprocessorOptions: {
-        scss: {
-          additionalData:
-            "@use '@packages/helpers/assets/scss/lib.scss' as *;\n",
-        },
-      },
-    },
-    build: {
-      emptyOutDir: false,
-      outDir,
-      minify: false,
-      rollupOptions: {
-        // @ts-ignore
-        external: (id: string, parentId: string) => {
-          if (parentId) {
-            const [fileName] = parentId.split('/').slice(-1)
-            if (
-              fileName &&
-              ['index.ts', 'index.js'].some(
-                (filterFileName) => fileName === filterFileName
-              )
-            ) {
-              return true
-            }
-          }
-          if (id.includes('.vue')) return false
-          return id !== entry
-        },
-        output: {
-          assetFileNames: (assetInfo: any) => {
-            if (assetInfo.name === 'style.css') {
-              return name.replace(/\..*/, '') + '.css'
-            }
-            return assetInfo.name
-          },
-        },
-      },
-      lib: {
-        entry,
-        fileName: isScssFile(name) ? name : name.replace(/\..*/, ''),
-        formats: [modules],
-      },
-    },
-  })
-}