amis-ui 3.4.0 → 3.4.1

package/lib/components/Collapse.d.ts

@@ -36,6 +36,8 @@ export interface CollapseProps extends ThemeProps {
     partial?: boolean;
     children?: React.ReactNode | Array<React.ReactNode>;
     divideLine?: boolean;
+    /** 当Collapse作为Form组件的子元素时，开启该属性后组件样式设置为FieldSet组件的样式，默认开启 */
+    enableFieldSetStyle?: boolean;
 }
 export interface CollapseState {
     collapsed: boolean;
@@ -61,370 +63,380 @@ 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;
-        key?: string | undefined;
         body?: any;
         header?: React.ReactNode;
         children?: React.ReactNode | React.ReactNode[];
-        disabled?: boolean | undefined;
+        size?: "base" | "xs" | "sm" | "md" | "lg" | undefined;
         id?: string | undefined;
-        size?: "base" | "sm" | "lg" | "xs" | "md" | undefined;
-        mountOnEnter?: boolean | undefined;
-        unmountOnExit?: boolean | undefined;
-        wrapperComponent?: any;
-        showArrow?: boolean | undefined;
-        bodyClassName?: string | undefined;
         partial?: boolean | undefined;
-        collapsed?: boolean | undefined;
+        key?: string | undefined;
         collapseId?: string | undefined;
         propKey?: string | undefined;
-        headerPosition?: "bottom" | "top" | undefined;
+        mountOnEnter?: boolean | undefined;
+        unmountOnExit?: boolean | undefined;
+        headerPosition?: "top" | "bottom" | 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?: ((item: any, collapsed: boolean) => void) | undefined;
+        wrapperComponent?: any;
         headingComponent?: any;
         propsUpdate?: boolean | undefined;
         divideLine?: boolean | undefined;
+        enableFieldSetStyle?: boolean | undefined;
     } & {
         classnames?: ClassNamesFn | undefined;
         classPrefix?: string | undefined;
-        style?: any;
         className?: string | undefined;
         theme?: string | undefined;
         mobileUI?: boolean | undefined;
-    } & import("packages/amis-core/lib/theme").ThemeOutterProps): {
+        style?: any;
+    } & import("packages/amis-core/lib/theme").ThemeOuterProps): {
         ref: any;
         childRef(ref: any): void;
         getWrappedInstance(): any;
         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;
-            key?: string | undefined;
             body?: any;
             header?: React.ReactNode;
             children?: React.ReactNode | React.ReactNode[];
-            disabled?: boolean | undefined;
+            size?: "base" | "xs" | "sm" | "md" | "lg" | undefined;
             id?: string | undefined;
-            size?: "base" | "sm" | "lg" | "xs" | "md" | undefined;
-            mountOnEnter?: boolean | undefined;
-            unmountOnExit?: boolean | undefined;
-            wrapperComponent?: any;
-            showArrow?: boolean | undefined;
-            bodyClassName?: string | undefined;
             partial?: boolean | undefined;
-            collapsed?: boolean | undefined;
+            key?: string | undefined;
             collapseId?: string | undefined;
             propKey?: string | undefined;
-            headerPosition?: "bottom" | "top" | undefined;
+            mountOnEnter?: boolean | undefined;
+            unmountOnExit?: boolean | undefined;
+            headerPosition?: "top" | "bottom" | 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?: ((item: any, collapsed: boolean) => void) | undefined;
+            wrapperComponent?: any;
             headingComponent?: any;
             propsUpdate?: boolean | undefined;
             divideLine?: boolean | undefined;
+            enableFieldSetStyle?: boolean | undefined;
         } & {
             classnames?: ClassNamesFn | undefined;
             classPrefix?: string | undefined;
-            style?: any;
             className?: string | undefined;
             theme?: string | undefined;
             mobileUI?: boolean | undefined;
-        } & import("packages/amis-core/lib/theme").ThemeOutterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+            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;
-            key?: string | undefined;
             body?: any;
             header?: React.ReactNode;
             children?: React.ReactNode | React.ReactNode[];
-            disabled?: boolean | undefined;
+            size?: "base" | "xs" | "sm" | "md" | "lg" | undefined;
             id?: string | undefined;
-            size?: "base" | "sm" | "lg" | "xs" | "md" | undefined;
-            mountOnEnter?: boolean | undefined;
-            unmountOnExit?: boolean | undefined;
-            wrapperComponent?: any;
-            showArrow?: boolean | undefined;
-            bodyClassName?: string | undefined;
             partial?: boolean | undefined;
-            collapsed?: boolean | undefined;
+            key?: string | undefined;
             collapseId?: string | undefined;
             propKey?: string | undefined;
