@douyinfe/semi-ui 2.55.0-beta.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
@@ -60836,7 +60846,7 @@ class item_Item extends external_root_React_commonjs2_react_commonjs_react_amd_r
       className: keyCls
     }, itemKey)), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("td", {
       className: `${item_prefixCls}-item ${item_prefixCls}-item-td`,
-      colSpan: span || 1
+      colSpan: span ? span * 2 - 1 : 1
     }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("span", {
       className: valCls
     }, typeof children === 'function' ? children() : children)));
@@ -60870,14 +60880,7 @@ class DescriptionsFoundation extends foundation {
       data,
       children
     } = this.getProps();
-    let columns;
-    if (data === null || data === void 0 ? void 0 : data.length) {
-      columns = data || [];
-    } else {
-      columns = (children === null || children === void 0 ? void 0 : children.map(item => Object.assign({
-        value: item.props.children
-      }, item.props))) || [];
-    }
+    const columns = this._adapter.getColumns();
     const horizontalList = [];
     const curSpan = {
       totalSpan: 0,
@@ -60892,7 +60895,19 @@ class DescriptionsFoundation extends foundation {
         curSpan.totalSpan = 0;
       }
     }
-    if (curSpan.itemList.length != 0) horizontalList.push(curSpan.itemList);
+    if (curSpan.itemList.length != 0) {
+      const lastSpan = curSpan.itemList[curSpan.itemList.length - 1];
+      if (isNaN(lastSpan.span)) {
+        let total = 0;
+        curSpan.itemList.forEach(item => {
+          return total += !isNaN(item.span) ? item.span : 1;
+        });
+        if (total < column) {
+          lastSpan.span = column - total + 1;
+        }
+      }
+      horizontalList.push(curSpan.itemList);
+    }
     return horizontalList;
   }
 }
@@ -60949,7 +60964,22 @@ class Descriptions extends BaseComponent {
     this.foundation = new DescriptionsFoundation(this.adapter);
   }
   get adapter() {
-    return Object.assign({}, super.adapter);
+    return Object.assign(Object.assign({}, super.adapter), {
+      getColumns: () => {
+        var _a, _b;
+        if ((_a = this.props.data) === null || _a === void 0 ? void 0 : _a.length) {
+          return this.props.data;
+        }
+        if (this.props.children) {
+          return (_b = external_root_React_commonjs2_react_commonjs_react_amd_react_default().Children.toArray(this.props.children)) === null || _b === void 0 ? void 0 : _b.map(item => {
+            return /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.isValidElement)(item) ? Object.assign({
+              value: item.props.children
+            }, item.props) : [];
+          });
+        }
+        return [];
+      }
+    });
   }
   render() {
     const _a = this.props,
@@ -76981,16 +77011,42 @@ class SplitButtonGroup extends BaseComponent {
   constructor() {
     super(...arguments);
     this.containerRef = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createRef();
+    this.mutationObserver = null;
   }
   componentDidMount() {
-    if (this.containerRef.current) {
+    const addClassName = () => {
       const buttons = this.containerRef.current.querySelectorAll('button');
       const firstButton = buttons[0];
       const lastButton = buttons[buttons.length - 1];
-      firstButton === null || firstButton === void 0 ? void 0 : firstButton.classList.add(`${splitButtonGroup_prefixCls}-first`);
-      lastButton === null || lastButton === void 0 ? void 0 : lastButton.classList.add(`${splitButtonGroup_prefixCls}-last`);
+      if (!(firstButton === null || firstButton === void 0 ? void 0 : firstButton.classList.contains(`${splitButtonGroup_prefixCls}-first`))) {
+        firstButton === null || firstButton === void 0 ? void 0 : firstButton.classList.add(`${splitButtonGroup_prefixCls}-first`);
+      }
+      if (!(lastButton === null || lastButton === void 0 ? void 0 : lastButton.classList.contains(`${splitButtonGroup_prefixCls}-last`))) {
+        lastButton === null || lastButton === void 0 ? void 0 : lastButton.classList.add(`${splitButtonGroup_prefixCls}-last`);
+      }
+    };
+    if (this.containerRef.current) {
+      addClassName();
+      const mutationObserver = new MutationObserver((mutations, observer) => {
+        for (const mutation of mutations) {
+          if (mutation.type === 'attributes' && mutation.attributeName === 'class' || mutation.type === 'childList' && Array.from(mutation.addedNodes).some(node => node.nodeName === 'BUTTON')) {
+            addClassName();
+          }
+        }
+      });
+      mutationObserver.observe(this.containerRef.current, {
+        attributes: true,
+        childList: true,
+        subtree: true
+      });
+      this.mutationObserver = mutationObserver;
     }
   }
+  componentWillUnmount() {
+    var _a;
+    super.componentWillUnmount();
+    (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+  }
   render() {
     const {
       children,
@@ -79425,7 +79481,7 @@ class TableFoundation extends foundation {
       }
       return true;
     } else {
-      const isAllSelected = allKeys.every(rowKey => selectedRowKeysSet.has(rowKey));
+      const isAllSelected = allKeys.length && allKeys.every(rowKey => selectedRowKeysSet.has(rowKey));
       return isAllSelected || false;
     }
   }