@douyinfe/semi-ui 2.49.0 → 2.50.0-alpha.0

package/lib/cjs/image/previewInner.js

@@ -21,6 +21,14 @@ var _previewContext = require("./previewContext");
 var _utils = require("../_utils");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const prefixCls = _constants.cssClasses.PREFIX;
+let startMouseDown = {
+  x: 0,
+  y: 0
+};
+let mouseActiveTime = null;
+let stopTiming = false;
+let timer = null;
+// let bodyOverflowValue = document.body.style.overflow;
 class PreviewInner extends _baseComponent.default {
   get adapter() {
     return Object.assign(Object.assign({}, super.adapter), {
@@ -104,22 +112,30 @@ class PreviewInner extends _baseComponent.default {
       unregisterKeyDownListener: () => {
         window && window.removeEventListener("keydown", this.handleKeyDown);
       },
+      getMouseActiveTime: () => {
+        return mouseActiveTime;
+      },
+      getStopTiming: () => {
+        return stopTiming;
+      },
+      setStopTiming: value => {
+        stopTiming = value;
+      },
+      getStartMouseDown: () => {
+        return startMouseDown;
+      },
+      setStartMouseDown: (x, y) => {
+        startMouseDown = {
+          x,
+          y
+        };
+      },
+      setMouseActiveTime: time => {
+        mouseActiveTime = time;
+      },
       getSetDownloadFunc: () => {
         var _a, _b;
         return (_b = (_a = this.context) === null || _a === void 0 ? void 0 : _a.setDownloadName) !== null && _b !== void 0 ? _b : this.props.setDownloadName;
-      },
-      isValidTarget: e => {
-        const headerDom = this.headerRef && this.headerRef.current;
-        const footerDom = this.footerRef && this.footerRef.current;
-        const leftIconDom = this.leftIconRef && this.leftIconRef.current;
-        const rightIconDom = this.rightIconRef && this.rightIconRef.current;
-        const target = e.target;
-        if (headerDom && headerDom.contains(target) || footerDom && footerDom.contains(target) || leftIconDom && leftIconDom.contains(target) || rightIconDom && rightIconDom.contains(target)) {
-          // Move in the operation area, return false
-          return false;
-        }
-        // Move in the preview area except the operation area, return true
-        return true;
       }
     });
   }
@@ -152,6 +168,9 @@ class PreviewInner extends _baseComponent.default {
     this.handleMouseMove = e => {
       this.foundation.handleMouseMove(e);
     };
+    this.handleMouseEvent = (e, event) => {
+      this.foundation.handleMouseMoveEvent(e, event);
+    };
     this.handleKeyDown = e => {
       this.foundation.handleKeyDown(e);
     };
@@ -164,31 +183,6 @@ class PreviewInner extends _baseComponent.default {
     this.handleMouseDown = e => {
       this.foundation.handleMouseDown(e);
     };
-    this.handleWheel = e => {
-      this.foundation.handleWheel(e);
-    };
-    // 为什么通过 addEventListener 注册 wheel 事件而不是使用 onWheel 事件？
-    // 因为 Passive Event Listeners（https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener#improving_scrolling_performance_with_passive_listeners）
-    // Passive Event Listeners 是一种优化技术，用于提高滚动性能。在默认情况下，浏览器会假设事件的监听器不会调用 
-    // preventDefault() 方法来阻止事件的默认行为，从而允许进行一些优化操作，例如滚动平滑。
-    // 对于 Image 而言，如果使用触控板，双指朝不同方向分开放大图片，则需要  preventDefault 防止页面整体放大。
-    // Why register wheel event through addEventListener instead of using onWheel event？
-    // Because of Passive Event Listeners(an optimization technique used to improve scrolling performance. By default, 
-    // the browser will assume that event listeners will not call preventDefault() method to prevent the default behavior of the event, 
-    // allowing some optimization operations such as scroll smoothing.)
-    // For Image, if we use the trackpad and spread your fingers in different directions to enlarge the image, we need to preventDefault
-    // to prevent the page from being enlarged as a whole.
-    this.registryImageWrapRef = ref => {
-      if (this.imageWrapRef) {
-        this.imageWrapRef.removeEventListener("wheel", this.handleWheel);
-      }
-      if (ref) {
-        ref.addEventListener("wheel", this.handleWheel, {
-          passive: false
-        });
-      }
-      this.imageWrapRef = ref;
-    };
     this.state = {
       imgSrc: [],
       imgLoadStatus: new Map(),
@@ -205,11 +199,6 @@ class PreviewInner extends _baseComponent.default {
     this.bodyOverflow = '';
     this.originBodyWidth = '100%';
     this.scrollBarWidth = 0;
-    this.imageWrapRef = null;
-    this.headerRef = /*#__PURE__*/_react.default.createRef();
-    this.footerRef = /*#__PURE__*/_react.default.createRef();
-    this.leftIconRef = /*#__PURE__*/_react.default.createRef();
-    this.rightIconRef = /*#__PURE__*/_react.default.createRef();
   }
   static getDerivedStateFromProps(props, state) {
     const willUpdateStates = {};
@@ -225,9 +214,6 @@ class PreviewInner extends _baseComponent.default {
       willUpdateStates.visible = props.visible;
       if (props.visible) {
         willUpdateStates.preloadAfterVisibleChange = true;
-        willUpdateStates.viewerVisible = true;
-        willUpdateStates.rotation = 0;
-        willUpdateStates.ratio = 'adaptation';
       }
     }
     if ("currentIndex" in props && props.currentIndex !== state.currentIndex) {
@@ -246,8 +232,10 @@ class PreviewInner extends _baseComponent.default {
     }
   }
   componentDidUpdate(prevProps, prevState) {
-    if (prevProps.src !== this.props.src) {
-      this.foundation.updateTimer();
+    if (prevState.visible !== this.props.visible && this.props.visible) {
+      mouseActiveTime = new Date().getTime();
+      timer && clearInterval(timer);
+      timer = setInterval(this.viewVisibleChange, 1000);
     }
     // hide => show
     if (!prevProps.visible && this.props.visible) {
@@ -259,7 +247,7 @@ class PreviewInner extends _baseComponent.default {
     }
   }
   componentWillUnmount() {
-    this.foundation.clearTimer();
+    timer && clearInterval(timer);
   }
   isInGroup() {
     return Boolean(this.context && this.context.isGroup);
@@ -324,10 +312,10 @@ class PreviewInner extends _baseComponent.default {
       style: style,
       onMouseDown: this.handleMouseDown,
       onMouseUp: this.handleMouseUp,
-      ref: this.registryImageWrapRef,
-      onMouseMove: this.handleMouseMove
+      onMouseMove: this.handleMouseMove,
+      onMouseOver: e => this.handleMouseEvent(e.nativeEvent, "over"),
+      onMouseOut: e => this.handleMouseEvent(e.nativeEvent, "out")
     }, /*#__PURE__*/_react.default.createElement(_previewHeader.default, {
-      ref: this.headerRef,
       className: (0, _classnames.default)(hideViewerCls),
       onClose: this.handlePreviewClose,
       renderHeader: renderHeader
@@ -338,6 +326,7 @@ class PreviewInner extends _baseComponent.default {
       setRatio: this.handleAdjustRatio,
       zoom: zoom,
       ratio: ratio,
+      zoomStep: zoomStep,
       rotation: rotation,
       crossOrigin: crossOrigin,
       onError: this.onImageError,
@@ -346,7 +335,6 @@ class PreviewInner extends _baseComponent.default {
     /*#__PURE__*/
     // eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions
     _react.default.createElement("div", {
-      ref: this.leftIconRef,
       className: (0, _classnames.default)(`${previewPrefixCls}-icon`, `${previewPrefixCls}-prev`, hideViewerCls),
       onClick: () => this.handleSwitchImage("prev")
     }, /*#__PURE__*/_react.default.createElement(_semiIcons.IconArrowLeft, {
@@ -355,13 +343,11 @@ class PreviewInner extends _baseComponent.default {
     /*#__PURE__*/
     // eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions
     _react.default.createElement("div", {
-      ref: this.rightIconRef,
       className: (0, _classnames.default)(`${previewPrefixCls}-icon`, `${previewPrefixCls}-next`, hideViewerCls),
       onClick: () => this.handleSwitchImage("next")
     }, /*#__PURE__*/_react.default.createElement(_semiIcons.IconArrowRight, {
       size: "large"
     })), /*#__PURE__*/_react.default.createElement(_previewFooter.default, {
-      forwardRef: this.footerRef,
       className: hideViewerCls,
       totalNum: total,
       curPage: currentIndex + 1,
@@ -420,8 +406,6 @@ PreviewInner.propTypes = {
   disableDownload: _propTypes.default.bool,
   viewerVisibleDelay: _propTypes.default.number,
   zIndex: _propTypes.default.number,
-  maxZoom: _propTypes.default.number,
-  minZoom: _propTypes.default.number,
   renderHeader: _propTypes.default.func,
   renderPreviewMenu: _propTypes.default.func,
   getPopupContainer: _propTypes.default.func,
@@ -446,7 +430,5 @@ PreviewInner.defaultProps = {
   preLoadGap: 2,
   zIndex: 1000,
   maskClosable: true,
-  viewerVisibleDelay: 10000,
-  maxZoom: 5,
-  minZoom: 0.1
+  viewerVisibleDelay: 10000
 };

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

@@ -146,36 +146,36 @@ export declare function withError(props: ModalReactProps): {
     style?: React.CSSProperties;
     className?: string;
     motion?: boolean;
-    getPopupContainer?: () => HTMLElement;
     footer?: React.ReactNode;
     header?: React.ReactNode;
-    direction?: any;
     mask?: boolean;
     visible?: boolean;
     zIndex?: number;
+    getPopupContainer?: () => HTMLElement;
+    direction?: any;
     width?: string | number;
     height?: string | number;
     content?: React.ReactNode;
-    icon: string | number | boolean | React.ReactFragment | JSX.Element;
-    onCancel?: (e: React.MouseEvent<Element, MouseEvent>) => void | Promise<any>;
     closeOnEsc?: boolean;
     preventScroll?: boolean;
+    icon: string | number | boolean | React.ReactFragment | JSX.Element;
     afterClose?: () => void;
     keepDOM?: boolean;
     cancelText?: string;
     okText?: string;
+    onCancel?: (e: React.MouseEvent<Element, MouseEvent>) => void | Promise<any>;
     closeIcon?: React.ReactNode;
-    bodyStyle?: React.CSSProperties;
     closable?: boolean;
+    bodyStyle?: React.CSSProperties;
     maskClosable?: boolean;
     cancelButtonProps?: import("../button").BaseButtonProps;
-    centered?: boolean;
-    confirmLoading?: boolean;
+    okType?: import("@douyinfe/semi-foundation/lib/cjs/modal/modalFoundation").OKType;
     cancelLoading?: boolean;
+    confirmLoading?: boolean;
+    centered?: boolean;
     hasCancel?: boolean;
     maskStyle?: React.CSSProperties;
     maskFixed?: boolean;
-    okType?: import("@douyinfe/semi-foundation/lib/cjs/modal/modalFoundation").OKType;
     onOk?: (e: React.MouseEvent<Element, MouseEvent>) => void | Promise<any>;
     lazyRender?: boolean;
     fullScreen?: boolean;
@@ -206,8 +206,6 @@ export declare function withError(props: ModalReactProps): {
         value?: string | number | readonly string[];
         onAnimationStart?: React.AnimationEventHandler<HTMLButtonElement>;
         onAnimationEnd?: React.AnimationEventHandler<HTMLButtonElement>;
-        form?: string;
-        slot?: string;
         prefix?: string;
         dangerouslySetInnerHTML?: {
             __html: string | TrustedHTML;
@@ -368,6 +366,8 @@ export declare function withError(props: ModalReactProps): {
         onAnimationIterationCapture?: React.AnimationEventHandler<HTMLButtonElement>;
         onTransitionEnd?: React.TransitionEventHandler<HTMLButtonElement>;
         onTransitionEndCapture?: React.TransitionEventHandler<HTMLButtonElement>;
+        form?: string;
+        slot?: string;
         hidden?: boolean;
         color?: string;
         defaultChecked?: boolean;
@@ -376,12 +376,6 @@ export declare function withError(props: ModalReactProps): {
         suppressHydrationWarning?: boolean;
         accessKey?: string;
         autoFocus?: boolean;
-        content?: string;
-        formAction?: string;
-        formEncType?: string;
-        formMethod?: string;
-        formNoValidate?: boolean;
-        formTarget?: string;
         contextMenu?: string;
         dir?: string;
         draggable?: boolean | "true" | "false";
@@ -392,6 +386,7 @@ export declare function withError(props: ModalReactProps): {
         inputMode?: "search" | "none" | "text" | "email" | "tel" | "url" | "numeric" | "decimal";
         nonce?: string;
         tabIndex?: number;
+        content?: string;
         'aria-expanded'?: boolean | "true" | "false";
         'aria-haspopup'?: boolean | "dialog" | "menu" | "grid" | "listbox" | "tree" | "true" | "false";
         'aria-controls'?: string;
@@ -428,7 +423,7 @@ export declare function withError(props: ModalReactProps): {
         'aria-colcount'?: number;
         'aria-colindex'?: number;
         'aria-colspan'?: number;
-        'aria-current'?: boolean | "time" | "true" | "false" | "date" | "page" | "location" | "step";
+        'aria-current'?: boolean | "time" | "true" | "false" | "date" | "location" | "page" | "step";
         'aria-details'?: string;
         'aria-disabled'?: boolean | "true" | "false";
         'aria-dropeffect'?: "link" | "none" | "copy" | "move" | "execute" | "popup";
@@ -463,6 +458,11 @@ export declare function withError(props: ModalReactProps): {
         'aria-valuemin'?: number;
         'aria-valuenow'?: number;
         'aria-valuetext'?: string;
+        formAction?: string;
+        formEncType?: string;
+        formMethod?: string;
+        formNoValidate?: boolean;
+        formTarget?: string;
     };
 };
 export declare function withConfirm(props: ModalReactProps): {

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

@@ -58,7 +58,7 @@ declare class Popover extends React.PureComponent<PopoverProps, PopoverState> {
         visible: PropTypes.Requireable<boolean>;
         autoAdjustOverflow: PropTypes.Requireable<boolean>;
         motion: PropTypes.Requireable<boolean>;
-        position: PropTypes.Requireable<"left" | "right" | "top" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver">;
+        position: PropTypes.Requireable<"left" | "right" | "top" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver">;
         margin: PropTypes.Requireable<NonNullable<number | object>>;
         mouseEnterDelay: PropTypes.Requireable<number>;
         mouseLeaveDelay: PropTypes.Requireable<number>;

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

@@ -200,7 +200,7 @@ declare class Select extends BaseComponent<SelectProps, SelectState> {
         expandRestTagsOnClick: PropTypes.Requireable<boolean>;
         onDropdownVisibleChange: PropTypes.Requireable<(...args: any[]) => any>;
         zIndex: PropTypes.Requireable<number>;
-        position: PropTypes.Requireable<"left" | "right" | "top" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver">;
+        position: PropTypes.Requireable<"left" | "right" | "top" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver">;
         onSearch: PropTypes.Requireable<(...args: any[]) => any>;
         getPopupContainer: PropTypes.Requireable<(...args: any[]) => any>;
         dropdownClassName: PropTypes.Requireable<string>;

package/lib/cjs/table/ColumnSorter.d.ts

@@ -1,6 +1,6 @@
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
-import { SortOrder } from './interface';
+import { SortIcon, SortOrder } from './interface';
 export interface ColumnSorterProps {
     className?: string;
     style?: React.CSSProperties;
@@ -8,6 +8,7 @@ export interface ColumnSorterProps {
     prefixCls?: string;
     sortOrder?: SortOrder;
     title?: React.ReactNode;
+    sortIcon?: SortIcon;
 }
 export default class ColumnSorter extends PureComponent<ColumnSorterProps> {
     static propTypes: {
@@ -16,6 +17,7 @@ export default class ColumnSorter extends PureComponent<ColumnSorterProps> {
         onClick: PropTypes.Requireable<(...args: any[]) => any>;
         prefixCls: PropTypes.Requireable<string>;
         sortOrder: PropTypes.Requireable<NonNullable<string | boolean>>;
+        sortIcon: PropTypes.Requireable<(...args: any[]) => any>;
     };
     static defaultProps: {
         prefixCls: "semi-table";

package/lib/cjs/table/ColumnSorter.js

@@ -21,7 +21,8 @@ class ColumnSorter extends _react.PureComponent {
       onClick,
       sortOrder,
       style,
-      title
+      title,
+      sortIcon
     } = this.props;
     const iconBtnSize = 'default';
     const upCls = (0, _classnames.default)(`${prefixCls}-column-sorter-up`, {
@@ -38,25 +39,34 @@ class ColumnSorter extends _react.PureComponent {
       'aria-label': `Current sort order is ${sortOrder ? `${sortOrder}ing` : 'none'}`,
       'aria-roledescription': 'Sort data with this column'
     };
+    const renderSortIcon = () => {
+      if (typeof sortIcon === 'function') {
+        return sortIcon({
+          sortOrder
+        });
+      } else {
+        return /*#__PURE__*/_react.default.createElement("div", {
+          style: style,
+          className: `${prefixCls}-column-sorter`
+        }, /*#__PURE__*/_react.default.createElement("span", {
+          className: `${upCls}`
+        }, /*#__PURE__*/_react.default.createElement(_semiIcons.IconCaretup, {
+          size: iconBtnSize
+        })), /*#__PURE__*/_react.default.createElement("span", {
+          className: `${downCls}`
+        }, /*#__PURE__*/_react.default.createElement(_semiIcons.IconCaretdown, {
+          size: iconBtnSize
+        })));
+      }
+    };
     return /*#__PURE__*/_react.default.createElement("div", Object.assign({
-      role: 'button'
+      role: "button"
     }, ariaProps, {
       tabIndex: -1,
       className: `${prefixCls}-column-sorter-wrapper`,
       onClick: onClick,
       onKeyPress: e => (0, _isEnterPress.default)(e) && onClick(e)
-    }), title, /*#__PURE__*/_react.default.createElement("div", {
-      style: style,
-      className: `${prefixCls}-column-sorter`
-    }, /*#__PURE__*/_react.default.createElement("span", {
-      className: `${upCls}`
-    }, /*#__PURE__*/_react.default.createElement(_semiIcons.IconCaretup, {
-      size: iconBtnSize
-    })), /*#__PURE__*/_react.default.createElement("span", {
-      className: `${downCls}`
-    }, /*#__PURE__*/_react.default.createElement(_semiIcons.IconCaretdown, {
-      size: iconBtnSize
-    }))));
+    }), title, renderSortIcon());
   }
 }
 exports.default = ColumnSorter;
@@ -65,7 +75,8 @@ ColumnSorter.propTypes = {
   style: _propTypes.default.object,
   onClick: _propTypes.default.func,
   prefixCls: _propTypes.default.string,
-  sortOrder: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool])
+  sortOrder: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool]),
+  sortIcon: _propTypes.default.func
 };
 ColumnSorter.defaultProps = {
   prefixCls: _constants.cssClasses.PREFIX,

package/lib/cjs/table/Table.d.ts

@@ -308,7 +308,7 @@ declare class Table<RecordType extends Record<string, any>> extends BaseComponen
         showSizeChanger?: boolean;
         showQuickJumper?: boolean;
         popoverZIndex?: number;
-        popoverPosition?: "left" | "right" | "top" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver";
+        popoverPosition?: "left" | "right" | "top" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver";
         hideOnSinglePage?: boolean;
         hoverShowPageSelect?: boolean;
         disabled?: boolean;

package/lib/cjs/table/Table.js

@@ -647,6 +647,7 @@ class Table extends _baseComponent.default {
           const sorter = /*#__PURE__*/_react.default.createElement(_ColumnSorter.default, {
             key: _constants.strings.DEFAULT_KEY_COLUMN_SORTER,
             sortOrder: sortOrder,
+            sortIcon: column.sortIcon,
             onClick: e => _this2.foundation.handleSort(column, e),
             title: TitleNode
           });

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

@@ -83,6 +83,7 @@ export interface ColumnProps<RecordType extends Record<string, any> = any> {
     sortChildrenRecord?: boolean;
     sortOrder?: SortOrder;
     sorter?: Sorter<RecordType>;
+    sortIcon?: SortIcon;
     title?: ColumnTitle;
     useFullRender?: boolean;
     width?: string | number;
@@ -95,6 +96,9 @@ export interface ColumnProps<RecordType extends Record<string, any> = any> {
 }
 export type Align = BaseAlign;
 export type SortOrder = BaseSortOrder;
+export type SortIcon = (props: {
+    sortOrder: SortOrder;
+}) => ReactNode;
 export type FilterIcon = boolean | React.ReactNode | FilterIconRenderFunction;
 export interface Filter extends BaseFilter {
     value?: any;

package/lib/cjs/timePicker/TimePicker.d.ts

@@ -105,11 +105,11 @@ export default class TimePicker extends BaseComponent<TimePickerProps, TimePicke
         borderless: PropTypes.Requireable<boolean>;
         clearText: PropTypes.Requireable<string>;
         clearIcon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        value: PropTypes.Requireable<NonNullable<string | number | string[] | number[] | Date | Date[]>>;
+        value: PropTypes.Requireable<NonNullable<string | number | string[] | Date | number[] | Date[]>>;
         inputReadOnly: PropTypes.Requireable<boolean>;
         disabled: PropTypes.Requireable<boolean>;
         showClear: PropTypes.Requireable<boolean>;
-        defaultValue: PropTypes.Requireable<NonNullable<string | number | string[] | number[] | Date | Date[]>>;
+        defaultValue: PropTypes.Requireable<NonNullable<string | number | string[] | Date | number[] | Date[]>>;
         open: PropTypes.Requireable<boolean>;
         defaultOpen: PropTypes.Requireable<boolean>;
         onOpenChange: PropTypes.Requireable<(...args: any[]) => any>;

package/lib/cjs/timePicker/TimeShape.d.ts

@@ -6,5 +6,5 @@ import PropTypes from 'prop-types';
  * - \[12:00:12, 12:21:12]
  * - \[[12:00:12, 12:21:12], [12:11:12, 12:32:12]]
  */
-declare const TimeShape: PropTypes.Requireable<NonNullable<string | number | string[] | number[] | Date | Date[]>>;
+declare const TimeShape: PropTypes.Requireable<NonNullable<string | number | string[] | Date | number[] | Date[]>>;
 export { TimeShape };

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

@@ -21,11 +21,11 @@ export default class LocaleTimePicker extends React.PureComponent<LocalePickerPr
         borderless: import("prop-types").Requireable<boolean>;
         clearText: import("prop-types").Requireable<string>;
         clearIcon: import("prop-types").Requireable<import("prop-types").ReactNodeLike>;
-        value: import("prop-types").Requireable<NonNullable<string | number | string[] | number[] | Date | Date[]>>;
+        value: import("prop-types").Requireable<NonNullable<string | number | string[] | Date | number[] | Date[]>>;
         inputReadOnly: import("prop-types").Requireable<boolean>;
         disabled: import("prop-types").Requireable<boolean>;
         showClear: import("prop-types").Requireable<boolean>;
-        defaultValue: import("prop-types").Requireable<NonNullable<string | number | string[] | number[] | Date | Date[]>>;
+        defaultValue: import("prop-types").Requireable<NonNullable<string | number | string[] | Date | number[] | Date[]>>;
         open: import("prop-types").Requireable<boolean>;
         defaultOpen: import("prop-types").Requireable<boolean>;
         onOpenChange: import("prop-types").Requireable<(...args: any[]) => any>;

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

@@ -91,7 +91,7 @@ export default class Tooltip extends BaseComponent<TooltipProps, TooltipState> {
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         motion: PropTypes.Requireable<boolean>;
         autoAdjustOverflow: PropTypes.Requireable<boolean>;
-        position: PropTypes.Requireable<"left" | "right" | "top" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver">;
+        position: PropTypes.Requireable<"left" | "right" | "top" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver">;
         getPopupContainer: PropTypes.Requireable<(...args: any[]) => any>;
         mouseEnterDelay: PropTypes.Requireable<number>;
         mouseLeaveDelay: PropTypes.Requireable<number>;

package/lib/cjs/typography/base.d.ts

@@ -85,7 +85,7 @@ export default class Base extends Component<BaseTypographyProps, BaseTypographyS
         spacing: PropTypes.Requireable<"normal" | "extended">;
         strong: PropTypes.Requireable<boolean>;
         size: PropTypes.Requireable<"small" | "normal">;
-        type: PropTypes.Requireable<"warning" | "success" | "primary" | "tertiary" | "secondary" | "danger" | "quaternary">;
+        type: PropTypes.Requireable<"warning" | "success" | "primary" | "secondary" | "tertiary" | "danger" | "quaternary">;
         style: PropTypes.Requireable<object>;
         className: PropTypes.Requireable<string>;
         icon: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;

package/lib/cjs/typography/numeral.d.ts

@@ -38,7 +38,7 @@ export default class Numeral extends PureComponent<NumeralProps> {
         underline: PropTypes.Requireable<boolean>;
         link: PropTypes.Requireable<NonNullable<boolean | object>>;
         strong: PropTypes.Requireable<boolean>;
-        type: PropTypes.Requireable<"warning" | "success" | "primary" | "tertiary" | "secondary" | "danger" | "quaternary">;
+        type: PropTypes.Requireable<"warning" | "success" | "primary" | "secondary" | "tertiary" | "danger" | "quaternary">;
         size: PropTypes.Requireable<"small" | "normal">;
         style: PropTypes.Requireable<object>;
         className: PropTypes.Requireable<string>;

package/lib/cjs/typography/paragraph.d.ts

@@ -50,7 +50,7 @@ export default class Paragraph extends PureComponent<ParagraphProps> {
         link: PropTypes.Requireable<NonNullable<boolean | object>>;
         underline: PropTypes.Requireable<boolean>;
         strong: PropTypes.Requireable<boolean>;
-        type: PropTypes.Requireable<"warning" | "success" | "primary" | "tertiary" | "secondary" | "danger" | "quaternary">;
+        type: PropTypes.Requireable<"warning" | "success" | "primary" | "secondary" | "tertiary" | "danger" | "quaternary">;
         size: PropTypes.Requireable<"small" | "normal">;
         spacing: PropTypes.Requireable<"normal" | "extended">;
         style: PropTypes.Requireable<object>;

package/lib/cjs/typography/text.d.ts

@@ -53,7 +53,7 @@ export default class Text extends PureComponent<TextProps> {
         underline: PropTypes.Requireable<boolean>;
         link: PropTypes.Requireable<NonNullable<boolean | object>>;
         strong: PropTypes.Requireable<boolean>;
-        type: PropTypes.Requireable<"warning" | "success" | "primary" | "tertiary" | "secondary" | "danger" | "quaternary">;
+        type: PropTypes.Requireable<"warning" | "success" | "primary" | "secondary" | "tertiary" | "danger" | "quaternary">;
         size: PropTypes.Requireable<"small" | "normal">;
         style: PropTypes.Requireable<object>;
         className: PropTypes.Requireable<string>;

package/lib/cjs/typography/title.d.ts

@@ -59,7 +59,7 @@ export default class Title extends PureComponent<TitleProps> {
         link: PropTypes.Requireable<NonNullable<boolean | object>>;
         underline: PropTypes.Requireable<boolean>;
         strong: PropTypes.Requireable<boolean>;
-        type: PropTypes.Requireable<"warning" | "success" | "primary" | "tertiary" | "secondary" | "danger" | "quaternary">;
+        type: PropTypes.Requireable<"warning" | "success" | "primary" | "secondary" | "tertiary" | "danger" | "quaternary">;
         heading: PropTypes.Requireable<1 | 2 | 3 | 4 | 5 | 6>;
         style: PropTypes.Requireable<object>;
         className: PropTypes.Requireable<string>;

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

@@ -49,7 +49,7 @@ declare class Anchor extends BaseComponent<AnchorProps, AnchorState> {
         offsetTop: PropTypes.Requireable<number>;
         targetOffset: PropTypes.Requireable<number>;
         showTooltip: PropTypes.Requireable<boolean>;
-        position: PropTypes.Requireable<"left" | "right" | "top" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver">;
+        position: PropTypes.Requireable<"left" | "right" | "top" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver">;
         maxWidth: PropTypes.Requireable<NonNullable<string | number>>;
         maxHeight: PropTypes.Requireable<NonNullable<string | number>>;
         getContainer: PropTypes.Requireable<(...args: any[]) => any>;

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

@@ -116,7 +116,7 @@ declare class AutoComplete<T extends AutoCompleteItems> extends BaseComponent<Au
         onFocus: PropTypes.Requireable<(...args: any[]) => any>;
         onChange: PropTypes.Requireable<(...args: any[]) => any>;
         onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
-        position: PropTypes.Requireable<"left" | "right" | "top" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver">;
+        position: PropTypes.Requireable<"left" | "right" | "top" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver">;
         placeholder: PropTypes.Requireable<string>;
         prefix: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         onChangeWithObject: PropTypes.Requireable<boolean>;

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

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

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

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

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

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

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

@@ -91,7 +91,7 @@ export default class DatePicker extends BaseComponent<DatePickerProps, DatePicke
         insetLabel: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         insetLabelId: PropTypes.Requireable<string>;
         zIndex: PropTypes.Requireable<number>;
-        position: PropTypes.Requireable<"left" | "right" | "top" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver">;
+        position: PropTypes.Requireable<"left" | "right" | "top" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver">;
         getPopupContainer: PropTypes.Requireable<(...args: any[]) => any>;
         onCancel: PropTypes.Requireable<(...args: any[]) => any>;
         onConfirm: PropTypes.Requireable<(...args: any[]) => any>;

package/lib/es/dropdown/index.d.ts

@@ -66,7 +66,7 @@ declare class Dropdown extends BaseComponent<DropdownProps, DropdownState> {
         motion: PropTypes.Requireable<NonNullable<boolean | object>>;
         onVisibleChange: PropTypes.Requireable<(...args: any[]) => any>;
         prefixCls: PropTypes.Requireable<string>;
-        position: PropTypes.Requireable<"left" | "right" | "top" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver">;
+        position: PropTypes.Requireable<"left" | "right" | "top" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver">;
         rePosKey: PropTypes.Requireable<NonNullable<string | number>>;
         render: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         spacing: PropTypes.Requireable<NonNullable<number | object>>;