-            headerPosition?: "bottom" | "top" | undefined;
+            mountOnEnter?: boolean | undefined;
+            unmountOnExit?: boolean | undefined;
+            headerPosition?: "top" | "bottom" | 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?: ((item: any, collapsed: boolean) => void) | undefined;
+            wrapperComponent?: any;
             headingComponent?: any;
             propsUpdate?: boolean | undefined;
             divideLine?: boolean | undefined;
+            enableFieldSetStyle?: boolean | undefined;
         } & {
             classnames?: ClassNamesFn | undefined;
             classPrefix?: string | undefined;
-            style?: any;
             className?: string | undefined;
             theme?: string | undefined;
             mobileUI?: boolean | undefined;
-        } & import("packages/amis-core/lib/theme").ThemeOutterProps>;
+            style?: any;
+        } & import("packages/amis-core/lib/theme").ThemeOuterProps>;
         state: Readonly<{}>;
         refs: {
             [key: string]: React.ReactInstance;
         };
         componentDidMount?(): void;
         shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<CollapseProps, keyof ThemeProps>, never> & {
+            disabled?: boolean | undefined;
             translate?: TranslateFn<any> | undefined;
-            key?: string | undefined;
             body?: any;
             header?: React.ReactNode;
             children?: React.ReactNode | React.ReactNode[];
-            disabled?: boolean | undefined;
+            size?: "base" | "xs" | "sm" | "md" | "lg" | undefined;
             id?: string | undefined;
-            size?: "base" | "sm" | "lg" | "xs" | "md" | undefined;
-            mountOnEnter?: boolean | undefined;
-            unmountOnExit?: boolean | undefined;
-            wrapperComponent?: any;
-            showArrow?: boolean | undefined;
-            bodyClassName?: string | undefined;
             partial?: boolean | undefined;
-            collapsed?: boolean | undefined;
+            key?: string | undefined;
             collapseId?: string | undefined;
             propKey?: string | undefined;
-            headerPosition?: "bottom" | "top" | undefined;
+            mountOnEnter?: boolean | undefined;
+            unmountOnExit?: boolean | undefined;
+            headerPosition?: "top" | "bottom" | 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?: ((item: any, collapsed: boolean) => void) | undefined;
+            wrapperComponent?: any;
             headingComponent?: any;
             propsUpdate?: boolean | undefined;
             divideLine?: boolean | undefined;
+            enableFieldSetStyle?: boolean | undefined;
         } & {
             classnames?: ClassNamesFn | undefined;
             classPrefix?: string | undefined;
-            style?: any;
             className?: string | undefined;
             theme?: string | undefined;
             mobileUI?: boolean | undefined;
-        } & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
+            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;
-            key?: string | undefined;
             body?: any;
             header?: React.ReactNode;
             children?: React.ReactNode | React.ReactNode[];
-            disabled?: boolean | undefined;
+            size?: "base" | "xs" | "sm" | "md" | "lg" | undefined;
             id?: string | undefined;
-            size?: "base" | "sm" | "lg" | "xs" | "md" | undefined;
-            mountOnEnter?: boolean | undefined;
-            unmountOnExit?: boolean | undefined;
-            wrapperComponent?: any;
-            showArrow?: boolean | undefined;
-            bodyClassName?: string | undefined;
             partial?: boolean | undefined;
-            collapsed?: boolean | undefined;
+            key?: string | undefined;
             collapseId?: string | undefined;
             propKey?: string | undefined;
-            headerPosition?: "bottom" | "top" | undefined;
+            mountOnEnter?: boolean | undefined;
+            unmountOnExit?: boolean | undefined;
+            headerPosition?: "top" | "bottom" | 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?: ((item: any, collapsed: boolean) => void) | undefined;
+            wrapperComponent?: any;
             headingComponent?: any;
             propsUpdate?: boolean | undefined;
             divideLine?: boolean | undefined;
