@qn-pandora/pandora-component 5.1.0 → 5.1.2

package/es/components/Table/ResizableTitle/style.less

@@ -1,25 +1,25 @@
-@import '../../../style/theme.less';
-
-.@{sdk-prefix}-table-resizable-th {
-  width: 100%;
-  .@{sdk-prefix}-table-resizable-handle {
-    position: absolute;
-    cursor: col-resize;
-    right: 1px;
-    height: 40%;
-    top: 50%;
-    transform: translateY(-50%);
-    width: 8px;
-    opacity: 0;
-    transition: opacity 0.2s ease-in-out;
-  }
-  &:hover {
-    .@{sdk-prefix}-table-resizable-handle {
-      opacity: 0.3;
-    }
-  }
-
-  &::before {
-    display: none;
-  }
-}
+@import '../../../style/theme.less';
+
+.@{sdk-prefix}-table-resizable-th {
+  width: 100%;
+  .@{sdk-prefix}-table-resizable-handle {
+    position: absolute;
+    cursor: col-resize;
+    right: 1px;
+    height: 40%;
+    top: 50%;
+    transform: translateY(-50%);
+    width: 8px;
+    opacity: 0;
+    transition: opacity 0.2s ease-in-out;
+  }
+  &:hover {
+    .@{sdk-prefix}-table-resizable-handle {
+      opacity: 0.3;
+    }
+  }
+
+  &::before {
+    display: none;
+  }
+}

package/es/components/Table/index.d.ts

@@ -1,73 +1,13 @@
 import * as React from 'react';
-import { TableProps, ColumnType, ColumnGroupType } from 'antd/es/table';
-import { TableRowSelection } from 'antd/es/table/interface';
+import type { TableRowSelection, RowSelectMethod } from 'antd/es/table/interface';
 import { IOption } from './ColumnSetting';
+import { ITableProps, ISaveFieldItem, IColumnType, IOptionItem, IColumnsType } from './type';
+export * from './type';
 /**
  * 表格提供自定义多选, 通过 rowSelection对象的selectedRowKeys和onChange来控制多选的状态
  * 需要注意的是, 当在外部进行增删改或者外部需要控制选择状态时, 例如删除之后清空全选状态, 需要受控
  * 传入selectedRowKeys值。
  */
-export interface IOptionItem {
-    /**
-     * 操作名称
-     */
-    text: string;
-    /**
-     * 点击后的操作
-     */
-    onClick?: (selectedRowKeys: any[]) => void;
-    /**
-     * 禁用当前操作
-     */
-    disabled?: boolean | ((selectItems: any[]) => boolean);
-}
-export interface ISaveFieldItem {
-    field: string;
-    hide?: boolean;
-    width?: number;
-    index?: number;
-    fixed?: boolean | 'right' | 'left';
-}
-export declare enum ETableSettingType {
-    SORT = "sort",
-    RESIZE = "resize"
-}
-export interface IColumnType<T> extends ColumnType<T> {
-    colTitle?: string | React.ReactNode;
-    configurable?: boolean;
-    resizable?: boolean;
-}
-export interface IColumnGroupType<T> extends ColumnGroupType<T> {
-    colTitle?: string | React.ReactNode;
-    configurable?: boolean;
-    resizable?: boolean;
-}
-export declare type IColumnsType<T> = Array<IColumnGroupType<T> | IColumnType<T>>;
-export interface ITableProps<T> extends Omit<TableProps<T>, 'columns'> {
-    columns?: IColumnsType<T>;
-    /**
-     * 设置selectedRow选项, 可以获取当前选中的所有
-     * 数据.
-     * 若不传该参数, 翻页后(服务端翻页)数据会丢失, 外层只会获取当前页选中的数据
-     */
-    selectedRows?: T[];
-    /** 如果支持多选，则batchOptions为多选时的一些批量操作，如删除、添加等 */
-    batchOptions?: IOptionItem[];
-    emptyText?: React.ReactNode;
-    showColumnSetting?: boolean;
-    hiddenColumns?: string[];
-    onHiddenColumnsChange?: (keys: string[]) => void;
-    columnSettingOverlayClass?: string;
-    draggable?: boolean | ETableSettingType;
-    saveSettingKey?: string;
-    onSettingChange?: (fields: ISaveFieldItem[]) => void;
-    /**
-     * 是否需要填充空白列, 默认为true
-     * 如果支持拖拽，在屏幕宽度大于table总的列宽的时候，会把剩余空间平均分到每一列上。那么拖拽一列会导致其他列的宽度都发生变更
-     * 添加一个空白列，宽度auto.可以解决此问题。如果可以接受上述问题，那就无需空白列，needEmptyColumn = false
-     */
-    needEmptyColumn?: boolean;
-}
 /**
  * pandora2.0风格的表格
  */
