amis 1.9.0-beta.12 → 1.9.0-beta.15

package/lib/components/table/Cell.js

@@ -0,0 +1,36 @@
+"use strict";
+/**
+ * @file table/BodyCell
+ * @author fex
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BodyCell = void 0;
+var tslib_1 = require("tslib");
+var react_1 = (0, tslib_1.__importDefault)(require("react"));
+var theme_1 = require("../../theme");
+var locale_1 = require("../../locale");
+var zIndex = 1;
+var BodyCell = /** @class */ (function (_super) {
+    (0, tslib_1.__extends)(BodyCell, _super);
+    function BodyCell() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    BodyCell.prototype.render = function () {
+        var _a;
+        var _b = this.props, fixed = _b.fixed, rowSpan = _b.rowSpan, colSpan = _b.colSpan, key = _b.key, children = _b.children, className = _b.className, column = _b.column, style = _b.style, groupId = _b.groupId, depth = _b.depth, Component = _b.wrapperComponent, cx = _b.classnames;
+        return (react_1.default.createElement(Component, { key: key || null, rowSpan: rowSpan && rowSpan > 1 ? rowSpan : null, colSpan: colSpan && colSpan > 1 ? colSpan : null, className: cx('Table-cell', className, (_a = {},
+                _a[cx("Table-cell-fix-".concat(fixed))] = fixed,
+                _a["text-".concat(column === null || column === void 0 ? void 0 : column.align)] = column === null || column === void 0 ? void 0 : column.align,
+                _a)), style: fixed ? (0, tslib_1.__assign)({ position: 'sticky', zIndex: zIndex }, style) : (0, tslib_1.__assign)({}, style), "data-group-id": groupId || null, "data-depth": depth || null }, children));
+    };
+    BodyCell.defaultProps = {
+        fixed: '',
+        wrapperComponent: 'td',
+        rowSpan: null,
+        colSpan: null
+    };
+    return BodyCell;
+}(react_1.default.Component));
+exports.BodyCell = BodyCell;
+exports.default = (0, theme_1.themeable)((0, locale_1.localeable)(BodyCell));
+//# sourceMappingURL=./components/table/Cell.js.map

package/lib/components/table/Cell.js.map

