@douyinfe/semi-ui 2.55.0-beta.0 → 2.55.0

package/dist/umd/semi-ui.js

@@ -60836,7 +60836,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 +60870,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 +60885,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 +60954,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 +77001,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 +79471,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;
     }
   }