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

package/lib/cjs/cascader/index.js

@@ -169,7 +169,7 @@ class Cascader extends _baseComponent.default {
       const renderPlusNChildren = /*#__PURE__*/_react.default.createElement("span", {
         className: plusNCls
       }, "+", hiddenTag.length);
-      return showRestTagsPopover && !disabled ? /*#__PURE__*/_react.default.createElement(_index2.default, Object.assign({
+      return showRestTagsPopover ? /*#__PURE__*/_react.default.createElement(_index2.default, Object.assign({
         content: hiddenTag,
         showArrow: true,
         trigger: "hover",

package/lib/cjs/image/preview.js

@@ -15,6 +15,7 @@ var _previewFoundation = _interopRequireDefault(require("@douyinfe/semi-foundati
 var _uuid = require("@douyinfe/semi-foundation/lib/cjs/utils/uuid");
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/image/constants");
 require("@douyinfe/semi-foundation/lib/cjs/image/image.css");
+var _classnames = _interopRequireDefault(require("classnames"));
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -147,10 +148,11 @@ class Preview extends _baseComponent.default {
     const _a = this.props,
       {
         src,
+        className,
         style,
         lazyLoad
       } = _a,
-      restProps = __rest(_a, ["src", "style", "lazyLoad"]);
+      restProps = __rest(_a, ["src", "className", "style", "lazyLoad"]);
     const {
       currentIndex,
       visible
@@ -177,7 +179,7 @@ class Preview extends _baseComponent.default {
     }, /*#__PURE__*/_react.default.createElement("div", {
       id: this.previewGroupId,
       style: style,
-      className: `${prefixCls}-preview-group`
+      className: (0, _classnames.default)(`${prefixCls}-preview-group`, className)
     }, newChildren), /*#__PURE__*/_react.default.createElement(_previewInner.default, Object.assign({}, restProps, {
       ref: this.previewRef,
       src: finalSrcList,

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/pagination/index.js

@@ -181,7 +181,7 @@ class Pagination extends _baseComponent.default {
       "aria-label": "Next",
       onClick: e => !isDisabled && this.foundation.goNext(e),
       className: nextClassName,
-      "x-semi-prop": "prevText"
+      "x-semi-prop": "nextText"
     }, nextText || /*#__PURE__*/_react.default.createElement(_semiIcons.IconChevronRight, {
       size: "large"
     }));

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/cascader/index.js

@@ -160,7 +160,7 @@ class Cascader extends BaseComponent {
       const renderPlusNChildren = /*#__PURE__*/React.createElement("span", {
         className: plusNCls
       }, "+", hiddenTag.length);
-      return showRestTagsPopover && !disabled ? /*#__PURE__*/React.createElement(Popover, Object.assign({
+      return showRestTagsPopover ? /*#__PURE__*/React.createElement(Popover, Object.assign({
         content: hiddenTag,
         showArrow: true,
         trigger: "hover",

package/lib/es/image/preview.js

@@ -17,6 +17,7 @@ import PreviewFoundation from '@douyinfe/semi-foundation/lib/es/image/previewFou
 import { getUuidShort } from '@douyinfe/semi-foundation/lib/es/utils/uuid';
 import { cssClasses } from '@douyinfe/semi-foundation/lib/es/image/constants';
 import '@douyinfe/semi-foundation/lib/es/image/image.css';
+import cls from "classnames";
 const prefixCls = cssClasses.PREFIX;
 export default class Preview extends BaseComponent {
   get adapter() {
@@ -138,10 +139,11 @@ export default class Preview extends BaseComponent {
     const _a = this.props,
       {
         src,
+        className,
         style,
         lazyLoad
       } = _a,
-      restProps = __rest(_a, ["src", "style", "lazyLoad"]);
+      restProps = __rest(_a, ["src", "className", "style", "lazyLoad"]);
     const {
       currentIndex,
       visible
@@ -168,7 +170,7 @@ export default class Preview extends BaseComponent {
     }, /*#__PURE__*/React.createElement("div", {
       id: this.previewGroupId,
       style: style,
-      className: `${prefixCls}-preview-group`
+      className: cls(`${prefixCls}-preview-group`, className)
     }, newChildren), /*#__PURE__*/React.createElement(PreviewInner, Object.assign({}, restProps, {
       ref: this.previewRef,
       src: finalSrcList,

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/pagination/index.js

@@ -174,7 +174,7 @@ export default 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__*/React.createElement(IconChevronRight, {
       size: "large"
     }));

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.1",
     "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.1",
+        "@douyinfe/semi-animation-react": "2.37.1",
+        "@douyinfe/semi-foundation": "2.37.1",
+        "@douyinfe/semi-icons": "2.37.1",
+        "@douyinfe/semi-illustrations": "2.37.1",
+        "@douyinfe/semi-theme-default": "2.37.1",
         "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": "2d2a5d947fcb294ca82bc3aa9b05c061c3640499",
     "devDependencies": {
         "@babel/plugin-proposal-decorators": "^7.15.8",
         "@babel/plugin-transform-runtime": "^7.15.8",