@@ -0,0 +1,13 @@
+{
+    "version": 3,
+    "file": "Cell.js",
+    "sourceRoot": "",
+    "sources": [
+        "/src/components/table/Cell.tsx"
+    ],
+    "names": [],
+    "mappings": ";AAAA;;;GAGG;;;;AAEH,6DAA0B;AAE1B,qCAAkD;AAClD,uCAAqD;AAGrD,IAAM,MAAM,GAAG,CAAC,CAAC;AAiBjB;IAA8B,yCAAsB;IAApD;;IAuCA,CAAC;IA/BC,yBAAM,GAAN;;QACQ,IAAA,KAaF,IAAI,CAAC,KAAK,EAZZ,KAAK,WAAA,EACL,OAAO,aAAA,EACP,OAAO,aAAA,EACP,GAAG,SAAA,EACH,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,MAAM,YAAA,EACN,KAAK,WAAA,EACL,OAAO,aAAA,EACP,KAAK,WAAA,EACa,SAAS,sBAAA,EACf,EAAE,gBACF,CAAC;QAEf,OAAO,CACL,8BAAC,SAAS,IACR,GAAG,EAAE,GAAG,IAAI,IAAI,EAChB,OAAO,EAAE,OAAO,IAAI,OAAO,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,EAChD,OAAO,EAAE,OAAO,IAAI,OAAO,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,EAChD,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,SAAS;gBACnC,GAAC,EAAE,CAAC,yBAAkB,KAAK,CAAE,CAAC,IAAI,KAAK;gBACvC,GAAC,eAAQ,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,CAAE,IAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK;oBACzC,EACF,KAAK,EAAE,KAAK,CAAC,CAAC,yBAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,QAAA,IAAK,KAAK,EAAE,CAAC,2BAAK,KAAK,CAAC,mBACnD,OAAO,IAAI,IAAI,gBAClB,KAAK,IAAI,IAAI,IACzB,QAAQ,CAAa,CACxB,CAAC;IACJ,CAAC;IArCM,qBAAY,GAAG;QACpB,KAAK,EAAE,EAAE;QACT,gBAAgB,EAAE,IAAI;QACtB,OAAO,EAAE,IAAI;QACb,OAAO,EAAE,IAAI;KACd,CAAC;IAiCJ,eAAC;CAAA,AAvCD,CAA8B,eAAK,CAAC,SAAS,GAuC5C;AAvCY,4BAAQ;AAyCrB,kBAAe,IAAA,iBAAS,EAAC,IAAA,mBAAU,EAAC,QAAQ,CAAC,CAAC,CAAC",
+    "sourcesContent": [
+        "/**\n * @file table/BodyCell\n * @author fex\n */\n\nimport React from 'react';\n\nimport {themeable, ThemeProps} from '../../theme';\nimport {LocaleProps, localeable} from '../../locale';\nimport {ColumnProps} from './index';\n\nconst zIndex = 1;\n\nexport interface Props extends ThemeProps, LocaleProps {\n  fixed?: string | boolean; // left | right\n  rowSpan?: number | any;\n  colSpan?: number | any;\n  key?: string | number;\n  className?: string;\n  children?: any;\n  tagName?: string;\n  style?: Object;\n  column?: ColumnProps;\n  wrapperComponent: any;\n  groupId?: string; // 表头分组随机生成的id\n  depth?: number;  // 表头分组\n}\n\nexport class BodyCell extends React.Component<Props> {\n  static defaultProps = {\n    fixed: '',\n    wrapperComponent: 'td',\n    rowSpan: null,\n    colSpan: null\n  };\n\n  render() {\n    const {\n      fixed,\n      rowSpan,\n      colSpan,\n      key,\n      children,\n      className,\n      column,\n      style,\n      groupId,\n      depth,\n      wrapperComponent: Component,\n      classnames: cx\n    } = this.props;\n\n    return (\n      <Component\n        key={key || null}\n        rowSpan={rowSpan && rowSpan > 1 ? rowSpan : null}\n        colSpan={colSpan && colSpan > 1 ? colSpan : null}\n        className={cx('Table-cell', className, {\n          [cx(`Table-cell-fix-${fixed}`)] : fixed,\n          [`text-${column?.align}`] : column?.align\n        })}\n        style={fixed ? {position: 'sticky', zIndex, ...style} : {...style}}\n        data-group-id={groupId || null}\n        data-depth={depth || null}\n      >{children}</Component>\n    );\n  }\n}\n\nexport default themeable(localeable(BodyCell));"
+    ]
+}

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

