@wx-design/components 0.6.6 → 0.7.1-1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wx-design/components",
-  "version": "0.6.6",
+  "version": "0.7.1-1",
   "description": "",
   "type": "module",
   "main": "./lib/index.js",

package/types/index.d.ts

@@ -1,10 +1,11 @@
 import { VxeTablePropTypes } from 'vxe-table'
-import { SabTable } from './table'
+import { SabTable, SabTableSet } from './table'
 export { SabTable }
 
 declare module '@vue/runtime-core' {
   export interface GlobalComponents {
     SabTable: typeof SabTable
+    SabTableSet: typeof SabTableSet
   }
 }
 

package/types/table/column.d.ts

@@ -161,8 +161,8 @@ export type SabColumnProps<D = VxeTableDataRow> = VxeColumnProps<D> & {
   editable?: boolean;
   // 自定义插槽
   slots?: Partial<SabColumnSlots<D>>;
-  // 是否隐藏列
-  hidden?: boolean;
+  // 是否可见列，默认true
+  visible?: boolean;
   // 筛选控制
   sabFilter?: {
     // TODO: 是否自动收集筛选条件

package/types/table/index.d.ts

@@ -1,12 +1,15 @@
 
 import type { VXEComponent, VxeTableEventProps } from 'vxe-table'
 import type { SabTableProps, TableSlots } from './table'
+import type { TableSetProps } from './table-set'
 import type { SabColumnSlots } from './column'
 
 export const SabTable: VXEComponent<SabTableProps<any>, VxeTableEventProps<any>, SabColumnSlots<any> & TableSlots>
+export const SabTableSet: VXEComponent<TableSetProps<any>, any>
 
 export * from './column'
 export * from './table'
+export * from './table-set'
 export * from './toolbar'
 export * from './hooks'
 export type * from 'vxe-table'

package/types/table/table-set.d.ts

@@ -0,0 +1,43 @@
+import type { VxeTableInstance } from "vxe-table";
+import type { SabColumnProps } from "./column";
+
+type PureColumn = Pick<SabColumnProps, "field" | "title" | "visible" | "fixed">;
+
+// 表格配置项存储类型
+export type SabTableSetConfig = {
+  // 存储表头排序及显隐控制
+  columns?: PureColumn[]
+}
+
+export interface TableSetProps {
+  // 表名key
+  name: string;
+  // 是否启用该控件，默认 true
+  enabled?: boolean;
+  // 列
+  columns?: SabColumnProps[];
+  // 获取表格配置的方法
+  getTableConfig?: (params: {
+    // 表名
+    name: string;
+  }) => SabTableSetConfig;
+  // 设置表格配置的方法
+  setTableConfig?: (params: {
+    // 表名
+    name: string;
+    // 表格配置项
+    config: SabTableSetConfig;
+  }) => any;
+  // vxe-table 实例
+  tableRef?: VxeTableInstance;
+}
+
+// ColumnSet 表头设置配置
+export interface TableSetColumnsProps {
+  // 表格传入的 columns
+  columns?: SabColumnProps[]
+  // 初始列表配置
+  initColumns?: PureColumn[];
+  // vxe-table 实例
+  tableRef?: VxeTableInstance;
+}

package/types/table/table.d.ts

@@ -1,7 +1,9 @@
 import { VxeTableProps, VxeTableDataRow, VxeTableInstance } from "vxe-table";
-import { SabColumnProps, SabPopoverParams } from "./";
+import { SabColumnProps, SabPopoverParams, TableSetProps } from "./";
 
 export type SabTableProps<D = VxeTableDataRow> = VxeTableProps<D> & {
+  // 表名，如果你想保存表格的配置，则 name 必传
+  name?: string;
   // 表格 css 类名
   class?: any;
   // 外部容器 css 类名
@@ -22,14 +24,8 @@ export type SabTableProps<D = VxeTableDataRow> = VxeTableProps<D> & {
   autoColumnWidth?: boolean;
   // 单击是否选中当前行
   selectWhenClickRow?: boolean;
-  // 行背景高亮，默认 true
-  // 如果 false, 那么
-  // row-config.isCurrent = false
-  // row-config.isHover = false
-  // checkbox-config.highlight, 背景为透明
-  rowBackgroundHighlight?: boolean;
-  // TODO: 行边框高亮, 默认 true
-  rowBorderHighlight?: boolean;
+  // 表格设置控件配置
+  tableSetConfig?: Partial<TableSetProps>;
 }
 
 // 表格插槽

package/types/table/toolbar.d.ts

@@ -1,13 +1,13 @@
 import { VxeTableInstance, VxeTableDataRow } from "vxe-table";
 
-import { SabColumnProps } from "./";
+import { SabColumnProps, TableSetProps } from "./";
 
 // 支持的能力
-// clearSelect - 清空选择行
-// saveSelect - 保存选择行
-type ToolbarFeatures = 'clearSelect' | 'saveSelect'
+type ToolbarFeatures = ''
 
 export interface ToolbarProps<D = VxeTableDataRow> {
+  // 表名
+  name?: string;
   // css 类名
   class?: any;
   // vxe-table 实例
@@ -16,7 +16,6 @@ export interface ToolbarProps<D = VxeTableDataRow> {
   features?: ToolbarFeatures[];
   // 列配置项
   columns?: SabColumnProps[];
-
-  // 保存选择行回调
-  saveSelectRecords?: (rows: D[]) => void;
+  // 表格设置控件配置
+  tableSetConfig?: Partial<TableSetProps>;
 }