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

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

@@ -2,7 +2,7 @@ import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import { ContextValue } from '../configProvider/context';
 import '@douyinfe/semi-foundation/lib/cjs/badge/badge.css';
-export type BadgeType = 'primary' | 'secondary' | 'tertiary' | 'danger' | 'warning';
+export type BadgeType = 'primary' | 'secondary' | 'tertiary' | 'danger' | 'warning' | 'success';
 export type BadgeTheme = 'solid' | 'light' | 'inverted';
 export type BadgePosition = 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom';
 export interface BadgeProps {

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

@@ -4,9 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = useToast;
-var _react = _interopRequireDefault(require("react"));
+var _noop2 = _interopRequireDefault(require("lodash/noop"));
+var _react = _interopRequireWildcard(require("react"));
 var _uuid = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/utils/uuid"));
 var _HookToast = _interopRequireDefault(require("./HookToast"));
+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 }; }
 // const ref = null;
 // TODO: toast larger than N bars, automatic folding, allowing expansion, N configurable
@@ -35,7 +38,7 @@ function usePatchElement() {
 }
 function useToast() {
   const [elements, patchElement] = usePatchElement();
-  const toastRef = new Map();
+  const toastRef = (0, _react.useRef)(new Map());
   const addToast = config => {
     const id = (0, _uuid.default)('semi_toast_');
     const mergeConfig = Object.assign(Object.assign({}, config), {
@@ -43,20 +46,25 @@ function useToast() {
     });
     // eslint-disable-next-line prefer-const
     let closeFunc;
-    const ref = ele => {
-      toastRef.set(id, ele);
-    };
     const toast = /*#__PURE__*/_react.default.createElement(_HookToast.default, 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 : _noop2.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), {

package/lib/cjs/tree/index.js

@@ -463,8 +463,8 @@ class Tree extends _baseComponent.default {
       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);

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/badge/index.d.ts

@@ -2,7 +2,7 @@ import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import { ContextValue } from '../configProvider/context';
 import '@douyinfe/semi-foundation/lib/es/badge/badge.css';
-export type BadgeType = 'primary' | 'secondary' | 'tertiary' | 'danger' | 'warning';
+export type BadgeType = 'primary' | 'secondary' | 'tertiary' | 'danger' | 'warning' | 'success';
 export type BadgeTheme = 'solid' | 'light' | 'inverted';
 export type BadgePosition = 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom';
 export interface BadgeProps {

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

@@ -1,4 +1,5 @@
-import React from 'react';
+import _noop from "lodash/noop";
+import React, { useRef } from 'react';
 import getUuid from '@douyinfe/semi-foundation/lib/es/utils/uuid';
 import HookToast from './HookToast';
 // const ref = null;
@@ -28,7 +29,7 @@ function usePatchElement() {
 }
 export default function useToast() {
   const [elements, patchElement] = usePatchElement();
-  const toastRef = new Map();
+  const toastRef = useRef(new Map());
   const addToast = config => {
     const id = getUuid('semi_toast_');
     const mergeConfig = Object.assign(Object.assign({}, config), {
@@ -36,20 +37,25 @@ export default function useToast() {
     });
     // eslint-disable-next-line prefer-const
     let closeFunc;
-    const ref = ele => {
-      toastRef.set(id, ele);
-    };
     const toast = /*#__PURE__*/React.createElement(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
+        });
+      }
     }));
     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), {

package/lib/es/tree/index.js

@@ -443,8 +443,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);

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.38.0-beta.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.38.0-beta.0",
+        "@douyinfe/semi-animation-react": "2.38.0-beta.0",
+        "@douyinfe/semi-foundation": "2.38.0-beta.0",
+        "@douyinfe/semi-icons": "2.38.0-beta.0",
+        "@douyinfe/semi-illustrations": "2.38.0-beta.0",
+        "@douyinfe/semi-theme-default": "2.38.0-beta.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": "f9fa7bba4ffc5635489ad1687740b336b0395948",
     "devDependencies": {
         "@babel/plugin-proposal-decorators": "^7.15.8",
         "@babel/plugin-transform-runtime": "^7.15.8",