@douyinfe/semi-ui 2.24.0-alpha.1 → 2.24.0-beta.1

package/lib/cjs/_base/base.css

@@ -456,6 +456,8 @@ body, body[theme-mode=dark] .semi-always-light {
   --semi-border-radius-large: 12px;
   --semi-border-radius-circle: 50%;
   --semi-border-radius-full: 9999px;
+  --semi-color-highlight-bg: rgba(var(--semi-yellow-4), 1);
+  --semi-color-highlight: rgba(var(--semi-black), 1);
 }
 
 body[theme-mode=dark], body .semi-always-dark {
@@ -544,6 +546,8 @@ body[theme-mode=dark], body .semi-always-dark {
   --semi-border-radius-large: 12px;
   --semi-border-radius-circle: 50%;
   --semi-border-radius-full: 9999px;
+  --semi-color-highlight-bg: rgba(var(--semi-yellow-2), 1);
+  --semi-color-highlight: rgba(var(--semi-white), 1);
 }
 
 .semi-light-scrollbar::-webkit-scrollbar, .semi-light-scrollbar *::-webkit-scrollbar {

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

@@ -28,7 +28,7 @@ export declare function cloneDeep(value: any, customizer?: (value: any) => void)
  * @return  {Array<object>}
  */
 export declare const getHighLightTextHTML: ({ sourceString, searchWords, option }: GetHighLightTextHTMLProps) => (string | React.ReactElement<{
-    style: Record<string, any>;
+    style: React.CSSProperties;
     className: string;
     key: string;
 }, string | React.JSXElementConstructor<any>>)[];
@@ -46,13 +46,13 @@ export interface RegisterMediaQueryOption {
 export declare const registerMediaQuery: (media: string, { match, unmatch, callInInit }: RegisterMediaQueryOption) => () => void;
 export interface GetHighLightTextHTMLProps {
     sourceString?: string;
-    searchWords?: any[];
+    searchWords?: string[];
     option: HighLightTextHTMLOption;
 }
 export interface HighLightTextHTMLOption {
     highlightTag?: string;
     highlightClassName?: string;
-    highlightStyle?: Record<string, any>;
+    highlightStyle?: React.CSSProperties;
     caseSensitive: boolean;
     autoEscape: boolean;
 }

package/lib/cjs/carousel/CarouselIndicator.d.ts

@@ -8,7 +8,7 @@ declare class CarouselIndicator extends React.PureComponent<CarouselIndicatorPro
         position: PropTypes.Requireable<"left" | "right" | "center">;
         size: PropTypes.Requireable<"small" | "medium">;
         style: PropTypes.Requireable<object>;
-        theme: PropTypes.Requireable<"primary" | "dark" | "light">;
+        theme: PropTypes.Requireable<"dark" | "light" | "primary">;
         total: PropTypes.Requireable<number>;
         onIndicatorChange: PropTypes.Requireable<(...args: any[]) => any>;
         type: PropTypes.Requireable<"line" | "dot" | "columnar">;

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

@@ -22,9 +22,9 @@ declare class Carousel extends BaseComponent<CarouselProps, CarouselState> {
         indicatorPosition: PropTypes.Requireable<"left" | "right" | "center">;
         indicatorSize: PropTypes.Requireable<"small" | "medium">;
         indicatorType: PropTypes.Requireable<"line" | "dot" | "columnar">;
-        theme: PropTypes.Requireable<"primary" | "dark" | "light">;
+        theme: PropTypes.Requireable<"dark" | "light" | "primary">;
         onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        arrowType: PropTypes.Requireable<"hover" | "always">;
+        arrowType: PropTypes.Requireable<"always" | "hover">;
         showArrow: PropTypes.Requireable<boolean>;
         showIndicator: PropTypes.Requireable<boolean>;
         slideDirection: PropTypes.Requireable<"left" | "right">;

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

@@ -57,9 +57,9 @@ declare class Form<Values extends Record<string, any> = any> extends BaseCompone
     static Select: React.ComponentType<import("utility-types").Subtract<{
         'aria-describedby'?: string;
         'aria-errormessage'?: string;
-        'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling";
+        'aria-invalid'?: boolean | "false" | "true" | "grammar" | "spelling";
         'aria-labelledby'?: string;
-        'aria-required'?: boolean | "true" | "false";
+        'aria-required'?: boolean | "false" | "true";
         id?: string;
         autoFocus?: boolean;
         autoClearSearchValue?: boolean;
@@ -128,7 +128,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

@@ -5,9 +5,9 @@ declare const FormTextArea: import("react").ComponentType<import("utility-types"
 declare const FormSelect: import("react").ComponentType<import("utility-types").Subtract<{
     'aria-describedby'?: string;
     'aria-errormessage'?: string;
-    'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling";
+    'aria-invalid'?: boolean | "false" | "true" | "grammar" | "spelling";
     'aria-labelledby'?: string;
-    'aria-required'?: boolean | "true" | "false";
+    'aria-required'?: boolean | "false" | "true";
     id?: string;
     autoFocus?: boolean;
     autoClearSearchValue?: boolean;
@@ -76,7 +76,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/form/hoc/withField.js

@@ -458,6 +458,10 @@ function withField(Component, opts) {
         'aria-labelledby': labelId
       });
 
+      if (name) {
+        newProps['name'] = name;
+      }
+
       if (helpText) {
         newProps['aria-describedby'] = extraText ? "".concat(helpTextId, " ").concat(extraTextId) : helpTextId;
       }

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

@@ -0,0 +1,37 @@
+import React, { PureComponent } from 'react';
+import PropTypes from 'prop-types';
+import '@douyinfe/semi-foundation/lib/cjs/highlight/highlight.css';
+export interface HighlightProps {
+    autoEscape?: boolean;
+    caseSensitive?: boolean;
+    sourceString?: string;
+    searchWords?: Array<string>;
+    highlightStyle?: React.CSSProperties;
+    highlightClassName?: string;
+    component?: string;
+}
+declare class Highlight extends PureComponent<HighlightProps> {
+    static propTypes: {
+        style: PropTypes.Requireable<object>;
+        className: PropTypes.Requireable<string>;
+        autoEscape: PropTypes.Requireable<boolean>;
+        caseSensitive: PropTypes.Requireable<boolean>;
+        sourceString: PropTypes.Requireable<string>;
+        searchWords: PropTypes.Requireable<string[]>;
+        highlightStyle: PropTypes.Requireable<object>;
+        highlightClassName: PropTypes.Requireable<string>;
+        component: PropTypes.Requireable<string>;
+    };
+    static defaultProps: {
+        component: string;
+        autoEscape: boolean;
+        caseSensitive: boolean;
+        sourceString: string;
+    };
+    render(): (string | React.ReactElement<{
+        style: React.CSSProperties;
+        className: string;
+        key: string;
+    }, string | React.JSXElementConstructor<any>>)[];
+}
+export default Highlight;

package/lib/cjs/highlight/index.js

@@ -0,0 +1,72 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = require("react");
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _constants = require("@douyinfe/semi-foundation/lib/cjs/highlight/constants");
+
+var _index = require("../_utils/index");
+
+require("@douyinfe/semi-foundation/lib/cjs/highlight/highlight.css");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const prefixCls = _constants.cssClasses.PREFIX;
+
+class Highlight extends _react.PureComponent {
+  render() {
+    const {
+      searchWords,
+      sourceString,
+      component,
+      highlightClassName,
+      highlightStyle,
+      caseSensitive,
+      autoEscape
+    } = this.props;
+    const tagCls = (0, _classnames.default)({
+      ["".concat(prefixCls, "-tag")]: true
+    }, highlightClassName);
+    const option = {
+      highlightTag: component,
+      highlightClassName: tagCls,
+      highlightStyle,
+      caseSensitive,
+      autoEscape
+    };
+    return (0, _index.getHighLightTextHTML)({
+      sourceString,
+      searchWords,
+      option
+    });
+  }
+
+}
+
+Highlight.propTypes = {
+  style: _propTypes.default.object,
+  className: _propTypes.default.string,
+  autoEscape: _propTypes.default.bool,
+  caseSensitive: _propTypes.default.bool,
+  sourceString: _propTypes.default.string,
+  searchWords: _propTypes.default.arrayOf(_propTypes.default.string),
+  highlightStyle: _propTypes.default.object,
+  highlightClassName: _propTypes.default.string,
+  component: _propTypes.default.string
+};
+Highlight.defaultProps = {
+  component: 'mark',
+  autoEscape: true,
+  caseSensitive: false,
+  sourceString: ''
+};
+var _default = Highlight;
+exports.default = _default;

package/lib/cjs/image/image.js

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+var _isUndefined2 = _interopRequireDefault(require("lodash/isUndefined"));
+
 var _isObject2 = _interopRequireDefault(require("lodash/isObject"));
 
 var _isBoolean2 = _interopRequireDefault(require("lodash/isBoolean"));
@@ -230,7 +232,8 @@ class Image extends _baseComponent.default {
       }), loadStatus !== "success" && this.renderExtra(), canPreview && /*#__PURE__*/_react.default.createElement(_previewInner.default, Object.assign({}, previewProps, {
         src: previewSrc,
         visible: previewVisible,
-        onVisibleChange: this.handlePreviewVisibleChange
+        onVisibleChange: this.handlePreviewVisibleChange,
+        crossOrigin: !(0, _isUndefined2.default)(crossOrigin) ? crossOrigin : previewProps === null || previewProps === void 0 ? void 0 : previewProps.crossOrigin
       })))
     );
   }

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

@@ -4,4 +4,4 @@ import Preview from "./preview";
 import '@douyinfe/semi-foundation/lib/cjs/image/image.css';
 export default Image;
 export { PreviewInner, Preview, };
-export type { ImageProps, PreviewImageProps, PreviewProps, } from "./interface";
+export type { ImageProps, PreviewImageProps, PreviewProps, MenuProps } from "./interface";

package/lib/cjs/image/interface.d.ts

@@ -49,6 +49,7 @@ export interface PreviewProps extends BaseProps {
     disableDownload?: boolean;
     zIndex?: number;
     children?: ReactNode;
+    crossOrigin?: "anonymous" | "use-credentials";
     renderHeader?: (info: any) => ReactNode;
     renderPreviewMenu?: (props: MenuProps) => ReactNode;
     getPopupContainer?: () => HTMLElement;
@@ -146,6 +147,7 @@ export interface PreviewImageProps {
     ratio?: RatioType;
     disableDownload?: boolean;
     clickZoom?: number;
+    crossOrigin?: "anonymous" | "use-credentials";
     setRatio?: (type: RatioType) => void;
     onZoom?: (zoom: number) => void;
     onLoad?: (src: string) => void;

package/lib/cjs/image/previewImage.js

@@ -188,7 +188,8 @@ class PreviewImage extends _baseComponent.default {
   render() {
     const {
       src,
-      rotation
+      rotation,
+      crossOrigin
     } = this.props;
     const {
       loading,
@@ -222,7 +223,8 @@ class PreviewImage extends _baseComponent.default {
       onDragStart: e => e.preventDefault(),
       onLoad: this.handleLoad,
       onError: this.handleError,
-      style: imgStyle
+      style: imgStyle,
+      crossOrigin: crossOrigin
     }), loading && /*#__PURE__*/_react.default.createElement(_spin.default, {
       size: "large",
       wrapperClassName: "".concat(preViewImgPrefixCls, "-spin")

package/lib/cjs/image/previewInner.d.ts

@@ -59,12 +59,17 @@ export default class PreviewInner extends BaseComponent<PreviewInnerProps, Previ
         maskClosable: boolean;
         viewerVisibleDelay: number;
     };
+    private bodyOverflow;
+    private scrollBarWidth;
+    private originBodyWidth;
     get adapter(): PreviewInnerAdapter<PreviewInnerProps, PreviewInnerStates>;
     timer: any;
     context: PreviewContextProps;
     foundation: PreviewInnerFoundation;
     constructor(props: PreviewInnerProps);
     static getDerivedStateFromProps(props: PreviewInnerProps, state: PreviewInnerStates): Partial<PreviewInnerStates>;
+    static getScrollbarWidth(): number;
+    componentDidMount(): void;
     componentDidUpdate(prevProps: PreviewInnerProps, prevState: PreviewInnerStates): void;
     componentWillUnmount(): void;
     isInGroup(): boolean;

package/lib/cjs/image/previewInner.js

@@ -122,11 +122,35 @@ class PreviewInner extends _baseComponent.default {
       direction: ""
     };
     this.foundation = new _previewInnerFoundation.default(this.adapter);
+    this.bodyOverflow = '';
+    this.originBodyWidth = '100%';
+    this.scrollBarWidth = 0;
   }
 
   get adapter() {
     return Object.assign(Object.assign({}, super.adapter), {
       getIsInGroup: () => this.isInGroup(),
+      disabledBodyScroll: () => {
+        const {
+          getPopupContainer
+        } = this.props;
+        this.bodyOverflow = document.body.style.overflow || '';
+
+        if (!getPopupContainer && this.bodyOverflow !== 'hidden') {
+          document.body.style.overflow = 'hidden';
+          document.body.style.width = "calc(".concat(this.originBodyWidth || '100%', " - ").concat(this.scrollBarWidth, "px)");
+        }
+      },
+      enabledBodyScroll: () => {
+        const {
+          getPopupContainer
+        } = this.props;
+
+        if (!getPopupContainer && this.bodyOverflow !== 'hidden') {
+          document.body.style.overflow = this.bodyOverflow;
+          document.body.style.width = this.originBodyWidth;
+        }
+      },
       notifyChange: (index, direction) => {
         const {
           onChange,
@@ -241,6 +265,23 @@ class PreviewInner extends _baseComponent.default {
     return willUpdateStates;
   }
 
+  static getScrollbarWidth() {
+    if (globalThis && Object.prototype.toString.call(globalThis) === '[object Window]') {
+      return window.innerWidth - document.documentElement.clientWidth;
+    }
+
+    return 0;
+  }
+
+  componentDidMount() {
+    this.scrollBarWidth = PreviewInner.getScrollbarWidth();
+    this.originBodyWidth = document.body.style.width;
+
+    if (this.props.visible) {
+      this.foundation.beforeShow();
+    }
+  }
+
   componentDidUpdate(prevProps, prevState) {
     if (prevState.visible !== this.props.visible && this.props.visible) {
       mouseActiveTime = new Date().getTime();
@@ -276,6 +317,7 @@ class PreviewInner extends _baseComponent.default {
       style,
       infinite,
       zoomStep,
+      crossOrigin,
       prevTip,
       nextTip,
       zoomInTip,
@@ -344,6 +386,7 @@ class PreviewInner extends _baseComponent.default {
       ratio: ratio,
       zoomStep: zoomStep,
       rotation: rotation,
+      crossOrigin: crossOrigin,
       onError: this.onImageError,
       onLoad: this.onImageLoad
     }), showPrev &&

package/lib/cjs/index.d.ts

@@ -76,6 +76,7 @@ export { default as TreeSelect } from './treeSelect';
 export { default as Upload } from './upload';
 export { default as Typography } from './typography';
 export { default as Transfer } from './transfer';
+export { default as Highlight } from './highlight';
 export { default as LocaleProvider } from './locale/localeProvider';
 export { default as LocaleConsumer } from './locale/localeConsumer';
 /** Form */

package/lib/cjs/index.js

@@ -189,6 +189,12 @@ Object.defineProperty(exports, "Form", {
     return _form.Form;
   }
 });
+Object.defineProperty(exports, "Highlight", {
+  enumerable: true,
+  get: function () {
+    return _highlight.default;
+  }
+});
 Object.defineProperty(exports, "Icon", {
   enumerable: true,
   get: function () {
@@ -712,6 +718,8 @@ var _typography = _interopRequireDefault(require("./typography"));
 
 var _transfer = _interopRequireDefault(require("./transfer"));
 
+var _highlight = _interopRequireDefault(require("./highlight"));
+
 var _localeProvider = _interopRequireDefault(require("./locale/localeProvider"));
 
 var _localeConsumer = _interopRequireDefault(require("./locale/localeConsumer"));

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

@@ -94,7 +94,7 @@ declare class Modal extends BaseComponent<ModalReactProps, ModalState> {
     private readonly modalRef;
     private bodyOverflow;
     private scrollBarWidth;
-    private originBodyWith;
+    private originBodyWidth;
     private _haveRendered;
     constructor(props: ModalReactProps);
     get adapter(): ModalAdapter;

package/lib/cjs/modal/Modal.js

@@ -216,7 +216,7 @@ class Modal extends _baseComponent.default {
     this.modalRef = /*#__PURE__*/_react.default.createRef();
     this.bodyOverflow = '';
     this.scrollBarWidth = 0;
-    this.originBodyWith = '100%';
+    this.originBodyWidth = '100%';
   }
 
   get adapter() {
@@ -230,7 +230,7 @@ class Modal extends _baseComponent.default {
 
         if (!getPopupContainer && this.bodyOverflow !== 'hidden') {
           document.body.style.overflow = 'hidden';
-          document.body.style.width = "calc(".concat(this.originBodyWith || '100%', " - ").concat(this.scrollBarWidth, "px)");
+          document.body.style.width = "calc(".concat(this.originBodyWidth || '100%', " - ").concat(this.scrollBarWidth, "px)");
         }
       },
       enabledBodyScroll: () => {
@@ -240,7 +240,7 @@ class Modal extends _baseComponent.default {
 
         if (!getPopupContainer && this.bodyOverflow !== 'hidden') {
           document.body.style.overflow = this.bodyOverflow;
-          document.body.style.width = this.originBodyWith;
+          document.body.style.width = this.originBodyWidth;
         }
       },
       notifyCancel: e => {
@@ -297,7 +297,7 @@ class Modal extends _baseComponent.default {
 
   componentDidMount() {
     this.scrollBarWidth = Modal.getScrollbarWidth();
-    this.originBodyWith = document.body.style.width;
+    this.originBodyWidth = document.body.style.width;
 
     if (this.props.visible) {
       this.foundation.beforeShow();

package/lib/cjs/navigation/SubNav.js

@@ -300,7 +300,8 @@ class SubNav extends _baseComponent.default {
       isCollapsed,
       subNavCloseDelay,
       subNavOpenDelay,
-      prefixCls
+      prefixCls,
+      getPopupContainer
     } = this.context;
     const isOpen = this.adapter.getIsOpen();
     const openKeysIsControlled = this.adapter.getOpenKeysIsControlled();
@@ -317,6 +318,10 @@ class SubNav extends _baseComponent.default {
       dropdownProps.visible = isOpen;
     }
 
+    if (getPopupContainer) {
+      dropdownProps.getPopupContainer = getPopupContainer;
+    }
+
     if (isCollapsed || mode === _constants.strings.MODE_HORIZONTAL) {
       // Do not show dropdown when disabled
       _elem = !disabled ? /*#__PURE__*/_react.default.createElement(_dropdown.default, Object.assign({

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

@@ -49,6 +49,7 @@ export interface NavProps extends BaseProps {
     toggleIconPosition?: string;
     tooltipHideDelay?: number;
     tooltipShowDelay?: number;
+    getPopupContainer?: () => HTMLElement;
     onClick?: (data: {
         itemKey: React.ReactText;
         domEvent: MouseEvent;
@@ -113,6 +114,7 @@ declare class Nav extends BaseComponent<NavProps, NavState> {
         header: PropTypes.Requireable<NonNullable<object | PropTypes.ReactNodeLike>>;
         footer: PropTypes.Requireable<NonNullable<object | PropTypes.ReactNodeLike>>;
         limitIndent: PropTypes.Requireable<boolean>;
+        getPopupContainer: PropTypes.Requireable<(...args: any[]) => any>;
     };
     static defaultProps: {
         subNavCloseDelay: number;

package/lib/cjs/navigation/index.js

@@ -235,7 +235,8 @@ class Nav extends _baseComponent.default {
       header,
       toggleIconPosition,
       limitIndent,
-      renderWrapper
+      renderWrapper,
+      getPopupContainer
     } = this.props;
     const {
       selectedKeys,
@@ -343,7 +344,8 @@ class Nav extends _baseComponent.default {
         prefixCls,
         toggleIconPosition,
         limitIndent,
-        renderWrapper
+        renderWrapper,
+        getPopupContainer
       }
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: finalCls,
@@ -404,7 +406,8 @@ Nav.propTypes = {
   prefixCls: _propTypes.default.string,
   header: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.object]),
   footer: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.object]),
-  limitIndent: _propTypes.default.bool
+  limitIndent: _propTypes.default.bool,
+  getPopupContainer: _propTypes.default.func
 };
 Nav.defaultProps = {
   subNavCloseDelay: _constants.numbers.DEFAULT_SUBNAV_CLOSE_DELAY,

package/lib/cjs/navigation/nav-context.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
-import { NavProps } from './index';
+import type { NavProps } from './index';
 import { Locale } from '../locale/interface';
+import type { DropdownProps } from '../dropdown';
 export interface NavContextType {
     isCollapsed?: boolean;
     mode?: NavProps['mode'];
@@ -19,6 +20,7 @@ export interface NavContextType {
     subNavOpenDelay?: NavProps['subNavOpenDelay'];
     canUpdateOpenKeys?: boolean;
     renderWrapper?: NavProps['renderWrapper'];
+    getPopupContainer?: DropdownProps['getPopupContainer'];
 }
 declare const NavContext: React.Context<NavContextType>;
 export default NavContext;

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

@@ -82,7 +82,7 @@ declare class Radio extends BaseComponent<RadioProps, RadioState> {
         prefixCls?: string;
         name?: string;
         onChange?: (e: RadioChangeEvent) => void;
-        buttonSize?: "small" | "middle" | "large";
+        buttonSize?: "small" | "large" | "middle";
         isCardRadio?: boolean;
         isPureCardRadio?: boolean;
     };

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

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

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

@@ -4,6 +4,7 @@ import { ContextValue } from '../configProvider/context';
 import SelectFoundation, { SelectAdapter } from '@douyinfe/semi-foundation/lib/cjs/select/foundation';
 import BaseComponent, { ValidateStatus } from '../_base/baseComponent';
 import { PopoverProps } from '../popover/index';
+import Event from '@douyinfe/semi-foundation/lib/cjs/utils/Event';
 import { InputProps } from '../input/index';
 import Option, { OptionProps } from './option';
 import OptionGroup from './optionGroup';
@@ -233,6 +234,7 @@ declare class Select extends BaseComponent<SelectProps, SelectState> {
     clickOutsideHandler: (e: MouseEvent) => void;
     foundation: SelectFoundation;
     context: ContextValue;
+    eventManager: Event;
     constructor(props: SelectProps);
     setOptionContainerEl: (node: HTMLDivElement) => {
         current: HTMLDivElement;

package/lib/cjs/select/index.js

@@ -41,6 +41,8 @@ var _index2 = _interopRequireDefault(require("../popover/index"));
 
 var _constants2 = require("@douyinfe/semi-foundation/lib/cjs/popover/constants");
 
+var _Event = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/utils/Event"));
+
 var _reactWindow = require("react-window");
 
 var _utils = require("./utils");
@@ -171,6 +173,7 @@ class Select extends _baseComponent.default {
     this.onMouseLeave = this.onMouseLeave.bind(this);
     this.renderOption = this.renderOption.bind(this);
     this.onKeyPress = this.onKeyPress.bind(this);
+    this.eventManager = new _Event.default();
     this.foundation = new _foundation.default(this.adapter);
     (0, _warning.default)('optionLabelProp' in this.props, '[Semi Select] \'optionLabelProp\' has already been deprecated, please use \'renderSelectedItem\' instead.');
     (0, _warning.default)('labelInValue' in this.props, '[Semi Select] \'labelInValue\' has already been deprecated, please use \'onChangeWithObject\' instead.');
@@ -267,6 +270,10 @@ class Select extends _baseComponent.default {
       }
     };
     return Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, super.adapter), keyboardAdapter), filterAdapter), multipleAdapter), {
+      on: (eventName, eventCallback) => this.eventManager.on(eventName, eventCallback),
+      off: eventName => this.eventManager.off(eventName),
+      once: (eventName, eventCallback) => this.eventManager.once(eventName, eventCallback),
+      emit: eventName => this.eventManager.emit(eventName),
       // Collect all subitems, each item is visible by default when collected, and is not selected
       getOptionsFromChildren: function () {
         let children = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _this.props.children;
@@ -1120,7 +1127,8 @@ class Select extends _baseComponent.default {
       spacing: spacing,
       stopPropagation: stopPropagation,
       disableArrowKeyDown: true,
-      onVisibleChange: status => this.handlePopoverVisibleChange(status)
+      onVisibleChange: status => this.handlePopoverVisibleChange(status),
+      afterClose: () => this.foundation.handlePopoverClose()
     }, selection);
   }
 

package/lib/cjs/timePicker/TimePicker.js

@@ -370,7 +370,6 @@ class TimePicker extends _baseComponent.default {
       outerProps.onClick = this.openPanel;
     }
 
-    console.log("===>", disabled ? false : open, motion);
     return /*#__PURE__*/_react.default.createElement("div", Object.assign({
       ref: this.setTimePickerRef,
       className: (0, _classnames.default)({