@@ -0,0 +1,514 @@
+/**
+ * @file table/HeadCellDropDown
+ * @author fex
+ */
+/// <reference types="hoist-non-react-statics" />
+import React from 'react';
+import { ThemeProps } from '../../theme';
+import { LocaleProps } from '../../locale';
+export interface FilterPayload {
+    closeDropdown?: boolean;
+}
+export interface FilterDropdownProps {
+    setSelectedKeys?: (keys: Array<string | number> | string) => void;
+    selectedKeys?: Array<string | number> | string;
+    confirm: (payload: FilterPayload) => void;
+    clearFilters?: () => void;
+}
+export interface Props extends ThemeProps, LocaleProps {
+    filterIcon: Function | React.ReactNode;
+    className: string;
+    layerClassName: string;
+    active: boolean;
+    popOverContainer?: () => Element | Text | null;
+    filterDropdown: (payload: FilterDropdownProps) => JSX.Element | null;
+    selectedKeys?: Array<string | number> | string;
+    setSelectedKeys?: (keys: Array<string | number> | string) => void;
+}
+export interface State {
+    isOpened: boolean;
+}
+export declare class HeadCellDropDown extends React.Component<Props, State> {
+    constructor(props: Props);
+    render(): JSX.Element;
+    openLayer(): void;
+    closeLayer(): void;
+}
+declare const _default: {
+    new (props: (Omit<Omit<Props, keyof LocaleProps> & {
+        locale?: string | undefined;
+        translate?: ((str: string, ...args: any[]) => string) | undefined;
+    }, keyof ThemeProps> & import("../../theme").ThemeOutterProps) | Readonly<Omit<Omit<Props, keyof LocaleProps> & {
+        locale?: string | undefined;
+        translate?: ((str: string, ...args: any[]) => string) | undefined;
+    }, keyof ThemeProps> & import("../../theme").ThemeOutterProps>): {
+        render(): JSX.Element;
+        context: any;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<Omit<Props, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }, keyof ThemeProps> & import("../../theme").ThemeOutterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<Omit<Omit<Props, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }, keyof ThemeProps> & import("../../theme").ThemeOutterProps> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<Omit<Omit<Props, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }, keyof ThemeProps> & import("../../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<Omit<Props, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }, keyof ThemeProps> & import("../../theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<Omit<Omit<Props, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }, keyof ThemeProps> & import("../../theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<Omit<Omit<Props, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }, keyof ThemeProps> & import("../../theme").ThemeOutterProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<Omit<Props, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }, keyof ThemeProps> & import("../../theme").ThemeOutterProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Omit<Omit<Props, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }, keyof ThemeProps> & import("../../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<Omit<Props, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }, keyof ThemeProps> & import("../../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    new (props: Omit<Omit<Props, keyof LocaleProps> & {
+        locale?: string | undefined;
+        translate?: ((str: string, ...args: any[]) => string) | undefined;
+    }, keyof ThemeProps> & import("../../theme").ThemeOutterProps, context: any): {
+        render(): JSX.Element;
+        context: any;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<Omit<Props, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }, keyof ThemeProps> & import("../../theme").ThemeOutterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<Omit<Omit<Props, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }, keyof ThemeProps> & import("../../theme").ThemeOutterProps> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<Omit<Omit<Props, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }, keyof ThemeProps> & import("../../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<Omit<Props, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }, keyof ThemeProps> & import("../../theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<Omit<Omit<Props, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }, keyof ThemeProps> & import("../../theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<Omit<Omit<Props, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }, keyof ThemeProps> & import("../../theme").ThemeOutterProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<Omit<Props, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }, keyof ThemeProps> & import("../../theme").ThemeOutterProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Omit<Omit<Props, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }, keyof ThemeProps> & import("../../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<Omit<Props, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }, keyof ThemeProps> & import("../../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    displayName: string;
+    contextType: React.Context<string>;
+    ComposedComponent: React.ComponentType<{
+        new (props: (Omit<Props, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }) | Readonly<Omit<Props, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>): {
+            render(): JSX.Element;
+            context: any;
+            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<Props, keyof LocaleProps> & {
+                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<Omit<Props, keyof LocaleProps> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }> & Readonly<{
+                children?: React.ReactNode;
+            }>;
+            state: Readonly<{}>;
+            refs: {
+                [key: string]: React.ReactInstance;
+            };
+            componentDidMount?(): void;
+            shouldComponentUpdate?(nextProps: Readonly<Omit<Props, keyof LocaleProps> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, nextState: Readonly<{}>, nextContext: any): boolean;
+            componentWillUnmount?(): void;
+            componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+            getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<Props, keyof LocaleProps> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, prevState: Readonly<{}>): any;
+            componentDidUpdate?(prevProps: Readonly<Omit<Props, keyof LocaleProps> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, prevState: Readonly<{}>, snapshot?: any): void;
+            componentWillMount?(): void;
+            UNSAFE_componentWillMount?(): void;
+            componentWillReceiveProps?(nextProps: Readonly<Omit<Props, keyof LocaleProps> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, nextContext: any): void;
+            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<Props, keyof LocaleProps> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, nextContext: any): void;
+            componentWillUpdate?(nextProps: Readonly<Omit<Props, keyof LocaleProps> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, nextState: Readonly<{}>, nextContext: any): void;
+            UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<Props, keyof LocaleProps> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, nextState: Readonly<{}>, nextContext: any): void;
+        };
+        new (props: Omit<Props, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }, context: any): {
+            render(): JSX.Element;
+            context: any;
+            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<Props, keyof LocaleProps> & {
+                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<Omit<Props, keyof LocaleProps> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }> & Readonly<{
+                children?: React.ReactNode;
+            }>;
+            state: Readonly<{}>;
+            refs: {
+                [key: string]: React.ReactInstance;
+            };
+            componentDidMount?(): void;
+            shouldComponentUpdate?(nextProps: Readonly<Omit<Props, keyof LocaleProps> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, nextState: Readonly<{}>, nextContext: any): boolean;
+            componentWillUnmount?(): void;
+            componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+            getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<Props, keyof LocaleProps> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, prevState: Readonly<{}>): any;
+            componentDidUpdate?(prevProps: Readonly<Omit<Props, keyof LocaleProps> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, prevState: Readonly<{}>, snapshot?: any): void;
+            componentWillMount?(): void;
+            UNSAFE_componentWillMount?(): void;
+            componentWillReceiveProps?(nextProps: Readonly<Omit<Props, keyof LocaleProps> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, nextContext: any): void;
+            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<Props, keyof LocaleProps> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, nextContext: any): void;
+            componentWillUpdate?(nextProps: Readonly<Omit<Props, keyof LocaleProps> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, nextState: Readonly<{}>, nextContext: any): void;
+            UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<Props, keyof LocaleProps> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, nextState: Readonly<{}>, nextContext: any): void;
+        };
+        displayName: string;
+        contextType: React.Context<string>;
+        ComposedComponent: React.ComponentType<typeof HeadCellDropDown>;
+    } & import("hoist-non-react-statics").NonReactStatics<typeof HeadCellDropDown, {}> & {
+        ComposedComponent: typeof HeadCellDropDown;
+    }>;
+} & import("hoist-non-react-statics").NonReactStatics<{
+    new (props: (Omit<Props, keyof LocaleProps> & {
+        locale?: string | undefined;
+        translate?: ((str: string, ...args: any[]) => string) | undefined;
+    }) | Readonly<Omit<Props, keyof LocaleProps> & {
+        locale?: string | undefined;
+        translate?: ((str: string, ...args: any[]) => string) | undefined;
+    }>): {
+        render(): JSX.Element;
+        context: any;
+        setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<Props, keyof LocaleProps> & {
+            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<Omit<Props, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<Omit<Props, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<Props, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<Omit<Props, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<Omit<Props, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<Props, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Omit<Props, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<Props, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    new (props: Omit<Props, keyof LocaleProps> & {
+        locale?: string | undefined;
+        translate?: ((str: string, ...args: any[]) => string) | undefined;
+    }, context: any): {
+        render(): JSX.Element;
+        context: any;
+        setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<Props, keyof LocaleProps> & {
+            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<Omit<Props, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<Omit<Props, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<Props, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<Omit<Props, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<Omit<Props, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<Props, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Omit<Props, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<Props, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    displayName: string;
+    contextType: React.Context<string>;
+    ComposedComponent: React.ComponentType<typeof HeadCellDropDown>;
+} & import("hoist-non-react-statics").NonReactStatics<typeof HeadCellDropDown, {}> & {
+    ComposedComponent: typeof HeadCellDropDown;
+}, {}> & {
+    ComposedComponent: {
+        new (props: (Omit<Props, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }) | Readonly<Omit<Props, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>): {
+            render(): JSX.Element;
+            context: any;
+            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<Props, keyof LocaleProps> & {
+                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<Omit<Props, keyof LocaleProps> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }> & Readonly<{
+                children?: React.ReactNode;
+            }>;
+            state: Readonly<{}>;
+            refs: {
+                [key: string]: React.ReactInstance;
+            };
+            componentDidMount?(): void;
+            shouldComponentUpdate?(nextProps: Readonly<Omit<Props, keyof LocaleProps> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, nextState: Readonly<{}>, nextContext: any): boolean;
+            componentWillUnmount?(): void;
+            componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+            getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<Props, keyof LocaleProps> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, prevState: Readonly<{}>): any;
+            componentDidUpdate?(prevProps: Readonly<Omit<Props, keyof LocaleProps> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, prevState: Readonly<{}>, snapshot?: any): void;
+            componentWillMount?(): void;
+            UNSAFE_componentWillMount?(): void;
+            componentWillReceiveProps?(nextProps: Readonly<Omit<Props, keyof LocaleProps> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, nextContext: any): void;
+            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<Props, keyof LocaleProps> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, nextContext: any): void;
+            componentWillUpdate?(nextProps: Readonly<Omit<Props, keyof LocaleProps> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, nextState: Readonly<{}>, nextContext: any): void;
+            UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<Props, keyof LocaleProps> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, nextState: Readonly<{}>, nextContext: any): void;
+        };
+        new (props: Omit<Props, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }, context: any): {
+            render(): JSX.Element;
+            context: any;
+            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<Props, keyof LocaleProps> & {
+                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<Omit<Props, keyof LocaleProps> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }> & Readonly<{
+                children?: React.ReactNode;
+            }>;
+            state: Readonly<{}>;
+            refs: {
+                [key: string]: React.ReactInstance;
+            };
+            componentDidMount?(): void;
+            shouldComponentUpdate?(nextProps: Readonly<Omit<Props, keyof LocaleProps> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, nextState: Readonly<{}>, nextContext: any): boolean;
+            componentWillUnmount?(): void;
+            componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+            getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<Props, keyof LocaleProps> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, prevState: Readonly<{}>): any;
+            componentDidUpdate?(prevProps: Readonly<Omit<Props, keyof LocaleProps> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, prevState: Readonly<{}>, snapshot?: any): void;
+            componentWillMount?(): void;
+            UNSAFE_componentWillMount?(): void;
+            componentWillReceiveProps?(nextProps: Readonly<Omit<Props, keyof LocaleProps> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, nextContext: any): void;
+            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<Props, keyof LocaleProps> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, nextContext: any): void;
+            componentWillUpdate?(nextProps: Readonly<Omit<Props, keyof LocaleProps> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, nextState: Readonly<{}>, nextContext: any): void;
+            UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<Props, keyof LocaleProps> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, nextState: Readonly<{}>, nextContext: any): void;
+        };
+        displayName: string;
+        contextType: React.Context<string>;
+        ComposedComponent: React.ComponentType<typeof HeadCellDropDown>;
+    } & import("hoist-non-react-statics").NonReactStatics<typeof HeadCellDropDown, {}> & {
+        ComposedComponent: typeof HeadCellDropDown;
+    };
+};
+export default _default;