@@ -82,62 +22,53 @@ declare class Table<T = any> extends React.Component<ITableProps<T>, any> {
     indeterminate: boolean;
     checkAll: boolean;
     hiddenColumn: string[] | undefined;
-    columns: IKeyValues[];
+    columns: IKeyValues[] | undefined;
     sortConfig: {
         sortKeys: string[];
-        fixedRightKeys: string[];
-        fixedLeftKeys: string[];
     };
     settingFields: ISaveFieldItem[];
     UNSAFE_componentWillReceiveProps(nextProps: ITableProps<T>): void;
     componentWillUnmount(): void;
-    get selectedRowKeys(): React.ReactText[];
+    get selectedRowKeys(): React.Key[];
     get rowSelection(): TableRowSelection<T> | undefined;
     get undisabledData(): readonly T[];
     get keysOfCurrentPage(): any[];
-    get emptyTextComp(): {};
     get columnsSettingOptions(): IOption[];
     get columnKeys(): {
         allKeys: string[];
         unconfigableKeys: string[];
         resetKeys: string[];
     };
-    get resizable(): false | ({
-        x?: string | number | true | undefined;
-        y?: string | number | undefined;
-    } & {
-        scrollToFirstRowOnChange?: boolean | undefined;
-    }) | undefined;
+    get resizable(): boolean;
     get sortable(): boolean;
-    updateSettingConfig(columns: Array<IColumnType<T>>): void;
+    get showSetting(): boolean;
     initSettingConfig(): void;
-    updateSettingFields(columns: Array<IColumnType<T>>, settingFields: ISaveFieldItem[]): void;
+    updateSettingFields(columns: Array<IColumnType<T>>, settingFields: ISaveFieldItem[], hiddenColumns: string[]): void;
     handleHideColumnsChange(keys: string[]): Promise<void> | undefined;
-    getSortedColumns(): IKeyValues<any>[];
-    transfromColumns(columns: IKeyValues[], needEmptyColumn?: boolean): IKeyValues<any>[];
-    getColumns(): IKeyValues<any>[];
+    getColumns(): IKeyValues<any>[] | undefined;
     getRowKey(row: any, index: number): any;
-    getSortCoulmns(columns: IKeyValues[]): IKeyValues<any>[];
     setIndeterminate(indeterminate: boolean): void;
     setCheckAll(checkAll: boolean): void;
     setHiddenColumn(hiddenColumn?: string[]): void;
-    setColumns(columns: IKeyValues[]): void;
+    setColumns(columns: IKeyValues[] | undefined): void;
     setSortKeys(columns: string[]): void;
     setSettingFields(columns: ISaveFieldItem[]): void;
-    setFixedRightKeys(columns: string[]): void;
-    setFixedLeftKeys(columns: string[]): void;
-    setCheckboxStatus(selectedRowsOfCurrentPage?: T[], dataSource?: T[]): void;
-    handleSelectionChange(selectedRowKeys: React.Key[], selectedRowsOfCurrentPage: any[]): void;
-    onRowSelectionChange(selectedRowKeys: React.Key[], selectedRowsOfCurrentPage: any[]): void;
+    setCheckboxStatus(selectedRowsOfCurrentPage: T[] | undefined, dataSourceLength: number): void;
+    handleSelectionChange(selectedRowKeys: React.Key[], selectedRowsOfCurrentPage: any[], info: {
+        type: RowSelectMethod;
+    }): void;
+    onRowSelectionChange(selectedRowKeys: React.Key[], selectedRowsOfCurrentPage: any[], info: {
+        type: RowSelectMethod;
+    }): void;
     handleCheckAllChange(e: any): void;
     handleBatchOptionClick(option: IOptionItem): void;
     getRowClassName(record: any, index: number, indent: number): string;
     getDisabledStatus(option: IOptionItem): boolean | undefined;
-    handleResize(col: ColumnType<T>, size: {
+    handleResize(col: IColumnType<T>, size: {
         width: number;
         height: number;
     }, oldColumn: IColumnsType<T>): void;
-    getResizeColumns(columns?: IColumnsType<T>): any;
+    getResizeColumns(columns?: IColumnsType<T>): IKeyValues<any>[];
     componentDidMount(): void;
     render(): React.JSX.Element;
 }