@wx-design/components 0.1.10 → 0.2.0

package/package.json

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

package/types/table/column.d.ts

@@ -52,6 +52,10 @@ export interface SabColumnSlots<D = VxeTableDataRow> {
    * @deprecated
    */
   icon: (params: VxeColumnSlotTypes.IconSlotParams<D>) => any;
+  /**
+   * TODO: 单元格弹出
+   */
+  popover: (params: VxeColumnSlotTypes.DefaultSlotParams<D>) => any | string;
 }
 
 // 单选框属性
@@ -78,6 +82,18 @@ export type SabCellEditorParams =
   | Partial<DatePickerProps>
   | Partial<SabCellSelectProps>
 
+// 弹出层配置
+export type SabPopoverParams = {
+  // 触发弹出的元素，默认icon
+  trigger?: "cell" | 'icon',
+  // 触发事件，默认 click
+  triggerEvent?: "click" | "hover" | "focus" | "contextmenu",
+  // 弹出类型
+  popType?: 'popover' | 'dialog',
+  // 是否展示弹出按钮
+  showButton?: boolean
+}
+
 // 表格列设置
 export type SabColumnProps<D = VxeTableDataRow> = VxeColumnProps<D> & {
   // 单元格类型
@@ -92,7 +108,11 @@ export type SabColumnProps<D = VxeTableDataRow> = VxeColumnProps<D> & {
   hidden?: boolean;
   // 筛选控制
   sabFilter?: {
-    // 是否自动收集筛选条件
+    // TODO: 是否自动收集筛选条件
     autoCollectFilterOptions?: boolean;
   };
+  // 启用弹出层
+  enablePopover?: boolean;
+  // 弹出层配置
+  popoverConfig?: SabPopoverParams
 };

package/types/table/table.d.ts

@@ -1,9 +1,11 @@
 import { VxeTableProps, VxeTableDataRow } from "vxe-table";
-import { SabColumnProps } from "./";
+import { SabColumnProps, SabPopoverParams } from "./";
 
 export type SabTableProps<D = VxeTableDataRow> = VxeTableProps<D> & {
   // 表格 css 类名
   class?: any;
+  // 外部容器 css 类名
+  wrapClassName?: any;
   // 列配置
   columns?: Partial<SabColumnProps<D>>[];
   // 表格可编辑
@@ -16,4 +18,6 @@ export type SabTableProps<D = VxeTableDataRow> = VxeTableProps<D> & {
   showToolbar?: boolean;
   // 点击未选中行的单元格自动取消选择选中行
   autoClearSelected?: boolean;
+  // 单元格弹出层配置
+  popoverConfig?: SabPopoverParams;
 }

package/es/demos/table/mock.d.ts

@@ -1,76 +0,0 @@
-export declare const mockData: ({
-    id: number;
-    name: string;
-    nickname: string;
-    role: string;
-    sex: string;
-    sex2: string[];
-    num1: number;
-    age: number;
-    address: string;
-    date12: string;
-    date13: string;
-    avater: string;
-    color: string;
-    isok: boolean;
-} | {
-    id: number;
-    name: string;
-    nickname: string;
-    role: string;
-    sex: string;
-    sex2: string[];
-    num1: number;
-    age: number;
-    address: string;
-    date12: string;
-    date13: string;
-    color: string;
-    isok: boolean;
-    avater?: undefined;
-} | {
-    id: number;
-    name: string;
-    nickname: string;
-    role: string;
-    sex: string;
-    sex2: string[];
-    num1: number;
-    age: number;
-    address: string;
-    date12: string;
-    date13: string;
-    color: string;
-    avater?: undefined;
-    isok?: undefined;
-} | {
-    id: number;
-    name: string;
-    nickname: string;
-    role: string;
-    sex: string;
-    sex2: string[];
-    num1: number;
-    age: number;
-    address: string;
-    date12: string;
-    date13: string;
-    avater?: undefined;
-    color?: undefined;
-    isok?: undefined;
-} | {
-    id: number;
-    name: string;
-    nickname: string;
-    role: string;
-    sex: string;
-    sex2: string[];
-    num1: number;
-    age: number;
-    address: string;
-    date12: string;
-    date13: string;
-    avater: string;
-    color?: undefined;
-    isok?: undefined;
-})[];

package/lib/demos/table/mock.d.ts

@@ -1,76 +0,0 @@
-export declare const mockData: ({
-    id: number;
-    name: string;
-    nickname: string;
-    role: string;
-    sex: string;
-    sex2: string[];
-    num1: number;
-    age: number;
-    address: string;
-    date12: string;
-    date13: string;
-    avater: string;
-    color: string;
-    isok: boolean;
-} | {
-    id: number;
-    name: string;
-    nickname: string;
-    role: string;
-    sex: string;
-    sex2: string[];
-    num1: number;
-    age: number;
-    address: string;
-    date12: string;
-    date13: string;
-    color: string;
-    isok: boolean;
-    avater?: undefined;
-} | {
-    id: number;
-    name: string;
-    nickname: string;
-    role: string;
-    sex: string;
-    sex2: string[];
-    num1: number;
-    age: number;
-    address: string;
-    date12: string;
-    date13: string;
-    color: string;
-    avater?: undefined;
-    isok?: undefined;
-} | {
-    id: number;
-    name: string;
-    nickname: string;
-    role: string;
-    sex: string;
-    sex2: string[];
-    num1: number;
-    age: number;
-    address: string;
-    date12: string;
-    date13: string;
-    avater?: undefined;
-    color?: undefined;
-    isok?: undefined;
-} | {
-    id: number;
-    name: string;
-    nickname: string;
-    role: string;
-    sex: string;
-    sex2: string[];
-    num1: number;
-    age: number;
-    address: string;
-    date12: string;
-    date13: string;
-    avater: string;
-    color?: undefined;
-    isok?: undefined;
-})[];