rayyy-vue-table-components 1.0.37 → 1.0.39

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rayyy-vue-table-components",
-  "version": "1.0.37",
+  "version": "1.0.39",
   "description": "Vue 3 + Element Plus 表格組件庫",
   "type": "module",
   "main": "./dist/index.umd.js",
@@ -123,8 +123,5 @@
     "vue-tsc": "^2.2.8",
     "vuedraggable": "^4.1.0",
     "@vueuse/core": "^11.2.0"
-  },
-  "dependencies": {
-    "vuedraggable": "^2.24.3"
   }
 }

package/src/components/index.ts

@@ -1,6 +1,8 @@
 // 單獨導出組件
 export { default as BaseTable } from './tables/BaseTable.vue'
 export { default as BaseBtn } from './items/BaseBtn.vue'
+export { default as BaseInput } from './items/BaseInput.vue'
+export { default as FilterBtn } from './items/FilterBtn.vue'
 export { default as BaseDialog } from './BaseDialog.vue'
 export { default as SortTable } from './tables/SortTable.vue'
 export { default as SearchBar } from './SearchBar.vue'
@@ -23,6 +25,8 @@ export type {
 // 重新導出組件定義類型
 export type { default as BaseTableType } from './tables/BaseTable.vue'
 export type { default as BaseBtnType } from './items/BaseBtn.vue'
+export type { default as BaseInputType } from './items/BaseInput.vue'
+export type { default as FilterBtnType } from './items/FilterBtn.vue'
 export type { default as BaseDialogType } from './BaseDialog.vue'
 export type { default as SortTableType } from './tables/SortTable.vue'
 export type { default as SearchBarType } from './SearchBar.vue'

package/src/components/tables/SortTable.vue

@@ -41,10 +41,10 @@ const handleColumnSortChange = (data: SortChangValue<T>) => {
 </script>
 
 <template>
-  <div class="sort-table-container">
-    <div class="sort-table-function-bar">
+  <div class="w-full mb-4">
+    <div class="flex items-center h-12 bg-gray-200 px-1.5 rounded-t justify-end">
       <div class="flex items-center mr-4">
-        <div class="sort-table-settings-btn" @click="openTransferDialog">
+        <div class="cursor-pointer text-blue-800 text-xl flex items-center justify-center hover:text-blue-600" @click="openTransferDialog">
           <el-icon><Setting /></el-icon>
         </div>
       </div>

package/tailwind-preset.js

@@ -1,6 +1,57 @@
 /** @type {import('tailwindcss').Config} */
 module.exports = {
   content: [],
+  safelist: [
+    // SortTable 組件類別
+    'sort-table-container',
+    'sort-table-function-bar',
+    'sort-table-settings-btn',
+
+    // FilterBtn 組件類別
+    'filter-btn',
+
+    // TransferItem 組件類別
+    'transfer-item-wrapper',
+    'transfer-arrow-wrapper',
+
+    // TransferDialog 組件類別
+    'transfer-sort-wrapper',
+    'transfer-active-bg',
+    'transfer-active-border',
+
+    // BaseDialog 組件類別
+    'base-dialog-title',
+
+    // 通用類別
+    'cursor-grab',
+    'cursor-grabbing',
+
+    // Primary 顏色類別
+    'bg-primary',
+    'bg-primary-10',
+    'bg-primary-15',
+    'bg-primary-20',
+    'bg-primary-40',
+    'bg-primary-60',
+    'bg-primary-80',
+    'bg-primary-dark',
+    'text-primary',
+    'text-primary-10',
+    'text-primary-15',
+    'text-primary-20',
+    'text-primary-40',
+    'text-primary-60',
+    'text-primary-80',
+    'text-primary-dark',
+    'border-primary',
+    'border-primary-10',
+    'border-primary-15',
+    'border-primary-20',
+    'border-primary-40',
+    'border-primary-60',
+    'border-primary-80',
+    'border-primary-dark',
+  ],
   theme: {
     extend: {
       colors: {