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

package/lib/cjs/image/previewInner.js

@@ -21,14 +21,6 @@ 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), {
@@ -112,30 +104,22 @@ 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;
       }
     });
   }
@@ -168,9 +152,6 @@ 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);
     };
@@ -183,6 +164,31 @@ 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(),
@@ -199,6 +205,11 @@ 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 = {};
@@ -214,6 +225,9 @@ 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) {
@@ -232,10 +246,8 @@ class PreviewInner extends _baseComponent.default {
     }
   }
   componentDidUpdate(prevProps, prevState) {
-    if (prevState.visible !== this.props.visible && this.props.visible) {
-      mouseActiveTime = new Date().getTime();
-      timer && clearInterval(timer);
-      timer = setInterval(this.viewVisibleChange, 1000);
+    if (prevProps.src !== this.props.src) {
+      this.foundation.updateTimer();
     }
     // hide => show
     if (!prevProps.visible && this.props.visible) {
@@ -247,7 +259,7 @@ class PreviewInner extends _baseComponent.default {
     }
   }
   componentWillUnmount() {
-    timer && clearInterval(timer);
+    this.foundation.clearTimer();
   }
   isInGroup() {
     return Boolean(this.context && this.context.isGroup);
@@ -312,10 +324,10 @@ class PreviewInner extends _baseComponent.default {
       style: style,
       onMouseDown: this.handleMouseDown,
       onMouseUp: this.handleMouseUp,
-      onMouseMove: this.handleMouseMove,
-      onMouseOver: e => this.handleMouseEvent(e.nativeEvent, "over"),
-      onMouseOut: e => this.handleMouseEvent(e.nativeEvent, "out")
+      ref: this.registryImageWrapRef,
+      onMouseMove: this.handleMouseMove
     }, /*#__PURE__*/_react.default.createElement(_previewHeader.default, {
+      ref: this.headerRef,
       className: (0, _classnames.default)(hideViewerCls),
       onClose: this.handlePreviewClose,
       renderHeader: renderHeader
@@ -326,7 +338,6 @@ class PreviewInner extends _baseComponent.default {
       setRatio: this.handleAdjustRatio,
       zoom: zoom,
       ratio: ratio,
-      zoomStep: zoomStep,
       rotation: rotation,
       crossOrigin: crossOrigin,
       onError: this.onImageError,
@@ -335,6 +346,7 @@ 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, {
@@ -343,11 +355,13 @@ 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,
@@ -406,6 +420,8 @@ 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,
@@ -430,5 +446,7 @@ PreviewInner.defaultProps = {
   preLoadGap: 2,
   zIndex: 1000,
   maskClosable: true,
-  viewerVisibleDelay: 10000
+  viewerVisibleDelay: 10000,
+  maxZoom: 5,
+  minZoom: 0.1
 };

package/lib/cjs/index.d.ts

@@ -1,4 +1,6 @@
 import './_base/base.css';
+export { default as BaseFoundation } from '@douyinfe/semi-foundation/lib/cjs/base/foundation';
+export { default as BaseComponent } from "./_base/baseComponent";
 export { default as Anchor } from './anchor';
 export { default as AutoComplete } from './autoComplete';
 export { default as Avatar } from './avatar';

package/lib/cjs/index.js

@@ -51,6 +51,18 @@ Object.defineProperty(exports, "Banner", {
     return _banner.default;
   }
 });
+Object.defineProperty(exports, "BaseComponent", {
+  enumerable: true,
+  get: function () {
+    return _baseComponent.default;
+  }
+});
+Object.defineProperty(exports, "BaseFoundation", {
+  enumerable: true,
+  get: function () {
+    return _foundation.default;
+  }
+});
 Object.defineProperty(exports, "Breadcrumb", {
   enumerable: true,
   get: function () {
@@ -562,6 +574,8 @@ Object.defineProperty(exports, "withFormState", {
   }
 });
 require("./_base/base.css");
+var _foundation = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/base/foundation"));
+var _baseComponent = _interopRequireDefault(require("./_base/baseComponent"));
 var _anchor = _interopRequireDefault(require("./anchor"));
 var _autoComplete = _interopRequireDefault(require("./autoComplete"));
 var _avatar = _interopRequireDefault(require("./avatar"));

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;
-    closable?: boolean;
     bodyStyle?: React.CSSProperties;
+    closable?: boolean;
     maskClosable?: boolean;
     cancelButtonProps?: import("../button").BaseButtonProps;
-    okType?: import("@douyinfe/semi-foundation/lib/cjs/modal/modalFoundation").OKType;
-    cancelLoading?: boolean;
-    confirmLoading?: boolean;
     centered?: boolean;
+    confirmLoading?: boolean;
+    cancelLoading?: 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,6 +206,8 @@ 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;
@@ -366,8 +368,6 @@ 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,6 +376,12 @@ 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";
@@ -386,7 +392,6 @@ 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;
@@ -423,7 +428,7 @@ export declare function withError(props: ModalReactProps): {
         'aria-colcount'?: number;
         'aria-colindex'?: number;
         'aria-colspan'?: number;
-        'aria-current'?: boolean | "time" | "true" | "false" | "date" | "location" | "page" | "step";
+        'aria-current'?: boolean | "time" | "true" | "false" | "date" | "page" | "location" | "step";
         'aria-details'?: string;
         'aria-disabled'?: boolean | "true" | "false";
         'aria-dropeffect'?: "link" | "none" | "copy" | "move" | "execute" | "popup";
@@ -458,11 +463,6 @@ 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/notification/index.d.ts

@@ -33,20 +33,20 @@ declare class NotificationList extends BaseComponent<NotificationListProps, Noti
     constructor(props: NotificationListProps);
     context: ContextValue;
     get adapter(): NotificationListAdapter;
-    static addNotice(notice: NoticeProps): string | number;
+    static addNotice(notice: NoticeProps): string;
     static removeNotice(id: string): string;
-    static info(opts: NoticeProps): string | number;
-    static success(opts: NoticeProps): string | number;
-    static error(opts: NoticeProps): string | number;
-    static warning(opts: NoticeProps): string | number;
-    static open(opts: NoticeProps): string | number;
+    static info(opts: NoticeProps): string;
+    static success(opts: NoticeProps): string;
+    static error(opts: NoticeProps): string;
+    static warning(opts: NoticeProps): string;
+    static open(opts: NoticeProps): string;
     static close(id: string): string;
     static destroyAll(): void;
     static config(opts: ConfigProps): void;
     add: (noticeOpts: NoticeProps) => any;
     has: (id: string) => any;
-    remove: (id: string | number) => void;
-    update: (id: string | number, opts: NoticeProps) => any;
+    remove: (id: string) => void;
+    update: (id: string, opts: NoticeProps) => any;
     destroyAll: () => any;
     renderNoticeInPosition: (notices: NoticeInstance[], position: NoticePosition, removedItems?: NoticeInstance[], updatedItems?: NoticeInstance[]) => JSX.Element;
     setPosInStyle(noticeInstance: NoticeInstance): {};

package/lib/cjs/notification/index.js

@@ -117,6 +117,7 @@ class NotificationList extends _baseComponent.default {
   }
   static addNotice(notice) {
     var _a;
+    notice = Object.assign(Object.assign({}, defaultConfig), notice);
     const id = (_a = notice.id) !== null && _a !== void 0 ? _a : (0, _uuid.default)('notification');
     if (!ref) {
       const {
@@ -160,27 +161,27 @@ class NotificationList extends _baseComponent.default {
     return id;
   }
   static info(opts) {
-    return this.addNotice(Object.assign(Object.assign(Object.assign({}, defaultConfig), opts), {
+    return this.addNotice(Object.assign(Object.assign({}, opts), {
       type: 'info'
     }));
   }
   static success(opts) {
-    return this.addNotice(Object.assign(Object.assign(Object.assign({}, defaultConfig), opts), {
+    return this.addNotice(Object.assign(Object.assign({}, opts), {
       type: 'success'
     }));
   }
   static error(opts) {
-    return this.addNotice(Object.assign(Object.assign(Object.assign({}, defaultConfig), opts), {
+    return this.addNotice(Object.assign(Object.assign({}, opts), {
       type: 'error'
     }));
   }
   static warning(opts) {
-    return this.addNotice(Object.assign(Object.assign(Object.assign({}, defaultConfig), opts), {
+    return this.addNotice(Object.assign(Object.assign({}, opts), {
       type: 'warning'
     }));
   }
   static open(opts) {
-    return this.addNotice(Object.assign(Object.assign(Object.assign({}, defaultConfig), opts), {
+    return this.addNotice(Object.assign(Object.assign({}, opts), {
       type: 'default'
     }));
   }

package/lib/cjs/notification/notice.d.ts

@@ -16,7 +16,7 @@ declare class Notice extends BaseComponent<NoticeReactProps, NoticeState> {
     static contextType: React.Context<ContextValue>;
     static propTypes: {
         duration: PropTypes.Requireable<number>;
-        id: PropTypes.Requireable<NonNullable<string | number>>;
+        id: PropTypes.Requireable<string>;
         title: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         type: PropTypes.Requireable<string>;

package/lib/cjs/notification/notice.js

@@ -168,7 +168,7 @@ class Notice extends _baseComponent.default {
 Notice.contextType = _context.default;
 Notice.propTypes = {
   duration: _propTypes.default.number,
-  id: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
+  id: _propTypes.default.string,
   title: _propTypes.default.node,
   content: _propTypes.default.node,
   type: _propTypes.default.oneOf(types),

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" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver">;
+        position: PropTypes.Requireable<"left" | "right" | "top" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "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

@@ -139,7 +139,7 @@ export type SelectProps = {
     onDeselect?: (value: SelectProps['value'], option: Record<string, any>) => void;
     onSelect?: (value: SelectProps['value'], option: Record<string, any>) => void;
     allowCreate?: boolean;
-    triggerRender?: (props?: TriggerRenderProps) => React.ReactNode;
+    triggerRender?: (props: TriggerRenderProps) => React.ReactNode;
     onClear?: () => void;
     virtualize?: virtualListProps;
     onFocus?: (e: React.FocusEvent) => void;
@@ -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" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver">;
+        position: PropTypes.Requireable<"left" | "right" | "top" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "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/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" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver";
+        popoverPosition?: "left" | "right" | "top" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver";
         hideOnSinglePage?: boolean;
         hoverShowPageSelect?: boolean;
         disabled?: boolean;

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

@@ -63,7 +63,7 @@ export type TimePickerProps = {
     secondStep?: number;
     showClear?: boolean;
     size?: InputSize;
-    stopPropagation: boolean;
+    stopPropagation?: boolean;
     style?: React.CSSProperties;
     timeZone?: string | number;
     triggerRender?: (props?: any) => React.ReactNode;
@@ -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[] | Date | number[] | Date[]>>;
+        value: PropTypes.Requireable<NonNullable<string | number | string[] | number[] | Date | Date[]>>;
         inputReadOnly: PropTypes.Requireable<boolean>;
         disabled: PropTypes.Requireable<boolean>;
         showClear: PropTypes.Requireable<boolean>;
-        defaultValue: PropTypes.Requireable<NonNullable<string | number | string[] | Date | number[] | Date[]>>;
+        defaultValue: PropTypes.Requireable<NonNullable<string | number | string[] | number[] | Date | 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[] | Date | number[] | Date[]>>;
+declare const TimeShape: PropTypes.Requireable<NonNullable<string | number | string[] | number[] | Date | 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[] | Date | number[] | Date[]>>;
+        value: import("prop-types").Requireable<NonNullable<string | number | string[] | number[] | Date | 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[] | Date | number[] | Date[]>>;
+        defaultValue: import("prop-types").Requireable<NonNullable<string | number | string[] | number[] | Date | 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" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver">;
+        position: PropTypes.Requireable<"left" | "right" | "top" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver">;
         getPopupContainer: PropTypes.Requireable<(...args: any[]) => any>;
         mouseEnterDelay: PropTypes.Requireable<number>;
         mouseLeaveDelay: PropTypes.Requireable<number>;

package/lib/cjs/tree/indent.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+interface IndentProps {
+    prefixcls: string;
+    level: number;
+    isEnd: boolean[];
+    showLine: boolean;
+}
+declare const _default: React.MemoExoticComponent<({ prefixcls, level, isEnd, showLine }: IndentProps) => JSX.Element>;
+export default _default;

package/lib/cjs/tree/indent.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+const Indent = _ref => {
+  let {
+    prefixcls,
+    level,
+    isEnd,
+    showLine
+  } = _ref;
+  const baseClassName = `${prefixcls}-indent-unit`;
+  const list = [];
+  for (let i = 0; i < level; i += 1) {
+    list.push( /*#__PURE__*/React.createElement("span", {
+      key: i,
+      className: (0, _classnames.default)(baseClassName, {
+        [`${baseClassName}-end`]: isEnd[i]
+      })
+    }));
+  }
+  return /*#__PURE__*/React.createElement("span", {
+    "aria-hidden": "true",
+    className: (0, _classnames.default)(`${prefixcls}-indent`, {
+      [`${prefixcls}-indent-show-line`]: showLine
+    })
+  }, list);
+};
+var _default = /*#__PURE__*/React.memo(Indent);
+exports.default = _default;

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

@@ -39,6 +39,7 @@ declare class Tree extends BaseComponent<TreeProps, TreeState> {
         searchStyle: PropTypes.Requireable<object>;
         selectedKey: PropTypes.Requireable<string>;
         showFilteredOnly: PropTypes.Requireable<boolean>;
+        showLine: PropTypes.Requireable<boolean>;
         style: PropTypes.Requireable<object>;
         treeData: PropTypes.Requireable<PropTypes.InferProps<{
             key: PropTypes.Requireable<string>;
@@ -90,6 +91,7 @@ declare class Tree extends BaseComponent<TreeProps, TreeState> {
         motion: boolean;
         leafOnly: boolean;
         showFilteredOnly: boolean;
+        showLine: boolean;
         expandAction: boolean;
         disableStrictly: boolean;
         draggable: boolean;

package/lib/cjs/tree/index.js

@@ -172,12 +172,14 @@ class Tree extends _baseComponent.default {
         return null;
       }
       const {
-        keyMaps
+        keyMaps,
+        showLine
       } = this.props;
-      const props = (0, _pick2.default)(treeNode, ['key', 'label', 'disabled', 'isLeaf', 'icon']);
+      const props = (0, _pick2.default)(treeNode, ['key', 'label', 'disabled', 'isLeaf', 'icon', 'isEnd']);
       const children = data[(0, _get2.default)(keyMaps, 'children', 'children')];
       !(0, _isUndefined2.default)(children) && (props.children = children);
       return /*#__PURE__*/_react.default.createElement(_treeNode.default, Object.assign({}, treeNodeProps, data, props, {
+        showLine: showLine,
         data: data,
         style: (0, _isEmpty2.default)(style) ? {} : style
       }));
@@ -611,6 +613,7 @@ class Tree extends _baseComponent.default {
         directory,
         multiple,
         showFilteredOnly,
+        showLine,
         motion,
         expandAction,
         loadData,
@@ -621,7 +624,7 @@ class Tree extends _baseComponent.default {
         virtualize,
         checkRelation
       } = _a,
-      rest = __rest(_a, ["blockNode", "className", "style", "filterTreeNode", "disabled", "icon", "directory", "multiple", "showFilteredOnly", "motion", "expandAction", "loadData", "renderLabel", "draggable", "renderFullLabel", "labelEllipsis", "virtualize", "checkRelation"]);
+      rest = __rest(_a, ["blockNode", "className", "style", "filterTreeNode", "disabled", "icon", "directory", "multiple", "showFilteredOnly", "showLine", "motion", "expandAction", "loadData", "renderLabel", "draggable", "renderFullLabel", "labelEllipsis", "virtualize", "checkRelation"]);
     const wrapperCls = (0, _classnames.default)(`${prefixcls}-wrapper`, className);
     const listCls = (0, _classnames.default)(`${prefixcls}-option-list`, {
       [`${prefixcls}-option-list-block`]: blockNode
@@ -710,6 +713,7 @@ Tree.propTypes = {
   searchStyle: _propTypes.default.object,
   selectedKey: _propTypes.default.string,
   showFilteredOnly: _propTypes.default.bool,
+  showLine: _propTypes.default.bool,
   style: _propTypes.default.object,
   treeData: _propTypes.default.arrayOf(_propTypes.default.shape({
     key: _propTypes.default.string,
@@ -761,6 +765,7 @@ Tree.defaultProps = {
   motion: true,
   leafOnly: false,
   showFilteredOnly: false,
+  showLine: false,
   expandAction: false,
   disableStrictly: false,
   draggable: false,