amis-ui 6.9.0 → 6.10.0-beta.0

package/lib/components/Collapse.d.ts

@@ -63,40 +63,40 @@ export declare class Collapse extends React.Component<CollapseProps, CollapseSta
 }
 declare const _default: {
     new (props: Pick<Omit<CollapseProps, keyof ThemeProps>, never> & {
-        disabled?: boolean | undefined;
-        translate?: TranslateFn<any> | undefined;
         children?: React.ReactNode | React.ReactNode[];
-        size?: "base" | "sm" | "lg" | "xs" | "md" | undefined;
         body?: any;
         header?: React.ReactNode;
+        disabled?: boolean | undefined;
+        translate?: TranslateFn<any> | undefined;
         id?: string | undefined;
+        size?: "base" | "sm" | "lg" | "xs" | "md" | undefined;
+        mountOnEnter?: boolean | undefined;
+        unmountOnExit?: boolean | undefined;
         key?: string | undefined;
+        wrapperComponent?: any;
+        showArrow?: boolean | undefined;
+        bodyClassName?: string | undefined;
         partial?: boolean | undefined;
+        collapsed?: boolean | undefined;
         collapseId?: string | undefined;
         propKey?: string | undefined;
-        mountOnEnter?: boolean | undefined;
-        unmountOnExit?: boolean | undefined;
         headerPosition?: "bottom" | "top" | undefined;
-        bodyClassName?: string | undefined;
         collapsable?: boolean | undefined;
-        collapsed?: boolean | undefined;
-        showArrow?: boolean | undefined;
         expandIcon?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | null | undefined;
         headingClassName?: string | undefined;
         collapseHeader?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | null | undefined;
         onCollapse?: ((collapsed: boolean) => void) | undefined;
-        wrapperComponent?: any;
         headingComponent?: any;
         propsUpdate?: boolean | undefined;
         divideLine?: boolean | undefined;
         enableFieldSetStyle?: boolean | undefined;
     } & {
-        classnames?: ClassNamesFn | undefined;
-        classPrefix?: string | undefined;
         className?: string | undefined;
+        style?: any;
+        classPrefix?: string | undefined;
+        classnames?: ClassNamesFn | undefined;
         theme?: string | undefined;
         mobileUI?: boolean | undefined;
-        style?: any;
     } & import("packages/amis-core/lib/theme").ThemeOuterProps): {
         ref: any;
         childRef(ref: any): void;
@@ -104,77 +104,77 @@ declare const _default: {
         render(): React.JSX.Element;
         context: unknown;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<CollapseProps, keyof ThemeProps>, never> & {
-            disabled?: boolean | undefined;
-            translate?: TranslateFn<any> | undefined;
             children?: React.ReactNode | React.ReactNode[];
-            size?: "base" | "sm" | "lg" | "xs" | "md" | undefined;
             body?: any;
             header?: React.ReactNode;
+            disabled?: boolean | undefined;
+            translate?: TranslateFn<any> | undefined;
             id?: string | undefined;
+            size?: "base" | "sm" | "lg" | "xs" | "md" | undefined;
+            mountOnEnter?: boolean | undefined;
+            unmountOnExit?: boolean | undefined;
             key?: string | undefined;
+            wrapperComponent?: any;
+            showArrow?: boolean | undefined;
+            bodyClassName?: string | undefined;
             partial?: boolean | undefined;
+            collapsed?: boolean | undefined;
             collapseId?: string | undefined;
             propKey?: string | undefined;
-            mountOnEnter?: boolean | undefined;
-            unmountOnExit?: boolean | undefined;
             headerPosition?: "bottom" | "top" | undefined;
-            bodyClassName?: string | undefined;
             collapsable?: boolean | undefined;
-            collapsed?: boolean | undefined;
-            showArrow?: boolean | undefined;
             expandIcon?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | null | undefined;
             headingClassName?: string | undefined;
             collapseHeader?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | null | undefined;
             onCollapse?: ((collapsed: boolean) => void) | undefined;
-            wrapperComponent?: any;
             headingComponent?: any;
             propsUpdate?: boolean | undefined;
             divideLine?: boolean | undefined;
             enableFieldSetStyle?: boolean | undefined;
         } & {
-            classnames?: ClassNamesFn | undefined;
-            classPrefix?: string | undefined;
             className?: string | undefined;
+            style?: any;
+            classPrefix?: string | undefined;
+            classnames?: ClassNamesFn | undefined;
             theme?: string | undefined;
             mobileUI?: boolean | undefined;
-            style?: any;
         } & import("packages/amis-core/lib/theme").ThemeOuterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
         readonly props: Readonly<Pick<Omit<CollapseProps, keyof ThemeProps>, never> & {
-            disabled?: boolean | undefined;
-            translate?: TranslateFn<any> | undefined;
             children?: React.ReactNode | React.ReactNode[];
-            size?: "base" | "sm" | "lg" | "xs" | "md" | undefined;
             body?: any;
             header?: React.ReactNode;
+            disabled?: boolean | undefined;
+            translate?: TranslateFn<any> | undefined;
             id?: string | undefined;
+            size?: "base" | "sm" | "lg" | "xs" | "md" | undefined;
+            mountOnEnter?: boolean | undefined;
+            unmountOnExit?: boolean | undefined;
             key?: string | undefined;
+            wrapperComponent?: any;
+            showArrow?: boolean | undefined;
+            bodyClassName?: string | undefined;
             partial?: boolean | undefined;
+            collapsed?: boolean | undefined;
             collapseId?: string | undefined;
             propKey?: string | undefined;
-            mountOnEnter?: boolean | undefined;
-            unmountOnExit?: boolean | undefined;
             headerPosition?: "bottom" | "top" | undefined;
-            bodyClassName?: string | undefined;
             collapsable?: boolean | undefined;
-            collapsed?: boolean | undefined;
-            showArrow?: boolean | undefined;
             expandIcon?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | null | undefined;
             headingClassName?: string | undefined;
             collapseHeader?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | null | undefined;
             onCollapse?: ((collapsed: boolean) => void) | undefined;
-            wrapperComponent?: any;
             headingComponent?: any;
             propsUpdate?: boolean | undefined;
             divideLine?: boolean | undefined;
             enableFieldSetStyle?: boolean | undefined;
         } & {
-            classnames?: ClassNamesFn | undefined;
-            classPrefix?: string | undefined;
             className?: string | undefined;
+            style?: any;
+            classPrefix?: string | undefined;
+            classnames?: ClassNamesFn | undefined;
             theme?: string | undefined;
             mobileUI?: boolean | undefined;
-            style?: any;
         } & import("packages/amis-core/lib/theme").ThemeOuterProps>;
         state: Readonly<{}>;
         refs: {
@@ -182,260 +182,260 @@ declare const _default: {
         };
         componentDidMount?(): void;
         shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<CollapseProps, keyof ThemeProps>, never> & {
-            disabled?: boolean | undefined;
-            translate?: TranslateFn<any> | undefined;
             children?: React.ReactNode | React.ReactNode[];
-            size?: "base" | "sm" | "lg" | "xs" | "md" | undefined;
             body?: any;
             header?: React.ReactNode;
+            disabled?: boolean | undefined;
+            translate?: TranslateFn<any> | undefined;
             id?: string | undefined;
+            size?: "base" | "sm" | "lg" | "xs" | "md" | undefined;
+            mountOnEnter?: boolean | undefined;
+            unmountOnExit?: boolean | undefined;
             key?: string | undefined;
+            wrapperComponent?: any;
+            showArrow?: boolean | undefined;
+            bodyClassName?: string | undefined;
             partial?: boolean | undefined;
+            collapsed?: boolean | undefined;
             collapseId?: string | undefined;
             propKey?: string | undefined;
-            mountOnEnter?: boolean | undefined;
-            unmountOnExit?: boolean | undefined;
             headerPosition?: "bottom" | "top" | undefined;
-            bodyClassName?: string | undefined;
             collapsable?: boolean | undefined;
-            collapsed?: boolean | undefined;
-            showArrow?: boolean | undefined;
             expandIcon?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | null | undefined;
             headingClassName?: string | undefined;
             collapseHeader?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | null | undefined;
             onCollapse?: ((collapsed: boolean) => void) | undefined;
-            wrapperComponent?: any;
             headingComponent?: any;
             propsUpdate?: boolean | undefined;
             divideLine?: boolean | undefined;
             enableFieldSetStyle?: boolean | undefined;
         } & {
-            classnames?: ClassNamesFn | undefined;
-            classPrefix?: string | undefined;
             className?: string | undefined;
+            style?: any;
+            classPrefix?: string | undefined;
+            classnames?: ClassNamesFn | undefined;
             theme?: string | undefined;
             mobileUI?: boolean | undefined;
-            style?: any;
         } & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
         getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<CollapseProps, keyof ThemeProps>, never> & {
-            disabled?: boolean | undefined;
-            translate?: TranslateFn<any> | undefined;
             children?: React.ReactNode | React.ReactNode[];
-            size?: "base" | "sm" | "lg" | "xs" | "md" | undefined;
             body?: any;
             header?: React.ReactNode;
+            disabled?: boolean | undefined;
+            translate?: TranslateFn<any> | undefined;
             id?: string | undefined;
+            size?: "base" | "sm" | "lg" | "xs" | "md" | undefined;
+            mountOnEnter?: boolean | undefined;
+            unmountOnExit?: boolean | undefined;
             key?: string | undefined;
+            wrapperComponent?: any;
+            showArrow?: boolean | undefined;
+            bodyClassName?: string | undefined;
             partial?: boolean | undefined;
+            collapsed?: boolean | undefined;
             collapseId?: string | undefined;
             propKey?: string | undefined;
-            mountOnEnter?: boolean | undefined;
-            unmountOnExit?: boolean | undefined;
             headerPosition?: "bottom" | "top" | undefined;
-            bodyClassName?: string | undefined;
             collapsable?: boolean | undefined;
-            collapsed?: boolean | undefined;
-            showArrow?: boolean | undefined;
             expandIcon?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | null | undefined;
             headingClassName?: string | undefined;
             collapseHeader?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | null | undefined;
             onCollapse?: ((collapsed: boolean) => void) | undefined;
-            wrapperComponent?: any;
             headingComponent?: any;
             propsUpdate?: boolean | undefined;
             divideLine?: boolean | undefined;
             enableFieldSetStyle?: boolean | undefined;
         } & {
-            classnames?: ClassNamesFn | undefined;
-            classPrefix?: string | undefined;
             className?: string | undefined;
+            style?: any;
+            classPrefix?: string | undefined;
+            classnames?: ClassNamesFn | undefined;
             theme?: string | undefined;
             mobileUI?: boolean | undefined;
-            style?: any;
         } & import("packages/amis-core/lib/theme").ThemeOuterProps>, prevState: Readonly<{}>): any;
         componentDidUpdate?(prevProps: Readonly<Pick<Omit<CollapseProps, keyof ThemeProps>, never> & {
-            disabled?: boolean | undefined;
-            translate?: TranslateFn<any> | undefined;
             children?: React.ReactNode | React.ReactNode[];
-            size?: "base" | "sm" | "lg" | "xs" | "md" | undefined;
             body?: any;
             header?: React.ReactNode;
+            disabled?: boolean | undefined;
+            translate?: TranslateFn<any> | undefined;
             id?: string | undefined;
+            size?: "base" | "sm" | "lg" | "xs" | "md" | undefined;
+            mountOnEnter?: boolean | undefined;
+            unmountOnExit?: boolean | undefined;
             key?: string | undefined;
+            wrapperComponent?: any;
+            showArrow?: boolean | undefined;
+            bodyClassName?: string | undefined;
             partial?: boolean | undefined;
+            collapsed?: boolean | undefined;
             collapseId?: string | undefined;
             propKey?: string | undefined;
-            mountOnEnter?: boolean | undefined;
-            unmountOnExit?: boolean | undefined;
             headerPosition?: "bottom" | "top" | undefined;
-            bodyClassName?: string | undefined;
             collapsable?: boolean | undefined;
-            collapsed?: boolean | undefined;
-            showArrow?: boolean | undefined;
             expandIcon?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | null | undefined;
             headingClassName?: string | undefined;
             collapseHeader?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | null | undefined;
             onCollapse?: ((collapsed: boolean) => void) | undefined;
-            wrapperComponent?: any;
             headingComponent?: any;
             propsUpdate?: boolean | undefined;
             divideLine?: boolean | undefined;
             enableFieldSetStyle?: boolean | undefined;
         } & {
-            classnames?: ClassNamesFn | undefined;
-            classPrefix?: string | undefined;
             className?: string | undefined;
+            style?: any;
+            classPrefix?: string | undefined;
+            classnames?: ClassNamesFn | undefined;
             theme?: string | undefined;
             mobileUI?: boolean | undefined;
-            style?: any;
         } & import("packages/amis-core/lib/theme").ThemeOuterProps>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
         componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<CollapseProps, keyof ThemeProps>, never> & {
-            disabled?: boolean | undefined;
-            translate?: TranslateFn<any> | undefined;
             children?: React.ReactNode | React.ReactNode[];
-            size?: "base" | "sm" | "lg" | "xs" | "md" | undefined;
             body?: any;
             header?: React.ReactNode;
+            disabled?: boolean | undefined;
+            translate?: TranslateFn<any> | undefined;
             id?: string | undefined;
+            size?: "base" | "sm" | "lg" | "xs" | "md" | undefined;
+            mountOnEnter?: boolean | undefined;
+            unmountOnExit?: boolean | undefined;
             key?: string | undefined;
+            wrapperComponent?: any;
+            showArrow?: boolean | undefined;
+            bodyClassName?: string | undefined;
             partial?: boolean | undefined;
+            collapsed?: boolean | undefined;
             collapseId?: string | undefined;
             propKey?: string | undefined;
-            mountOnEnter?: boolean | undefined;
-            unmountOnExit?: boolean | undefined;
             headerPosition?: "bottom" | "top" | undefined;
-            bodyClassName?: string | undefined;
             collapsable?: boolean | undefined;
-            collapsed?: boolean | undefined;
-            showArrow?: boolean | undefined;
             expandIcon?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | null | undefined;
             headingClassName?: string | undefined;
             collapseHeader?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | null | undefined;
             onCollapse?: ((collapsed: boolean) => void) | undefined;
-            wrapperComponent?: any;
             headingComponent?: any;
             propsUpdate?: boolean | undefined;
             divideLine?: boolean | undefined;
             enableFieldSetStyle?: boolean | undefined;
         } & {
-            classnames?: ClassNamesFn | undefined;
-            classPrefix?: string | undefined;
             className?: string | undefined;
+            style?: any;
+            classPrefix?: string | undefined;
+            classnames?: ClassNamesFn | undefined;
             theme?: string | undefined;
             mobileUI?: boolean | undefined;
-            style?: any;
         } & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextContext: any): void;
         UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<CollapseProps, keyof ThemeProps>, never> & {
-            disabled?: boolean | undefined;
-            translate?: TranslateFn<any> | undefined;
             children?: React.ReactNode | React.ReactNode[];
-            size?: "base" | "sm" | "lg" | "xs" | "md" | undefined;
             body?: any;
             header?: React.ReactNode;
+            disabled?: boolean | undefined;
+            translate?: TranslateFn<any> | undefined;
             id?: string | undefined;
+            size?: "base" | "sm" | "lg" | "xs" | "md" | undefined;
+            mountOnEnter?: boolean | undefined;
+            unmountOnExit?: boolean | undefined;
             key?: string | undefined;
+            wrapperComponent?: any;
+            showArrow?: boolean | undefined;
+            bodyClassName?: string | undefined;
             partial?: boolean | undefined;
+            collapsed?: boolean | undefined;
             collapseId?: string | undefined;
             propKey?: string | undefined;
-            mountOnEnter?: boolean | undefined;
-            unmountOnExit?: boolean | undefined;
             headerPosition?: "bottom" | "top" | undefined;
-            bodyClassName?: string | undefined;
             collapsable?: boolean | undefined;
-            collapsed?: boolean | undefined;
-            showArrow?: boolean | undefined;
             expandIcon?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | null | undefined;
             headingClassName?: string | undefined;
             collapseHeader?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | null | undefined;
             onCollapse?: ((collapsed: boolean) => void) | undefined;
-            wrapperComponent?: any;
             headingComponent?: any;
             propsUpdate?: boolean | undefined;
             divideLine?: boolean | undefined;
             enableFieldSetStyle?: boolean | undefined;
         } & {
-            classnames?: ClassNamesFn | undefined;
-            classPrefix?: string | undefined;
             className?: string | undefined;
+            style?: any;
+            classPrefix?: string | undefined;
+            classnames?: ClassNamesFn | undefined;
             theme?: string | undefined;
             mobileUI?: boolean | undefined;
-            style?: any;
         } & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextContext: any): void;
         componentWillUpdate?(nextProps: Readonly<Pick<Omit<CollapseProps, keyof ThemeProps>, never> & {
-            disabled?: boolean | undefined;
-            translate?: TranslateFn<any> | undefined;
             children?: React.ReactNode | React.ReactNode[];
-            size?: "base" | "sm" | "lg" | "xs" | "md" | undefined;
             body?: any;
             header?: React.ReactNode;
+            disabled?: boolean | undefined;
+            translate?: TranslateFn<any> | undefined;
             id?: string | undefined;
+            size?: "base" | "sm" | "lg" | "xs" | "md" | undefined;
+            mountOnEnter?: boolean | undefined;
+            unmountOnExit?: boolean | undefined;
             key?: string | undefined;
+            wrapperComponent?: any;
+            showArrow?: boolean | undefined;
+            bodyClassName?: string | undefined;
             partial?: boolean | undefined;
+            collapsed?: boolean | undefined;
             collapseId?: string | undefined;
             propKey?: string | undefined;
-            mountOnEnter?: boolean | undefined;
-            unmountOnExit?: boolean | undefined;
             headerPosition?: "bottom" | "top" | undefined;
-            bodyClassName?: string | undefined;
             collapsable?: boolean | undefined;
-            collapsed?: boolean | undefined;
-            showArrow?: boolean | undefined;
             expandIcon?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | null | undefined;
             headingClassName?: string | undefined;
             collapseHeader?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | null | undefined;
             onCollapse?: ((collapsed: boolean) => void) | undefined;
-            wrapperComponent?: any;
             headingComponent?: any;
             propsUpdate?: boolean | undefined;
             divideLine?: boolean | undefined;
             enableFieldSetStyle?: boolean | undefined;
         } & {
-            classnames?: ClassNamesFn | undefined;
-            classPrefix?: string | undefined;
             className?: string | undefined;
+            style?: any;
+            classPrefix?: string | undefined;
+            classnames?: ClassNamesFn | undefined;
             theme?: string | undefined;
             mobileUI?: boolean | undefined;
-            style?: any;
         } & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): void;
         UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<CollapseProps, keyof ThemeProps>, never> & {
-            disabled?: boolean | undefined;
-            translate?: TranslateFn<any> | undefined;
             children?: React.ReactNode | React.ReactNode[];
-            size?: "base" | "sm" | "lg" | "xs" | "md" | undefined;
             body?: any;
             header?: React.ReactNode;
+            disabled?: boolean | undefined;
+            translate?: TranslateFn<any> | undefined;
             id?: string | undefined;
+            size?: "base" | "sm" | "lg" | "xs" | "md" | undefined;
+            mountOnEnter?: boolean | undefined;
+            unmountOnExit?: boolean | undefined;
             key?: string | undefined;
+            wrapperComponent?: any;
+            showArrow?: boolean | undefined;
+            bodyClassName?: string | undefined;
             partial?: boolean | undefined;
+            collapsed?: boolean | undefined;
             collapseId?: string | undefined;
             propKey?: string | undefined;
-            mountOnEnter?: boolean | undefined;
-            unmountOnExit?: boolean | undefined;
             headerPosition?: "bottom" | "top" | undefined;
-            bodyClassName?: string | undefined;
             collapsable?: boolean | undefined;
-            collapsed?: boolean | undefined;
-            showArrow?: boolean | undefined;
             expandIcon?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | null | undefined;
             headingClassName?: string | undefined;
             collapseHeader?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | null | undefined;
             onCollapse?: ((collapsed: boolean) => void) | undefined;
-            wrapperComponent?: any;
             headingComponent?: any;
             propsUpdate?: boolean | undefined;
             divideLine?: boolean | undefined;
             enableFieldSetStyle?: boolean | undefined;
         } & {
-            classnames?: ClassNamesFn | undefined;
-            classPrefix?: string | undefined;
             className?: string | undefined;
+            style?: any;
+            classPrefix?: string | undefined;
+            classnames?: ClassNamesFn | undefined;
             theme?: string | undefined;
             mobileUI?: boolean | undefined;
-            style?: any;
         } & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): void;
     };
     displayName: string;

