@douyinfe/semi-ui 2.37.1 → 2.37.2

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/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/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/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/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/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.1",
+    "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.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",
+        "@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": "2d2a5d947fcb294ca82bc3aa9b05c061c3640499",
+    "gitHead": "a60ba17cdb9b16ace637706583ea31dbf3a6a255",
     "devDependencies": {
         "@babel/plugin-proposal-decorators": "^7.15.8",
         "@babel/plugin-transform-runtime": "^7.15.8",