@wx-design/components 1.0.0-alpha.7 → 1.0.0-alpha.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wx-design/components",
-  "version": "1.0.0-alpha.7",
+  "version": "1.0.0-alpha.8",
   "description": "",
   "type": "module",
   "main": "./lib/index.js",

package/types/table/column.d.ts

@@ -1,4 +1,4 @@
-import { Ref } from 'vue'
+import { Ref } from "vue";
 import {
   VxeTableDataRow,
   VxeColumnProps,
@@ -14,6 +14,7 @@ import type {
   CheckboxProps,
   SwitchProps,
   PopoverInstance,
+  ImageProps,
 } from "element-plus";
 import type { SabHeaderFilterProps } from "./";
 
@@ -26,7 +27,8 @@ export interface SabColumnSlots<D = VxeTableDataRow> {
         params: VxeColumnSlotTypes.DefaultSlotParams<D> & {
           column: SabColumnProps<D>;
         },
-        editorProps?: SabCellEditorParams
+        editorProps?: SabCellEditorParams,
+        column?: SabColumnProps<D>
       ) => any)
     | string;
   /**
@@ -119,7 +121,7 @@ export type SabCellSelectProps<D = VxeTableDataRow> = {
     }
   ) => Promise<any[]> | any[];
   // 只有配置了 dynamicOptions 才有效,聚焦时重新获取数据
-  revalidateOnFocus?: boolean
+  revalidateOnFocus?: boolean;
   // 动态获取方法的防抖配置
   dynamicDebounce?: {
     // 延迟时间, 毫秒，默认300
@@ -171,6 +173,14 @@ export type BooleanEditorProps<D = VxeTableDataRow> = Partial<SwitchProps> &
     }): void;
   };
 
+// 图片类型参数
+export type ImageViewProps<D = VxeTableDataRow> = Partial<ImageProps> & {
+  // 在表格内直接展示图片
+  showThumb?: boolean
+  // 最多显示几张图片，默认3张, -1则不限制
+  maxCount?: number
+};
+
 // 单元格编辑器参数
 export type SabCellEditorParams =
   | Partial<InputProps>
@@ -180,7 +190,8 @@ export type SabCellEditorParams =
   | Partial<PopoverProps>
   | Partial<SabPopoverParams>
   | Partial<DynamicCellProps>
-  | Partial<BooleanEditorProps>;
+  | Partial<BooleanEditorProps>
+  | Partial<ImageViewProps>;
 
 // 弹出层配置
 export type SabPopoverParams = Partial<PopoverProps & DialogProps> & {
@@ -242,14 +253,22 @@ export type SabColumnProps<D = VxeTableDataRow> = VxeColumnProps<D> & {
 
   // 其他
   // 不参与批量操作
-  batchForbidden?: boolean
+  batchForbidden?: boolean;
   // 不参与动态表头控制
-  noHeaderSet?: boolean
+  noHeaderSet?: boolean;
   // 参与表格尾部汇总
-  withSummary?: boolean
+  withSummary?: boolean;
   // 自定义表格尾部数据汇总处理
-  footerMethod?(column: SabColumnProps<D>, data: D[]): any
+  footerMethod?(column: SabColumnProps<D>, data: D[]): any;
 
   // 表头分组
-  children?: SabColumnProps<D>[]
+  children?: SabColumnProps<D>[];
+
+  // 在被单元格渲染前转换数据
+  // 测试中，不要滥用，目前只推荐 `Image` 使用
+  transformRowDataToCell?(
+    scope:
+      | VxeColumnSlotTypes.DefaultSlotParams<D>
+      | VxeColumnSlotTypes.EditSlotParams<D>
+  ): any;
 };