package/lib/components/Collapse.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.9.0
+ * amis-ui v6.10.0-beta.0
  * Copyright 2018-2024 fex
  */
 
@@ -107,10 +107,10 @@ var Collapse = /** @class */ (function (_super) {
             ? header
             : collapseHeader || header;
         var dom = [
-            finalHeader ? (_J$X_(HeadingComponent, { key: "header", onClick: this.toggleCollapsed, className: cx("Collapse-header", { 'is-mobile': mobileUI }, headingClassName) },
+            _J$X_(HeadingComponent, { key: "header", onClick: this.toggleCollapsed, className: cx("Collapse-header", { 'is-mobile': mobileUI }, headingClassName, { noTitle: !finalHeader }) },
                 showArrow && collapsable ? (expandIcon ? (React__default["default"].cloneElement(expandIcon, tslib.__assign(tslib.__assign({}, expandIcon.props), { className: cx('Collapse-icon-tranform', (_b = expandIcon.props) === null || _b === void 0 ? void 0 : _b.className) }))) : (_J$X_("span", { className: cx('Collapse-arrow-wrap') },
                     _J$X_(icons.Icon, { icon: "right-arrow-bold", className: cx('Collapse-arrow', 'icon'), classNameProp: cx('Collapse-arrow'), iconContent: "Collapse-arrow" })))) : (''),
-                finalHeader)) : null,
+                finalHeader),
             _J$X_(Transition__default["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.ENTERING) {
                     _this.contentDom.offsetWidth;