+            enableFieldSetStyle?: boolean | undefined;
         } & {
             classnames?: ClassNamesFn | undefined;
             classPrefix?: string | undefined;
-            style?: any;
             className?: string | undefined;
             theme?: string | undefined;
             mobileUI?: boolean | undefined;
-        } & import("packages/amis-core/lib/theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
+            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;
-            key?: string | undefined;
             body?: any;
             header?: React.ReactNode;
             children?: React.ReactNode | React.ReactNode[];
-            disabled?: boolean | undefined;
+            size?: "base" | "xs" | "sm" | "md" | "lg" | undefined;
             id?: string | undefined;
-            size?: "base" | "sm" | "lg" | "xs" | "md" | undefined;
-            mountOnEnter?: boolean | undefined;
-            unmountOnExit?: boolean | undefined;
-            wrapperComponent?: any;
-            showArrow?: boolean | undefined;
-            bodyClassName?: string | undefined;
             partial?: boolean | undefined;
-            collapsed?: boolean | undefined;
+            key?: string | undefined;
             collapseId?: string | undefined;
             propKey?: string | undefined;
-            headerPosition?: "bottom" | "top" | undefined;
+            mountOnEnter?: boolean | undefined;
+            unmountOnExit?: boolean | undefined;
+            headerPosition?: "top" | "bottom" | 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?: ((item: any, collapsed: boolean) => void) | undefined;
+            wrapperComponent?: any;
             headingComponent?: any;
             propsUpdate?: boolean | undefined;
             divideLine?: boolean | undefined;
+            enableFieldSetStyle?: boolean | undefined;
         } & {
             classnames?: ClassNamesFn | undefined;
             classPrefix?: string | undefined;
-            style?: any;
             className?: string | undefined;
             theme?: string | undefined;
             mobileUI?: boolean | undefined;
-        } & import("packages/amis-core/lib/theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
+            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;
-            key?: string | undefined;
             body?: any;
             header?: React.ReactNode;
             children?: React.ReactNode | React.ReactNode[];
-            disabled?: boolean | undefined;
+            size?: "base" | "xs" | "sm" | "md" | "lg" | undefined;
             id?: string | undefined;
-            size?: "base" | "sm" | "lg" | "xs" | "md" | undefined;
-            mountOnEnter?: boolean | undefined;
-            unmountOnExit?: boolean | undefined;
-            wrapperComponent?: any;
-            showArrow?: boolean | undefined;
-            bodyClassName?: string | undefined;
             partial?: boolean | undefined;
-            collapsed?: boolean | undefined;
+            key?: string | undefined;
             collapseId?: string | undefined;
             propKey?: string | undefined;
-            headerPosition?: "bottom" | "top" | undefined;
+            mountOnEnter?: boolean | undefined;
+            unmountOnExit?: boolean | undefined;
+            headerPosition?: "top" | "bottom" | 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?: ((item: any, collapsed: boolean) => void) | undefined;
+            wrapperComponent?: any;
             headingComponent?: any;
             propsUpdate?: boolean | undefined;
             divideLine?: boolean | undefined;
+            enableFieldSetStyle?: boolean | undefined;
         } & {
             classnames?: ClassNamesFn | undefined;
             classPrefix?: string | undefined;
-            style?: any;
             className?: string | undefined;
             theme?: string | undefined;
             mobileUI?: boolean | undefined;
-        } & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextContext: any): void;
+            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;
-            key?: string | undefined;
             body?: any;
             header?: React.ReactNode;
             children?: React.ReactNode | React.ReactNode[];
-            disabled?: boolean | undefined;
+            size?: "base" | "xs" | "sm" | "md" | "lg" | undefined;
             id?: string | undefined;
-            size?: "base" | "sm" | "lg" | "xs" | "md" | undefined;
-            mountOnEnter?: boolean | undefined;
-            unmountOnExit?: boolean | undefined;
-            wrapperComponent?: any;
-            showArrow?: boolean | undefined;
-            bodyClassName?: string | undefined;
             partial?: boolean | undefined;
-            collapsed?: boolean | undefined;
+            key?: string | undefined;
             collapseId?: string | undefined;
             propKey?: string | undefined;
-            headerPosition?: "bottom" | "top" | undefined;
+            mountOnEnter?: boolean | undefined;
+            unmountOnExit?: boolean | undefined;
+            headerPosition?: "top" | "bottom" | 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?: ((item: any, collapsed: boolean) => void) | undefined;
+            wrapperComponent?: any;
             headingComponent?: any;
             propsUpdate?: boolean | undefined;
             divideLine?: boolean | undefined;
+            enableFieldSetStyle?: boolean | undefined;
         } & {
             classnames?: ClassNamesFn | undefined;
             classPrefix?: string | undefined;
-            style?: any;
             className?: string | undefined;
             theme?: string | undefined;
             mobileUI?: boolean | undefined;
-        } & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextContext: any): void;
+            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;
-            key?: string | undefined;
             body?: any;
             header?: React.ReactNode;
             children?: React.ReactNode | React.ReactNode[];
-            disabled?: boolean | undefined;
+            size?: "base" | "xs" | "sm" | "md" | "lg" | undefined;
             id?: string | undefined;
-            size?: "base" | "sm" | "lg" | "xs" | "md" | undefined;
-            mountOnEnter?: boolean | undefined;
-            unmountOnExit?: boolean | undefined;
-            wrapperComponent?: any;
-            showArrow?: boolean | undefined;
-            bodyClassName?: string | undefined;
             partial?: boolean | undefined;
-            collapsed?: boolean | undefined;
+            key?: string | undefined;
             collapseId?: string | undefined;
             propKey?: string | undefined;
