@douyinfe/semi-ui 2.37.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/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/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/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/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@douyinfe/semi-ui",
-    "version": "2.37.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",
-        "@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",
+        "@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": "3d2a2680186785f167b1bb0f9c719a2945c3c1f0",
+    "gitHead": "f9fa7bba4ffc5635489ad1687740b336b0395948",
     "devDependencies": {
         "@babel/plugin-proposal-decorators": "^7.15.8",
         "@babel/plugin-transform-runtime": "^7.15.8",