package/lib/components/table/HeadCellDropDown.js

@@ -0,0 +1,52 @@
+"use strict";
+/**
+ * @file table/HeadCellDropDown
+ * @author fex
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HeadCellDropDown = void 0;
+var tslib_1 = require("tslib");
+var react_1 = (0, tslib_1.__importDefault)(require("react"));
+var react_dom_1 = require("react-dom");
+var theme_1 = require("../../theme");
+var locale_1 = require("../../locale");
+var Overlay_1 = (0, tslib_1.__importDefault)(require("../Overlay"));
+var PopOver_1 = (0, tslib_1.__importDefault)(require("../PopOver"));
+var HeadCellDropDown = /** @class */ (function (_super) {
+    (0, tslib_1.__extends)(HeadCellDropDown, _super);
+    function HeadCellDropDown(props) {
+        var _this = _super.call(this, props) || this;
+        _this.state = {
+            isOpened: false
+        };
+        _this.openLayer = _this.openLayer.bind(_this);
+        _this.closeLayer = _this.closeLayer.bind(_this);
+        return _this;
+    }
+    HeadCellDropDown.prototype.render = function () {
+        var _this = this;
+        var isOpened = this.state.isOpened;
+        var _a = this.props, popOverContainer = _a.popOverContainer, active = _a.active, className = _a.className, layerClassName = _a.layerClassName, filterIcon = _a.filterIcon, filterDropdown = _a.filterDropdown, cx = _a.classnames, ns = _a.classPrefix;
+        return (react_1.default.createElement("span", { className: cx(className, active ? 'is-active' : '') },
+            react_1.default.createElement("span", { onClick: this.openLayer }, filterIcon && typeof filterIcon === 'function'
+                ? filterIcon(active) : (filterIcon || null)),
+            isOpened ? (react_1.default.createElement(Overlay_1.default, { container: popOverContainer || (function () { return (0, react_dom_1.findDOMNode)(_this); }), placement: "left-bottom-left-top right-bottom-right-top", target: popOverContainer ? function () { return (0, react_dom_1.findDOMNode)(_this).parentNode; } : null, show: true },
+                react_1.default.createElement(PopOver_1.default, { classPrefix: ns, onHide: this.closeLayer, className: cx(layerClassName), overlay: true }, filterDropdown && typeof filterDropdown === 'function'
+                    ? filterDropdown((0, tslib_1.__assign)((0, tslib_1.__assign)({}, this.props), { confirm: function (payload) {
+                            if (!(payload && payload.closeDropdown === false)) {
+                                _this.closeLayer();
+                            }
+                        } })) : (filterDropdown || null))))
+                : null));
+    };
+    HeadCellDropDown.prototype.openLayer = function () {
+        this.setState({ isOpened: true });
+    };
+    HeadCellDropDown.prototype.closeLayer = function () {
+        this.setState({ isOpened: false });
+    };
+    return HeadCellDropDown;
+}(react_1.default.Component));
+exports.HeadCellDropDown = HeadCellDropDown;
+exports.default = (0, theme_1.themeable)((0, locale_1.localeable)(HeadCellDropDown));
+//# sourceMappingURL=./components/table/HeadCellDropDown.js.map

