@douyinfe/semi-ui 2.37.0-beta.0 → 2.38.0-beta.0

package/dist/umd/semi-ui.js

@@ -27724,6 +27724,21 @@ class Input extends BaseComponent {
       this.handleModeChange(mode);
     }
   }
+  componentDidMount() {
+    // autofocus is changed from the original support of input to the support of manually calling the focus method,
+    // so that preventScroll can still take effect under the setting of autofocus
+    this.foundation.init();
+    const {
+      disabled,
+      autofocus,
+      preventScroll
+    } = this.props;
+    if (!disabled && autofocus) {
+      this.inputRef.current.focus({
+        preventScroll
+      });
+    }
+  }
   renderPrepend() {
     const {
       addonBefore
@@ -27948,7 +27963,6 @@ class Input extends BaseComponent {
     const inputValue = value === null || value === undefined ? '' : value;
     const inputProps = Object.assign(Object.assign({}, rest), {
       style: inputStyle,
-      autoFocus: autofocus,
       className: inputCls,
       disabled,
       readOnly: readonly,
@@ -43286,7 +43300,7 @@ class Cascader extends BaseComponent {
       const renderPlusNChildren = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("span", {
         className: plusNCls
       }, "+", hiddenTag.length);
-      return showRestTagsPopover && !disabled ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(popover_0, Object.assign({
+      return showRestTagsPopover ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(popover_0, Object.assign({
         content: hiddenTag,
         showArrow: true,
         trigger: "hover",
@@ -69489,7 +69503,7 @@ class Pagination extends BaseComponent {
       "aria-label": "Next",
       onClick: e => !isDisabled && this.foundation.goNext(e),
       className: nextClassName,
-      "x-semi-prop": "prevText"
+      "x-semi-prop": "nextText"
     }, nextText || /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(IconChevronRight, {
       size: "large"
     }));
@@ -84211,6 +84225,7 @@ const HookToast = (_a, ref) => {
 
 
 
+
 // const ref = null;
 // TODO: toast larger than N bars, automatic folding, allowing expansion, N configurable
 const defaultOpts = {
@@ -84238,7 +84253,7 @@ function useToast_usePatchElement() {
 }
 function useToast() {
   const [elements, patchElement] = useToast_usePatchElement();
-  const toastRef = new Map();
+  const toastRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(new Map());
   const addToast = config => {
     const id = getUuid('semi_toast_');
     const mergeConfig = Object.assign(Object.assign({}, config), {
@@ -84246,20 +84261,25 @@ function useToast() {
     });
     // eslint-disable-next-line prefer-const
     let closeFunc;
-    const ref = ele => {
-      toastRef.set(id, ele);
-    };
     const toast = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(useToast_HookToast, Object.assign({}, mergeConfig, {
       key: id,
       afterClose: instanceId => closeFunc(instanceId),
-      ref: ref
+      ref: data => {
+        var _a;
+        toastRef.current.set(id, {
+          close: (_a = data === null || data === void 0 ? void 0 : data.close) !== null && _a !== void 0 ? _a : (noop_default())
+        });
+      }
     }));
     closeFunc = patchElement(toast, Object.assign({}, mergeConfig));
     return id;
   };
   const removeElement = id => {
-    const ele = toastRef.get(id);
-    ele && ele.close();
+    var _a;
+    const {
+      close
+    } = (_a = toastRef.current.get(id)) !== null && _a !== void 0 ? _a : {};
+    close === null || close === void 0 ? void 0 : close();
   };
   return [{
     success: config => addToast(Object.assign(Object.assign(Object.assign({}, defaultOpts), config), {
@@ -84719,13 +84739,14 @@ class TreeFoundation extends foundation {
       filteredShownKeys = new Set([...shownChildKeys, ...expandedOptsKeys]);
       flattenNodes = flattenTreeData(treeData, new Set(expandedOptsKeys), showFilteredOnly && filteredShownKeys);
     }
-    this._adapter.notifySearch(sugInput);
+    const newFilteredExpandedKeys = new Set(expandedOptsKeys);
+    this._adapter.notifySearch(sugInput, Array.from(newFilteredExpandedKeys));
     this._adapter.updateState({
       expandedKeys,
       flattenNodes,
       motionKeys: new Set([]),
       filteredKeys: new Set(filteredOptsKeys),
-      filteredExpandedKeys: new Set(expandedOptsKeys),
+      filteredExpandedKeys: newFilteredExpandedKeys,
       filteredShownKeys
     });
   }
@@ -86286,8 +86307,8 @@ class Tree extends BaseComponent {
       notifyChange: value => {
         this.props.onChange && this.props.onChange(value);
       },
-      notifySearch: input => {
-        this.props.onSearch && this.props.onSearch(input);
+      notifySearch: (input, filteredExpandedKeys) => {
+        this.props.onSearch && this.props.onSearch(input, filteredExpandedKeys);
       },
       notifyRightClick: (e, node) => {
         this.props.onContextMenu && this.props.onContextMenu(e, node);
@@ -87935,7 +87956,8 @@ class TreeSelect extends BaseComponent {
         searchPosition,
         searchAutoFocus,
         multiple,
-        disabled
+        disabled,
+        preventScroll
       } = this.props;
       const isDropdownPositionSearch = searchPosition === treeSelect_constants_strings.SEARCH_POSITION_DROPDOWN;
       const inputcls = classnames_default()({
@@ -87948,6 +87970,7 @@ class TreeSelect extends BaseComponent {
       const baseInputProps = {
         value: inputValue,
         className: inputcls,
+        preventScroll,
         onChange: value => this.search(value)
       };
       const inputDropdownProps = {
@@ -89322,6 +89345,7 @@ class UploadFoundation extends foundation {
         newFileList[index].fileInstance = fileInstance;
         newFileList[index].size = getFileSize(fileInstance.size);
         newFileList[index].name = fileInstance.name;
+        newFileList[index].url = this._createURL(fileInstance);
       }
       newFileList[index].shouldUpload = shouldUpload;
     }
@@ -97678,6 +97702,7 @@ var preview_rest = undefined && undefined.__rest || function (s, e) {
 
 
 
+
 const preview_prefixCls = image_constants_cssClasses.PREFIX;
 class Preview extends BaseComponent {
   get adapter() {
@@ -97799,10 +97824,11 @@ class Preview extends BaseComponent {
     const _a = this.props,
       {
         src,
+        className,
         style,
         lazyLoad
       } = _a,
-      restProps = preview_rest(_a, ["src", "style", "lazyLoad"]);
+      restProps = preview_rest(_a, ["src", "className", "style", "lazyLoad"]);
     const {
       currentIndex,
       visible
@@ -97829,7 +97855,7 @@ class Preview extends BaseComponent {
     }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
       id: this.previewGroupId,
       style: style,
-      className: `${preview_prefixCls}-preview-group`
+      className: classnames_default()(`${preview_prefixCls}-preview-group`, className)
     }, newChildren), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(PreviewInner, Object.assign({}, restProps, {
       ref: this.previewRef,
       src: finalSrcList,