@douyinfe/semi-ui 2.37.0 → 2.37.2

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/datePicker/dateInput.d.ts

@@ -31,7 +31,7 @@ export default class DateInput extends BaseComponent<DateInputProps, {}> {
         onFocus: PropTypes.Requireable<(...args: any[]) => any>;
         value: PropTypes.Requireable<any[]>;
         disabled: PropTypes.Requireable<boolean>;
-        type: PropTypes.Requireable<"dateTime" | "date" | "month" | "dateRange" | "year" | "monthRange" | "dateTimeRange">;
+        type: PropTypes.Requireable<"date" | "month" | "dateTime" | "dateRange" | "year" | "monthRange" | "dateTimeRange">;
         showClear: PropTypes.Requireable<boolean>;
         format: PropTypes.Requireable<string>;
         inputStyle: PropTypes.Requireable<object>;

package/lib/cjs/datePicker/datePicker.d.ts

@@ -58,7 +58,7 @@ export default class DatePicker extends BaseComponent<DatePickerProps, DatePicke
         'aria-labelledby': PropTypes.Requireable<string>;
         'aria-required': PropTypes.Requireable<boolean>;
         borderless: PropTypes.Requireable<boolean>;
-        type: PropTypes.Requireable<"dateTime" | "date" | "month" | "dateRange" | "year" | "monthRange" | "dateTimeRange">;
+        type: PropTypes.Requireable<"date" | "month" | "dateTime" | "dateRange" | "year" | "monthRange" | "dateTimeRange">;
         size: PropTypes.Requireable<"default" | "small" | "large">;
         clearIcon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         density: PropTypes.Requireable<"default" | "compact">;

package/lib/cjs/datePicker/monthsGrid.d.ts

@@ -19,7 +19,7 @@ export interface MonthsGridProps extends MonthsGridFoundationProps, BaseProps {
 export type MonthsGridState = MonthsGridFoundationState;
 export default class MonthsGrid extends BaseComponent<MonthsGridProps, MonthsGridState> {
     static propTypes: {
-        type: PropTypes.Requireable<"dateTime" | "date" | "month" | "dateRange" | "year" | "monthRange" | "dateTimeRange">;
+        type: PropTypes.Requireable<"date" | "month" | "dateTime" | "dateRange" | "year" | "monthRange" | "dateTimeRange">;
         defaultValue: PropTypes.Requireable<any[]>;
         defaultPickerValue: PropTypes.Requireable<NonNullable<string | number | object>>;
         multiple: PropTypes.Requireable<boolean>;

package/lib/cjs/datePicker/yearAndMonth.d.ts

@@ -24,7 +24,7 @@ declare class YearAndMonth extends BaseComponent<YearAndMonthProps, YearAndMonth
         presetPosition: PropTypes.Requireable<"left" | "top" | "right" | "bottom">;
         renderQuickControls: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         renderDateInput: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        type: PropTypes.Requireable<"dateTime" | "date" | "month" | "dateRange" | "year" | "monthRange" | "dateTimeRange">;
+        type: PropTypes.Requireable<"date" | "month" | "dateTime" | "dateRange" | "year" | "monthRange" | "dateTimeRange">;
         startYear: PropTypes.Requireable<number>;
         endYear: PropTypes.Requireable<number>;
     };

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/modal/confirm.d.ts

@@ -156,7 +156,6 @@ export declare function withError(props: ModalReactProps): {
     visible?: boolean;
     content?: React.ReactNode;
     icon: string | number | boolean | React.ReactFragment | JSX.Element;
-    onCancel?: (e: React.MouseEvent<Element, MouseEvent>) => void | Promise<any>;
     zIndex?: number;
     closeOnEsc?: boolean;
     preventScroll?: boolean;
@@ -164,6 +163,7 @@ export declare function withError(props: ModalReactProps): {
     keepDOM?: boolean;
     cancelText?: string;
     okText?: string;
+    onCancel?: (e: React.MouseEvent<Element, MouseEvent>) => void | Promise<any>;
     closeIcon?: React.ReactNode;
     bodyStyle?: React.CSSProperties;
     closable?: boolean;
@@ -211,22 +211,12 @@ export declare function withError(props: ModalReactProps): {
         hidden?: boolean;
         color?: string;
         content?: string;
-        onChange?: React.FormEventHandler<HTMLButtonElement>;
-        defaultChecked?: boolean;
         defaultValue?: string | number | readonly string[];
-        suppressContentEditableWarning?: boolean;
-        suppressHydrationWarning?: boolean;
         accessKey?: string;
-        autoFocus?: boolean;
-        formAction?: string;
-        formEncType?: string;
-        formMethod?: string;
-        formNoValidate?: boolean;
-        formTarget?: string;
         dir?: string;
         draggable?: boolean | "false" | "true";
         lang?: string;
-        translate?: "no" | "yes";
+        translate?: "yes" | "no";
         prefix?: string;
         role?: React.AriaRole;
         contentEditable?: "inherit" | (boolean | "false" | "true");
@@ -242,6 +232,10 @@ export declare function withError(props: ModalReactProps): {
         'aria-haspopup'?: boolean | "dialog" | "menu" | "listbox" | "grid" | "false" | "true" | "tree";
         'aria-controls'?: string;
         'aria-describedby'?: string;
+        defaultChecked?: boolean;
+        suppressContentEditableWarning?: boolean;
+        suppressHydrationWarning?: boolean;
+        autoFocus?: boolean;
         contextMenu?: string;
         placeholder?: string;
         spellCheck?: boolean | "false" | "true";
@@ -327,6 +321,7 @@ export declare function withError(props: ModalReactProps): {
         onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLButtonElement>;
         onFocusCapture?: React.FocusEventHandler<HTMLButtonElement>;
         onBlurCapture?: React.FocusEventHandler<HTMLButtonElement>;
+        onChange?: React.FormEventHandler<HTMLButtonElement>;
         onChangeCapture?: React.FormEventHandler<HTMLButtonElement>;
         onBeforeInput?: React.FormEventHandler<HTMLButtonElement>;
         onBeforeInputCapture?: React.FormEventHandler<HTMLButtonElement>;
@@ -463,6 +458,11 @@ export declare function withError(props: ModalReactProps): {
         onAnimationIterationCapture?: React.AnimationEventHandler<HTMLButtonElement>;
         onTransitionEnd?: React.TransitionEventHandler<HTMLButtonElement>;
         onTransitionEndCapture?: React.TransitionEventHandler<HTMLButtonElement>;
+        formAction?: string;
+        formEncType?: string;
+        formMethod?: string;
+        formNoValidate?: boolean;
+        formTarget?: string;
     };
 };
 export declare function withConfirm(props: ModalReactProps): {

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

@@ -1013,6 +1013,7 @@ class TreeSelect extends _baseComponent.default {
     };
     const treeSelectAdapter = {
       registerClickOutsideHandler: cb => {
+        this.adapter.unregisterClickOutsideHandler();
         const clickOutsideHandler = e => {
           const optionInstance = this.optionsRef && this.optionsRef.current;
           const triggerDom = this.triggerRef && this.triggerRef.current;
@@ -1027,6 +1028,9 @@ class TreeSelect extends _baseComponent.default {
         document.addEventListener('mousedown', clickOutsideHandler, false);
       },
       unregisterClickOutsideHandler: () => {
+        if (!this.clickOutsideHandler) {
+          return;
+        }
         document.removeEventListener('mousedown', this.clickOutsideHandler, false);
         this.clickOutsideHandler = null;
       },

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/datePicker/dateInput.d.ts

@@ -31,7 +31,7 @@ export default class DateInput extends BaseComponent<DateInputProps, {}> {
         onFocus: PropTypes.Requireable<(...args: any[]) => any>;
         value: PropTypes.Requireable<any[]>;
         disabled: PropTypes.Requireable<boolean>;
-        type: PropTypes.Requireable<"dateTime" | "date" | "month" | "dateRange" | "year" | "monthRange" | "dateTimeRange">;
+        type: PropTypes.Requireable<"date" | "month" | "dateTime" | "dateRange" | "year" | "monthRange" | "dateTimeRange">;
         showClear: PropTypes.Requireable<boolean>;
         format: PropTypes.Requireable<string>;
         inputStyle: PropTypes.Requireable<object>;

package/lib/es/datePicker/datePicker.d.ts

@@ -58,7 +58,7 @@ export default class DatePicker extends BaseComponent<DatePickerProps, DatePicke
         'aria-labelledby': PropTypes.Requireable<string>;
         'aria-required': PropTypes.Requireable<boolean>;
         borderless: PropTypes.Requireable<boolean>;
-        type: PropTypes.Requireable<"dateTime" | "date" | "month" | "dateRange" | "year" | "monthRange" | "dateTimeRange">;
+        type: PropTypes.Requireable<"date" | "month" | "dateTime" | "dateRange" | "year" | "monthRange" | "dateTimeRange">;
         size: PropTypes.Requireable<"default" | "small" | "large">;
         clearIcon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         density: PropTypes.Requireable<"default" | "compact">;

package/lib/es/datePicker/monthsGrid.d.ts

@@ -19,7 +19,7 @@ export interface MonthsGridProps extends MonthsGridFoundationProps, BaseProps {
 export type MonthsGridState = MonthsGridFoundationState;
 export default class MonthsGrid extends BaseComponent<MonthsGridProps, MonthsGridState> {
     static propTypes: {
-        type: PropTypes.Requireable<"dateTime" | "date" | "month" | "dateRange" | "year" | "monthRange" | "dateTimeRange">;
+        type: PropTypes.Requireable<"date" | "month" | "dateTime" | "dateRange" | "year" | "monthRange" | "dateTimeRange">;
         defaultValue: PropTypes.Requireable<any[]>;
         defaultPickerValue: PropTypes.Requireable<NonNullable<string | number | object>>;
         multiple: PropTypes.Requireable<boolean>;

package/lib/es/datePicker/yearAndMonth.d.ts

@@ -24,7 +24,7 @@ declare class YearAndMonth extends BaseComponent<YearAndMonthProps, YearAndMonth
         presetPosition: PropTypes.Requireable<"left" | "top" | "right" | "bottom">;
         renderQuickControls: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         renderDateInput: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        type: PropTypes.Requireable<"dateTime" | "date" | "month" | "dateRange" | "year" | "monthRange" | "dateTimeRange">;
+        type: PropTypes.Requireable<"date" | "month" | "dateTime" | "dateRange" | "year" | "monthRange" | "dateTimeRange">;
         startYear: PropTypes.Requireable<number>;
         endYear: PropTypes.Requireable<number>;
     };

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/modal/confirm.d.ts

@@ -156,7 +156,6 @@ export declare function withError(props: ModalReactProps): {
     visible?: boolean;
     content?: React.ReactNode;
     icon: string | number | boolean | React.ReactFragment | JSX.Element;
-    onCancel?: (e: React.MouseEvent<Element, MouseEvent>) => void | Promise<any>;
     zIndex?: number;
     closeOnEsc?: boolean;
     preventScroll?: boolean;
@@ -164,6 +163,7 @@ export declare function withError(props: ModalReactProps): {
     keepDOM?: boolean;
     cancelText?: string;
     okText?: string;
+    onCancel?: (e: React.MouseEvent<Element, MouseEvent>) => void | Promise<any>;
     closeIcon?: React.ReactNode;
     bodyStyle?: React.CSSProperties;
     closable?: boolean;
@@ -211,22 +211,12 @@ export declare function withError(props: ModalReactProps): {
         hidden?: boolean;
         color?: string;
         content?: string;
-        onChange?: React.FormEventHandler<HTMLButtonElement>;
-        defaultChecked?: boolean;
         defaultValue?: string | number | readonly string[];
-        suppressContentEditableWarning?: boolean;
-        suppressHydrationWarning?: boolean;
         accessKey?: string;
-        autoFocus?: boolean;
-        formAction?: string;
-        formEncType?: string;
-        formMethod?: string;
-        formNoValidate?: boolean;
-        formTarget?: string;
         dir?: string;
         draggable?: boolean | "false" | "true";
         lang?: string;
-        translate?: "no" | "yes";
+        translate?: "yes" | "no";
         prefix?: string;
         role?: React.AriaRole;
         contentEditable?: "inherit" | (boolean | "false" | "true");
@@ -242,6 +232,10 @@ export declare function withError(props: ModalReactProps): {
         'aria-haspopup'?: boolean | "dialog" | "menu" | "listbox" | "grid" | "false" | "true" | "tree";
         'aria-controls'?: string;
         'aria-describedby'?: string;
+        defaultChecked?: boolean;
+        suppressContentEditableWarning?: boolean;
+        suppressHydrationWarning?: boolean;
+        autoFocus?: boolean;
         contextMenu?: string;
         placeholder?: string;
         spellCheck?: boolean | "false" | "true";
@@ -327,6 +321,7 @@ export declare function withError(props: ModalReactProps): {
         onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLButtonElement>;
         onFocusCapture?: React.FocusEventHandler<HTMLButtonElement>;
         onBlurCapture?: React.FocusEventHandler<HTMLButtonElement>;
+        onChange?: React.FormEventHandler<HTMLButtonElement>;
         onChangeCapture?: React.FormEventHandler<HTMLButtonElement>;
         onBeforeInput?: React.FormEventHandler<HTMLButtonElement>;
         onBeforeInputCapture?: React.FormEventHandler<HTMLButtonElement>;
@@ -463,6 +458,11 @@ export declare function withError(props: ModalReactProps): {
         onAnimationIterationCapture?: React.AnimationEventHandler<HTMLButtonElement>;
         onTransitionEnd?: React.TransitionEventHandler<HTMLButtonElement>;
         onTransitionEndCapture?: React.TransitionEventHandler<HTMLButtonElement>;
+        formAction?: string;
+        formEncType?: string;
+        formMethod?: string;
+        formNoValidate?: boolean;
+        formTarget?: string;
     };
 };
 export declare function withConfirm(props: ModalReactProps): {

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

@@ -1004,6 +1004,7 @@ class TreeSelect extends BaseComponent {
     };
     const treeSelectAdapter = {
       registerClickOutsideHandler: cb => {
+        this.adapter.unregisterClickOutsideHandler();
         const clickOutsideHandler = e => {
           const optionInstance = this.optionsRef && this.optionsRef.current;
           const triggerDom = this.triggerRef && this.triggerRef.current;
@@ -1018,6 +1019,9 @@ class TreeSelect extends BaseComponent {
         document.addEventListener('mousedown', clickOutsideHandler, false);
       },
       unregisterClickOutsideHandler: () => {
+        if (!this.clickOutsideHandler) {
+          return;
+        }
         document.removeEventListener('mousedown', this.clickOutsideHandler, false);
         this.clickOutsideHandler = null;
       },

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@douyinfe/semi-ui",
-    "version": "2.37.0",
+    "version": "2.37.2",
     "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.37.2",
+        "@douyinfe/semi-animation-react": "2.37.2",
+        "@douyinfe/semi-foundation": "2.37.2",
+        "@douyinfe/semi-icons": "2.37.2",
+        "@douyinfe/semi-illustrations": "2.37.2",
+        "@douyinfe/semi-theme-default": "2.37.2",
         "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": "a60ba17cdb9b16ace637706583ea31dbf3a6a255",
     "devDependencies": {
         "@babel/plugin-proposal-decorators": "^7.15.8",
         "@babel/plugin-transform-runtime": "^7.15.8",