@douyinfe/semi-ui 2.49.1 → 2.50.0-alpha.1

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

@@ -157,13 +157,13 @@ export declare function withError(props: ModalReactProps): {
     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;
     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;
@@ -377,6 +377,11 @@ export declare function withError(props: ModalReactProps): {
         accessKey?: string;
         autoFocus?: boolean;
         content?: string;
+        formAction?: string;
+        formEncType?: string;
+        formMethod?: string;
+        formNoValidate?: boolean;
+        formTarget?: string;
         contextMenu?: string;
         dir?: string;
         draggable?: boolean | "true" | "false";
@@ -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/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/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.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/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,

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

@@ -90,6 +90,7 @@ export interface TreeState extends BasicTreeInnerData {
 export interface TreeNodeProps extends BasicTreeNodeProps {
     children?: TreeNodeData[];
     icon?: ReactNode;
+    isEnd?: boolean[];
 }
 export interface TreeNodeState {
     [x: string]: any;
@@ -104,6 +105,7 @@ export interface FlattenNode extends BasicFlattenNode {
     data?: BasicTreeNodeData;
     label?: ReactNode;
     parent?: null | FlattenNode;
+    isEnd?: boolean[];
 }
 export interface NodeListProps {
     [x: string]: any;

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

@@ -22,6 +22,8 @@ export default class TreeNode extends PureComponent<TreeNodeProps, TreeNodeState
         treeNodeFilterProp: PropTypes.Requireable<string>;
         selectedKey: PropTypes.Requireable<string>;
         motionKey: PropTypes.Requireable<NonNullable<string | string[]>>;
+        isEnd: PropTypes.Requireable<boolean[]>;
+        showLine: PropTypes.Requireable<boolean>;
     };
     static defaultProps: {
         selectedKey: string;
@@ -56,6 +58,7 @@ export default class TreeNode extends PureComponent<TreeNodeProps, TreeNodeState
     isDisabled: () => boolean;
     renderArrow(): JSX.Element;
     renderCheckbox(): JSX.Element;
+    renderSwitcher: () => JSX.Element;
     renderIcon(): any;
     renderEmptyNode(): JSX.Element;
     renderRealLabel: () => any;

package/lib/cjs/tree/treeNode.js

@@ -19,6 +19,7 @@ var _checkbox = require("../checkbox");
 var _treeContext = _interopRequireDefault(require("./treeContext"));
 var _spin = _interopRequireDefault(require("../spin"));
 var _index = require("../_utils/index");
+var _indent = _interopRequireDefault(require("./indent"));
 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; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -204,6 +205,18 @@ class TreeNode extends _react.PureComponent {
       }
       return Boolean(treeDisabled || disabled);
     };
+    // Switcher
+    this.renderSwitcher = () => {
+      if (this.isLeaf()) {
+        // if switcherIconDom is null, no render switcher span
+        return /*#__PURE__*/_react.default.createElement("span", {
+          className: (0, _classnames.default)(`${prefixcls}-switcher`)
+        }, /*#__PURE__*/_react.default.createElement("span", {
+          className: `${prefixcls}-switcher-leaf-line`
+        }));
+      }
+      return null;
+    };
     this.renderRealLabel = () => {
       const {
         renderLabel
@@ -243,7 +256,8 @@ class TreeNode extends _react.PureComponent {
     const showIcon = !this.isLeaf();
     const {
       loading,
-      expanded
+      expanded,
+      showLine
     } = this.props;
     if (loading) {
       return /*#__PURE__*/_react.default.createElement(_spin.default, {
@@ -259,6 +273,9 @@ class TreeNode extends _react.PureComponent {
         onClick: this.onExpand
       });
     }
+    if (showLine) {
+      return this.renderSwitcher();
+    }
     return /*#__PURE__*/_react.default.createElement("span", {
       className: `${prefixcls}-empty-icon`
     });
@@ -342,9 +359,11 @@ class TreeNode extends _react.PureComponent {
         filtered,
         treeNodeFilterProp,
         display,
-        style
+        style,
+        isEnd,
+        showLine
       } = _a,
-      rest = __rest(_a, ["eventKey", "expanded", "selected", "checked", "halfChecked", "loading", "active", "level", "empty", "filtered", "treeNodeFilterProp", "display", "style"]);
+      rest = __rest(_a, ["eventKey", "expanded", "selected", "checked", "halfChecked", "loading", "active", "level", "empty", "filtered", "treeNodeFilterProp", "display", "style", "isEnd", "showLine"]);
     if (empty) {
       return this.renderEmptyNode();
     }
@@ -356,6 +375,7 @@ class TreeNode extends _react.PureComponent {
       dropPosition,
       labelEllipsis
     } = this.context;
+    const isEndNode = isEnd[isEnd.length - 1];
     const disabled = this.isDisabled();
     const dragOver = dragOverNodeKey === eventKey && dropPosition === 0;
     const dragOverGapTop = dragOverNodeKey === eventKey && dropPosition === -1;
@@ -373,7 +393,8 @@ class TreeNode extends _react.PureComponent {
       [`${prefixcls}-fullLabel-draggable`]: !disabled && draggable && renderFullLabel,
       // When draggable + renderFullLabel is turned on, the style of dragover
       [`${prefixcls}-fullLabel-drag-over-gap-top`]: !disabled && dragOverGapTop && renderFullLabel,
-      [`${prefixcls}-fullLabel-drag-over-gap-bottom`]: !disabled && dragOverGapBottom && renderFullLabel
+      [`${prefixcls}-fullLabel-drag-over-gap-bottom`]: !disabled && dragOverGapBottom && renderFullLabel,
+      [`${prefixcls}-tree-node-last-leaf`]: isEndNode
     });
     const labelProps = {
       onClick: this.onClick,
@@ -449,7 +470,12 @@ class TreeNode extends _react.PureComponent {
       onDoubleClick: this.onDoubleClick,
       ref: this.setRef,
       style: style
-    }, dragProps), this.renderArrow(), /*#__PURE__*/_react.default.createElement("span", {
+    }, dragProps), /*#__PURE__*/_react.default.createElement(_indent.default, {
+      showLine: showLine,
+      prefixcls: prefixcls,
+      level: level,
+      isEnd: isEnd
+    }), this.renderArrow(), /*#__PURE__*/_react.default.createElement("span", {
       className: labelCls
     }, multiple ? this.renderCheckbox() : null, this.renderIcon(), /*#__PURE__*/_react.default.createElement("span", {
       className: `${prefixcls}-label-text`
@@ -475,7 +501,9 @@ TreeNode.propTypes = {
   keyword: _propTypes.default.string,
   treeNodeFilterProp: _propTypes.default.string,
   selectedKey: _propTypes.default.string,
-  motionKey: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.arrayOf(_propTypes.default.string)])
+  motionKey: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.arrayOf(_propTypes.default.string)]),
+  isEnd: _propTypes.default.arrayOf(_propTypes.default.bool),
+  showLine: _propTypes.default.bool
 };
 TreeNode.defaultProps = {
   selectedKey: '',

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

@@ -29,7 +29,7 @@ export type RenderSelectedItemInMultiple = (treeNode: TreeNodeData, otherProps:
     content: React.ReactNode;
 };
 export type RenderSelectedItem = RenderSelectedItemInSingle | RenderSelectedItemInMultiple;
-export type OverrideCommonProps = 'renderFullLabel' | 'renderLabel' | 'defaultValue' | 'emptyContent' | 'filterTreeNode' | 'style' | 'treeData' | 'value' | 'onExpand' | 'keyMaps';
+export type OverrideCommonProps = 'renderFullLabel' | 'renderLabel' | 'defaultValue' | 'emptyContent' | 'filterTreeNode' | 'style' | 'treeData' | 'value' | 'onExpand' | 'keyMaps' | 'showLine';
 /**
 * Type definition description:
 * TreeSelectProps inherits some properties from BasicTreeSelectProps (from foundation) and TreeProps (from semi-ui-react).
@@ -134,6 +134,7 @@ declare class TreeSelect extends BaseComponent<TreeSelectProps, TreeSelectState>
         showSearchClear: PropTypes.Requireable<boolean>;
         autoAdjustOverflow: PropTypes.Requireable<boolean>;
         showFilteredOnly: PropTypes.Requireable<boolean>;
+        showLine: PropTypes.Requireable<boolean>;
         motionExpand: PropTypes.Requireable<boolean>;
         emptyContent: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         keyMaps: PropTypes.Requireable<object>;

package/lib/cjs/treeSelect/index.js

@@ -702,10 +702,13 @@ class TreeSelect extends _baseComponent.default {
         key
       } = treeNode;
       const treeNodeProps = this.foundation.getTreeNodeProps(key);
+      const {
+        showLine
+      } = this.props;
       if (!treeNodeProps) {
         return null;
       }
-      const props = (0, _pick2.default)(treeNode, ['key', 'label', 'disabled', 'isLeaf', 'icon']);
+      const props = (0, _pick2.default)(treeNode, ['key', 'label', 'disabled', 'isLeaf', 'icon', 'isEnd']);
       const {
         keyMaps
       } = this.props;
@@ -713,7 +716,8 @@ class TreeSelect extends _baseComponent.default {
       !(0, _isUndefined2.default)(children) && (props.children = children);
       return /*#__PURE__*/_react.default.createElement(_treeNode.default, Object.assign({}, treeNodeProps, data, props, {
         data: data,
-        style: style
+        style: style,
+        showLine: showLine
       }));
     };
     this.itemKey = (index, data) => {
@@ -1247,6 +1251,7 @@ TreeSelect.propTypes = {
   showSearchClear: _propTypes.default.bool,
   autoAdjustOverflow: _propTypes.default.bool,
   showFilteredOnly: _propTypes.default.bool,
+  showLine: _propTypes.default.bool,
   motionExpand: _propTypes.default.bool,
   emptyContent: _propTypes.default.node,
   keyMaps: _propTypes.default.object,

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

@@ -53,8 +53,6 @@ export interface PreviewProps extends BaseProps {
     zIndex?: number;
     children?: ReactNode;
     crossOrigin?: "anonymous" | "use-credentials";
-    maxZoom?: number;
-    minZoom?: number;
     renderHeader?: (info: any) => ReactNode;
     renderPreviewMenu?: (props: MenuProps) => ReactNode;
     getPopupContainer?: () => HTMLElement;
@@ -140,12 +138,14 @@ export interface FooterProps extends SliderProps {
     onRotate?: (direction: string) => void;
     onDownload?: () => void;
     renderPreviewMenu?: (props: MenuProps) => ReactNode;
-    forwardRef?: React.RefObject<HTMLElement>;
 }
 export interface PreviewImageProps {
     src?: string;
     rotation?: number;
     style?: React.CSSProperties;
+    maxZoom?: number;
+    minZoom?: number;
+    zoomStep?: number;
     zoom?: number;
     ratio?: RatioType;
     disableDownload?: boolean;

package/lib/es/image/previewFooter.js

@@ -12,9 +12,14 @@ import PreviewFooterFoundation from '@douyinfe/semi-foundation/lib/es/image/prev
 import LocaleConsumer from "../locale/localeConsumer";
 const prefixCls = cssClasses.PREFIX;
 const footerPrefixCls = `${cssClasses.PREFIX}-preview-footer`;
+let mouseActiveTime = 0;
 export default class Footer extends BaseComponent {
   get adapter() {
-    return Object.assign({}, super.adapter);
+    return Object.assign(Object.assign({}, super.adapter), {
+      setStartMouseOffset: time => {
+        mouseActiveTime = time;
+      }
+    });
   }
   constructor(props) {
     super(props);
@@ -254,15 +259,13 @@ export default class Footer extends BaseComponent {
   render() {
     const {
       className,
-      renderPreviewMenu,
-      forwardRef
+      renderPreviewMenu
     } = this.props;
     const menuCls = cls(footerPrefixCls, `${footerPrefixCls}-wrapper`, className, {
       [`${footerPrefixCls}-content`]: !Boolean(renderPreviewMenu)
     });
     return /*#__PURE__*/React.createElement("section", {
-      className: menuCls,
-      ref: forwardRef
+      className: menuCls
     }, renderPreviewMenu ? this.customRenderViewMenu() : this.getFooterMenu());
   }
 }

package/lib/es/image/previewHeader.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 import { HeaderProps } from "./interface";
-declare const Header: React.ForwardRefExoticComponent<HeaderProps & React.RefAttributes<HTMLElement>>;
+declare const Header: React.FC<HeaderProps>;
 export default Header;

package/lib/es/image/previewHeader.js

@@ -1,10 +1,10 @@
-import React, { forwardRef } from "react";
+import * as React from "react";
 import { IconClose } from "@douyinfe/semi-icons";
 import { cssClasses } from '@douyinfe/semi-foundation/lib/es/image/constants';
 import cls from "classnames";
 import { PreviewContext } from "./previewContext";
 const prefixCls = `${cssClasses.PREFIX}-preview-header`;
-const Header = /*#__PURE__*/forwardRef((_ref, ref) => {
+const Header = _ref => {
   let {
     onClose,
     titleStyle,
@@ -21,7 +21,6 @@ const Header = /*#__PURE__*/forwardRef((_ref, ref) => {
       title = titles[currentIndex];
     }
     return /*#__PURE__*/React.createElement("section", {
-      ref: ref,
       className: cls(prefixCls, className)
     }, /*#__PURE__*/React.createElement("section", {
       className: `${prefixCls}-title`,
@@ -31,5 +30,5 @@ const Header = /*#__PURE__*/forwardRef((_ref, ref) => {
       onMouseUp: onClose
     }, /*#__PURE__*/React.createElement(IconClose, null)));
   });
-});
+};
 export default Header;

package/lib/es/image/previewImage.d.ts

@@ -8,6 +8,9 @@ export default class PreviewImage extends BaseComponent<PreviewImageProps, Previ
         src: PropTypes.Requireable<string>;
         rotation: PropTypes.Requireable<number>;
         style: PropTypes.Requireable<object>;
+        maxZoom: PropTypes.Requireable<number>;
+        minZoom: PropTypes.Requireable<number>;
+        zoomStep: PropTypes.Requireable<number>;
         zoom: PropTypes.Requireable<number>;
         ratio: PropTypes.Requireable<string>;
         disableDownload: PropTypes.Requireable<boolean>;
@@ -18,21 +21,29 @@ export default class PreviewImage extends BaseComponent<PreviewImageProps, Previ
         onError: PropTypes.Requireable<(...args: any[]) => any>;
     };
     static defaultProps: {
+        maxZoom: number;
+        minZoom: number;
+        zoomStep: number;
         zoom: any;
     };
     get adapter(): PreviewImageAdapter<PreviewImageProps, PreviewImageStates>;
     containerRef: React.RefObject<HTMLDivElement>;
-    imageRef: React.RefObject<HTMLImageElement>;
+    imageRef: HTMLImageElement | null;
     foundation: PreviewImageFoundation;
     constructor(props: any);
     componentDidMount(): void;
     componentWillUnmount(): void;
     componentDidUpdate(prevProps: PreviewImageProps, prevStates: PreviewImageStates): void;
     onWindowResize: () => void;
+    handleZoomChange: (newZoom: any, e: any) => void;
     handleRightClickImage: (e: any) => void;
+    handleWheel: (e: any) => void;
     handleLoad: (e: any) => void;
     handleError: (e: any) => void;
+    resizeImage: () => void;
     handleMoveImage: (e: any) => void;
+    registryImageRef: (ref: any) => void;
     onImageMouseDown: (e: React.MouseEvent<HTMLImageElement>) => void;
+    onImageMouseUp: () => void;
     render(): JSX.Element;
 }