amis 1.4.2-beta.12 → 1.4.2-beta.17

package/lib/components/Collapse.d.ts

@@ -6,16 +6,44 @@
 /// <reference types="hoist-non-react-statics" />
 import React from 'react';
 import { ClassNamesFn } from '../theme';
+import { TranslateFn } from '../locale';
 export interface CollapseProps {
-    show?: boolean;
+    key?: string;
+    id?: string;
     mountOnEnter?: boolean;
     unmountOnExit?: boolean;
     className?: string;
     classPrefix: string;
     classnames: ClassNamesFn;
+    headerPosition?: 'top' | 'bottom';
+    header?: React.ReactElement;
+    body: any;
+    bodyClassName?: string;
+    disabled?: boolean;
+    collapsable?: boolean;
+    collapsed?: boolean;
+    showArrow?: boolean;
+    expandIcon?: React.ReactElement | null;
+    headingClassName?: string;
+    collapseHeader?: React.ReactElement | null;
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'base';
+    onCollapse?: (item: any, collapsed: boolean) => void;
+    wrapperComponent?: any;
+    headingComponent?: any;
+    translate?: TranslateFn;
+    propsUpdate?: boolean;
 }
-export declare class Collapse extends React.Component<CollapseProps, any> {
-    static defaultProps: Pick<CollapseProps, 'show' | 'mountOnEnter' | 'unmountOnExit'>;
+export interface CollapseState {
+    collapsed: boolean;
+}
+export declare class Collapse extends React.Component<CollapseProps, CollapseState> {
+    static defaultProps: Partial<CollapseProps>;
+    state: CollapseState;
+    constructor(props: CollapseProps);
+    static getDerivedStateFromProps(nextProps: CollapseProps, preState: CollapseState): {
+        collapsed: boolean;
+    } | null;
+    toggleCollapsed(e: React.MouseEvent<HTMLElement>): void;
     contentDom: any;
     contentRef: (ref: any) => any;
     handleEnter(elem: HTMLElement): void;
@@ -26,12 +54,12 @@ export declare class Collapse extends React.Component<CollapseProps, any> {
     render(): JSX.Element;
 }
 declare const _default: {
-    new (props: (Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, never> & Partial<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, "show" | "mountOnEnter" | "unmountOnExit">> & Partial<Pick<Pick<CollapseProps, "show" | "mountOnEnter" | "unmountOnExit">, never>> & import("../theme").ThemeOutterProps) | Readonly<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, never> & Partial<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, "show" | "mountOnEnter" | "unmountOnExit">> & Partial<Pick<Pick<CollapseProps, "show" | "mountOnEnter" | "unmountOnExit">, never>> & import("../theme").ThemeOutterProps>): {
+    new (props: (Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, never> & Partial<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, "body" | "header" | "key" | "disabled" | "id" | "size" | "translate" | "mountOnEnter" | "unmountOnExit" | "wrapperComponent" | "collapsed" | "headerPosition" | "bodyClassName" | "collapsable" | "showArrow" | "expandIcon" | "headingClassName" | "collapseHeader" | "onCollapse" | "headingComponent" | "propsUpdate">> & Partial<Pick<Partial<CollapseProps>, "classPrefix" | "classnames" | "className">> & import("../theme").ThemeOutterProps) | Readonly<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, never> & Partial<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, "body" | "header" | "key" | "disabled" | "id" | "size" | "translate" | "mountOnEnter" | "unmountOnExit" | "wrapperComponent" | "collapsed" | "headerPosition" | "bodyClassName" | "collapsable" | "showArrow" | "expandIcon" | "headingClassName" | "collapseHeader" | "onCollapse" | "headingComponent" | "propsUpdate">> & Partial<Pick<Partial<CollapseProps>, "classPrefix" | "classnames" | "className">> & import("../theme").ThemeOutterProps>): {
         render(): JSX.Element;
         context: any;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, never> & Partial<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, "show" | "mountOnEnter" | "unmountOnExit">> & Partial<Pick<Pick<CollapseProps, "show" | "mountOnEnter" | "unmountOnExit">, never>> & import("../theme").ThemeOutterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, never> & Partial<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, "body" | "header" | "key" | "disabled" | "id" | "size" | "translate" | "mountOnEnter" | "unmountOnExit" | "wrapperComponent" | "collapsed" | "headerPosition" | "bodyClassName" | "collapsable" | "showArrow" | "expandIcon" | "headingClassName" | "collapseHeader" | "onCollapse" | "headingComponent" | "propsUpdate">> & Partial<Pick<Partial<CollapseProps>, "classPrefix" | "classnames" | "className">> & import("../theme").ThemeOutterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, never> & Partial<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, "show" | "mountOnEnter" | "unmountOnExit">> & Partial<Pick<Pick<CollapseProps, "show" | "mountOnEnter" | "unmountOnExit">, never>> & import("../theme").ThemeOutterProps> & Readonly<{
+        readonly props: Readonly<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, never> & Partial<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, "body" | "header" | "key" | "disabled" | "id" | "size" | "translate" | "mountOnEnter" | "unmountOnExit" | "wrapperComponent" | "collapsed" | "headerPosition" | "bodyClassName" | "collapsable" | "showArrow" | "expandIcon" | "headingClassName" | "collapseHeader" | "onCollapse" | "headingComponent" | "propsUpdate">> & Partial<Pick<Partial<CollapseProps>, "classPrefix" | "classnames" | "className">> & import("../theme").ThemeOutterProps> & Readonly<{
             children?: React.ReactNode;
         }>;
         state: Readonly<{}>;
@@ -39,24 +67,24 @@ declare const _default: {
             [key: string]: React.ReactInstance;
         };
         componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, never> & Partial<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, "show" | "mountOnEnter" | "unmountOnExit">> & Partial<Pick<Pick<CollapseProps, "show" | "mountOnEnter" | "unmountOnExit">, never>> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
+        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, never> & Partial<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, "body" | "header" | "key" | "disabled" | "id" | "size" | "translate" | "mountOnEnter" | "unmountOnExit" | "wrapperComponent" | "collapsed" | "headerPosition" | "bodyClassName" | "collapsable" | "showArrow" | "expandIcon" | "headingClassName" | "collapseHeader" | "onCollapse" | "headingComponent" | "propsUpdate">> & Partial<Pick<Partial<CollapseProps>, "classPrefix" | "classnames" | "className">> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, never> & Partial<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, "show" | "mountOnEnter" | "unmountOnExit">> & Partial<Pick<Pick<CollapseProps, "show" | "mountOnEnter" | "unmountOnExit">, never>> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, never> & Partial<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, "show" | "mountOnEnter" | "unmountOnExit">> & Partial<Pick<Pick<CollapseProps, "show" | "mountOnEnter" | "unmountOnExit">, never>> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, never> & Partial<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, "body" | "header" | "key" | "disabled" | "id" | "size" | "translate" | "mountOnEnter" | "unmountOnExit" | "wrapperComponent" | "collapsed" | "headerPosition" | "bodyClassName" | "collapsable" | "showArrow" | "expandIcon" | "headingClassName" | "collapseHeader" | "onCollapse" | "headingComponent" | "propsUpdate">> & Partial<Pick<Partial<CollapseProps>, "classPrefix" | "classnames" | "className">> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, never> & Partial<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, "body" | "header" | "key" | "disabled" | "id" | "size" | "translate" | "mountOnEnter" | "unmountOnExit" | "wrapperComponent" | "collapsed" | "headerPosition" | "bodyClassName" | "collapsable" | "showArrow" | "expandIcon" | "headingClassName" | "collapseHeader" | "onCollapse" | "headingComponent" | "propsUpdate">> & Partial<Pick<Partial<CollapseProps>, "classPrefix" | "classnames" | "className">> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, never> & Partial<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, "show" | "mountOnEnter" | "unmountOnExit">> & Partial<Pick<Pick<CollapseProps, "show" | "mountOnEnter" | "unmountOnExit">, never>> & import("../theme").ThemeOutterProps>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, never> & Partial<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, "show" | "mountOnEnter" | "unmountOnExit">> & Partial<Pick<Pick<CollapseProps, "show" | "mountOnEnter" | "unmountOnExit">, never>> & import("../theme").ThemeOutterProps>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, never> & Partial<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, "show" | "mountOnEnter" | "unmountOnExit">> & Partial<Pick<Pick<CollapseProps, "show" | "mountOnEnter" | "unmountOnExit">, never>> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, never> & Partial<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, "show" | "mountOnEnter" | "unmountOnExit">> & Partial<Pick<Pick<CollapseProps, "show" | "mountOnEnter" | "unmountOnExit">, never>> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, never> & Partial<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, "body" | "header" | "key" | "disabled" | "id" | "size" | "translate" | "mountOnEnter" | "unmountOnExit" | "wrapperComponent" | "collapsed" | "headerPosition" | "bodyClassName" | "collapsable" | "showArrow" | "expandIcon" | "headingClassName" | "collapseHeader" | "onCollapse" | "headingComponent" | "propsUpdate">> & Partial<Pick<Partial<CollapseProps>, "classPrefix" | "classnames" | "className">> & import("../theme").ThemeOutterProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, never> & Partial<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, "body" | "header" | "key" | "disabled" | "id" | "size" | "translate" | "mountOnEnter" | "unmountOnExit" | "wrapperComponent" | "collapsed" | "headerPosition" | "bodyClassName" | "collapsable" | "showArrow" | "expandIcon" | "headingClassName" | "collapseHeader" | "onCollapse" | "headingComponent" | "propsUpdate">> & Partial<Pick<Partial<CollapseProps>, "classPrefix" | "classnames" | "className">> & import("../theme").ThemeOutterProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, never> & Partial<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, "body" | "header" | "key" | "disabled" | "id" | "size" | "translate" | "mountOnEnter" | "unmountOnExit" | "wrapperComponent" | "collapsed" | "headerPosition" | "bodyClassName" | "collapsable" | "showArrow" | "expandIcon" | "headingClassName" | "collapseHeader" | "onCollapse" | "headingComponent" | "propsUpdate">> & Partial<Pick<Partial<CollapseProps>, "classPrefix" | "classnames" | "className">> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, never> & Partial<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, "body" | "header" | "key" | "disabled" | "id" | "size" | "translate" | "mountOnEnter" | "unmountOnExit" | "wrapperComponent" | "collapsed" | "headerPosition" | "bodyClassName" | "collapsable" | "showArrow" | "expandIcon" | "headingClassName" | "collapseHeader" | "onCollapse" | "headingComponent" | "propsUpdate">> & Partial<Pick<Partial<CollapseProps>, "classPrefix" | "classnames" | "className">> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
     };
-    new (props: Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, never> & Partial<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, "show" | "mountOnEnter" | "unmountOnExit">> & Partial<Pick<Pick<CollapseProps, "show" | "mountOnEnter" | "unmountOnExit">, never>> & import("../theme").ThemeOutterProps, context: any): {
+    new (props: Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, never> & Partial<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, "body" | "header" | "key" | "disabled" | "id" | "size" | "translate" | "mountOnEnter" | "unmountOnExit" | "wrapperComponent" | "collapsed" | "headerPosition" | "bodyClassName" | "collapsable" | "showArrow" | "expandIcon" | "headingClassName" | "collapseHeader" | "onCollapse" | "headingComponent" | "propsUpdate">> & Partial<Pick<Partial<CollapseProps>, "classPrefix" | "classnames" | "className">> & import("../theme").ThemeOutterProps, context: any): {
         render(): JSX.Element;
         context: any;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, never> & Partial<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, "show" | "mountOnEnter" | "unmountOnExit">> & Partial<Pick<Pick<CollapseProps, "show" | "mountOnEnter" | "unmountOnExit">, never>> & import("../theme").ThemeOutterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, never> & Partial<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, "body" | "header" | "key" | "disabled" | "id" | "size" | "translate" | "mountOnEnter" | "unmountOnExit" | "wrapperComponent" | "collapsed" | "headerPosition" | "bodyClassName" | "collapsable" | "showArrow" | "expandIcon" | "headingClassName" | "collapseHeader" | "onCollapse" | "headingComponent" | "propsUpdate">> & Partial<Pick<Partial<CollapseProps>, "classPrefix" | "classnames" | "className">> & import("../theme").ThemeOutterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, never> & Partial<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, "show" | "mountOnEnter" | "unmountOnExit">> & Partial<Pick<Pick<CollapseProps, "show" | "mountOnEnter" | "unmountOnExit">, never>> & import("../theme").ThemeOutterProps> & Readonly<{
+        readonly props: Readonly<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, never> & Partial<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, "body" | "header" | "key" | "disabled" | "id" | "size" | "translate" | "mountOnEnter" | "unmountOnExit" | "wrapperComponent" | "collapsed" | "headerPosition" | "bodyClassName" | "collapsable" | "showArrow" | "expandIcon" | "headingClassName" | "collapseHeader" | "onCollapse" | "headingComponent" | "propsUpdate">> & Partial<Pick<Partial<CollapseProps>, "classPrefix" | "classnames" | "className">> & import("../theme").ThemeOutterProps> & Readonly<{
             children?: React.ReactNode;
         }>;
         state: Readonly<{}>;
@@ -64,17 +92,17 @@ declare const _default: {
             [key: string]: React.ReactInstance;
         };
         componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, never> & Partial<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, "show" | "mountOnEnter" | "unmountOnExit">> & Partial<Pick<Pick<CollapseProps, "show" | "mountOnEnter" | "unmountOnExit">, never>> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
+        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, never> & Partial<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, "body" | "header" | "key" | "disabled" | "id" | "size" | "translate" | "mountOnEnter" | "unmountOnExit" | "wrapperComponent" | "collapsed" | "headerPosition" | "bodyClassName" | "collapsable" | "showArrow" | "expandIcon" | "headingClassName" | "collapseHeader" | "onCollapse" | "headingComponent" | "propsUpdate">> & Partial<Pick<Partial<CollapseProps>, "classPrefix" | "classnames" | "className">> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, never> & Partial<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, "show" | "mountOnEnter" | "unmountOnExit">> & Partial<Pick<Pick<CollapseProps, "show" | "mountOnEnter" | "unmountOnExit">, never>> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, never> & Partial<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, "show" | "mountOnEnter" | "unmountOnExit">> & Partial<Pick<Pick<CollapseProps, "show" | "mountOnEnter" | "unmountOnExit">, never>> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, never> & Partial<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, "body" | "header" | "key" | "disabled" | "id" | "size" | "translate" | "mountOnEnter" | "unmountOnExit" | "wrapperComponent" | "collapsed" | "headerPosition" | "bodyClassName" | "collapsable" | "showArrow" | "expandIcon" | "headingClassName" | "collapseHeader" | "onCollapse" | "headingComponent" | "propsUpdate">> & Partial<Pick<Partial<CollapseProps>, "classPrefix" | "classnames" | "className">> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, never> & Partial<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, "body" | "header" | "key" | "disabled" | "id" | "size" | "translate" | "mountOnEnter" | "unmountOnExit" | "wrapperComponent" | "collapsed" | "headerPosition" | "bodyClassName" | "collapsable" | "showArrow" | "expandIcon" | "headingClassName" | "collapseHeader" | "onCollapse" | "headingComponent" | "propsUpdate">> & Partial<Pick<Partial<CollapseProps>, "classPrefix" | "classnames" | "className">> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, never> & Partial<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, "show" | "mountOnEnter" | "unmountOnExit">> & Partial<Pick<Pick<CollapseProps, "show" | "mountOnEnter" | "unmountOnExit">, never>> & import("../theme").ThemeOutterProps>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, never> & Partial<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, "show" | "mountOnEnter" | "unmountOnExit">> & Partial<Pick<Pick<CollapseProps, "show" | "mountOnEnter" | "unmountOnExit">, never>> & import("../theme").ThemeOutterProps>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, never> & Partial<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, "show" | "mountOnEnter" | "unmountOnExit">> & Partial<Pick<Pick<CollapseProps, "show" | "mountOnEnter" | "unmountOnExit">, never>> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, never> & Partial<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, "show" | "mountOnEnter" | "unmountOnExit">> & Partial<Pick<Pick<CollapseProps, "show" | "mountOnEnter" | "unmountOnExit">, never>> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, never> & Partial<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, "body" | "header" | "key" | "disabled" | "id" | "size" | "translate" | "mountOnEnter" | "unmountOnExit" | "wrapperComponent" | "collapsed" | "headerPosition" | "bodyClassName" | "collapsable" | "showArrow" | "expandIcon" | "headingClassName" | "collapseHeader" | "onCollapse" | "headingComponent" | "propsUpdate">> & Partial<Pick<Partial<CollapseProps>, "classPrefix" | "classnames" | "className">> & import("../theme").ThemeOutterProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, never> & Partial<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, "body" | "header" | "key" | "disabled" | "id" | "size" | "translate" | "mountOnEnter" | "unmountOnExit" | "wrapperComponent" | "collapsed" | "headerPosition" | "bodyClassName" | "collapsable" | "showArrow" | "expandIcon" | "headingClassName" | "collapseHeader" | "onCollapse" | "headingComponent" | "propsUpdate">> & Partial<Pick<Partial<CollapseProps>, "classPrefix" | "classnames" | "className">> & import("../theme").ThemeOutterProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, never> & Partial<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, "body" | "header" | "key" | "disabled" | "id" | "size" | "translate" | "mountOnEnter" | "unmountOnExit" | "wrapperComponent" | "collapsed" | "headerPosition" | "bodyClassName" | "collapsable" | "showArrow" | "expandIcon" | "headingClassName" | "collapseHeader" | "onCollapse" | "headingComponent" | "propsUpdate">> & Partial<Pick<Partial<CollapseProps>, "classPrefix" | "classnames" | "className">> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, never> & Partial<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, "body" | "header" | "key" | "disabled" | "id" | "size" | "translate" | "mountOnEnter" | "unmountOnExit" | "wrapperComponent" | "collapsed" | "headerPosition" | "bodyClassName" | "collapsable" | "showArrow" | "expandIcon" | "headingClassName" | "collapseHeader" | "onCollapse" | "headingComponent" | "propsUpdate">> & Partial<Pick<Partial<CollapseProps>, "classPrefix" | "classnames" | "className">> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
     };
     displayName: string;
     contextType: React.Context<string>;

package/lib/components/Collapse.js

@@ -12,6 +12,7 @@ var react_1 = (0, tslib_1.__importDefault)(require("react"));
 var theme_1 = require("../theme");
 var Transition_1 = tslib_1.__importStar(require("react-transition-group/Transition"));
 var helper_1 = require("../utils/helper");
+var helper_2 = require("../utils/helper");
 var collapseStyles = (_a = {},
     _a[Transition_1.EXITED] = 'out',
     _a[Transition_1.EXITING] = 'out',
@@ -19,11 +20,37 @@ var collapseStyles = (_a = {},
     _a);
 var Collapse = /** @class */ (function (_super) {
     (0, tslib_1.__extends)(Collapse, _super);
-    function Collapse() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
+    function Collapse(props) {
+        var _this = _super.call(this, props) || this;
+        _this.state = {
+            collapsed: false
+        };
         _this.contentRef = function (ref) { return (_this.contentDom = ref); };
+        _this.toggleCollapsed = _this.toggleCollapsed.bind(_this);
+        _this.state.collapsed = !!props.collapsed;
         return _this;
     }
+    Collapse.getDerivedStateFromProps = function (nextProps, preState) {
+        if (nextProps.propsUpdate && nextProps.collapsed !== preState.collapsed) {
+            return {
+                collapsed: !!nextProps.collapsed
+            };
+        }
+        return null;
+    };
+    Collapse.prototype.toggleCollapsed = function (e) {
+        if ((0, helper_2.isClickOnInput)(e)) {
+            return;
+        }
+        var props = this.props;
+        if (props.disabled || props.collapsable === false) {
+            return;
+        }
+        props.onCollapse && props.onCollapse(props, !this.state.collapsed);
+        this.setState({
+            collapsed: !this.state.collapsed
+        });
+    };
     Collapse.prototype.handleEnter = function (elem) {
         elem.style['height'] = '';
     };
@@ -46,20 +73,51 @@ var Collapse = /** @class */ (function (_super) {
         elem.style['height'] = '';
     };
     Collapse.prototype.render = function () {
+        var _a;
         var _this = this;
-        var _a = this.props, show = _a.show, children = _a.children, cx = _a.classnames, mountOnEnter = _a.mountOnEnter, unmountOnExit = _a.unmountOnExit;
-        return (react_1.default.createElement(Transition_1.default, { mountOnEnter: mountOnEnter, unmountOnExit: unmountOnExit, in: show, timeout: 300, onEnter: this.handleEnter, onEntering: this.handleEntering, onEntered: this.handleEntered, onExit: this.handleExit, onExiting: this.handleExiting }, function (status) {
-            if (status === Transition_1.ENTERING) {
-                _this.contentDom.offsetWidth;
-            }
-            return (react_1.default.createElement("div", { className: cx('Collapse-contentWrapper', collapseStyles[status]), ref: _this.contentRef }, react_1.default.cloneElement(children, (0, tslib_1.__assign)((0, tslib_1.__assign)({}, children.props), { className: cx('Collapse-content', children.props.className) }))));
-        }));
+        var _b = this.props, cx = _b.classnames, mountOnEnter = _b.mountOnEnter, unmountOnExit = _b.unmountOnExit, ns = _b.classPrefix, size = _b.size, WrapperComponent = _b.wrapperComponent, HeadingComponent = _b.headingComponent, className = _b.className, headingClassName = _b.headingClassName, headerPosition = _b.headerPosition, collapseHeader = _b.collapseHeader, header = _b.header, body = _b.body, bodyClassName = _b.bodyClassName, collapsable = _b.collapsable, __ = _b.translate, showArrow = _b.showArrow, expandIcon = _b.expandIcon, disabled = _b.disabled;
+        var finalHeader = this.state.collapsed ? header : collapseHeader || header;
+        var dom = [
+            finalHeader ? (react_1.default.createElement(HeadingComponent, { key: "header", onClick: this.toggleCollapsed, className: cx("Collapse-header", headingClassName) },
+                showArrow && collapsable
+                    ? expandIcon
+                        ? react_1.default.cloneElement(expandIcon, (0, tslib_1.__assign)((0, tslib_1.__assign)({}, expandIcon.props), { className: cx('Collapse-icon-tranform') }))
+                        : react_1.default.createElement("span", { className: cx('Collapse-arrow') })
+                    : '',
+                finalHeader)) : null,
+            react_1.default.createElement(Transition_1.default, { key: "body", mountOnEnter: mountOnEnter, unmountOnExit: unmountOnExit, in: !this.state.collapsed, timeout: 300, onEnter: this.handleEnter, onEntering: this.handleEntering, onEntered: this.handleEntered, onExit: this.handleExit, onExiting: this.handleExiting }, function (status) {
+                if (status === Transition_1.ENTERING) {
+                    _this.contentDom.offsetWidth;
+                }
+                return (react_1.default.createElement("div", { className: cx('Collapse-contentWrapper', collapseStyles[status]), ref: _this.contentRef },
+                    react_1.default.createElement("div", { className: cx('Collapse-body', bodyClassName) }, react_1.default.cloneElement(body, (0, tslib_1.__assign)((0, tslib_1.__assign)({}, body.props), { className: cx('Collapse-content', body.props.className) })))));
+            })
+        ];
+        if (headerPosition === 'bottom') {
+            dom.reverse();
+        }
+        return (react_1.default.createElement(WrapperComponent, { className: cx("Collapse", (_a = {
+                    'is-active': !this.state.collapsed
+                },
+                _a["Collapse--" + size] = size,
+                _a['Collapse--disabled'] = disabled || collapsable === false,
+                _a['Collapse--title-bottom'] = headerPosition === 'bottom',
+                _a), className) }, dom));
     };
     var _b, _c, _d, _e, _f;
     Collapse.defaultProps = {
-        show: false,
         mountOnEnter: false,
-        unmountOnExit: false
+        unmountOnExit: false,
+        headerPosition: 'top',
+        wrapperComponent: 'div',
+        headingComponent: 'div',
+        className: '',
+        headingClassName: '',
+        bodyClassName: '',
+        collapsable: true,
+        disabled: false,
+        showArrow: true,
+        propsUpdate: false
     };
     (0, tslib_1.__decorate)([
         helper_1.autobind,

package/lib/components/Collapse.js.map

@@ -6,8 +6,8 @@
         "/src/components/Collapse.tsx"
     ],
     "names": [],
-    "mappings": "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",
+    "mappings": "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",
     "sourcesContent": [
-        "/**\n * @file Collapse\n * @description\n * @author fex\n */\n\nimport React from 'react';\nimport {ClassNamesFn, themeable} from '../theme';\nimport Transition, {\n  EXITED,\n  ENTERING,\n  EXITING\n} from 'react-transition-group/Transition';\nimport {autobind} from '../utils/helper';\n\nconst collapseStyles: {\n  [propName: string]: string;\n} = {\n  [EXITED]: 'out',\n  [EXITING]: 'out',\n  [ENTERING]: 'in'\n};\n\nexport interface CollapseProps {\n  show?: boolean;\n  mountOnEnter?: boolean;\n  unmountOnExit?: boolean;\n  className?: string;\n  classPrefix: string;\n  classnames: ClassNamesFn;\n}\n\nexport class Collapse extends React.Component<CollapseProps, any> {\n  static defaultProps: Pick<\n    CollapseProps,\n    'show' | 'mountOnEnter' | 'unmountOnExit'\n  > = {\n    show: false,\n    mountOnEnter: false,\n    unmountOnExit: false\n  };\n\n  contentDom: any;\n  contentRef = (ref: any) => (this.contentDom = ref);\n\n  @autobind\n  handleEnter(elem: HTMLElement) {\n    elem.style['height'] = '';\n  }\n\n  @autobind\n  handleEntering(elem: HTMLElement) {\n    elem.style['height'] = `${elem['scrollHeight']}px`;\n  }\n\n  @autobind\n  handleEntered(elem: HTMLElement) {\n    elem.style['height'] = '';\n  }\n\n  @autobind\n  handleExit(elem: HTMLElement) {\n    let offsetHeight = elem['offsetHeight'];\n    const height =\n      offsetHeight +\n      parseInt(getComputedStyle(elem).getPropertyValue('margin-top'), 10) +\n      parseInt(getComputedStyle(elem).getPropertyValue('margin-bottom'), 10);\n    elem.style['height'] = `${height}px`;\n    // trigger browser reflow\n    elem.offsetHeight;\n  }\n\n  @autobind\n  handleExiting(elem: HTMLElement) {\n    elem.style['height'] = '';\n  }\n\n  render() {\n    const {\n      show,\n      children,\n      classnames: cx,\n      mountOnEnter,\n      unmountOnExit\n    } = this.props;\n\n    return (\n      <Transition\n        mountOnEnter={mountOnEnter}\n        unmountOnExit={unmountOnExit}\n        in={show}\n        timeout={300}\n        onEnter={this.handleEnter}\n        onEntering={this.handleEntering}\n        onEntered={this.handleEntered}\n        onExit={this.handleExit}\n        onExiting={this.handleExiting}\n      >\n        {(status: string) => {\n          if (status === ENTERING) {\n            this.contentDom.offsetWidth;\n          }\n          return (\n            <div\n              className={cx('Collapse-contentWrapper', collapseStyles[status])}\n              ref={this.contentRef}\n            >\n              {React.cloneElement(children as any, {\n                ...(children as React.ReactElement).props,\n                className: cx(\n                  'Collapse-content',\n                  (children as React.ReactElement).props.className\n                )\n              })}\n            </div>\n          );\n        }}\n      </Transition>\n    );\n  }\n}\n\nexport default themeable(Collapse);\n"
+        "/**\n * @file Collapse\n * @description\n * @author fex\n */\n\nimport React from 'react';\nimport {ClassNamesFn, themeable} from '../theme';\nimport Transition, {\n  EXITED,\n  ENTERING,\n  EXITING\n} from 'react-transition-group/Transition';\nimport {autobind} from '../utils/helper';\nimport {isClickOnInput} from '../utils/helper';\nimport {TranslateFn} from '../locale';\n\nconst collapseStyles: {\n  [propName: string]: string;\n} = {\n  [EXITED]: 'out',\n  [EXITING]: 'out',\n  [ENTERING]: 'in'\n};\n\nexport interface CollapseProps {\n  key?: string;\n  id?: string;\n  mountOnEnter?: boolean;\n  unmountOnExit?: boolean;\n  className?: string;\n  classPrefix: string;\n  classnames: ClassNamesFn;\n  headerPosition?: 'top' | 'bottom';\n  header?: React.ReactElement;\n  body: any;\n  bodyClassName?: string;\n  disabled?: boolean;\n  collapsable?: boolean;\n  collapsed?: boolean;\n  showArrow?: boolean;\n  expandIcon?: React.ReactElement | null;\n  headingClassName?: string;\n  collapseHeader?: React.ReactElement | null;\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'base';\n  onCollapse?: (item: any, collapsed: boolean) => void;\n  wrapperComponent?: any;\n  headingComponent?: any;\n  translate?: TranslateFn;\n  propsUpdate?: boolean;\n}\n\nexport interface CollapseState {\n  collapsed: boolean;\n}\n\nexport class Collapse extends React.Component<CollapseProps, CollapseState> {\n\n  static defaultProps: Partial<CollapseProps> = {\n    mountOnEnter: false,\n    unmountOnExit: false,\n    headerPosition: 'top',\n    wrapperComponent: 'div',\n    headingComponent: 'div',\n    className: '',\n    headingClassName: '',\n    bodyClassName: '',\n    collapsable: true,\n    disabled: false,\n    showArrow: true,\n    propsUpdate: false\n  };\n\n  state: CollapseState = {\n    collapsed: false\n  };\n\n  constructor(props: CollapseProps) {\n    super(props);\n\n    this.toggleCollapsed = this.toggleCollapsed.bind(this);\n    this.state.collapsed = !!props.collapsed;\n  }\n\n  static getDerivedStateFromProps(nextProps: CollapseProps, preState: CollapseState) {\n    if (nextProps.propsUpdate && nextProps.collapsed !== preState.collapsed) {\n      return {\n        collapsed: !!nextProps.collapsed\n      };\n    }\n    return null;\n  }\n\n  toggleCollapsed(e: React.MouseEvent<HTMLElement>) {\n    if (isClickOnInput(e)) {\n      return;\n    }\n    const props = this.props;\n    if (props.disabled || props.collapsable === false) {\n      return;\n    }\n    props.onCollapse && props.onCollapse(props, !this.state.collapsed);\n    this.setState({\n      collapsed: !this.state.collapsed\n    });\n  }\n\n  contentDom: any;\n  contentRef = (ref: any) => (this.contentDom = ref);\n\n  @autobind\n  handleEnter(elem: HTMLElement) {\n    elem.style['height'] = '';\n  }\n\n  @autobind\n  handleEntering(elem: HTMLElement) {\n    elem.style['height'] = `${elem['scrollHeight']}px`;\n  }\n\n  @autobind\n  handleEntered(elem: HTMLElement) {\n    elem.style['height'] = '';\n  }\n\n  @autobind\n  handleExit(elem: HTMLElement) {\n    let offsetHeight = elem['offsetHeight'];\n    const height =\n      offsetHeight +\n      parseInt(getComputedStyle(elem).getPropertyValue('margin-top'), 10) +\n      parseInt(getComputedStyle(elem).getPropertyValue('margin-bottom'), 10);\n    elem.style['height'] = `${height}px`;\n    // trigger browser reflow\n    elem.offsetHeight;\n  }\n\n  @autobind\n  handleExiting(elem: HTMLElement) {\n    elem.style['height'] = '';\n  }\n\n  render() {\n    const {\n      classnames: cx,\n      mountOnEnter,\n      unmountOnExit,\n      classPrefix: ns,\n      size,\n      wrapperComponent: WrapperComponent,\n      headingComponent: HeadingComponent,\n      className,\n      headingClassName,\n      headerPosition,\n      collapseHeader,\n      header,\n      body,\n      bodyClassName,\n      collapsable,\n      translate: __,\n      showArrow,\n      expandIcon,\n      disabled\n    } = this.props;\n\n    const finalHeader = this.state.collapsed ? header : collapseHeader || header;\n\n    let dom = [\n      finalHeader ? (\n        <HeadingComponent\n          key=\"header\"\n          onClick={this.toggleCollapsed}\n          className={cx(`Collapse-header`, headingClassName)}\n        >\n          {showArrow && collapsable\n            ? expandIcon\n              ? React.cloneElement(expandIcon, {\n                  ...expandIcon.props,\n                  className: cx('Collapse-icon-tranform')\n                })\n              : <span className={cx('Collapse-arrow')} />\n              : ''}\n          {finalHeader}\n        </HeadingComponent>\n      ) : null,\n\n      <Transition\n        key=\"body\"\n        mountOnEnter={mountOnEnter}\n        unmountOnExit={unmountOnExit}\n        in={!this.state.collapsed}\n        timeout={300}\n        onEnter={this.handleEnter}\n        onEntering={this.handleEntering}\n        onEntered={this.handleEntered}\n        onExit={this.handleExit}\n        onExiting={this.handleExiting}\n      >\n        {(status: string) => {\n          if (status === ENTERING) {\n            this.contentDom.offsetWidth;\n          }\n          return (\n            <div\n              className={cx('Collapse-contentWrapper', collapseStyles[status])}\n              ref={this.contentRef}\n            >\n              <div className={cx('Collapse-body', bodyClassName)}>\n                {React.cloneElement(body as any, {\n                  ...(body as React.ReactElement).props,\n                  className: cx(\n                    'Collapse-content',\n                    (body as React.ReactElement).props.className\n                  )\n                })}\n              </div>\n            </div>\n          );\n        }}\n      </Transition>\n      \n    ];\n\n    if (headerPosition === 'bottom') {\n      dom.reverse();\n    }\n\n    return (\n      <WrapperComponent\n        className={cx(\n          `Collapse`,\n          {\n            'is-active': !this.state.collapsed,\n            [`Collapse--${size}`]: size,\n            'Collapse--disabled': disabled || collapsable === false,\n            'Collapse--title-bottom': headerPosition === 'bottom'\n          },\n          className\n        )}\n      >\n        {dom}\n      </WrapperComponent>\n    );\n  }\n}\n\nexport default themeable(Collapse);\n"
     ]
 }

package/lib/components/CollapseGroup.d.ts

@@ -0,0 +1,88 @@
+/**
+ * @file CollapseGroup
+ * @description 折叠面板group
+ * @author hongyang03
+ */
+/// <reference types="hoist-non-react-statics" />
+import React from 'react';
+import { CollapseProps } from '../renderers/Collapse';
+import { SchemaNode } from '../types';
+import { ClassNamesFn } from '../theme';
+export interface CollapseGroupProps {
+    defaultActiveKey?: Array<string | number | never> | string | number;
+    accordion?: boolean;
+    expandIcon?: SchemaNode;
+    expandIconPosition?: 'left' | 'right';
+    body?: Array<React.ReactElement>;
+    className?: string;
+    classnames: ClassNamesFn;
+    classPrefix: string;
+}
+export interface CollapseGroupState {
+    activeKey: Array<string | number | never>;
+}
+declare class CollapseGroup extends React.Component<CollapseGroupProps, CollapseGroupState> {
+    static defaultProps: Partial<CollapseGroupProps>;
+    constructor(props: CollapseGroupProps);
+    collapseChange(item: CollapseProps, collapsed: boolean): void;
+    getItems: (children: React.ReactNode) => {} | null | undefined;
+    render(): JSX.Element;
+}
+declare const _default: {
+    new (props: (Pick<Omit<CollapseGroupProps, keyof import("../theme").ThemeProps>, never> & Partial<Pick<Omit<CollapseGroupProps, keyof import("../theme").ThemeProps>, "body" | "expandIcon" | "defaultActiveKey" | "accordion" | "expandIconPosition">> & Partial<Pick<Partial<CollapseGroupProps>, "classPrefix" | "classnames" | "className">> & import("../theme").ThemeOutterProps) | Readonly<Pick<Omit<CollapseGroupProps, keyof import("../theme").ThemeProps>, never> & Partial<Pick<Omit<CollapseGroupProps, keyof import("../theme").ThemeProps>, "body" | "expandIcon" | "defaultActiveKey" | "accordion" | "expandIconPosition">> & Partial<Pick<Partial<CollapseGroupProps>, "classPrefix" | "classnames" | "className">> & import("../theme").ThemeOutterProps>): {
+        render(): JSX.Element;
+        context: any;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<CollapseGroupProps, keyof import("../theme").ThemeProps>, never> & Partial<Pick<Omit<CollapseGroupProps, keyof import("../theme").ThemeProps>, "body" | "expandIcon" | "defaultActiveKey" | "accordion" | "expandIconPosition">> & Partial<Pick<Partial<CollapseGroupProps>, "classPrefix" | "classnames" | "className">> & import("../theme").ThemeOutterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<Pick<Omit<CollapseGroupProps, keyof import("../theme").ThemeProps>, never> & Partial<Pick<Omit<CollapseGroupProps, keyof import("../theme").ThemeProps>, "body" | "expandIcon" | "defaultActiveKey" | "accordion" | "expandIconPosition">> & Partial<Pick<Partial<CollapseGroupProps>, "classPrefix" | "classnames" | "className">> & import("../theme").ThemeOutterProps> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<CollapseGroupProps, keyof import("../theme").ThemeProps>, never> & Partial<Pick<Omit<CollapseGroupProps, keyof import("../theme").ThemeProps>, "body" | "expandIcon" | "defaultActiveKey" | "accordion" | "expandIconPosition">> & Partial<Pick<Partial<CollapseGroupProps>, "classPrefix" | "classnames" | "className">> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<CollapseGroupProps, keyof import("../theme").ThemeProps>, never> & Partial<Pick<Omit<CollapseGroupProps, keyof import("../theme").ThemeProps>, "body" | "expandIcon" | "defaultActiveKey" | "accordion" | "expandIconPosition">> & Partial<Pick<Partial<CollapseGroupProps>, "classPrefix" | "classnames" | "className">> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<Pick<Omit<CollapseGroupProps, keyof import("../theme").ThemeProps>, never> & Partial<Pick<Omit<CollapseGroupProps, keyof import("../theme").ThemeProps>, "body" | "expandIcon" | "defaultActiveKey" | "accordion" | "expandIconPosition">> & Partial<Pick<Partial<CollapseGroupProps>, "classPrefix" | "classnames" | "className">> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<CollapseGroupProps, keyof import("../theme").ThemeProps>, never> & Partial<Pick<Omit<CollapseGroupProps, keyof import("../theme").ThemeProps>, "body" | "expandIcon" | "defaultActiveKey" | "accordion" | "expandIconPosition">> & Partial<Pick<Partial<CollapseGroupProps>, "classPrefix" | "classnames" | "className">> & import("../theme").ThemeOutterProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<CollapseGroupProps, keyof import("../theme").ThemeProps>, never> & Partial<Pick<Omit<CollapseGroupProps, keyof import("../theme").ThemeProps>, "body" | "expandIcon" | "defaultActiveKey" | "accordion" | "expandIconPosition">> & Partial<Pick<Partial<CollapseGroupProps>, "classPrefix" | "classnames" | "className">> & import("../theme").ThemeOutterProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Pick<Omit<CollapseGroupProps, keyof import("../theme").ThemeProps>, never> & Partial<Pick<Omit<CollapseGroupProps, keyof import("../theme").ThemeProps>, "body" | "expandIcon" | "defaultActiveKey" | "accordion" | "expandIconPosition">> & Partial<Pick<Partial<CollapseGroupProps>, "classPrefix" | "classnames" | "className">> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<CollapseGroupProps, keyof import("../theme").ThemeProps>, never> & Partial<Pick<Omit<CollapseGroupProps, keyof import("../theme").ThemeProps>, "body" | "expandIcon" | "defaultActiveKey" | "accordion" | "expandIconPosition">> & Partial<Pick<Partial<CollapseGroupProps>, "classPrefix" | "classnames" | "className">> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    new (props: Pick<Omit<CollapseGroupProps, keyof import("../theme").ThemeProps>, never> & Partial<Pick<Omit<CollapseGroupProps, keyof import("../theme").ThemeProps>, "body" | "expandIcon" | "defaultActiveKey" | "accordion" | "expandIconPosition">> & Partial<Pick<Partial<CollapseGroupProps>, "classPrefix" | "classnames" | "className">> & import("../theme").ThemeOutterProps, context: any): {
+        render(): JSX.Element;
+        context: any;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<CollapseGroupProps, keyof import("../theme").ThemeProps>, never> & Partial<Pick<Omit<CollapseGroupProps, keyof import("../theme").ThemeProps>, "body" | "expandIcon" | "defaultActiveKey" | "accordion" | "expandIconPosition">> & Partial<Pick<Partial<CollapseGroupProps>, "classPrefix" | "classnames" | "className">> & import("../theme").ThemeOutterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<Pick<Omit<CollapseGroupProps, keyof import("../theme").ThemeProps>, never> & Partial<Pick<Omit<CollapseGroupProps, keyof import("../theme").ThemeProps>, "body" | "expandIcon" | "defaultActiveKey" | "accordion" | "expandIconPosition">> & Partial<Pick<Partial<CollapseGroupProps>, "classPrefix" | "classnames" | "className">> & import("../theme").ThemeOutterProps> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<CollapseGroupProps, keyof import("../theme").ThemeProps>, never> & Partial<Pick<Omit<CollapseGroupProps, keyof import("../theme").ThemeProps>, "body" | "expandIcon" | "defaultActiveKey" | "accordion" | "expandIconPosition">> & Partial<Pick<Partial<CollapseGroupProps>, "classPrefix" | "classnames" | "className">> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<CollapseGroupProps, keyof import("../theme").ThemeProps>, never> & Partial<Pick<Omit<CollapseGroupProps, keyof import("../theme").ThemeProps>, "body" | "expandIcon" | "defaultActiveKey" | "accordion" | "expandIconPosition">> & Partial<Pick<Partial<CollapseGroupProps>, "classPrefix" | "classnames" | "className">> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<Pick<Omit<CollapseGroupProps, keyof import("../theme").ThemeProps>, never> & Partial<Pick<Omit<CollapseGroupProps, keyof import("../theme").ThemeProps>, "body" | "expandIcon" | "defaultActiveKey" | "accordion" | "expandIconPosition">> & Partial<Pick<Partial<CollapseGroupProps>, "classPrefix" | "classnames" | "className">> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<CollapseGroupProps, keyof import("../theme").ThemeProps>, never> & Partial<Pick<Omit<CollapseGroupProps, keyof import("../theme").ThemeProps>, "body" | "expandIcon" | "defaultActiveKey" | "accordion" | "expandIconPosition">> & Partial<Pick<Partial<CollapseGroupProps>, "classPrefix" | "classnames" | "className">> & import("../theme").ThemeOutterProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<CollapseGroupProps, keyof import("../theme").ThemeProps>, never> & Partial<Pick<Omit<CollapseGroupProps, keyof import("../theme").ThemeProps>, "body" | "expandIcon" | "defaultActiveKey" | "accordion" | "expandIconPosition">> & Partial<Pick<Partial<CollapseGroupProps>, "classPrefix" | "classnames" | "className">> & import("../theme").ThemeOutterProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Pick<Omit<CollapseGroupProps, keyof import("../theme").ThemeProps>, never> & Partial<Pick<Omit<CollapseGroupProps, keyof import("../theme").ThemeProps>, "body" | "expandIcon" | "defaultActiveKey" | "accordion" | "expandIconPosition">> & Partial<Pick<Partial<CollapseGroupProps>, "classPrefix" | "classnames" | "className">> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<CollapseGroupProps, keyof import("../theme").ThemeProps>, never> & Partial<Pick<Omit<CollapseGroupProps, keyof import("../theme").ThemeProps>, "body" | "expandIcon" | "defaultActiveKey" | "accordion" | "expandIconPosition">> & Partial<Pick<Partial<CollapseGroupProps>, "classPrefix" | "classnames" | "className">> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    displayName: string;
+    contextType: React.Context<string>;
+    ComposedComponent: React.ComponentType<typeof CollapseGroup>;
+} & import("hoist-non-react-statics").NonReactStatics<typeof CollapseGroup, {}> & {
+    ComposedComponent: typeof CollapseGroup;
+};
+export default _default;

package/lib/components/CollapseGroup.js

@@ -0,0 +1,81 @@
+"use strict";
+/**
+ * @file CollapseGroup
+ * @description 折叠面板group
+ * @author hongyang03
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var react_1 = (0, tslib_1.__importDefault)(require("react"));
+var theme_1 = require("../theme");
+var CollapseGroup = /** @class */ (function (_super) {
+    (0, tslib_1.__extends)(CollapseGroup, _super);
+    function CollapseGroup(props) {
+        var _this = _super.call(this, props) || this;
+        _this.getItems = function (children) {
+            if (!Array.isArray(children)) {
+                return children;
+            }
+            return children.map(function (child, index) {
+                var props = child.props;
+                var id = props.schema.key || String(index);
+                var collapsed = _this.state.activeKey.indexOf(id) === -1;
+                return react_1.default.cloneElement(child, (0, tslib_1.__assign)((0, tslib_1.__assign)({}, props), { key: id, id: id, collapsed: collapsed, expandIcon: _this.props.expandIcon, propsUpdate: true, onCollapse: function (item, collapsed) { return _this.collapseChange(item, collapsed); } }));
+            });
+        };
+        // 传入的activeKey会被自动转换为defaultActiveKey
+        var activeKey = props.defaultActiveKey;
+        if (!Array.isArray(activeKey)) {
+            activeKey = activeKey ? [activeKey] : [];
+        }
+        if (props.accordion) {
+            // 手风琴模式下只展开第一个元素
+            activeKey = activeKey.length ? [activeKey[0]] : [];
+        }
+        _this.state = {
+            activeKey: activeKey.map(function (key) { return String(key); })
+        };
+        return _this;
+    }
+    CollapseGroup.prototype.collapseChange = function (item, collapsed) {
+        var activeKey = this.state.activeKey;
+        if (collapsed) {
+            if (this.props.accordion) {
+                activeKey = [];
+            }
+            else {
+                for (var i = 0; i < activeKey.length; i++) {
+                    if (activeKey[i] === item.id) {
+                        activeKey.splice(i, 1);
+                        break;
+                    }
+                }
+            }
+        }
+        else {
+            if (this.props.accordion) {
+                activeKey = [item.id];
+            }
+            else {
+                activeKey.push(item.id);
+            }
+        }
+        this.setState({
+            activeKey: activeKey
+        });
+    };
+    CollapseGroup.prototype.render = function () {
+        var _a = this.props, cx = _a.classnames, className = _a.className, expandIconPosition = _a.expandIconPosition, children = _a.children;
+        return (react_1.default.createElement("div", { className: cx("CollapseGroup", {
+                'icon-position-right': expandIconPosition === 'right',
+            }, className) }, this.getItems(children)));
+    };
+    CollapseGroup.defaultProps = {
+        className: '',
+        accordion: false,
+        expandIconPosition: 'left'
+    };
+    return CollapseGroup;
+}(react_1.default.Component));
+exports.default = (0, theme_1.themeable)(CollapseGroup);
+//# sourceMappingURL=./components/CollapseGroup.js.map

package/lib/components/CollapseGroup.js.map

@@ -0,0 +1,13 @@
+{
+    "version": 3,
+    "file": "CollapseGroup.js",
+    "sourceRoot": "",
+    "sources": [
+        "/src/components/CollapseGroup.tsx"
+    ],
+    "names": [],
+    "mappings": "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",
+    "sourcesContent": [
+        "/**\n * @file CollapseGroup\n * @description 折叠面板group\n * @author hongyang03\n */\n\nimport React from 'react';\nimport {CollapseProps} from '../renderers/Collapse';\nimport {SchemaNode} from '../types';\nimport {ClassNamesFn, themeable} from '../theme';\n\nexport interface CollapseGroupProps {\n  defaultActiveKey?: Array<string | number | never> | string | number;\n  accordion?: boolean;\n  expandIcon?: SchemaNode;\n  expandIconPosition?: 'left' | 'right';\n  body?: Array<React.ReactElement>;\n  className?: string;\n  classnames: ClassNamesFn;\n  classPrefix: string;\n}\n\nexport interface CollapseGroupState {\n  activeKey: Array<string | number | never>;\n}\n\nclass CollapseGroup extends React.Component<\n  CollapseGroupProps,\n  CollapseGroupState\n> {\n\n  static defaultProps: Partial<CollapseGroupProps> = {\n    className: '',\n    accordion: false,\n    expandIconPosition: 'left'\n  };\n\n  constructor(props: CollapseGroupProps) {\n    super(props);\n\n    // 传入的activeKey会被自动转换为defaultActiveKey\n    let activeKey = props.defaultActiveKey;\n    if (!Array.isArray(activeKey)) {\n      activeKey = activeKey ? [activeKey] : [];\n    }\n    if (props.accordion) {\n      // 手风琴模式下只展开第一个元素\n      activeKey = activeKey.length ? [activeKey[0]] : [];\n    }\n\n    this.state = {\n      activeKey: activeKey.map((key: number | string) => String(key))\n    };\n  }\n\n  collapseChange(item: CollapseProps, collapsed: boolean) {\n    let activeKey = this.state.activeKey;\n    if (collapsed) {\n      if (this.props.accordion) {\n        activeKey = [];\n      }\n      else {\n        for(let i = 0; i < activeKey.length; i++) {\n          if (activeKey[i] === item.id) {\n            activeKey.splice(i, 1);\n            break;\n          }\n        }\n      }\n    }\n    else {\n      if (this.props.accordion) {\n        activeKey = [item.id];\n      }\n      else {\n        activeKey.push(item.id);\n      }\n    }\n    this.setState({\n      activeKey\n    });\n  }\n\n  getItems = (children: React.ReactNode) => {\n    if (!Array.isArray(children)) {\n      return children;\n    }\n\n    return children.map((child: React.ReactElement, index: number) => {\n      let props = child.props;\n      const id = props.schema.key || String(index);\n      const collapsed = this.state.activeKey.indexOf(id) === -1;\n\n      return React.cloneElement(child as any, {\n        ...props,\n        key: id,\n        id,\n        collapsed,\n        expandIcon: this.props.expandIcon,\n        propsUpdate: true,\n        onCollapse: (item: CollapseProps, collapsed: boolean) => this.collapseChange(item, collapsed)\n      });\n    });\n  };\n\n  render() {\n    const {\n      classnames: cx,\n      className,\n      expandIconPosition,\n      children\n    } = this.props;\n\n    return (\n      <div\n        className={cx(\n          `CollapseGroup`,\n          {\n            'icon-position-right': expandIconPosition === 'right',\n          },\n          className\n        )}\n      >\n        {this.getItems(children)}\n      </div>\n    );\n  }\n}\n\nexport default themeable(CollapseGroup);\n"
+    ]
+}