@douyinfe/semi-ui 2.54.1 → 2.55.0

package/dist/umd/semi-ui.js

@@ -46281,10 +46281,6 @@ function sortable_esm_isAfter(a, b) {
 
 
 const defaultPrefix = 'semi-sortable';
-const defaultConstraint = {
-  delay: 150,
-  tolerance: 5
-};
 function DefaultContainer(props) {
   return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", Object.assign({
     style: {
@@ -46292,6 +46288,9 @@ function DefaultContainer(props) {
     }
   }, props));
 }
+const defaultKeyBoardOptions = {
+  coordinateGetter: sortableKeyboardCoordinates
+};
 function Sortable(_ref) {
   let {
     items,
@@ -46299,7 +46298,6 @@ function Sortable(_ref) {
     adjustScale,
     renderItem,
     transition,
-    activationConstraint = defaultConstraint,
     collisionDetection = closestCenter,
     strategy = rectSortingStrategy,
     useDragOverlay = true,
@@ -46308,13 +46306,7 @@ function Sortable(_ref) {
     prefix = defaultPrefix
   } = _ref;
   const [activeId, setActiveId] = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(null);
-  const sensors = useSensors(useSensor(MouseSensor, {
-    activationConstraint
-  }), useSensor(TouchSensor, {
-    activationConstraint
-  }), useSensor(KeyboardSensor, {
-    coordinateGetter: sortableKeyboardCoordinates
-  }));
+  const sensors = useSensors(useSensor(MouseSensor), useSensor(TouchSensor), useSensor(KeyboardSensor, defaultKeyBoardOptions));
   const getIndex = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useCallback)(id => items.indexOf(id), [items]);
   const activeIndex = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(() => activeId ? getIndex(activeId) : -1, [getIndex, activeId]);
   const onDragStart = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useCallback)(_ref2 => {
@@ -46424,13 +46416,15 @@ function SortableItem(_ref4) {
     [`${prefix}-sortable-item-over`]: isOver,
     [`${prefix}-sortable-item-active`]: (active === null || active === void 0 ? void 0 : active.id) === id
   });
-  const wrapperStyle = !isNull_default()(animation) ? {
-    transform: CSS.Transform.toString(Object.assign(Object.assign({}, transform), {
-      scaleX: 1,
-      scaleY: 1
-    })),
-    transition: transition
-  } : undefined;
+  const wrapperStyle = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(() => {
+    return !isNull_default()(animation) ? {
+      transform: CSS.Transform.toString(Object.assign(Object.assign({}, transform), {
+        scaleX: 1,
+        scaleY: 1
+      })),
+      transition: transition
+    } : undefined;
+  }, [animation, transform, transition]);
   return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", Object.assign({
     ref: setNodeRef,
     style: wrapperStyle,
@@ -60842,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)));
@@ -60876,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,
@@ -60898,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;
   }
 }
@@ -60955,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,
@@ -65997,10 +66011,14 @@ class NavigationFoundation extends foundation {
       selectedKeys,
       mode
     } = this.getProps();
+    const {
+      openKeys: stateOpenKeys = []
+    } = this.getStates();
     let willOpenKeys = openKeys || defaultOpenKeys || [];
     if (!(Array.isArray(defaultOpenKeys) || Array.isArray(openKeys)) && mode === navigation_constants_strings.MODE_VERTICAL && (Array.isArray(defaultSelectedKeys) || Array.isArray(selectedKeys))) {
       const currentSelectedKeys = Array.isArray(selectedKeys) ? selectedKeys : defaultSelectedKeys;
-      willOpenKeys = this.getShouldOpenKeys(itemKeysMap, currentSelectedKeys);
+      willOpenKeys = stateOpenKeys.concat(this.getShouldOpenKeys(itemKeysMap, currentSelectedKeys));
+      willOpenKeys = Array.from(new Set(willOpenKeys));
     }
     return [...willOpenKeys];
   }
@@ -66021,13 +66039,10 @@ class NavigationFoundation extends foundation {
     return [...willOpenKeySet];
   }
   destroy() {}
-  selectLevelZeroParentKeys(itemKeysMap) {
+  selectLevelZeroParentKeys(itemKeysMap, itemKeys) {
     const _itemKeysMap = isNullOrUndefined(itemKeysMap) ? this.getState('itemKeysMap') : itemKeysMap;
     // console.log(itemKeysMap);
     const willAddKeys = [];
-    for (var _len2 = arguments.length, itemKeys = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
-      itemKeys[_key2 - 1] = arguments[_key2];
-    }
     if (itemKeys.length) {
       for (const itemKey of itemKeys) {
         if (Array.isArray(_itemKeysMap[itemKey]) && _itemKeysMap[itemKey].length) {
@@ -76986,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,
@@ -79430,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;
     }
   }
@@ -85207,6 +85248,34 @@ class Tabs extends BaseComponent {
         current: ref
       };
     };
+    this.getPanes = () => {
+      const {
+        tabList,
+        children
+      } = this.props;
+      if (Array.isArray(tabList) && tabList.length) {
+        return tabList;
+      }
+      return external_root_React_commonjs2_react_commonjs_react_amd_react_default().Children.map(children, child => {
+        if (child) {
+          const {
+            tab,
+            icon,
+            disabled,
+            itemKey,
+            closable
+          } = child.props;
+          return {
+            tab,
+            icon,
+            disabled,
+            itemKey,
+            closable
+          };
+        }
+        return undefined;
+      });
+    };
     this.onTabClick = (activeKey, event) => {
       this.foundation.handleTabClick(activeKey, event);
     };
@@ -85245,7 +85314,7 @@ class Tabs extends BaseComponent {
     this.foundation = new tabs_foundation(this.adapter);
     this.state = {
       activeKey: this.foundation.getDefaultActiveKey(),
-      panes: [],
+      panes: this.getPanes(),
       prevActiveKey: null,
       forceDisableMotion: false
     };
@@ -85255,41 +85324,12 @@ class Tabs extends BaseComponent {
   get adapter() {
     return Object.assign(Object.assign({}, super.adapter), {
       collectPane: () => {
-        const {
-          tabList,
-          children
-        } = this.props;
-        if (Array.isArray(tabList) && tabList.length) {
-          this.setState({
-            panes: tabList
-          });
-          return;
-        }
-        const panes = external_root_React_commonjs2_react_commonjs_react_amd_react_default().Children.map(children, child => {
-          if (child) {
-            const {
-              tab,
-              icon,
-              disabled,
-              itemKey,
-              closable
-            } = child.props;
-            return {
-              tab,
-              icon,
-              disabled,
-              itemKey,
-              closable
-            };
-          }
-          return undefined;
-        });
+        const panes = this.getPanes();
         this.setState({
           panes
         });
       },
       collectActiveKey: () => {
-        let panes = [];
         const {
           tabList,
           children,
@@ -85301,29 +85341,7 @@ class Tabs extends BaseComponent {
         const {
           activeKey
         } = this.state;
-        if (Array.isArray(tabList) && tabList.length) {
-          panes = tabList;
-        } else {
-          panes = external_root_React_commonjs2_react_commonjs_react_amd_react_default().Children.map(children, child => {
-            if (child) {
-              const {
-                tab,
-                icon,
-                disabled,
-                itemKey,
-                closable
-              } = child.props;
-              return {
-                tab,
-                icon,
-                disabled,
-                itemKey,
-                closable
-              };
-            }
-            return undefined;
-          });
-        }
+        const panes = this.getPanes();
         if (panes.findIndex(p => p.itemKey === activeKey) === -1) {
           if (panes.length > 0) {
             this.setState({