rayyy-vue-table-components 1.2.16 → 1.2.18

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (31) hide show
  1. package/README.md +20 -18
  2. package/dist/index.es.js +7523 -7726
  3. package/dist/index.umd.js +31 -35
  4. package/dist/rayyy-vue-table-components.css +1 -1
  5. package/dist/src/components/index.d.ts +5 -3
  6. package/dist/src/components/items/FilterBtn.vue.d.ts +9 -1
  7. package/dist/src/components/items/FunctionHeader.vue.d.ts +53 -0
  8. package/dist/src/components/items/MainPanel.vue.d.ts +28 -0
  9. package/dist/src/components/{SearchBar.vue.d.ts → items/SearchBar.vue.d.ts} +2 -0
  10. package/dist/src/const/tableConst.d.ts +83 -0
  11. package/dist/src/index.d.ts +1 -1
  12. package/dist/src/types/components.d.ts +1 -0
  13. package/dist/src/utils/routeFormatters.d.ts +1 -0
  14. package/dist/src/utils/tableStyles.d.ts +50 -92
  15. package/dist/src/views/DemoPage.vue.d.ts +1 -1
  16. package/package.json +1 -1
  17. package/src/assets/styles/_base.scss +45 -0
  18. package/src/assets/styles/_components.scss +61 -17
  19. package/src/assets/styles/{_dialog.scss → _dialogs.scss} +14 -1
  20. package/src/assets/styles/{_table.scss → _tables.scss} +41 -3
  21. package/src/assets/styles/tailwind.scss +4 -3
  22. package/src/components/index.ts +5 -3
  23. package/src/components/items/FilterBtn.vue +15 -7
  24. package/src/components/items/FunctionHeader.vue +46 -0
  25. package/src/components/items/MainPanel.vue +37 -0
  26. package/src/components/{SearchBar.vue → items/SearchBar.vue} +7 -4
  27. package/src/components/transfer/TransferDialog.vue +3 -4
  28. package/src/types/components.d.ts +1 -0
  29. package/src/utils/routeFormatters.ts +10 -0
  30. package/src/utils/tableStyles.ts +88 -133
  31. package/dist/src/stores/layoutStore.d.ts +0 -5
package/README.md CHANGED
@@ -671,26 +671,26 @@ import 'rayyy-vue-table-components/styles'
671
671
  #### 預定義樣式
672
672
 
673
673
  ```typescript
674
- import { tableStyles, componentStyles } from 'rayyy-vue-table-components/utils/styles'
674
+ import { STYLE_CLASSES } from 'rayyy-vue-table-components/utils/styles'
675
675
 
676
676
  // 表格樣式常量
677
677
  const styles = {
678
- cell: tableStyles.cell, // 'p-0 h-10'
679
- header: tableStyles.header, // 'bg-primary-15 font-bold text-text text-sm leading-4'
680
- content: tableStyles.content, // 'truncate'
681
- dismissed: tableStyles.dismissed, // 'bg-blue-20'
682
- footer: tableStyles.footer, // 'font-bold'
683
- blueText: tableStyles.blueText, // 'text-blue-10'
684
- redText: tableStyles.redText, // 'text-redText'
678
+ cell: STYLE_CLASSES.tableCell, // 'table-cell'
679
+ header: STYLE_CLASSES.tableHeader, // 'table-header'
680
+ content: STYLE_CLASSES.tableCellContent, // 'table-cell-content'
681
+ dismissed: STYLE_CLASSES.dismissedRow, // 'dismissed-row'
682
+ footer: STYLE_CLASSES.tableFooter, // 'table-footer'
683
+ blueText: STYLE_CLASSES.blueText, // 'blue-text'
684
+ redText: STYLE_CLASSES.redText, // 'red-text'
685
685
  }
686
686
 
687
687
  // 組件樣式常量
688
688
  const componentClasses = {
689
- sortTableContainer: componentStyles.sortTableContainer,
690
- filterBtn: componentStyles.filterBtn,
691
- transferActiveBg: componentStyles.transferActiveBg,
692
- baseDialogTitle: componentStyles.baseDialogTitle,
693
- cursorGrab: componentStyles.cursorGrab,
689
+ sortTableContainer: STYLE_CLASSES.sortTableContainer,
690
+ filterBtn: STYLE_CLASSES.filterBtn,
691
+ transferActiveBg: STYLE_CLASSES.transferActiveBg,
692
+ baseDialogTitle: STYLE_CLASSES.baseDialogTitle,
693
+ cursorGrab: STYLE_CLASSES.cursorGrab,
694
694
  }
695
695
  ```
696
696
 
@@ -714,12 +714,12 @@ const textClass = createTextClass('blue') // 'blue' | 'red' | 'normal'
714
714
  #### Element Plus 表格配置
715
715
 
716
716
  ```typescript
717
- import { dataTableConfig } from 'rayyy-vue-table-components/utils/styles'
717
+ import { STYLE_CLASSES } from 'rayyy-vue-table-components/utils/styles'
718
718
 
719
719
  // 在 Element Plus 原生表格中使用
720
720
  <el-table
721
- :cell-class-name="dataTableConfig.cellClass"
722
- :header-cell-class-name="dataTableConfig.headerClass"
721
+ :cell-class-name="STYLE_CLASSES.tableCell"
722
+ :header-cell-class-name="STYLE_CLASSES.tableHeader"
723
723
  :data="tableData"
724
724
  >
725
725
  <el-table-column prop="name" label="姓名" />
@@ -832,8 +832,10 @@ src/
832
832
  │ └── transfer/ # 穿梭框組件
833
833
  ├── assets/styles/ # 樣式文件
834
834
  │ ├── tailwind.scss # 主樣式入口
835
- │ ├── _table.scss # 表格樣式
836
- │ ├── _dialog.scss # 對話框樣式
835
+ │ ├── _base.scss # 基礎樣式（表格基礎、文字樣式等）
836
+ │ ├── _tables.scss # 表格相關樣式（Element Plus 表格覆蓋）
837
+ │ ├── _dialogs.scss # 對話框相關樣式
838
+ │ ├── _components.scss # 組件樣式（SortTable、FilterBtn等）
837
839
  │ └── element/ # Element Plus 主題
838
840
  ├── types/ # 類型定義
839
841
  ├── utils/ # 工具函數