@douyinfe/semi-ui 2.22.2 → 2.23.0-beta.0

package/dist/umd/semi-ui.js

@@ -43320,20 +43320,22 @@ class tagInput_TagInput extends baseComponent_BaseComponent {
       return tagsArray.map((value, index) => {
         const elementKey = showIconHandler ? value : "".concat(index).concat(value);
 
+        const onClose = () => {
+          !disabled && this.handleTagClose(index);
+        };
+
         if (isFunction_default()(renderTagItem)) {
           return showIconHandler ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
             className: itemWrapperCls,
             key: elementKey
-          }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(DragHandle, null), renderTagItem(value, index)) : renderTagItem(value, index);
+          }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(DragHandle, null), renderTagItem(value, index, onClose)) : renderTagItem(value, index, onClose);
         } else {
           return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(tag_Tag, {
             className: tagCls,
             color: "white",
             size: size === 'small' ? 'small' : 'large',
             type: "light",
-            onClose: () => {
-              !disabled && this.handleTagClose(index);
-            },
+            onClose: onClose,
             closable: !disabled,
             key: elementKey,
             visible: true,
@@ -64606,7 +64608,8 @@ class Item_NavItem extends baseComponent_BaseComponent {
       link,
       linkOptions,
       disabled,
-      level = 0
+      level = 0,
+      tabIndex
     } = this.props;
     const {
       mode,
@@ -64669,7 +64672,8 @@ class Item_NavItem extends baseComponent_BaseComponent {
         ["".concat(Item_clsPrefix, "-sub")]: isSubNav,
         ["".concat(Item_clsPrefix, "-selected")]: selected && !isSubNav,
         ["".concat(Item_clsPrefix, "-collapsed")]: isCollapsed,
-        ["".concat(Item_clsPrefix, "-disabled")]: disabled
+        ["".concat(Item_clsPrefix, "-disabled")]: disabled,
+        ["".concat(Item_clsPrefix, "-has-link")]: typeof link === 'string'
       });
       const ariaProps = {
         'aria-disabled': disabled
@@ -64686,7 +64690,7 @@ class Item_NavItem extends baseComponent_BaseComponent {
       external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("li", Object.assign({
         // if role = menuitem, the narration will read all expanded li
         role: isSubNav ? null : "menuitem",
-        tabIndex: isSubNav ? -1 : 0
+        tabIndex: isSubNav ? -1 : tabIndex
       }, ariaProps, {
         style: style,
         ref: this.setItemRef,
@@ -64725,7 +64729,8 @@ Item_NavItem.propTypes = {
   isSubNav: prop_types_default.a.bool,
   link: prop_types_default.a.string,
   linkOptions: prop_types_default.a.object,
-  disabled: prop_types_default.a.bool
+  disabled: prop_types_default.a.bool,
+  tabIndex: prop_types_default.a.number
 };
 Item_NavItem.defaultProps = {
   isSubNav: false,
@@ -64735,7 +64740,8 @@ Item_NavItem.defaultProps = {
   onClick: noop_default.a,
   onMouseEnter: noop_default.a,
   onMouseLeave: noop_default.a,
-  disabled: false
+  disabled: false,
+  tabIndex: 0
 };
 // CONCATENATED MODULE: ./navigation/SubNav.tsx
 
@@ -79057,7 +79063,8 @@ const DEFAULT_CELL_MIDDLE_PADDING_TOP = 12;
 const DEFAULT_CELL_MIDDLE_PADDING_BOTTOM = 12;
 const DEFAULT_CELL_SMALL_PADDING_TOP = 8;
 const DEFAULT_CELL_SMALL_PADDING_BOTTOM = 8;
-const DEFAULT_CELL_LINE_HEIGHT = 20; // normal size
+const DEFAULT_CELL_LINE_HEIGHT = 20;
+const DEFAULT_EMPTYSLOT_HEIGHT = 52; // normal size
 
 const DEFAULT_VIRTUALIZED_ROW_HEIGHT = DEFAULT_CELL_LINE_HEIGHT + DEFAULT_CELL_BORDER_WITH_BOTTOM + DEFAULT_CELL_BORDER_WITH_TOP + DEFAULT_CELL_PADDING_TOP + DEFAULT_CELL_PADDING_BOTTOM;
 const DEFAULT_VIRTUALIZED_ROW_MIN_HEIGHT = DEFAULT_CELL_PADDING_TOP + DEFAULT_CELL_PADDING_BOTTOM + DEFAULT_CELL_BORDER_WITH_BOTTOM; // middle  size
@@ -79093,7 +79100,8 @@ const table_constants_numbers = {
   DEFAULT_VIRTUALIZED_ROW_MIDDLE_MIN_HEIGHT,
   DEFAULT_VIRTUALIZED_SECTION_ROW_SMALL_HEIGHT: DEFAULT_VIRTUALIZED_ROW_SMALL_HEIGHT,
   DEFAULT_VIRTUALIZED_ROW_SMALL_HEIGHT,
-  DEFAULT_VIRTUALIZED_ROW_SMALL_MIN_HEIGHT
+  DEFAULT_VIRTUALIZED_ROW_SMALL_MIN_HEIGHT,
+  DEFAULT_EMPTYSLOT_HEIGHT
 };
 
 // CONCATENATED MODULE: ../semi-foundation/utils/Logger.ts
@@ -83792,7 +83800,7 @@ class Body_Body extends baseComponent_BaseComponent {
           width: tableWidth
         },
         className: tableCls
-      }, size_default()(dataSource) === 0 ? emptySlot : children));
+      }, children), size_default()(dataSource) === 0 && emptySlot);
     });
 
     this.onItemsRendered = props => {
@@ -83832,7 +83840,7 @@ class Body_Body extends baseComponent_BaseComponent {
 
       const listStyle = {
         width: '100%',
-        height: (virtualizedData === null || virtualizedData === void 0 ? void 0 : virtualizedData.length) ? y : 0,
+        height: (virtualizedData === null || virtualizedData === void 0 ? void 0 : virtualizedData.length) ? y : table_constants_numbers.DEFAULT_EMPTYSLOT_HEIGHT,
         overflowX: 'auto',
         overflowY: 'auto'
       };
@@ -85030,8 +85038,9 @@ class Table_Table extends baseComponent_BaseComponent {
         useFixedHeader,
         headerRef: this._cacheHeaderRef,
         bodyRef: this.bodyWrapRef,
-        includeHeader: !useFixedHeader
-      })), emptySlot, this.renderFooter(props)];
+        includeHeader: !useFixedHeader,
+        emptySlot
+      })), this.renderFooter(props)];
       return table;
     };
 
