refactor: 升级tailwindcss至v4版本，带来更快的构建速度、更简化的安装和配置、提供专属vite插件 (#1203)

src/views/table/base/fluidHeight.vue

@@ -77,8 +77,6 @@ const onAddItem = () => {
         </el-button>
       </template>
     </pure-table>
-    <el-button class="mt-4" style="width: 100%" @click="onAddItem">
-      Add Item
-    </el-button>
+    <el-button class="w-full mt-4!" @click="onAddItem"> Add Item </el-button>
   </div>
 </template>

src/views/table/edit/demo1/index.vue

@@ -31,7 +31,7 @@ const { columns, dataList, onAdd, onDel } = useColumns();
       <template #append>
         <el-button
           plain
-          class="w-full my-2"
+          class="w-full my-2!"
           :icon="useRenderIcon(AddFill)"
           @click="onAdd"
         >

src/views/table/edit/demo3/index.vue

@@ -12,7 +12,7 @@ const { columns, dataList } = useColumns();
       </code>
     </el-scrollbar>
     <pure-table
-      class="!w-[30vw]"
+      class="w-[30vw]!"
       row-key="id"
       border
       :data="dataList"

src/views/table/high/excel/index.vue

@@ -6,7 +6,7 @@ const { columns, dataList, exportExcel } = useColumns();
 
 <template>
   <div>
-    <el-button type="primary" class="mb-[20px]" @click="exportExcel">
+    <el-button type="primary" class="mb-[20px]!" @click="exportExcel">
       导出
     </el-button>
     <pure-table row-key="id" border :data="dataList" :columns="columns" />

src/views/table/high/header/index.vue

@@ -9,7 +9,7 @@ const { columns, dataList, onChange } = useColumns();
 
 <template>
   <div>
-    <el-button type="primary" class="mb-[20px]" @click="onChange">
+    <el-button type="primary" class="mb-[20px]!" @click="onChange">
       切换表头
     </el-button>
     <pure-table

src/views/table/high/prints/index.vue

@@ -9,7 +9,7 @@ const { columns, dataList, print, cellStyle, rowStyle, headerCellStyle } =
 
 <template>
   <div>
-    <el-button type="primary" class="mb-[20px]" @click="print">
+    <el-button type="primary" class="mb-[20px]!" @click="print">
       打印
     </el-button>
     <!-- rowHoverBgColor="transparent" 鼠标经过行时，去掉行的背景色 -->

src/views/table/high/table-select/multiple/index.vue

@@ -25,7 +25,7 @@ const {
   <el-select
     ref="selectRef"
     v-model="selectValue"
-    class="!w-[200px]"
+    class="w-[200px]!"
     placeholder="请选择"
     clearable
     multiple
@@ -41,7 +41,7 @@ const {
           <el-form-item prop="sexValue">
             <el-select
               v-model="searchForm.sexValue"
-              class="!w-[120px]"
+              class="w-[120px]!"
               placeholder="请选择性别"
               :teleported="false"
               clearable
@@ -57,14 +57,14 @@ const {
           <el-form-item prop="searchDate">
             <el-date-picker
               v-model="searchForm.searchDate"
-              class="!w-[150px]"
+              class="w-[150px]!"
               type="date"
               placeholder="请选择日期"
               format="YYYY/MM/DD"
               value-format="YYYY-MM-D"
             />
           </el-form-item>
-          <el-form-item class="float-right !mr-0">
+          <el-form-item class="float-right mr-0!">
             <el-button type="primary" text bg @click="onSearch">
               查询
             </el-button>

src/views/table/high/table-select/radio/index.vue

@@ -17,7 +17,7 @@ const {
   <el-select
     ref="selectRef"
     v-model="selectValue"
-    class="!w-[200px]"
+    class="w-[200px]!"
     placeholder="请选择"
     value-key="id"
     clearable