amis-ui 3.5.2 → 3.6.0

package/esm/components/table/Head.d.ts

@@ -0,0 +1,42 @@
+/**
+ * @file table/Head
+ * @author fex
+ */
+import React from 'react';
+import { ThemeProps } from 'amis-core';
+import { ColumnProps, ThProps, TdProps, RowSelectionOptionProps } from './index';
+export interface Props extends ThemeProps {
+    draggable: boolean;
+    selectable: boolean;
+    rowSelectionFixed: boolean;
+    rowSelectionType?: string;
+    selections?: Array<RowSelectionOptionProps>;
+    columns: Array<ColumnProps>;
+    rowSelectionKeyField: string;
+    maxSelectedLength?: number;
+    isRightExpandable?: boolean;
+    isLeftExpandable?: boolean;
+    selectedRowKeys: Array<string | number>;
+    dataSource: Array<any>;
+    resizable?: boolean;
+    expandable: boolean;
+    expandableFixed?: string | boolean;
+    childrenColumnName: string;
+    orderBy?: string;
+    popOverContainer?: () => HTMLElement;
+    isExpandable: boolean;
+    onSort: Function;
+    onSelectAll: Function;
+    onFilter?: Function;
+    onResizeMouseDown: Function;
+}
+export default class Head extends React.PureComponent<Props> {
+    domRef: React.RefObject<HTMLTableSectionElement>;
+    thColumns: Array<Array<ThProps>>;
+    tdColumns: Array<TdProps>;
+    prependColumns(columns: Array<any>): void;
+    updateFixedRow(): void;
+    componentDidMount(): void;
+    componentDidUpdate(): void;
+    render(): React.JSX.Element;
+}

package/esm/components/table/Head.js

