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

package/lib/cjs/input/index.d.ts

@@ -168,6 +168,7 @@ declare class Input extends BaseComponent<InputProps, InputState> {
     };
     static getDerivedStateFromProps(props: InputProps, state: InputState): Partial<InputState>;
     componentDidUpdate(prevProps: InputProps): void;
+    componentDidMount(): void;
     handleClear: (e: React.MouseEvent<HTMLInputElement>) => void;
     handleClick: (e: React.MouseEvent<HTMLDivElement>) => void;
     handleMouseOver: (e: React.MouseEvent<HTMLDivElement>) => void;

package/lib/cjs/input/index.js

@@ -144,6 +144,21 @@ class Input extends _baseComponent.default {
       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
@@ -368,7 +383,6 @@ class Input extends _baseComponent.default {
     const inputValue = value === null || value === undefined ? '' : value;
     const inputProps = Object.assign(Object.assign({}, rest), {
       style: inputStyle,
-      autoFocus: autofocus,
       className: inputCls,
       disabled,
       readOnly: readonly,

package/lib/cjs/treeSelect/index.js

@@ -571,7 +571,8 @@ class TreeSelect extends _baseComponent.default {
         searchPosition,
         searchAutoFocus,
         multiple,
-        disabled
+        disabled,
+        preventScroll
       } = this.props;
       const isDropdownPositionSearch = searchPosition === _constants.strings.SEARCH_POSITION_DROPDOWN;
       const inputcls = (0, _classnames.default)({
@@ -584,6 +585,7 @@ class TreeSelect extends _baseComponent.default {
       const baseInputProps = {
         value: inputValue,
         className: inputcls,
+        preventScroll,
         onChange: value => this.search(value)
       };
       const inputDropdownProps = {

package/lib/es/input/index.d.ts

@@ -168,6 +168,7 @@ declare class Input extends BaseComponent<InputProps, InputState> {
     };
     static getDerivedStateFromProps(props: InputProps, state: InputState): Partial<InputState>;
     componentDidUpdate(prevProps: InputProps): void;
+    componentDidMount(): void;
     handleClear: (e: React.MouseEvent<HTMLInputElement>) => void;
     handleClick: (e: React.MouseEvent<HTMLDivElement>) => void;
     handleMouseOver: (e: React.MouseEvent<HTMLDivElement>) => void;

package/lib/es/input/index.js

@@ -136,6 +136,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
@@ -360,7 +375,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,

package/lib/es/treeSelect/index.js

@@ -562,7 +562,8 @@ class TreeSelect extends BaseComponent {
         searchPosition,
         searchAutoFocus,
         multiple,
-        disabled
+        disabled,
+        preventScroll
       } = this.props;
       const isDropdownPositionSearch = searchPosition === strings.SEARCH_POSITION_DROPDOWN;
       const inputcls = cls({
@@ -575,6 +576,7 @@ class TreeSelect extends BaseComponent {
       const baseInputProps = {
         value: inputValue,
         className: inputcls,
+        preventScroll,
         onChange: value => this.search(value)
       };
       const inputDropdownProps = {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@douyinfe/semi-ui",
-    "version": "2.37.0-beta.0",
+    "version": "2.37.0",
     "description": "",
     "main": "lib/cjs/index.js",
     "module": "lib/es/index.js",
@@ -17,12 +17,12 @@
         "lib/*"
     ],
     "dependencies": {
-        "@douyinfe/semi-animation": "2.37.0-beta.0",
-        "@douyinfe/semi-animation-react": "2.37.0-beta.0",
-        "@douyinfe/semi-foundation": "2.37.0-beta.0",
-        "@douyinfe/semi-icons": "2.37.0-beta.0",
-        "@douyinfe/semi-illustrations": "2.37.0-beta.0",
-        "@douyinfe/semi-theme-default": "2.37.0-beta.0",
+        "@douyinfe/semi-animation": "2.37.0",
+        "@douyinfe/semi-animation-react": "2.37.0",
+        "@douyinfe/semi-foundation": "2.37.0",
+        "@douyinfe/semi-icons": "2.37.0",
+        "@douyinfe/semi-illustrations": "2.37.0",
+        "@douyinfe/semi-theme-default": "2.37.0",
         "async-validator": "^3.5.0",
         "classnames": "^2.2.6",
         "copy-text-to-clipboard": "^2.1.1",
@@ -69,7 +69,7 @@
     ],
     "author": "",
     "license": "MIT",
-    "gitHead": "61dac2d97c5e8f9f25ecef78d31dbe68136d990e",
+    "gitHead": "3d2a2680186785f167b1bb0f9c719a2945c3c1f0",
     "devDependencies": {
         "@babel/plugin-proposal-decorators": "^7.15.8",
         "@babel/plugin-transform-runtime": "^7.15.8",