package/lib/components/table/HeadCellDropDown.js.map

@@ -0,0 +1,13 @@
+{
+    "version": 3,
+    "file": "HeadCellDropDown.js",
+    "sourceRoot": "",
+    "sources": [
+        "/src/components/table/HeadCellDropDown.tsx"
+    ],
+    "names": [],
+    "mappings": ";AAAA;;;GAGG;;;;AAEH,6DAA0B;AAC1B,uCAAsC;AAEtC,qCAAkD;AAClD,uCAAqD;AACrD,oEAAiC;AACjC,oEAAiC;AA4BjC;IAAsC,iDAA6B;IACjE,0BAAY,KAAY;QAAxB,YACE,kBAAM,KAAK,CAAC,SAQb;QANC,KAAI,CAAC,KAAK,GAAG;YACX,QAAQ,EAAE,KAAK;SAChB,CAAA;QAED,KAAI,CAAC,SAAS,GAAG,KAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAI,CAAC,CAAC;QAC3C,KAAI,CAAC,UAAU,GAAG,KAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAI,CAAC,CAAC;;IAC/C,CAAC;IAED,iCAAM,GAAN;QAAA,iBAoDC;QAnDQ,IAAA,QAAQ,GAAI,IAAI,CAAC,KAAK,SAAd,CAAe;QACxB,IAAA,KASF,IAAI,CAAC,KAAK,EARZ,gBAAgB,sBAAA,EAChB,MAAM,YAAA,EACN,SAAS,eAAA,EACT,cAAc,oBAAA,EACd,UAAU,gBAAA,EACV,cAAc,oBAAA,EACF,EAAE,gBAAA,EACD,EAAE,iBACH,CAAC;QAEf,OAAO,CACL,wCACE,SAAS,EAAE,EAAE,CACX,SAAS,EACT,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAC1B;YAED,wCAAM,OAAO,EAAE,IAAI,CAAC,SAAS,IAC1B,UAAU,IAAI,OAAO,UAAU,KAAK,UAAU;gBAC7C,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,UAAU,IAAI,IAAI,CAAC,CACxC;YAEL,QAAQ,CAAC,CAAC,CAAC,CACX,8BAAC,iBAAO,IACN,SAAS,EAAE,gBAAgB,IAAI,CAAC,cAAM,OAAA,IAAA,uBAAW,EAAC,KAAI,CAAC,EAAjB,CAAiB,CAAC,EACxD,SAAS,EAAC,6CAA6C,EACvD,MAAM,EACJ,gBAAgB,CAAC,CAAC,CAAC,cAAM,OAAA,IAAA,uBAAW,EAAC,KAAI,CAAE,CAAC,UAAU,EAA7B,CAA6B,CAAC,CAAC,CAAC,IAAI,EAE/D,IAAI;gBAEJ,8BAAC,iBAAO,IACN,WAAW,EAAE,EAAE,EACf,MAAM,EAAE,IAAI,CAAC,UAAU,EACvB,SAAS,EAAE,EAAE,CAAC,cAAc,CAAC,EAC7B,OAAO,UAEN,cAAc,IAAI,OAAO,cAAc,KAAK,UAAU;oBACrD,CAAC,CAAC,cAAc,iDAAK,IAAI,CAAC,KAAK,KAAE,OAAO,EAAE,UAAC,OAAsB;4BAC/D,IAAI,CAAC,CAAC,OAAO,IAAI,OAAO,CAAC,aAAa,KAAK,KAAK,CAAC,EAAE;gCACjD,KAAI,CAAC,UAAU,EAAE,CAAC;6BACnB;wBACH,CAAC,IAAE,CAAC,CAAC,CAAC,CAAC,cAAc,IAAI,IAAI,CAAC,CACxB,CACF,CAAC;gBACX,CAAC,CAAC,IAAI,CAEH,CACR,CAAC;IACJ,CAAC;IAED,oCAAS,GAAT;QACE,IAAI,CAAC,QAAQ,CAAC,EAAC,QAAQ,EAAE,IAAI,EAAC,CAAC,CAAC;IAClC,CAAC;IAED,qCAAU,GAAV;QACE,IAAI,CAAC,QAAQ,CAAC,EAAC,QAAQ,EAAE,KAAK,EAAC,CAAC,CAAC;IACnC,CAAC;IACH,uBAAC;AAAD,CAAC,AAzED,CAAsC,eAAK,CAAC,SAAS,GAyEpD;AAzEY,4CAAgB;AA2E7B,kBAAe,IAAA,iBAAS,EAAC,IAAA,mBAAU,EAAC,gBAAgB,CAAC,CAAC,CAAC",
+    "sourcesContent": [
+        "/**\n * @file table/HeadCellDropDown\n * @author fex\n */\n\nimport React from 'react';\nimport {findDOMNode} from 'react-dom';\n\nimport {themeable, ThemeProps} from '../../theme';\nimport {LocaleProps, localeable} from '../../locale';\nimport Overlay from '../Overlay';\nimport PopOver from '../PopOver';\n\nexport interface FilterPayload {\n  closeDropdown?: boolean;\n}\n\nexport interface FilterDropdownProps {\n  setSelectedKeys?: (keys: Array<string | number> | string) => void,\n  selectedKeys?: Array<string | number> | string,\n  confirm: (payload: FilterPayload) => void,\n  clearFilters?: () => void\n}\n\nexport interface Props extends ThemeProps, LocaleProps {\n  filterIcon: Function | React.ReactNode; // 图标方法 返回ReactNode\n  className: string; // 图标样式\n  layerClassName: string; // 展开层样式\n  active: boolean; // 图标是否高亮\n  popOverContainer?: () => Element | Text | null;\n  filterDropdown: (payload: FilterDropdownProps) => JSX.Element | null ; // 菜单内容\n  selectedKeys?: Array<string | number> | string;\n  setSelectedKeys?: (keys: Array<string | number> | string) => void;\n}\n\nexport interface State {\n  isOpened: boolean;\n}\n\nexport class HeadCellDropDown extends React.Component<Props, State> {\n  constructor(props: Props) {\n    super(props);\n\n    this.state = {\n      isOpened: false\n    }\n\n    this.openLayer = this.openLayer.bind(this);\n    this.closeLayer = this.closeLayer.bind(this);\n  }\n\n  render() {\n    const {isOpened} = this.state;\n    const {\n      popOverContainer,\n      active,\n      className,\n      layerClassName,\n      filterIcon,\n      filterDropdown,\n      classnames: cx,\n      classPrefix: ns\n    } = this.props;\n\n    return (\n      <span\n        className={cx(\n          className,\n          active ? 'is-active' : ''\n        )}\n      >\n        <span onClick={this.openLayer}>\n          {filterIcon && typeof filterIcon === 'function'\n            ? filterIcon(active) : (filterIcon || null)}\n        </span>\n        {\n          isOpened ? (\n          <Overlay\n            container={popOverContainer || (() => findDOMNode(this))}\n            placement=\"left-bottom-left-top right-bottom-right-top\"\n            target={\n              popOverContainer ? () => findDOMNode(this)!.parentNode : null\n            }\n            show\n          >\n            <PopOver\n              classPrefix={ns}\n              onHide={this.closeLayer}\n              className={cx(layerClassName)}\n              overlay\n            >\n              {filterDropdown && typeof filterDropdown === 'function'\n                ? filterDropdown({...this.props, confirm: (payload: FilterPayload) => {\n                  if (!(payload && payload.closeDropdown === false)) {\n                    this.closeLayer();\n                  }\n                }}) : (filterDropdown || null)}\n            </PopOver>\n          </Overlay>)\n          : null\n        }\n      </span>\n    );\n  }\n\n  openLayer() {\n    this.setState({isOpened: true});\n  }\n\n  closeLayer() {\n    this.setState({isOpened: false});\n  }\n}\n\nexport default themeable(localeable(HeadCellDropDown));"
+    ]
+}