@@ -0,0 +1,142 @@
+/**
+ * amis-ui v3.6.0
+ * Copyright 2018-2023 fex
+ */
+
+import { __extends, __spreadArray, __read, __awaiter, __generator } from 'tslib';
+import React__default from 'react';
+import { hasFixedColumn, updateFixedRow, getBuildColumns, getAllSelectableRows } from './util.js';
+import Checkbox from '../Checkbox.js';
+import BodyCell from './Cell.js';
+import HeadCellSort from './HeadCellSort.js';
+import HeadCellFilter from './HeadCellFilter.js';
+import HeadCellSelect from './HeadCellSelect.js';
+
+/**
+ * @file table/Head
+ * @author fex
+ */
+var Head = /** @class */ (function (_super) {
+    __extends(Head, _super);
+    function Head() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.domRef = React__default.createRef();
+        return _this;
+    }
+    Head.prototype.prependColumns = function (columns) {
+        var _a = this.props, rowSelectionFixed = _a.rowSelectionFixed, expandableFixed = _a.expandableFixed, draggable = _a.draggable;
+        if (draggable) {
+            columns.unshift({});
+        }
+        else {
+            if (expandableFixed) {
+                columns.unshift({ fixed: expandableFixed });
+            }
+            if (rowSelectionFixed) {
+                columns.unshift({ fixed: true });
+            }
+        }
+    };
+    Head.prototype.updateFixedRow = function () {
+        var cx = this.props.classnames;
+        var thead = this.domRef.current;
+        var children = thead === null || thead === void 0 ? void 0 : thead.children;
+        for (var i = 0; i < ((children === null || children === void 0 ? void 0 : children.length) || 0); i++) {
+            var cols = __spreadArray([], __read(this.thColumns[i]), false);
+            if (i === 0) {
+                this.prependColumns(cols);
+            }
+            if (hasFixedColumn(cols)) {
+                updateFixedRow(children === null || children === void 0 ? void 0 : children[i], cols, cx);
+            }
+        }
+    };
+    Head.prototype.componentDidMount = function () {
+        this.updateFixedRow();
+    };
+    Head.prototype.componentDidUpdate = function () {
+        this.updateFixedRow();
+    };
+    Head.prototype.render = function () {
+        var _this = this;
+        var _a = this.props, dataSource = _a.dataSource, cx = _a.classnames, classPrefix = _a.classPrefix, expandable = _a.expandable, draggable = _a.draggable, resizable = _a.resizable, selectable = _a.selectable, rowSelectionKeyField = _a.rowSelectionKeyField, isExpandable = _a.isExpandable, childrenColumnName = _a.childrenColumnName, selectedRowKeys = _a.selectedRowKeys, maxSelectedLength = _a.maxSelectedLength, rowSelectionFixed = _a.rowSelectionFixed, rowSelectionType = _a.rowSelectionType, popOverContainer = _a.popOverContainer, isRightExpandable = _a.isRightExpandable, isLeftExpandable = _a.isLeftExpandable, orderBy = _a.orderBy, columns = _a.columns, selections = _a.selections, expandableFixed = _a.expandableFixed, onSort = _a.onSort, onSelectAll = _a.onSelectAll, onFilter = _a.onFilter, onResizeMouseDown = _a.onResizeMouseDown;
+        var _b = getBuildColumns(columns), thColumns = _b.thColumns, tdColumns = _b.tdColumns;
+        this.thColumns = thColumns;
+        this.tdColumns = tdColumns;
+        // 获取一行最多th个数
+        var maxCount = 0;
+        columns.forEach(function (cols) {
+            if (cols.length > maxCount) {
+                maxCount = cols.length;
+            }
+        });
+        var expandableCell = !draggable && isExpandable ? (React__default.createElement(BodyCell, { key: "expandable", wrapperComponent: "th", rowSpan: columns.length, fixed: expandableFixed ? 'left' : '', className: cx('Table-row-expand-icon-cell'), classnames: cx, classPrefix: classPrefix })) : null;
+        var _c = getAllSelectableRows(dataSource, rowSelectionKeyField, childrenColumnName, expandable, selectedRowKeys, maxSelectedLength), rows = _c.rows, rowKeys = _c.rowKeys, restSelectedKeys = _c.restSelectedKeys;
+        // 从renderers的table传来的数据 可能不在当前页 因此需要过滤一下
+        var selectedKeys = selectedRowKeys.filter(function (key) {
+            return rowKeys.includes(key);
+        });
+        return (React__default.createElement("thead", { ref: this.domRef, className: cx('Table-thead') }, this.thColumns.map(function (data, index) {
+            return (React__default.createElement("tr", { key: 'th-cell-' + index },
+                draggable && index === 0 ? (React__default.createElement(BodyCell, { key: "drag-".concat(index), wrapperComponent: "th", rowSpan: _this.thColumns.length, className: cx('Table-dragCell'), col: "drag", classnames: cx, classPrefix: classPrefix })) : null,
+                !draggable && selectable && index === 0 ? (React__default.createElement(BodyCell, { key: "select-".concat(index), wrapperComponent: "th", rowSpan: _this.thColumns.length, fixed: rowSelectionFixed ? 'left' : '', className: cx('Table-checkCell'), col: "select", classnames: cx, classPrefix: classPrefix }, rowSelectionType !== 'radio'
+                    ? [
+                        React__default.createElement(Checkbox, { key: "checkAll", partial: selectedKeys.length > 0 &&
+                                selectedKeys.length < rowKeys.length, checked: selectedKeys.length > 0, onChange: function (value) { return __awaiter(_this, void 0, void 0, function () {
+                                var selectedRows, selectedRowKeys;
+                                return __generator(this, function (_a) {
+                                    selectedRows = value ? rows : [];
+                                    selectedRowKeys = value ? rowKeys : [];
+                                    onSelectAll &&
+                                        onSelectAll(value, selectedRowKeys, selectedRows, restSelectedKeys);
+                                    return [2 /*return*/];
+                                });
+                            }); } }),
+                        selections && selections.length > 0 ? (React__default.createElement(HeadCellSelect, { key: "checkSelection", keys: rowKeys, selections: selections, popOverContainer: popOverContainer })) : null
+                    ]
+                    : null)) : null,
+                isLeftExpandable && index === 0 ? expandableCell : null,
+                data.map(function (item, i) {
+                    var _a, _b;
+                    var sort = null;
+                    if (item.sorter) {
+                        sort = (React__default.createElement(HeadCellSort, { column: item, active: !!orderBy && orderBy === (item === null || item === void 0 ? void 0 : item.name), onSort: function (payload) {
+                                onSort && onSort(payload, item);
+                            } }));
+                    }
+                    var filter = null;
+                    if (item.filterDropdown) {
+                        filter = item.filterDropdown;
+                    }
+                    else if (item.filters && item.filters.length > 0) {
+                        filter = (React__default.createElement(HeadCellFilter, { column: item, popOverContainer: popOverContainer, onFilter: onFilter }));
+                    }
+                    // th的最后一行才可调整列宽
+                    // 分组情况下 最后一行才和列配置个数对应
+                    // 就可以根据index找到col 不依赖name
+                    var noChildren = !((_a = item.children) === null || _a === void 0 ? void 0 : _a.length);
+                    var cIndex = -1;
+                    if (noChildren) {
+                        // 根据name去tdColumns匹配出index
+                        // 没设置name的 那一定不是要绑定数据的列 一般都是分组的上层 也不会出现调整列宽
+                        cIndex = _this.tdColumns.findIndex(function (c) { return c.name === item.name; });
+                    }
+                    var children = !((_b = item.children) === null || _b === void 0 ? void 0 : _b.length) ? (React__default.createElement(React__default.Fragment, null,
+                        sort,
+                        filter,
+                        resizable ? (React__default.createElement("i", { className: cx('Table-thead-resizable'), onMouseDown: function (e) {
+                                onResizeMouseDown && onResizeMouseDown(e, cIndex);
+                            } })) : null)) : null;
+                    return (React__default.createElement(BodyCell, { key: "cell-".concat(i), wrapperComponent: "th", rowSpan: item.rowSpan, colSpan: item.colSpan, classnames: cx, classPrefix: classPrefix, fixed: item.fixed === true ? 'left' : item.fixed, className: cx({
+                            'Table-cell-last': i === maxCount - 1 && i === data.length - 1
+                        }), depth: item.depth, col: cIndex > -1 ? cIndex.toString() : undefined }, typeof item.title === 'function'
+                        ? item.title(children)
+                        : item.title));
+                }),
+                isRightExpandable && index === 0 ? expandableCell : null));
+        })));
+    };
+    return Head;
+}(React__default.PureComponent));
+
+export { Head as default };

