@douyinfe/semi-ui 2.56.0-alpha.0 → 2.56.0

package/lib/cjs/_base/base.css

@@ -1,7 +1,7 @@
 /* shadow */
 /* sizing */
 /* spacing */
-body {
+body, :host {
   --semi-transition_duration-slowest:0ms;
   --semi-transition_duration-slower:0ms;
   --semi-transition_duration-slow:0ms;
@@ -38,8 +38,7 @@ body {
   --semi-transform_rotate-anticlockwise360deg:rotate(-360deg);
 }
 
-body,
-body .semi-always-light {
+body, body .semi-always-light, :host, :host .semi-always-light {
   --semi-amber-0: 254,251,235;
   --semi-amber-1: 252,245,206;
   --semi-amber-2: 249,232,158;
@@ -204,8 +203,7 @@ body .semi-always-light {
   --semi-yellow-9: 83,72,0;
 }
 
-body[theme-mode=dark],
-body .semi-always-dark {
+body[theme-mode=dark], body .semi-always-dark, :host-context(body[theme-mode=dark]), :host .semi-always-dark {
   --semi-red-0: 108,9,11;
   --semi-red-1: 144,17,16;
   --semi-red-2: 180,32,25;
@@ -370,7 +368,7 @@ body .semi-always-dark {
   --semi-black: 0, 0, 0;
 }
 
-body, body[theme-mode=dark] .semi-always-light {
+body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light {
   font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
   -webkit-font-smoothing: antialiased;
   --semi-color-white: rgba(var(--semi-white), 1);
@@ -480,7 +478,7 @@ body, body[theme-mode=dark] .semi-always-light {
   --semi-color-data-19: rgba(188, 198, 255, 1);
 }
 
-body[theme-mode=dark], body .semi-always-dark {
+body[theme-mode=dark], body .semi-always-dark, :host-context(body[theme-mode=dark]), :host .semi-always-dark {
   font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
   -webkit-font-smoothing: antialiased;
   --semi-color-white: rgba(228, 231, 245, 1);

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

@@ -40,7 +40,7 @@ declare class Anchor extends BaseComponent<AnchorProps, AnchorState> {
     static contextType: React.Context<ContextValue>;
     static Link: typeof Link;
     static PropTypes: {
-        size: PropTypes.Requireable<"small" | "default">;
+        size: PropTypes.Requireable<"default" | "small">;
         railTheme: PropTypes.Requireable<"primary" | "tertiary" | "muted">;
         className: PropTypes.Requireable<string>;
         style: PropTypes.Requireable<object>;

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

@@ -125,7 +125,7 @@ declare class AutoComplete<T extends AutoCompleteItems> extends BaseComponent<Au
         renderSelectedItem: PropTypes.Requireable<(...args: any[]) => any>;
         suffix: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         showClear: PropTypes.Requireable<boolean>;
-        size: PropTypes.Requireable<"small" | "default" | "large">;
+        size: PropTypes.Requireable<"default" | "small" | "large">;
         style: PropTypes.Requireable<object>;
         stopPropagation: PropTypes.Requireable<NonNullable<string | boolean>>;
         maxHeight: PropTypes.Requireable<NonNullable<string | number>>;

package/lib/cjs/autoComplete/index.js

@@ -154,7 +154,8 @@ class AutoComplete extends _baseComponent.default {
           const triggerDom = this.triggerRef && this.triggerRef.current;
           const optionsDom = _reactDom.default.findDOMNode(optionInstance);
           const target = e.target;
-          if (optionsDom && (!optionsDom.contains(target) || !optionsDom.contains(target.parentNode)) && triggerDom && !triggerDom.contains(target)) {
+          const path = e.composedPath && e.composedPath() || [target];
+          if (optionsDom && (!optionsDom.contains(target) || !optionsDom.contains(target.parentNode)) && triggerDom && !triggerDom.contains(target) && !(path.includes(triggerDom) || path.includes(optionsDom))) {
             cb(e);
           }
         };

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

@@ -26,6 +26,7 @@ export default class BackTop extends BaseComponent<BackTopProps, BackTopState> {
         style: PropTypes.Requireable<object>;
         className: PropTypes.Requireable<string>;
     };
+    handler: (e: React.MouseEvent<HTMLDivElement>) => void;
     constructor(props: BackTopProps);
     componentDidMount(): void;
     componentWillUnmount(): void;

package/lib/cjs/backtop/index.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _throttle2 = _interopRequireDefault(require("lodash/throttle"));
 var _react = _interopRequireDefault(require("react"));
 var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
 var _classnames = _interopRequireDefault(require("classnames"));
@@ -34,7 +35,9 @@ class BackTop extends _baseComponent.default {
     this.foundation = new _foundation.default(this.adapter);
   }
   componentDidMount() {
+    var _a;
     this.foundation.init();
+    this.handler = (0, _throttle2.default)(this.handleClick, (_a = this.props.duration) !== null && _a !== void 0 ? _a : BackTop.defaultProps.duration);
   }
   componentWillUnmount() {
     this.foundation.destroy();
@@ -92,7 +95,7 @@ class BackTop extends _baseComponent.default {
     _react.default.createElement("div", Object.assign({}, others, {
       className: preCls,
       style: style,
-      onClick: e => this.handleClick(e),
+      onClick: e => this.handler(e),
       "x-semi-prop": "children"
     }), backtopBtn) : null;
     return content;

package/lib/cjs/button/Button.d.ts

@@ -47,7 +47,7 @@ export default class Button extends PureComponent<ButtonProps> {
         disabled: PropTypes.Requireable<boolean>;
         prefixCls: PropTypes.Requireable<string>;
         style: PropTypes.Requireable<object>;
-        size: PropTypes.Requireable<"small" | "default" | "large">;
+        size: PropTypes.Requireable<"default" | "small" | "large">;
         type: PropTypes.Requireable<"warning" | "primary" | "secondary" | "danger" | "tertiary">;
         block: PropTypes.Requireable<boolean>;
         onClick: PropTypes.Requireable<(...args: any[]) => any>;

package/lib/cjs/button/buttonGroup.d.ts

@@ -18,7 +18,7 @@ export default class ButtonGroup extends BaseComponent<ButtonGroupProps> {
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         disabled: PropTypes.Requireable<boolean>;
         type: PropTypes.Requireable<string>;
-        size: PropTypes.Requireable<"small" | "default" | "large">;
+        size: PropTypes.Requireable<"default" | "small" | "large">;
         theme: PropTypes.Requireable<"solid" | "light" | "borderless">;
         'aria-label': PropTypes.Requireable<string>;
     };

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

@@ -23,7 +23,7 @@ declare class Button extends React.PureComponent<ButtonProps> {
         onMouseEnter: import("prop-types").Requireable<(...args: any[]) => any>;
         onMouseLeave: import("prop-types").Requireable<(...args: any[]) => any>;
         disabled: import("prop-types").Requireable<boolean>;
-        size: import("prop-types").Requireable<"small" | "default" | "large">;
+        size: import("prop-types").Requireable<"default" | "small" | "large">;
         type: import("prop-types").Requireable<"warning" | "primary" | "secondary" | "danger" | "tertiary">;
         block: import("prop-types").Requireable<boolean>;
         onClick: import("prop-types").Requireable<(...args: any[]) => any>;

package/lib/cjs/calendar/monthCalendar.js

@@ -287,7 +287,9 @@ class monthCalendar extends _baseComponent.default {
         const clickOutsideHandler = e => {
           const cardInstance = this.cardRef && this.cardRef.get(key);
           const cardDom = _reactDom.default.findDOMNode(cardInstance);
-          if (cardDom && !cardDom.contains(e.target)) {
+          const target = e.target;
+          const path = e.composedPath && e.composedPath() || [target];
+          if (cardDom && !cardDom.contains(target) && !path.includes(cardDom)) {
             cb();
           }
         };

package/lib/cjs/cascader/index.js

@@ -570,7 +570,8 @@ class Cascader extends _baseComponent.default {
           const triggerDom = this.triggerRef && this.triggerRef.current;
           const optionsDom = _reactDom.default.findDOMNode(optionInstance);
           const target = e.target;
-          if (optionsDom && (!optionsDom.contains(target) || !optionsDom.contains(target.parentNode)) && triggerDom && !triggerDom.contains(target)) {
+          const path = e.composedPath && e.composedPath() || [target];
+          if (optionsDom && (!optionsDom.contains(target) || !optionsDom.contains(target.parentNode)) && triggerDom && !triggerDom.contains(target) && !(path.includes(triggerDom) || path.includes(optionsDom))) {
             cb(e);
           }
         };
@@ -740,9 +741,9 @@ class Cascader extends _baseComponent.default {
       }, []);
       return formatKeys;
     };
-    const needUpdateTreeData = needUpdate('treeData') || needUpdateData();
-    const needUpdateValue = needUpdate('value') || (0, _isEmpty2.default)(prevProps) && defaultValue;
     if (multiple) {
+      const needUpdateTreeData = needUpdate('treeData') || needUpdateData();
+      const needUpdateValue = needUpdate('value') || (0, _isEmpty2.default)(prevProps) && defaultValue;
       // when value and treedata need updated
       if (needUpdateTreeData || needUpdateValue) {
         // update state.keyEntities
@@ -790,8 +791,11 @@ class Cascader extends _baseComponent.default {
     this.foundation.destroy();
   }
   componentDidUpdate(prevProps) {
+    if (this.props.multiple) {
+      return;
+    }
     let isOptionsChanged = false;
-    if (!(0, _isEqual2.default)(prevProps.treeData, this.props.treeData) && !this.props.multiple) {
+    if (!(0, _isEqual2.default)(prevProps.treeData, this.props.treeData)) {
       isOptionsChanged = true;
       this.foundation.collectOptions();
     }

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

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

package/lib/cjs/datePicker/datePicker.js

@@ -274,15 +274,11 @@ class DatePicker extends _baseComponent.default {
         this.clickOutSideHandler = e => {
           const triggerEl = this.triggerElRef && this.triggerElRef.current;
           const panelEl = this.panelRef && this.panelRef.current;
-          const isInTrigger = triggerEl && triggerEl.contains(e.target);
-          const isInPanel = panelEl && panelEl.contains(e.target);
-          const clickOutSide = !isInTrigger && !isInPanel && this._mounted;
-          if (this.adapter.needConfirm()) {
-            clickOutSide && this.props.onClickOutSide();
-            return;
-          } else {
-            if (clickOutSide) {
-              this.props.onClickOutSide();
+          const target = e.target;
+          const path = e.composedPath && e.composedPath() || [target];
+          if (!(triggerEl && triggerEl.contains(target)) && !(panelEl && panelEl.contains(target)) && !(path.includes(triggerEl) || path.includes(panelEl))) {
+            this.props.onClickOutSide();
+            if (!this.adapter.needConfirm()) {
               this.foundation.closePanel(e);
             }
           }

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

@@ -86,7 +86,7 @@ export default class MonthsGrid extends BaseComponent<MonthsGridProps, MonthsGri
     renderMonth(month: Date, panelType: PanelType): JSX.Element;
     handleWeeksRowNumChange: (weeksRowNum: number, panelType: PanelType) => void;
     reselect: () => void;
-    getYAMOpenType: () => "none" | "left" | "right" | "both";
+    getYAMOpenType: () => "both" | "none" | "left" | "right";
     renderTimePicker(panelType: PanelType, panelDetail: MonthInfo): JSX.Element;
     renderYearAndMonth(panelType: PanelType, panelDetail: MonthInfo): JSX.Element;
     renderSwitch(panelType: PanelType): JSX.Element;

package/lib/cjs/form/baseForm.d.ts

@@ -86,7 +86,7 @@ declare class Form<Values extends Record<string, any> = any> extends BaseCompone
         onDropdownVisibleChange?: (visible: boolean) => void;
         zIndex?: number;
         position?: "left" | "right" | "top" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver";
-        onSearch?: (value: string, event: React.MouseEvent<Element, MouseEvent> | React.KeyboardEvent<Element>) => void;
+        onSearch?: (value: string, event: React.KeyboardEvent<Element> | React.MouseEvent<Element, MouseEvent>) => void;
         dropdownClassName?: string;
         dropdownStyle?: React.CSSProperties;
         dropdownMargin?: number | {
@@ -140,7 +140,7 @@ declare class Form<Values extends Record<string, any> = any> extends BaseCompone
         preventScroll?: boolean;
         showRestTagsPopover?: boolean;
         restTagsPopoverProps?: import("../popover").PopoverProps;
-    } & Pick<import("../tooltip").TooltipProps, "getPopupContainer" | "stopPropagation" | "motion" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay"> & React.RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
+    } & Pick<import("../tooltip").TooltipProps, "stopPropagation" | "motion" | "getPopupContainer" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay"> & React.RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
     static Checkbox: React.ComponentType<import("utility-types").Subtract<import("./interface").CommonFieldProps, import("./interface").RadioCheckboxExcludeProps> & import("../checkbox").CheckboxProps & import("./interface").RCIncludeType>;
     static CheckboxGroup: React.ComponentType<import("utility-types").Subtract<import("../checkbox").CheckboxGroupProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & React.RefAttributes<any>>;
     static Radio: React.ComponentType<import("utility-types").Subtract<import("./interface").CommonFieldProps, import("./interface").RadioCheckboxExcludeProps> & import("../radio").RadioProps & import("./interface").RCIncludeType>;

package/lib/cjs/form/field.d.ts

@@ -32,7 +32,7 @@ declare const FormSelect: import("react").ComponentType<import("utility-types").
     onDropdownVisibleChange?: (visible: boolean) => void;
     zIndex?: number;
     position?: "left" | "right" | "top" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver";
-    onSearch?: (value: string, event: import("react").MouseEvent<Element, MouseEvent> | import("react").KeyboardEvent<Element>) => void;
+    onSearch?: (value: string, event: import("react").KeyboardEvent<Element> | import("react").MouseEvent<Element, MouseEvent>) => void;
     dropdownClassName?: string;
     dropdownStyle?: import("react").CSSProperties;
     dropdownMargin?: number | {
@@ -86,7 +86,7 @@ declare const FormSelect: import("react").ComponentType<import("utility-types").
     preventScroll?: boolean;
     showRestTagsPopover?: boolean;
     restTagsPopoverProps?: import("../popover").PopoverProps;
-} & Pick<import("../tooltip").TooltipProps, "getPopupContainer" | "stopPropagation" | "motion" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay"> & import("react").RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
+} & Pick<import("../tooltip").TooltipProps, "stopPropagation" | "motion" | "getPopupContainer" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay"> & import("react").RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
 declare const FormCheckboxGroup: import("react").ComponentType<import("utility-types").Subtract<import("../checkbox/checkboxGroup").CheckboxGroupProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & import("react").RefAttributes<any>>;
 declare const FormCheckbox: import("react").ComponentType<import("utility-types").Subtract<import("./interface").CommonFieldProps, import("./interface").RadioCheckboxExcludeProps> & import("../checkbox/checkbox").CheckboxProps & import("./interface").RCIncludeType>;
 declare const FormRadioGroup: import("react").ComponentType<import("utility-types").Subtract<import("../radio/radioGroup").RadioGroupProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & import("react").RefAttributes<any>>;

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

@@ -86,7 +86,7 @@ declare class Input extends BaseComponent<InputProps, InputState> {
         showClear: PropTypes.Requireable<boolean>;
         hideSuffix: PropTypes.Requireable<boolean>;
         placeholder: PropTypes.Requireable<any>;
-        size: PropTypes.Requireable<"small" | "default" | "large">;
+        size: PropTypes.Requireable<"default" | "small" | "large">;
         className: PropTypes.Requireable<string>;
         style: PropTypes.Requireable<object>;
         validateStatus: PropTypes.Requireable<"default" | "error" | "warning" | "success">;

package/lib/cjs/input/inputGroup.d.ts

@@ -21,7 +21,7 @@ export default class inputGroup extends BaseComponent<InputGroupProps, InputGrou
     static propTypes: {
         className: PropTypes.Requireable<string>;
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        size: PropTypes.Requireable<"small" | "default" | "large">;
+        size: PropTypes.Requireable<"default" | "small" | "large">;
         style: PropTypes.Requireable<object>;
         onBlur: PropTypes.Requireable<(...args: any[]) => any>;
         onFocus: PropTypes.Requireable<(...args: any[]) => any>;

package/lib/cjs/locale/source/ro.d.ts

@@ -1,170 +1,3 @@
-/**
- * [i18n-Romanian]
- */
-declare const _default: {
-    code: string;
-    dateFnsLocale: Locale;
-    Pagination: {
-        pageSize: string;
-        total: string;
-        jumpTo: string;
-        page: string;
-    };
-    Modal: {
-        confirm: string;
-        cancel: string;
-    };
-    TimePicker: {
-        placeholder: {
-            time: string;
-            timeRange: string;
-        };
-        begin: string;
-        end: string;
-        hour: string;
-        minute: string;
-        second: string;
-        AM: string;
-        PM: string;
-    };
-    DatePicker: {
-        placeholder: {
-            date: string;
-            dateTime: string;
-            dateRange: string[];
-            dateTimeRange: string[];
-            monthRange: string[];
-        };
-        presets: string;
-        footer: {
-            confirm: string;
-            cancel: string;
-        };
-        selectDate: string;
-        selectTime: string;
-        year: string;
-        month: string;
-        day: string;
-        monthText: string;
-        months: {
-            1: string;
-            2: string;
-            3: string;
-            4: string;
-            5: string;
-            6: string;
-            7: string;
-            8: string;
-            9: string;
-            10: string;
-            11: string;
-            12: string;
-        };
-        fullMonths: {
-            1: string;
-            2: string;
-            3: string;
-            4: string;
-            5: string;
-            6: string;
-            7: string;
-            8: string;
-            9: string;
-            10: string;
-            11: string;
-            12: string;
-        };
-        weeks: {
-            Mon: string;
-            Tue: string;
-            Wed: string;
-            Thu: string;
-            Fri: string;
-            Sat: string;
-            Sun: string;
-        };
-        localeFormatToken: {
-            FORMAT_SWITCH_DATE: string;
-        };
-    };
-    Popconfirm: {
-        confirm: string;
-        cancel: string;
-    };
-    Navigation: {
-        collapseText: string;
-        expandText: string;
-    };
-    Table: {
-        emptyText: string;
-        pageText: string;
-    };
-    Select: {
-        emptyText: string;
-        createText: string;
-    };
-    Tree: {
-        emptyText: string;
-    };
-    Cascader: {
-        emptyText: string;
-    };
-    List: {
-        emptyText: string;
-    };
-    Calendar: {
-        allDay: string;
-        AM: string;
-        PM: string;
-        datestring: string;
-        remaining: string;
-    };
-    Upload: {
-        mainText: string;
-        illegalTips: string;
-        legalTips: string;
-        retry: string;
-        replace: string;
-        clear: string;
-        selectedFiles: string;
-        illegalSize: string;
-        fail: string;
-    };
-    TreeSelect: {
-        searchPlaceholder: string;
-    };
-    Typography: {
-        copy: string;
-        copied: string;
-        expand: string;
-        collapse: string;
-    };
-    Transfer: {
-        emptyLeft: string;
-        emptySearch: string;
-        emptyRight: string;
-        placeholder: string;
-        clear: string;
-        selectAll: string;
-        clearSelectAll: string;
-        total: string;
-        selected: string;
-    };
-    Form: {
-        optional: string;
-    };
-    Image: {
-        preview: string;
-        loading: string;
-        loadError: string;
-        prevTip: string;
-        nextTip: string;
-        zoomInTip: string;
-        zoomOutTip: string;
-        rotateTip: string;
-        downloadTip: string;
-        adaptiveTip: string;
-        originTip: string;
-    };
-};
-export default _default;
+import { Locale } from '../interface';
+declare const local: Locale;
+export default local;

package/lib/cjs/locale/source/ro.js

@@ -5,10 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _locale = require("date-fns/locale");
-/**
- * [i18n-Romanian]
- */
-var _default = {
+const local = {
   code: 'ro',
   dateFnsLocale: _locale.ro,
   Pagination: {
@@ -111,7 +108,8 @@ var _default = {
     createText: 'Creează'
   },
   Tree: {
-    emptyText: 'Nici un rezultat'
+    emptyText: 'Nici un rezultat',
+    searchPlaceholder: 'Căutare'
   },
   Cascader: {
     emptyText: 'Nici un rezultat'
@@ -174,4 +172,6 @@ var _default = {
     originTip: 'Afișaj implicit'
   }
 };
+// [i18n-Romanian] 罗马尼亚语
+var _default = local;
 exports.default = _default;

package/lib/cjs/modal/confirm.d.ts

@@ -143,19 +143,19 @@ export declare function withWarning(props: ModalReactProps): {
     type: "warning";
 };
 export declare function withError(props: ModalReactProps): {
+    title?: React.ReactNode;
     children?: React.ReactNode;
+    size?: import("@douyinfe/semi-foundation/lib/cjs/modal/modalFoundation").Size;
+    style?: React.CSSProperties;
+    className?: string;
+    motion?: boolean;
+    getPopupContainer?: () => HTMLElement;
     footer?: React.ReactNode;
     header?: React.ReactNode;
-    style?: React.CSSProperties;
-    title?: React.ReactNode;
+    direction?: any;
     mask?: boolean;
     visible?: boolean;
-    className?: string;
     zIndex?: number;
-    getPopupContainer?: () => HTMLElement;
-    direction?: any;
-    size?: import("@douyinfe/semi-foundation/lib/cjs/modal/modalFoundation").Size;
-    motion?: boolean;
     width?: string | number;
     height?: string | number;
     content?: React.ReactNode;
@@ -205,6 +205,13 @@ export declare function withError(props: ModalReactProps): {
         onMouseEnter?: React.MouseEventHandler<HTMLButtonElement>;
         onMouseLeave?: React.MouseEventHandler<HTMLButtonElement>;
         'aria-label'?: string;
+        title?: string;
+        name?: string;
+        value?: string | number | readonly string[];
+        onAnimationStart?: React.AnimationEventHandler<HTMLButtonElement>;
+        onAnimationEnd?: React.AnimationEventHandler<HTMLButtonElement>;
+        form?: string;
+        slot?: string;
         prefix?: string;
         dangerouslySetInnerHTML?: {
             __html: string | TrustedHTML;
@@ -359,17 +366,12 @@ export declare function withError(props: ModalReactProps): {
         onScrollCapture?: React.UIEventHandler<HTMLButtonElement>;
         onWheel?: React.WheelEventHandler<HTMLButtonElement>;
         onWheelCapture?: React.WheelEventHandler<HTMLButtonElement>;
-        onAnimationStart?: React.AnimationEventHandler<HTMLButtonElement>;
         onAnimationStartCapture?: React.AnimationEventHandler<HTMLButtonElement>;
-        onAnimationEnd?: React.AnimationEventHandler<HTMLButtonElement>;
         onAnimationEndCapture?: React.AnimationEventHandler<HTMLButtonElement>;
         onAnimationIteration?: React.AnimationEventHandler<HTMLButtonElement>;
         onAnimationIterationCapture?: React.AnimationEventHandler<HTMLButtonElement>;
         onTransitionEnd?: React.TransitionEventHandler<HTMLButtonElement>;
         onTransitionEndCapture?: React.TransitionEventHandler<HTMLButtonElement>;
-        form?: string;
-        slot?: string;
-        title?: string;
         hidden?: boolean;
         color?: string;
         defaultChecked?: boolean;
@@ -378,8 +380,6 @@ export declare function withError(props: ModalReactProps): {
         suppressHydrationWarning?: boolean;
         accessKey?: string;
         autoFocus?: boolean;
-        value?: string | number | readonly string[];
-        name?: string;
         contextMenu?: string;
         dir?: string;
         draggable?: boolean | "true" | "false";
@@ -387,7 +387,7 @@ export declare function withError(props: ModalReactProps): {
         translate?: "no" | "yes";
         role?: React.AriaRole;
         contentEditable?: "inherit" | (boolean | "true" | "false");
-        inputMode?: "search" | "text" | "none" | "email" | "tel" | "url" | "numeric" | "decimal";
+        inputMode?: "search" | "none" | "text" | "email" | "tel" | "url" | "numeric" | "decimal";
         nonce?: string;
         tabIndex?: number;
         content?: string;
@@ -421,7 +421,7 @@ export declare function withError(props: ModalReactProps): {
         is?: string;
         'aria-activedescendant'?: string;
         'aria-atomic'?: boolean | "true" | "false";
-        'aria-autocomplete'?: "none" | "list" | "both" | "inline";
+        'aria-autocomplete'?: "both" | "none" | "list" | "inline";
         'aria-busy'?: boolean | "true" | "false";
         'aria-checked'?: boolean | "true" | "false" | "mixed";
         'aria-colcount'?: number;

package/lib/cjs/radio/radio.d.ts

@@ -61,7 +61,7 @@ declare class Radio extends BaseComponent<RadioProps, RadioState> {
         extra: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         addonStyle: PropTypes.Requireable<object>;
         addonClassName: PropTypes.Requireable<string>;
-        type: PropTypes.Requireable<"button" | "default" | "card" | "pureCard">;
+        type: PropTypes.Requireable<"default" | "button" | "card" | "pureCard">;
         'aria-label': PropTypes.Requireable<string>;
         preventScroll: PropTypes.Requireable<boolean>;
     };

package/lib/cjs/radio/radioGroup.d.ts

@@ -49,7 +49,7 @@ declare class RadioGroup extends BaseComponent<RadioGroupProps, RadioGroupState>
         name: PropTypes.Requireable<string>;
         options: PropTypes.Requireable<any[]>;
         buttonSize: PropTypes.Requireable<"small" | "middle" | "large">;
-        type: PropTypes.Requireable<"button" | "default" | "card" | "pureCard">;
+        type: PropTypes.Requireable<"default" | "button" | "card" | "pureCard">;
         value: PropTypes.Requireable<any>;
         onChange: PropTypes.Requireable<(...args: any[]) => any>;
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;

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

@@ -69,7 +69,7 @@ export default class Rating extends BaseComponent<RatingProps, RatingState> {
         onBlur: PropTypes.Requireable<(...args: any[]) => any>;
         onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
         autoFocus: PropTypes.Requireable<boolean>;
-        size: PropTypes.Requireable<NonNullable<number | "small" | "default">>;
+        size: PropTypes.Requireable<NonNullable<number | "default" | "small">>;
         tooltips: PropTypes.Requireable<string[]>;
         id: PropTypes.Requireable<string>;
         preventScroll: PropTypes.Requireable<boolean>;

package/lib/cjs/rating/item.d.ts

@@ -40,7 +40,7 @@ export default class Item extends BaseComponent<RatingItemProps, RatingItemState
         disabled: PropTypes.Requireable<boolean>;
         count: PropTypes.Requireable<number>;
         ariaLabelPrefix: PropTypes.Requireable<string>;
-        size: PropTypes.Requireable<NonNullable<number | "small" | "default">>;
+        size: PropTypes.Requireable<NonNullable<number | "default" | "small">>;
         'aria-describedby': PropTypes.Requireable<string>;
         onFocus: PropTypes.Requireable<(...args: any[]) => any>;
         onBlur: PropTypes.Requireable<(...args: any[]) => any>;

package/lib/cjs/select/index.js

@@ -196,9 +196,9 @@ class Select extends _baseComponent.default {
           const optionInstance = this.optionsRef && this.optionsRef.current;
           const triggerDom = this.triggerRef && this.triggerRef.current;
           const optionsDom = _reactDom.default.findDOMNode(optionInstance);
-          // let isInPanel = optionsDom && optionsDom.contains(e.target);
-          // let isInTrigger = triggerDom && triggerDom.contains(e.target);
-          if (optionsDom && !optionsDom.contains(e.target) && triggerDom && !triggerDom.contains(e.target)) {
+          const target = e.target;
+          const path = e.composedPath && e.composedPath() || [target];
+          if (!(optionsDom && optionsDom.contains(target)) && !(triggerDom && triggerDom.contains(target)) && !(path.includes(triggerDom) || path.includes(optionsDom))) {
             cb(e);
           }
         };