@@ -86886,9 +86895,10 @@ class TabPane_TabPane extends external_root_React_commonjs2_react_commonjs_react
       className,
       style,
       children,
-      itemKey
+      itemKey,
+      tabIndex
     } = _a,
-          restProps = TabPane_rest(_a, ["className", "style", "children", "itemKey"]);
+          restProps = TabPane_rest(_a, ["className", "style", "children", "itemKey", "tabIndex"]);
 
     const active = this.context.activeKey === itemKey;
     const classNames = classnames_default()(className, {
@@ -86926,7 +86936,7 @@ class TabPane_TabPane extends external_root_React_commonjs2_react_commonjs_react
       className: classNames,
       style: style,
       "aria-hidden": active ? 'false' : 'true',
-      tabIndex: 0
+      tabIndex: tabIndex ? tabIndex : 0
     }, getDataAttr(restProps), {
       "x-semi-prop": "children"
     }), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(_cssAnimation, {
@@ -96667,7 +96677,7 @@ class foundation_TransferFoundation extends foundation {
     return path.map(p => p.label).join(' > ');
   }
 
-  handleInputChange(inputVal) {
+  handleInputChange(inputVal, notify) {
     const {
       data
     } = this.getStates();
@@ -96681,7 +96691,7 @@ class foundation_TransferFoundation extends foundation {
 
       this._adapter.searchTree(inputVal);
 
-      this._adapter.notifySearch(inputVal);
+      notify && this._adapter.notifySearch(inputVal);
 
       this._adapter.updateInput(inputVal);
 
@@ -96693,8 +96703,7 @@ class foundation_TransferFoundation extends foundation {
     const filterFunc = typeof filter === 'function' ? item => filter(inputVal, item) : item => typeof item.label === 'string' && item.label.includes(inputVal);
     const searchData = data.filter(filterFunc);
     const searchResult = new Set(searchData.map(item => item.key));
-
-    this._adapter.notifySearch(inputVal);
+    notify && this._adapter.notifySearch(inputVal);
 
     this._adapter.updateInput(inputVal);
 
@@ -97039,7 +97048,13 @@ class transfer_Transfer extends baseComponent_BaseComponent {
   }
 
   onInputChange(value) {
-    this.foundation.handleInputChange(value);
+    this.foundation.handleInputChange(value, true);
+  }
+
+  search(value) {
+    // The search method is used to provide the user with a manually triggered search
+    // Since the method is manually called by the user, setting the second parameter to false does not trigger the onSearch callback to notify the user
+    this.foundation.handleInputChange(value, false);
   }
 
   onSelectOrRemove(item) {
@@ -100351,9 +100366,9 @@ class previewFooterFoundation_PreviewFooterFoundation extends foundation {
       } = this.getProps();
 
       if (value > zoom) {
-        onZoomIn(value / 100);
+        onZoomIn(Number((value / 100).toFixed(2)));
       } else {
-        onZoomOut(value / 100);
+        onZoomOut(Number((value / 100).toFixed(2)));
       }
 
       this._adapter.setStartMouseOffset(value);
@@ -101280,7 +101295,7 @@ previewImage_PreviewImage.propTypes = {
   zoomStep: prop_types_default.a.number,
   zoom: prop_types_default.a.number,
   ratio: prop_types_default.a.string,
-  disableDownload: prop_types_default.a.number,
+  disableDownload: prop_types_default.a.bool,
   clickZoom: prop_types_default.a.number,
   setRatio: prop_types_default.a.func,
   onZoom: prop_types_default.a.func,
@@ -101510,7 +101525,7 @@ class previewInnerFoundation_PreviewInnerFoundation extends foundation {
         });
       }
 
-      this._adapter.notifyChange(newIndex);
+      this._adapter.notifyChange(newIndex, direction);
 
       this.setState({
         direction,
@@ -101822,11 +101837,19 @@ class previewInner_PreviewInner extends baseComponent_BaseComponent {
   get adapter() {
     return Object.assign(Object.assign({}, super.adapter), {
       getIsInGroup: () => this.isInGroup(),
-      notifyChange: index => {
+      notifyChange: (index, direction) => {
         const {
-          onChange
+          onChange,
+          onPrev,
+          onNext
         } = this.props;
         isFunction_default()(onChange) && onChange(index);
+
+        if (direction === "prev") {
+          onPrev && onPrev(index);
+        } else {
+          onNext && onNext(index);
+        }
       },
       notifyZoom: (zoom, increase) => {
         const {
@@ -101860,9 +101883,9 @@ class previewInner_PreviewInner extends baseComponent_BaseComponent {
       },
       notifyRotateChange: angle => {
         const {
-          onRotateChange
+          onRotateLeft
         } = this.props;
-        isFunction_default()(onRotateChange) && onRotateChange(angle);
+        isFunction_default()(onRotateLeft) && onRotateLeft(angle);
       },
       notifyDownload: (src, index) => {
         const {
@@ -102120,7 +102143,7 @@ previewInner_PreviewInner.propTypes = {
   onNext: prop_types_default.a.func,
   onDownload: prop_types_default.a.func,
   onRatioChange: prop_types_default.a.func,
-  onRotateChange: prop_types_default.a.func
+  onRotateLeft: prop_types_default.a.func
 };
 previewInner_PreviewInner.defaultProps = {
   showTooltip: false,
@@ -102197,7 +102220,7 @@ class imageFoundation_ImageFoundation extends foundation {
         } = preview;
         onVisibleChange && onVisibleChange(newVisible);
 
-        if (!("visible" in this.getProps())) {
+        if (!("visible" in preview)) {
           this.setState({
             previewVisible: newVisible
           });
@@ -102217,6 +102240,7 @@ var image_image = __webpack_require__("txvO");
 // CONCATENATED MODULE: ./image/image.tsx
 
 
+
 /* eslint-disable jsx-a11y/click-events-have-key-events */
 
 /* eslint-disable jsx-a11y/no-static-element-interactions */
@@ -102348,6 +102372,16 @@ class image_Image extends baseComponent_BaseComponent {
       willUpdateStates.loadStatus = "loading";
     }
 
+    if (isObject_default()(props.preview)) {
+      const {
+        visible
+      } = props.preview;
+
+      if (isBoolean_default()(visible)) {
+        willUpdateStates.previewVisible = visible;
+      }
+    }
+
     return willUpdateStates;
   }
 
@@ -102708,8 +102742,8 @@ preview_Preview.propTypes = {
   onPrev: prop_types_default.a.func,
   onNext: prop_types_default.a.func,
   onDownload: prop_types_default.a.func,
-  onRatioChange: prop_types_default.a.func,
-  onRotateChange: prop_types_default.a.func
+  onRotateLeft: prop_types_default.a.func,
+  onRatioChange: prop_types_default.a.func
 };
 preview_Preview.defaultProps = {
   src: [],