package/esm/components/table/HeadCellDropDown.d.ts

@@ -29,7 +29,7 @@ export interface Props extends ThemeProps, LocaleProps {
 export interface State {
     isOpened: boolean;
 }
-export declare class HeadCellDropDown extends React.Component<Props, State> {
+export declare class HeadCellDropDown extends React.PureComponent<Props, State> {
     constructor(props: Props);
     render(): React.JSX.Element;
     openLayer(): void;

package/esm/components/table/HeadCellDropDown.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.5.2
+ * amis-ui v3.6.0
  * Copyright 2018-2023 fex
  */
 
@@ -38,7 +38,9 @@ var HeadCellDropDown = /** @class */ (function (_super) {
                                 _this.closeLayer();
                             }
                         } }))
-                    : filterDropdown || null))) : null));
+                    : React__default.isValidElement(filterDropdown)
+                        ? filterDropdown
+                        : null))) : null));
     };
     HeadCellDropDown.prototype.openLayer = function () {
         this.setState({ isOpened: true });
@@ -47,7 +49,7 @@ var HeadCellDropDown = /** @class */ (function (_super) {
         this.setState({ isOpened: false });
     };
     return HeadCellDropDown;
-}(React__default.Component));
+}(React__default.PureComponent));
 var HeadCellDropDown$1 = themeable(localeable(HeadCellDropDown));
 
 export { HeadCellDropDown, HeadCellDropDown$1 as default };

package/esm/components/table/HeadCellFilter.d.ts

@@ -25,7 +25,7 @@ export interface State {
     options: Array<OptionProps>;
     filteredValue: Array<string>;
 }
