@wx-design/components 0.1.1 → 0.1.2

package/lib/core/Table/types/column.d.ts

@@ -0,0 +1,74 @@
+import { VxeTableDataRow, VxeColumnProps, VxeColumnSlotTypes } from "vxe-table";
+import type { InputNumberProps, DatePickerProps } from "element-plus";
+export interface SabColumnSlots<D = VxeTableDataRow> {
+    /**
+     * 自定义显示内容模板
+     */
+    default: ((params: VxeColumnSlotTypes.DefaultSlotParams<D>) => any) | string;
+    /**
+     * 自定义表头内容的模板
+     */
+    header: ((params: VxeColumnSlotTypes.HeaderSlotParams<D>) => any) | string;
+    /**
+     * 自定义表尾内容的模板
+     */
+    footer: ((params: VxeColumnSlotTypes.FooterSlotParams<D>) => any) | string;
+    /**
+     * 只对 type=checkbox,radio 有效，自定义标题模板
+     */
+    title: ((params: VxeColumnSlotTypes.HeaderSlotParams<D>) => any) | string;
+    /**
+     * 只对 type=checkbox 有效，自定义复选框模板
+     */
+    checkbox: ((params: VxeColumnSlotTypes.DefaultSlotParams<D>) => any) | string;
+    /**
+     * 只对 type=radio 有效，自定义单选框模板
+     */
+    radio: ((params: VxeColumnSlotTypes.DefaultSlotParams<D>) => any) | string;
+    /**
+     * 只对 type=expand 有效，自定义展开后的内容模板
+     */
+    content: ((params: VxeColumnSlotTypes.ContentSlotParams<D>) => any) | string;
+    /**
+     * 只对 filter-render 启用时有效，自定义筛选模板
+     */
+    filter: ((params: VxeColumnSlotTypes.FilterSlotParams<D>) => any) | string;
+    /**
+     * 只对 edit-render 启用时有效，自定义可编辑组件模板
+     */
+    edit: ((params: VxeColumnSlotTypes.EditSlotParams<D>, editorProps: SabCellEditorParams) => any) | string;
+    /**
+     * 已废弃
+     * @deprecated
+     */
+    icon: (params: VxeColumnSlotTypes.IconSlotParams<D>) => any;
+}
+export declare enum SabCellType {
+    Input = "input",
+    InputNumber = "input-number",
+    Select = "select",
+    DatePciker = "date-picker",
+    Image = "image",
+    Color = "color",
+    Boolean = "boolean"
+}
+export type SabCellSelectProps = {
+    disabled?: boolean;
+    readonly?: boolean;
+    multiple?: boolean;
+    options: any[];
+    labelKey?: string;
+    valueKey?: string;
+    disabledKey?: string;
+};
+export type SabCellEditorParams = Partial<InputNumberProps> | Partial<DatePickerProps> | Partial<SabCellSelectProps>;
+export type SabColumnProps<D = VxeTableDataRow> = VxeColumnProps<D> & {
+    sabCellType?: SabCellType;
+    editorProps?: Partial<SabCellEditorParams>;
+    editable?: boolean;
+    slots?: Partial<SabColumnSlots<D>>;
+    hidden?: boolean;
+    sabFilter?: {
+        autoCollectFilterOptions?: boolean;
+    };
+};

package/lib/core/Table/types/index.d.ts

@@ -0,0 +1,3 @@
+export * from './column';
+export * from './table';
+export * from './toolbar';

package/lib/core/Table/types/table.d.ts

@@ -0,0 +1,11 @@
+import { VxeTableProps, VxeTableDataRow } from "vxe-table";
+import { SabColumnProps } from "./";
+export type SabTableProps<D = VxeTableDataRow> = VxeTableProps<D> & {
+    class?: any;
+    columns?: Partial<SabColumnProps<D>>[];
+    editable?: boolean;
+    withSeq?: boolean;
+    withCheckbox?: boolean;
+    showToolbar?: boolean;
+    autoClearSelected?: boolean;
+};

package/lib/core/Table/types/toolbar.d.ts

@@ -0,0 +1,11 @@
+import { VxeTableInstance, VxeTableDataRow } from "vxe-table";
+import { SabColumnProps } from "./";
+type ToolbarFeatures = 'clearSelect' | 'saveSelect';
+export interface ToolbarProps<D = VxeTableDataRow> {
+    class?: any;
+    tableRef?: VxeTableInstance;
+    features?: ToolbarFeatures[];
+    columns?: SabColumnProps[];
+    saveSelectRecords?: (rows: D[]) => void;
+}
+export {};

package/lib/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./core/Table";
+export { default as SabTable } from "./core/Table";