-            headerPosition?: "bottom" | "top" | undefined;
+            mountOnEnter?: boolean | undefined;
+            unmountOnExit?: boolean | undefined;
+            headerPosition?: "top" | "bottom" | 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?: ((item: any, collapsed: boolean) => void) | undefined;
+            wrapperComponent?: any;
             headingComponent?: any;
             propsUpdate?: boolean | undefined;
             divideLine?: boolean | undefined;
+            enableFieldSetStyle?: boolean | undefined;
         } & {
             classnames?: ClassNamesFn | undefined;
             classPrefix?: string | undefined;
-            style?: any;
             className?: string | undefined;
             theme?: string | undefined;
             mobileUI?: boolean | undefined;
-        } & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+            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;
-            key?: string | undefined;
             body?: any;
             header?: React.ReactNode;
             children?: React.ReactNode | React.ReactNode[];
-            disabled?: boolean | undefined;
+            size?: "base" | "xs" | "sm" | "md" | "lg" | undefined;
             id?: string | undefined;
-            size?: "base" | "sm" | "lg" | "xs" | "md" | undefined;
-            mountOnEnter?: boolean | undefined;
-            unmountOnExit?: boolean | undefined;
-            wrapperComponent?: any;
-            showArrow?: boolean | undefined;
-            bodyClassName?: string | undefined;
             partial?: boolean | undefined;
-            collapsed?: boolean | undefined;
+            key?: string | undefined;
             collapseId?: string | undefined;
             propKey?: string | undefined;
-            headerPosition?: "bottom" | "top" | undefined;
+            mountOnEnter?: boolean | undefined;
+            unmountOnExit?: boolean | undefined;
+            headerPosition?: "top" | "bottom" | 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?: ((item: any, collapsed: boolean) => void) | undefined;
+            wrapperComponent?: any;
             headingComponent?: any;
             propsUpdate?: boolean | undefined;
             divideLine?: boolean | undefined;
+            enableFieldSetStyle?: boolean | undefined;
         } & {
             classnames?: ClassNamesFn | undefined;
             classPrefix?: string | undefined;
-            style?: any;
             className?: string | undefined;
             theme?: string | undefined;
             mobileUI?: boolean | undefined;
-        } & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+            style?: any;
+        } & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): void;
     };
     displayName: string;
     contextType: React.Context<string>;

package/lib/components/Collapse.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.4.0
+ * amis-ui v3.4.1
  * Copyright 2018-2023 fex
  */
 
@@ -102,7 +102,7 @@ var Collapse = /** @class */ (function (_super) {
         var _a;
         var _this = this;
         var _b;
-        var _c = this.props, cx = _c.classnames, mountOnEnter = _c.mountOnEnter, unmountOnExit = _c.unmountOnExit; _c.classPrefix; var size = _c.size, WrapperComponent = _c.wrapperComponent, HeadingComponent = _c.headingComponent, className = _c.className, style = _c.style, headingClassName = _c.headingClassName, headerPosition = _c.headerPosition, collapseHeader = _c.collapseHeader, header = _c.header, body = _c.body, bodyClassName = _c.bodyClassName, collapsable = _c.collapsable; _c.translate; var showArrow = _c.showArrow, expandIcon = _c.expandIcon, disabled = _c.disabled, children = _c.children, mobileUI = _c.mobileUI;
+        var _c = this.props, cx = _c.classnames, mountOnEnter = _c.mountOnEnter, unmountOnExit = _c.unmountOnExit; _c.classPrefix; var size = _c.size, WrapperComponent = _c.wrapperComponent, HeadingComponent = _c.headingComponent, className = _c.className, style = _c.style, headingClassName = _c.headingClassName, headerPosition = _c.headerPosition, collapseHeader = _c.collapseHeader, header = _c.header, body = _c.body, bodyClassName = _c.bodyClassName, collapsable = _c.collapsable; _c.translate; var showArrow = _c.showArrow, expandIcon = _c.expandIcon, disabled = _c.disabled, children = _c.children, mobileUI = _c.mobileUI, enableFieldSetStyle = _c.enableFieldSetStyle;
         var finalHeader = this.state.collapsed
             ? header
             : collapseHeader || header;
@@ -130,6 +130,7 @@ var Collapse = /** @class */ (function (_super) {
                 _a["Collapse--".concat(size)] = size,
                 _a['Collapse--disabled'] = disabled,
                 _a['Collapse--title-bottom'] = headerPosition === 'bottom',
+                _a['Collapse--fieldset'] = enableFieldSetStyle !== false,
                 _a), className), style: style }, dom));
     };
     Collapse.defaultProps = {
@@ -144,7 +145,8 @@ var Collapse = /** @class */ (function (_super) {
         collapsable: true,
         disabled: false,
         showArrow: true,
-        propsUpdate: false
+        propsUpdate: false,
+        enableFieldSetStyle: true
     };
     tslib.__decorate([
         amisCore.autobind,