-export declare class HeadCellFilter extends React.Component<Props, State> {
+export declare class HeadCellFilter extends React.PureComponent<Props, State> {
     static defaultProps: {
         filteredValue: never[];
         filterMultiple: boolean;
@@ -42,8 +42,8 @@ export declare class HeadCellFilter extends React.Component<Props, State> {
 }
 declare const _default: {
     new (props: Omit<Pick<Omit<Props, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "popOverContainer" | "onFilter" | "column"> & {
-        filteredValue?: string[] | undefined;
         filterMultiple?: boolean | undefined;
+        filteredValue?: string[] | undefined;
     } & {} & {
         locale?: string | undefined;
         translate?: ((str: string, ...args: any[]) => string) | undefined;
@@ -54,16 +54,16 @@ declare const _default: {
         render(): React.JSX.Element;
         context: unknown;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<Pick<Omit<Props, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "popOverContainer" | "onFilter" | "column"> & {
-            filteredValue?: string[] | undefined;
             filterMultiple?: boolean | undefined;
+            filteredValue?: string[] | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
         readonly props: Readonly<Omit<Pick<Omit<Props, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "popOverContainer" | "onFilter" | "column"> & {
-            filteredValue?: string[] | undefined;
             filterMultiple?: boolean | undefined;
+            filteredValue?: string[] | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
@@ -74,8 +74,8 @@ declare const _default: {
         };
         componentDidMount?(): void;
         shouldComponentUpdate?(nextProps: Readonly<Omit<Pick<Omit<Props, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "popOverContainer" | "onFilter" | "column"> & {
-            filteredValue?: string[] | undefined;
             filterMultiple?: boolean | undefined;
+            filteredValue?: string[] | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
@@ -83,15 +83,15 @@ declare const _default: {
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
         getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<Pick<Omit<Props, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "popOverContainer" | "onFilter" | "column"> & {
-            filteredValue?: string[] | undefined;
             filterMultiple?: boolean | undefined;
+            filteredValue?: string[] | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, prevState: Readonly<{}>): any;
         componentDidUpdate?(prevProps: Readonly<Omit<Pick<Omit<Props, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "popOverContainer" | "onFilter" | "column"> & {
-            filteredValue?: string[] | undefined;
             filterMultiple?: boolean | undefined;
+            filteredValue?: string[] | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
@@ -99,29 +99,29 @@ declare const _default: {
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
         componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<Props, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "popOverContainer" | "onFilter" | "column"> & {
-            filteredValue?: string[] | undefined;
             filterMultiple?: boolean | undefined;
+            filteredValue?: string[] | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextContext: any): void;
         UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<Props, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "popOverContainer" | "onFilter" | "column"> & {
-            filteredValue?: string[] | undefined;
             filterMultiple?: boolean | undefined;
+            filteredValue?: string[] | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextContext: any): void;
         componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<Props, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "popOverContainer" | "onFilter" | "column"> & {
-            filteredValue?: string[] | undefined;
             filterMultiple?: boolean | undefined;
+            filteredValue?: string[] | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): void;
         UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<Props, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "popOverContainer" | "onFilter" | "column"> & {
-            filteredValue?: string[] | undefined;
             filterMultiple?: boolean | undefined;
+            filteredValue?: string[] | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
@@ -131,8 +131,8 @@ declare const _default: {
     contextType: React.Context<string>;
     ComposedComponent: React.ComponentType<{
         new (props: Pick<Omit<Props, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "popOverContainer" | "onFilter" | "column"> & {
-            filteredValue?: string[] | undefined;
             filterMultiple?: boolean | undefined;
+            filteredValue?: string[] | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
@@ -143,16 +143,16 @@ declare const _default: {
             render(): React.JSX.Element;
             context: unknown;
             setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<Props, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "popOverContainer" | "onFilter" | "column"> & {
-                filteredValue?: string[] | undefined;
                 filterMultiple?: boolean | undefined;
+                filteredValue?: string[] | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>) => {} | Pick<{}, K_1> | null) | Pick<{}, K_1> | null, callback?: (() => void) | undefined): void;
             forceUpdate(callback?: (() => void) | undefined): void;
             readonly props: Readonly<Pick<Omit<Props, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "popOverContainer" | "onFilter" | "column"> & {
-                filteredValue?: string[] | undefined;
                 filterMultiple?: boolean | undefined;
+                filteredValue?: string[] | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
@@ -163,8 +163,8 @@ declare const _default: {
             };
             componentDidMount?(): void;
             shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<Props, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "popOverContainer" | "onFilter" | "column"> & {
-                filteredValue?: string[] | undefined;
                 filterMultiple?: boolean | undefined;
+                filteredValue?: string[] | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
@@ -172,15 +172,15 @@ declare const _default: {
             componentWillUnmount?(): void;
             componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
             getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<Props, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "popOverContainer" | "onFilter" | "column"> & {
-                filteredValue?: string[] | undefined;
                 filterMultiple?: boolean | undefined;
+                filteredValue?: string[] | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, prevState: Readonly<{}>): any;
             componentDidUpdate?(prevProps: Readonly<Pick<Omit<Props, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "popOverContainer" | "onFilter" | "column"> & {
-                filteredValue?: string[] | undefined;
                 filterMultiple?: boolean | undefined;
+                filteredValue?: string[] | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
@@ -188,29 +188,29 @@ declare const _default: {
             componentWillMount?(): void;
             UNSAFE_componentWillMount?(): void;
             componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<Props, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "popOverContainer" | "onFilter" | "column"> & {
-                filteredValue?: string[] | undefined;
                 filterMultiple?: boolean | undefined;
+                filteredValue?: string[] | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextContext: any): void;
             UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<Props, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "popOverContainer" | "onFilter" | "column"> & {
-                filteredValue?: string[] | undefined;
                 filterMultiple?: boolean | undefined;
+                filteredValue?: string[] | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextContext: any): void;
             componentWillUpdate?(nextProps: Readonly<Pick<Omit<Props, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "popOverContainer" | "onFilter" | "column"> & {
-                filteredValue?: string[] | undefined;
                 filterMultiple?: boolean | undefined;
+                filteredValue?: string[] | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextState: Readonly<{}>, nextContext: any): void;
             UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<Props, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "popOverContainer" | "onFilter" | "column"> & {
-                filteredValue?: string[] | undefined;
                 filterMultiple?: boolean | undefined;
+                filteredValue?: string[] | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
@@ -224,8 +224,8 @@ declare const _default: {
     }>;
 } & import("hoist-non-react-statics").NonReactStatics<{
     new (props: Pick<Omit<Props, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "popOverContainer" | "onFilter" | "column"> & {
-        filteredValue?: string[] | undefined;
         filterMultiple?: boolean | undefined;
+        filteredValue?: string[] | undefined;
     } & {} & {
         locale?: string | undefined;
         translate?: ((str: string, ...args: any[]) => string) | undefined;
@@ -236,16 +236,16 @@ declare const _default: {
         render(): React.JSX.Element;
         context: unknown;
         setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<Props, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "popOverContainer" | "onFilter" | "column"> & {
-            filteredValue?: string[] | undefined;
             filterMultiple?: boolean | undefined;
+            filteredValue?: string[] | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>) => {} | Pick<{}, K_1> | null) | Pick<{}, K_1> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
         readonly props: Readonly<Pick<Omit<Props, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "popOverContainer" | "onFilter" | "column"> & {
-            filteredValue?: string[] | undefined;
             filterMultiple?: boolean | undefined;
+            filteredValue?: string[] | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
@@ -256,8 +256,8 @@ declare const _default: {
         };
         componentDidMount?(): void;
         shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<Props, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "popOverContainer" | "onFilter" | "column"> & {
-            filteredValue?: string[] | undefined;
             filterMultiple?: boolean | undefined;
+            filteredValue?: string[] | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
@@ -265,15 +265,15 @@ declare const _default: {
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
         getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<Props, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "popOverContainer" | "onFilter" | "column"> & {
-            filteredValue?: string[] | undefined;
             filterMultiple?: boolean | undefined;
+            filteredValue?: string[] | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, prevState: Readonly<{}>): any;
         componentDidUpdate?(prevProps: Readonly<Pick<Omit<Props, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "popOverContainer" | "onFilter" | "column"> & {
-            filteredValue?: string[] | undefined;
             filterMultiple?: boolean | undefined;
+            filteredValue?: string[] | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
@@ -281,29 +281,29 @@ declare const _default: {
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
         componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<Props, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "popOverContainer" | "onFilter" | "column"> & {
-            filteredValue?: string[] | undefined;
             filterMultiple?: boolean | undefined;
+            filteredValue?: string[] | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, nextContext: any): void;
         UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<Props, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "popOverContainer" | "onFilter" | "column"> & {
-            filteredValue?: string[] | undefined;
             filterMultiple?: boolean | undefined;
+            filteredValue?: string[] | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, nextContext: any): void;
         componentWillUpdate?(nextProps: Readonly<Pick<Omit<Props, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "popOverContainer" | "onFilter" | "column"> & {
-            filteredValue?: string[] | undefined;
             filterMultiple?: boolean | undefined;
+            filteredValue?: string[] | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, nextState: Readonly<{}>, nextContext: any): void;
         UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<Props, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "popOverContainer" | "onFilter" | "column"> & {
-            filteredValue?: string[] | undefined;
             filterMultiple?: boolean | undefined;
+            filteredValue?: string[] | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
@@ -317,8 +317,8 @@ declare const _default: {
 }, {}> & {
     ComposedComponent: {
         new (props: Pick<Omit<Props, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "popOverContainer" | "onFilter" | "column"> & {
-            filteredValue?: string[] | undefined;
             filterMultiple?: boolean | undefined;
+            filteredValue?: string[] | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
@@ -329,16 +329,16 @@ declare const _default: {
             render(): React.JSX.Element;
             context: unknown;
             setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<Props, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "popOverContainer" | "onFilter" | "column"> & {
-                filteredValue?: string[] | undefined;
                 filterMultiple?: boolean | undefined;
+                filteredValue?: string[] | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>) => {} | Pick<{}, K_1> | null) | Pick<{}, K_1> | null, callback?: (() => void) | undefined): void;
             forceUpdate(callback?: (() => void) | undefined): void;
             readonly props: Readonly<Pick<Omit<Props, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "popOverContainer" | "onFilter" | "column"> & {
-                filteredValue?: string[] | undefined;
                 filterMultiple?: boolean | undefined;
+                filteredValue?: string[] | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
@@ -349,8 +349,8 @@ declare const _default: {
             };
             componentDidMount?(): void;
             shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<Props, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "popOverContainer" | "onFilter" | "column"> & {
-                filteredValue?: string[] | undefined;
                 filterMultiple?: boolean | undefined;
+                filteredValue?: string[] | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
@@ -358,15 +358,15 @@ declare const _default: {
             componentWillUnmount?(): void;
             componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
             getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<Props, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "popOverContainer" | "onFilter" | "column"> & {
-                filteredValue?: string[] | undefined;
                 filterMultiple?: boolean | undefined;
+                filteredValue?: string[] | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, prevState: Readonly<{}>): any;
             componentDidUpdate?(prevProps: Readonly<Pick<Omit<Props, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "popOverContainer" | "onFilter" | "column"> & {
-                filteredValue?: string[] | undefined;
                 filterMultiple?: boolean | undefined;
+                filteredValue?: string[] | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
@@ -374,29 +374,29 @@ declare const _default: {
             componentWillMount?(): void;
             UNSAFE_componentWillMount?(): void;
             componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<Props, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "popOverContainer" | "onFilter" | "column"> & {
-                filteredValue?: string[] | undefined;
                 filterMultiple?: boolean | undefined;
+                filteredValue?: string[] | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextContext: any): void;
             UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<Props, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "popOverContainer" | "onFilter" | "column"> & {
-                filteredValue?: string[] | undefined;
                 filterMultiple?: boolean | undefined;
+                filteredValue?: string[] | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextContext: any): void;
             componentWillUpdate?(nextProps: Readonly<Pick<Omit<Props, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "popOverContainer" | "onFilter" | "column"> & {
-                filteredValue?: string[] | undefined;
                 filterMultiple?: boolean | undefined;
+                filteredValue?: string[] | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextState: Readonly<{}>, nextContext: any): void;
             UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<Props, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "popOverContainer" | "onFilter" | "column"> & {
-                filteredValue?: string[] | undefined;
                 filterMultiple?: boolean | undefined;
+                filteredValue?: string[] | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;

package/esm/components/table/HeadCellFilter.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.5.2
+ * amis-ui v3.6.0
  * Copyright 2018-2023 fex
  */
 
@@ -138,7 +138,7 @@ var HeadCellFilter = /** @class */ (function (_super) {
         filterMultiple: false
     };
     return HeadCellFilter;
-}(React__default.Component));
+}(React__default.PureComponent));
 var HeadCellFilter$1 = themeable(localeable(HeadCellFilter));
 
 export { HeadCellFilter, HeadCellFilter$1 as default };

package/esm/components/table/HeadCellSelect.d.ts

@@ -17,7 +17,7 @@ export interface Props extends ThemeProps, LocaleProps {
 export interface State {
     key: Array<string | number> | string;
 }
-export declare class HeadCellSelect extends React.Component<Props, State> {
+export declare class HeadCellSelect extends React.PureComponent<Props, State> {
     static defaultProps: {
         selections: never[];
     };

package/esm/components/table/HeadCellSelect.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.5.2
+ * amis-ui v3.6.0
  * Copyright 2018-2023 fex
  */
 
@@ -46,7 +46,7 @@ var HeadCellSelect = /** @class */ (function (_super) {
         selections: []
     };
     return HeadCellSelect;
-}(React__default.Component));
+}(React__default.PureComponent));
 var HeadCellSelect$1 = themeable(localeable(HeadCellSelect));
 
 export { HeadCellSelect, HeadCellSelect$1 as default };