@douyinfe/semi-ui 2.55.0 → 2.55.1

package/dist/umd/semi-ui.js

@@ -48136,6 +48136,7 @@ class Collapsible extends BaseComponent {
   constructor(props) {
     super(props);
     this.domRef = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createRef();
+    this.hasBeenRendered = false;
     this.handleResize = entryList => {
       const entry = entryList[0];
       if (entry) {
@@ -48232,7 +48233,10 @@ class Collapsible extends BaseComponent {
     const wrapperCls = classnames_default()(`${collapsible_constants_cssClasses.PREFIX}-wrapper`, {
       [`${collapsible_constants_cssClasses.PREFIX}-transition`]: this.props.motion && this.state.isTransitioning
     }, this.props.className);
-    const shouldRender = this.props.keepDOM && !this.props.lazyRender || this.props.collapseHeight !== 0 || this.state.visible || this.props.isOpen;
+    const shouldRender = this.props.keepDOM && (this.props.lazyRender ? this.hasBeenRendered : true) || this.props.collapseHeight !== 0 || this.state.visible || this.props.isOpen;
+    if (shouldRender && !this.hasBeenRendered) {
+      this.hasBeenRendered = true;
+    }
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", Object.assign({
       className: wrapperCls,
       style: wrapperStyle,
@@ -48260,7 +48264,7 @@ Collapsible.defaultProps = getDefaultPropsFromGlobalConfig(Collapsible.__SemiCom
   duration: 250,
   motion: true,
   keepDOM: false,
-  lazyRender: true,
+  lazyRender: false,
   collapseHeight: 0,
   fade: false
 });
@@ -48386,7 +48390,8 @@ class CollapsePanel extends external_root_React_commonjs2_react_commonjs_react_a
       keepDOM,
       expandIconPosition,
       activeSet,
-      motion
+      motion,
+      lazyRender
     } = this.context;
     const active = activeSet.has(itemKey);
     const itemCls = classnames_default()(className, {
@@ -48411,6 +48416,7 @@ class CollapsePanel extends external_root_React_commonjs2_react_commonjs_react_a
       "aria-owns": this.ariaID,
       onClick: e => !disabled && this.handleClick(itemKey, e)
     }, this.renderHeader(active, children !== undefined && !disabled)), children && /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(collapsible_0, {
+      lazyRender: lazyRender,
       isOpen: active,
       keepDOM: keepDOM,
       motion: motion,
@@ -48503,6 +48509,7 @@ class Collapse extends BaseComponent {
     const _a = this.props,
       {
         defaultActiveKey,
+        lazyRender,
         accordion,
         style,
         motion,
@@ -48514,7 +48521,7 @@ class Collapse extends BaseComponent {
         children,
         clickHeaderToExpand
       } = _a,
-      rest = collapse_rest(_a, ["defaultActiveKey", "accordion", "style", "motion", "className", "keepDOM", "expandIconPosition", "expandIcon", "collapseIcon", "children", "clickHeaderToExpand"]);
+      rest = collapse_rest(_a, ["defaultActiveKey", "lazyRender", "accordion", "style", "motion", "className", "keepDOM", "expandIconPosition", "expandIcon", "collapseIcon", "children", "clickHeaderToExpand"]);
     const clsPrefix = classnames_default()(collapse_constants_cssClasses.PREFIX, className);
     const {
       activeSet
@@ -48531,7 +48538,8 @@ class Collapse extends BaseComponent {
         keepDOM,
         expandIconPosition,
         onClick: this.onChange,
-        motion
+        motion,
+        lazyRender
       }
     }, children));
   }
@@ -48549,14 +48557,16 @@ Collapse.propTypes = {
   className: (prop_types_default()).string,
   keepDOM: (prop_types_default()).bool,
   motion: prop_types_default().oneOfType([(prop_types_default()).bool, (prop_types_default()).func, (prop_types_default()).object]),
-  expandIconPosition: prop_types_default().oneOf(collapse_constants_strings.iconPosition)
+  expandIconPosition: prop_types_default().oneOf(collapse_constants_strings.iconPosition),
+  lazyRender: (prop_types_default()).bool
 };
-Collapse.__SemiComponentName__ = "Collapse";
+Collapse.__SemiComponentName__ = 'Collapse';
 Collapse.defaultProps = getDefaultPropsFromGlobalConfig(Collapse.__SemiComponentName__, {
   defaultActiveKey: '',
   clickHeaderToExpand: true,
   onChange: function_noop,
-  expandIconPosition: 'right'
+  expandIconPosition: 'right',
+  lazyRender: false
 });
 /* harmony default export */ const collapse_0 = (Collapse);
 ;// CONCATENATED MODULE: ./configProvider/index.tsx