@douyinfe/semi-ui 2.8.0-beta.1 → 2.8.2

package/dist/umd/semi-ui.js

@@ -45567,7 +45567,7 @@ class checkbox_Checkbox extends baseComponent_BaseComponent {
   }
 
   isInGroup() {
-    return this.context && this.context.checkboxGroup;
+    return Boolean(this.context && this.context.checkboxGroup);
   }
 
   focus() {
@@ -64250,7 +64250,10 @@ class item_ListItem extends external_root_React_commonjs2_react_commonjs_react_a
       }, main) : null);
     }
 
-    let content = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("li", {
+    let content =
+    /*#__PURE__*/
+    // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions
+    external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("li", {
       className: itemCls,
       style: style,
       onClick: handleClick,
@@ -64276,6 +64279,7 @@ item_ListItem.propTypes = {
   main: prop_types_default.a.node,
   align: prop_types_default.a.oneOf(list_constants_strings.ALIGN),
   className: prop_types_default.a.string,
+  children: prop_types_default.a.node,
   style: prop_types_default.a.object,
   onClick: prop_types_default.a.func,
   onRightClick: prop_types_default.a.func,
@@ -67864,12 +67868,12 @@ class SubNav_SubNav extends baseComponent_BaseComponent {
       getIsSelected: itemKey => {
         var _context;
 
-        return Boolean(!isNullOrUndefined(itemKey) && includes_default()(_context = get_default()(this.context, 'selectedKeys', [])).call(_context, itemKey));
+        return Boolean(!isNullOrUndefined(itemKey) && includes_default()(_context = get_default()(this.context, 'selectedKeys', [])).call(_context, String(itemKey)));
       },
       getIsOpen: () => {
         var _context2;
 
-        return Boolean(this.context && this.context.openKeys && includes_default()(_context2 = this.context.openKeys).call(_context2, this.props.itemKey));
+        return Boolean(this.context && this.context.openKeys && includes_default()(_context2 = this.context.openKeys).call(_context2, String(this.props.itemKey)));
       }
     });
   }
@@ -75734,17 +75738,21 @@ class pagination_Pagination extends baseComponent_BaseComponent {
 
     const itemHeight = 32;
     const listHeight = count >= 5 ? itemHeight * 5 : itemHeight * count;
-    return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(FixedSizeList, {
-      className: "".concat(pagination_prefixCls, "-rest-list"),
-      itemData: restList,
-      itemSize: itemHeight,
-      width: 78,
-      itemCount: count,
-      height: listHeight,
-      style: {
-        direction
-      }
-    }, row);
+    return (
+      /*#__PURE__*/
+      // @ts-ignore skip type check cause react-window not update with @types/react 18
+      external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(FixedSizeList, {
+        className: "".concat(pagination_prefixCls, "-rest-list"),
+        itemData: restList,
+        itemSize: itemHeight,
+        width: 78,
+        itemCount: count,
+        height: listHeight,
+        style: {
+          direction
+        }
+      }, row)
+    );
   }
 
   renderSmallPage(locale) {
@@ -93144,6 +93152,7 @@ class treeNode_TreeNode extends external_root_React_commonjs2_react_commonjs_rea
       const customLabel = renderFullLabel(assign_default()({}, labelProps));
 
       if (draggable) {
+        // @ts-ignore skip cloneElement type check
         return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.cloneElement(customLabel, assign_default()({
           ref: this.setRef
         }, dragProps));
@@ -93152,6 +93161,7 @@ class treeNode_TreeNode extends external_root_React_commonjs2_react_commonjs_rea
           return customLabel;
         } else {
           // In virtualization, props.style will contain location information
+          // @ts-ignore skip cloneElement type check
           return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.cloneElement(customLabel, {
             style: assign_default()(assign_default()({}, get_default()(customLabel, ['props', 'style'])), style)
           });
@@ -99474,9 +99484,21 @@ function sortableHandle(WrappedComponent) {
     _inherits(WithSortableHandle, _React$Component);
 
     function WithSortableHandle() {
+      var _getPrototypeOf2;
+
+      var _this;
+
       _classCallCheck(this, WithSortableHandle);
 
-      return _possibleConstructorReturn(this, _getPrototypeOf(WithSortableHandle).apply(this, arguments));
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+
+      _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(WithSortableHandle)).call.apply(_getPrototypeOf2, [this].concat(args)));
+
+      _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "wrappedInstance", Object(external_root_React_commonjs2_react_commonjs_react_amd_react_["createRef"])());
+
+      return _this;
     }
 
     _createClass(WithSortableHandle, [{
@@ -99489,12 +99511,12 @@ function sortableHandle(WrappedComponent) {
       key: "getWrappedInstance",
       value: function getWrappedInstance() {
         browser_default()(config.withRef, 'To access the wrapped instance, you need to pass in {withRef: true} as the second argument of the SortableHandle() call');
-        return this.refs.wrappedInstance;
+        return this.wrappedInstance.current;
       }
     }, {
       key: "render",
       value: function render() {
-        var ref = config.withRef ? 'wrappedInstance' : null;
+        var ref = config.withRef ? this.wrappedInstance : null;
         return Object(external_root_React_commonjs2_react_commonjs_react_amd_react_["createElement"])(WrappedComponent, _extends({
           ref: ref
         }, this.props));
@@ -99695,6 +99717,9 @@ function _finallyRethrows(body, finalizer) {
 
   return finalizer(false, value);
 }
+var SortableContext = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_["createContext"])({
+  manager: {}
+});
 function sortableContainer(WrappedComponent) {
   var _class, _temp;
 
@@ -99933,7 +99958,7 @@ function sortableContainer(WrappedComponent) {
                   });
                 }
 
-                _this.listenerNode = event.touches ? _node : _this.contentWindow;
+                _this.listenerNode = event.touches ? event.target : _this.contentWindow;
 
                 if (_isKeySorting) {
                   _this.listenerNode.addEventListener('wheel', _this.handleKeyEnd, true);
@@ -100018,7 +100043,7 @@ function sortableContainer(WrappedComponent) {
       _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "handleSortMove", function (event) {
         var onSortMove = _this.props.onSortMove;
 
-        if (typeof event.preventDefault === 'function') {
+        if (typeof event.preventDefault === 'function' && event.cancelable) {
           event.preventDefault();
         }
 
@@ -100265,8 +100290,13 @@ function sortableContainer(WrappedComponent) {
         return node && node.sortableInfo && !node.sortableInfo.disabled && (useDragHandle ? isSortableHandle(target) : target.sortableInfo);
       });
 
+      var manager = new react_sortable_hoc_esm_Manager();
       react_sortable_hoc_esm_validateProps(props);
-      _this.manager = new react_sortable_hoc_esm_Manager();
+      _this.manager = manager;
+      _this.wrappedInstance = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_["createRef"])();
+      _this.sortableContextValue = {
+        manager: manager
+      };
       _this.events = {
         end: _this.handleEnd,
         move: _this.handleMove,
@@ -100276,13 +100306,6 @@ function sortableContainer(WrappedComponent) {
     }
 
     _createClass(WithSortableContainer, [{
-      key: "getChildContext",
-      value: function getChildContext() {
-        return {
-          manager: this.manager
-        };
-      }
-    }, {
       key: "componentDidMount",
       value: function componentDidMount() {
         var _this2 = this;
@@ -100533,7 +100556,7 @@ function sortableContainer(WrappedComponent) {
       key: "getWrappedInstance",
       value: function getWrappedInstance() {
         browser_default()(config.withRef, 'To access the wrapped instance, you need to pass in {withRef: true} as the second argument of the SortableContainer() call');
-        return this.refs.wrappedInstance;
+        return this.wrappedInstance.current;
       }
     }, {
       key: "getContainer",
@@ -100549,10 +100572,12 @@ function sortableContainer(WrappedComponent) {
     }, {
       key: "render",
       value: function render() {
-        var ref = config.withRef ? 'wrappedInstance' : null;
-        return Object(external_root_React_commonjs2_react_commonjs_react_amd_react_["createElement"])(WrappedComponent, _extends({
+        var ref = config.withRef ? this.wrappedInstance : null;
+        return Object(external_root_React_commonjs2_react_commonjs_react_amd_react_["createElement"])(SortableContext.Provider, {
+          value: this.sortableContextValue
+        }, Object(external_root_React_commonjs2_react_commonjs_react_amd_react_["createElement"])(WrappedComponent, _extends({
           ref: ref
-        }, react_sortable_hoc_esm_omit(this.props, omittedProps)));
+        }, react_sortable_hoc_esm_omit(this.props, omittedProps))));
       }
     }, {
       key: "helperContainer",
@@ -100593,9 +100618,7 @@ function sortableContainer(WrappedComponent) {
     }]);
 
     return WithSortableContainer;
-  }(external_root_React_commonjs2_react_commonjs_react_amd_react_["Component"]), _defineProperty(_class, "displayName", provideDisplayName('sortableList', WrappedComponent)), _defineProperty(_class, "defaultProps", react_sortable_hoc_esm_defaultProps), _defineProperty(_class, "propTypes", propTypes), _defineProperty(_class, "childContextTypes", {
-    manager: prop_types_default.a.object.isRequired
-  }), _temp;
+  }(external_root_React_commonjs2_react_commonjs_react_amd_react_["Component"]), _defineProperty(_class, "displayName", provideDisplayName('sortableList', WrappedComponent)), _defineProperty(_class, "defaultProps", react_sortable_hoc_esm_defaultProps), _defineProperty(_class, "propTypes", propTypes), _temp;
 }
 
 var propTypes$1 = {
@@ -100614,9 +100637,21 @@ function sortableElement(WrappedComponent) {
     _inherits(WithSortableElement, _React$Component);
 
     function WithSortableElement() {
+      var _getPrototypeOf2;
+
+      var _this;
+
       _classCallCheck(this, WithSortableElement);
 
-      return _possibleConstructorReturn(this, _getPrototypeOf(WithSortableElement).apply(this, arguments));
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+
+      _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(WithSortableElement)).call.apply(_getPrototypeOf2, [this].concat(args)));
+
+      _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "wrappedInstance", Object(external_root_React_commonjs2_react_commonjs_react_amd_react_["createRef"])());
+
+      return _this;
     }
 
     _createClass(WithSortableElement, [{
@@ -100677,12 +100712,12 @@ function sortableElement(WrappedComponent) {
       key: "getWrappedInstance",
       value: function getWrappedInstance() {
         browser_default()(config.withRef, 'To access the wrapped instance, you need to pass in {withRef: true} as the second argument of the SortableElement() call');
-        return this.refs.wrappedInstance;
+        return this.wrappedInstance.current;
       }
     }, {
       key: "render",
       value: function render() {
-        var ref = config.withRef ? 'wrappedInstance' : null;
+        var ref = config.withRef ? this.wrappedInstance : null;
         return Object(external_root_React_commonjs2_react_commonjs_react_amd_react_["createElement"])(WrappedComponent, _extends({
           ref: ref
         }, react_sortable_hoc_esm_omit(this.props, omittedProps$1)));
@@ -100690,9 +100725,7 @@ function sortableElement(WrappedComponent) {
     }]);
 
     return WithSortableElement;
-  }(external_root_React_commonjs2_react_commonjs_react_amd_react_["Component"]), _defineProperty(_class, "displayName", provideDisplayName('sortableElement', WrappedComponent)), _defineProperty(_class, "contextTypes", {
-    manager: prop_types_default.a.object.isRequired
-  }), _defineProperty(_class, "propTypes", propTypes$1), _defineProperty(_class, "defaultProps", {
+  }(external_root_React_commonjs2_react_commonjs_react_amd_react_["Component"]), _defineProperty(_class, "displayName", provideDisplayName('sortableElement', WrappedComponent)), _defineProperty(_class, "contextType", SortableContext), _defineProperty(_class, "propTypes", propTypes$1), _defineProperty(_class, "defaultProps", {
     collection: 0
   }), _temp;
 }
@@ -101612,6 +101645,7 @@ class transfer_Transfer extends baseComponent_BaseComponent {
       }, map_default()(items).call(items, (item, index) =>
       /*#__PURE__*/
       // sortableElement will take over the property 'key', so use another '_optionKey' to pass
+      // @ts-ignore skip SortableItem type check
       external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(SortableItem, assign_default()({
         key: item.label,
         index: index
@@ -101622,7 +101656,8 @@ class transfer_Transfer extends baseComponent_BaseComponent {
       ;
     }, {
       distance: 10
-    });
+    }); // @ts-ignore skip SortableItem type check
+
     const sortList = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(SortableList, {
       useDragHandle: true,
       onSortEnd: this.onSortEnd,
@@ -103038,12 +103073,14 @@ const FormSlot = props => {
       break;
 
     case isString_default()(label) || isNumber_default()(label):
+      // @ts-ignore skip type check, the actual type is already determined
       label = {
         text: label
       };
       break;
 
     case /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.isValidElement(label):
+      // @ts-ignore skip type check, the actual type is already determined
       label = {
         text: label
       };
@@ -104092,7 +104129,7 @@ class baseForm_Form extends baseComponent_BaseComponent {
     };
 
     if (component) {
-      return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(component, props, children);
+      return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(component, props);
     }
 
     if (render) {