@douyinfe/semi-ui 2.0.9-alpha.4 → 2.1.0-alpha.3

package/lib/es/tooltip/index.js

@@ -168,23 +168,20 @@ export default class Tooltip extends BaseComponent {
         willEnter: this.willEnter,
         didLeave: this.didLeave,
         motion: motion
-      }, transitionState === 'enter' ? _ref => {
-        let {
-          animateCls,
-          animateStyle,
-          animateEvents
-        } = _ref;
-        return /*#__PURE__*/React.createElement("div", _Object$assign({
-          className: classNames(className, animateCls),
-          style: _Object$assign(_Object$assign(_Object$assign({
-            visibility: 'visible'
-          }, animateStyle), {
-            transformOrigin
-          }), style)
-        }, portalEventSet, animateEvents, {
-          "x-placement": placement
-        }), content, icon);
-      } : null) : /*#__PURE__*/React.createElement("div", _Object$assign({
+      }, transitionState === 'enter' ? ({
+        animateCls,
+        animateStyle,
+        animateEvents
+      }) => /*#__PURE__*/React.createElement("div", _Object$assign({
+        className: classNames(className, animateCls),
+        style: _Object$assign(_Object$assign(_Object$assign({
+          visibility: 'visible'
+        }, animateStyle), {
+          transformOrigin
+        }), style)
+      }, portalEventSet, animateEvents, {
+        "x-placement": placement
+      }), content, icon) : null) : /*#__PURE__*/React.createElement("div", _Object$assign({
         className: className
       }, portalEventSet, {
         "x-placement": placement,
@@ -227,11 +224,11 @@ export default class Tooltip extends BaseComponent {
       const mergedEvents = {};
       each(events, (handler, key) => {
         if (typeof handler === 'function') {
-          mergedEvents[key] = function () {
-            handler(...arguments);
+          mergedEvents[key] = (...args) => {
+            handler(...args);
 
             if (rawEvents && typeof rawEvents[key] === 'function') {
-              rawEvents[key](...arguments);
+              rawEvents[key](...args);
             }
           };
         }
@@ -267,19 +264,13 @@ export default class Tooltip extends BaseComponent {
   }
 
   get adapter() {
-    var _this = this;
-
     return _Object$assign(_Object$assign({}, super.adapter), {
       // eslint-disable-next-line @typescript-eslint/ban-ts-comment
       // @ts-ignore
-      on: function () {
-        return _this.eventManager.on(...arguments);
-      },
+      on: (...args) => this.eventManager.on(...args),
       // eslint-disable-next-line @typescript-eslint/ban-ts-comment
       // @ts-ignore
-      off: function () {
-        return _this.eventManager.off(...arguments);
-      },
+      off: (...args) => this.eventManager.off(...args),
       insertPortal: (content, _a) => {
         var {
           position
@@ -423,6 +414,7 @@ export default class Tooltip extends BaseComponent {
           popupEl = ReactDOM.findDOMNode(popupEl);
 
           if (el && !el.contains(e.target) && popupEl && !popupEl.contains(e.target) || this.props.clickTriggerToHide) {
+            this.props.onClickOutSide(e);
             cb();
           }
         };
@@ -621,6 +613,7 @@ Tooltip.propTypes = {
   content: PropTypes.node,
   prefixCls: PropTypes.string,
   onVisibleChange: PropTypes.func,
+  onClickOutSide: PropTypes.func,
   spacing: PropTypes.number,
   showArrow: PropTypes.oneOfType([PropTypes.bool, PropTypes.node]),
   zIndex: PropTypes.number,
@@ -646,6 +639,7 @@ Tooltip.defaultProps = {
   mouseEnterDelay: numbers.MOUSE_ENTER_DELAY,
   mouseLeaveDelay: numbers.MOUSE_LEAVE_DELAY,
   onVisibleChange: noop,
+  onClickOutSide: noop,
   spacing: numbers.SPACING,
   showArrow: true,
   arrowBounding: numbers.ARROW_BOUNDING

package/lib/es/transfer/index.js

@@ -462,24 +462,21 @@ class Transfer extends BaseComponent {
   renderRightSortableList(selectedData) {
     // when choose some items && draggable is true
     const SortableItem = SortableElement(item => this.renderRightItem(item));
-    const SortableList = SortableContainer(_ref => {
-      let {
-        items
-      } = _ref;
-      return /*#__PURE__*/React.createElement("div", {
-        className: "".concat(prefixcls, "-right-list")
-      }, _mapInstanceProperty(items).call(items, (item, index) =>
-      /*#__PURE__*/
-      // sortableElement will take over the property 'key', so use another '_optionKey' to pass
-      React.createElement(SortableItem, _Object$assign({
-        key: item.label,
-        index: index
-      }, item, {
-        _optionKey: item.key
-      })))) // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-      // @ts-ignore see reasons: https://github.com/clauderic/react-sortable-hoc/issues/206
-      ;
-    }, {
+    const SortableList = SortableContainer(({
+      items
+    }) => /*#__PURE__*/React.createElement("div", {
+      className: "".concat(prefixcls, "-right-list")
+    }, _mapInstanceProperty(items).call(items, (item, index) =>
+    /*#__PURE__*/
+    // sortableElement will take over the property 'key', so use another '_optionKey' to pass
+    React.createElement(SortableItem, _Object$assign({
+      key: item.label,
+      index: index
+    }, item, {
+      _optionKey: item.key
+    })))) // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore see reasons: https://github.com/clauderic/react-sortable-hoc/issues/206
+    , {
       distance: 10
     });
     const sortList = /*#__PURE__*/React.createElement(SortableList, {

package/lib/es/tree/index.js

@@ -61,13 +61,10 @@ class Tree extends BaseComponent {
 
     this.onNodeLoad = data => new _Promise(resolve => {
       // We need to get the latest state of loading/loaded keys
-      this.setState(_ref => {
-        let {
-          loadedKeys = new _Set([]),
-          loadingKeys = new _Set([])
-        } = _ref;
-        return this.foundation.handleNodeLoad(loadedKeys, loadingKeys, data, resolve);
-      });
+      this.setState(({
+        loadedKeys = new _Set([]),
+        loadingKeys = new _Set([])
+      }) => this.foundation.handleNodeLoad(loadedKeys, loadingKeys, data, resolve));
     });
 
     this.onNodeCheck = (e, treeNode) => {
@@ -423,11 +420,10 @@ class Tree extends BaseComponent {
       updateState: states => {
         this.setState(_Object$assign({}, states));
       },
-      notifyExpand: (expandedKeys, _ref2) => {
-        let {
-          expanded: bool,
-          node
-        } = _ref2;
+      notifyExpand: (expandedKeys, {
+        expanded: bool,
+        node
+      }) => {
         this.props.onExpand && this.props.onExpand([...expandedKeys], {
           expanded: bool,
           node
@@ -536,36 +532,30 @@ class Tree extends BaseComponent {
       });
     }
 
-    const option = _ref3 => {
-      let {
-        index,
-        style,
-        data
-      } = _ref3;
-      return this.renderTreeNode(data[index], index, style);
-    };
+    const option = ({
+      index,
+      style,
+      data
+    }) => this.renderTreeNode(data[index], index, style);
 
     return /*#__PURE__*/React.createElement(AutoSizer, {
       defaultHeight: virtualize.height,
       defaultWidth: virtualize.width
-    }, _ref4 => {
-      let {
-        height,
-        width
-      } = _ref4;
-      return /*#__PURE__*/React.createElement(VirtualList, {
-        itemCount: flattenNodes.length,
-        itemSize: virtualize.itemSize,
-        height: height,
-        width: width,
-        itemKey: this.itemKey,
-        itemData: flattenNodes,
-        className: "".concat(prefixcls, "-virtual-list"),
-        style: {
-          direction
-        }
-      }, option);
-    });
+    }, ({
+      height,
+      width
+    }) => /*#__PURE__*/React.createElement(VirtualList, {
+      itemCount: flattenNodes.length,
+      itemSize: virtualize.itemSize,
+      height: height,
+      width: width,
+      itemKey: this.itemKey,
+      itemData: flattenNodes,
+      className: "".concat(prefixcls, "-virtual-list"),
+      style: {
+        direction
+      }
+    }, option));
   }
 
   render() {

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

@@ -22,7 +22,7 @@ export interface OnDragProps extends BasicOnDragProps {
 export interface DragEnterProps extends DragProps {
     expandedKeys?: string[];
 }
-export interface ExpanedOtherProps extends BasicExpandedOtherProps {
+export interface ExpandedOtherProps extends BasicExpandedOtherProps {
     node: TreeNodeData;
 }
 export interface RenderFullLabelProps extends BasicRenderFullLabelProps {
@@ -57,7 +57,7 @@ export interface TreeProps extends BasicTreeProps {
     onDragStart?: (dragProps: DragProps) => void;
     onDragEnter?: (dragEnterProps: DragEnterProps) => void;
     onDrop?: (onDragProps: OnDragProps) => void;
-    onExpand?: (expandedKeys: string[], expanedOtherProps: ExpanedOtherProps) => void;
+    onExpand?: (expandedKeys: string[], expandedOtherProps: ExpandedOtherProps) => void;
     onLoad?: (loadedKeys?: Set<string>, treeNode?: TreeNodeData) => void;
     onContextMenu?: (e: MouseEvent, node: TreeNodeData) => void;
     onSelect?: (selectedKeys: string, selected: boolean, selectedNode: TreeNodeData) => void;

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

@@ -27,16 +27,7 @@ export declare type RenderSelectedItemInMultiple = (treeNode: TreeNodeData, othe
     isRenderInTag: boolean;
     content: React.ReactNode;
 };
-export interface RenderSelectedItem {
-    (treeNode: TreeNodeData): React.ReactNode;
-    (treeNode: TreeNodeData, otherProps: {
-        index: number | string;
-        onClose: (tagContent: any, e: React.MouseEvent) => void;
-    }): {
-        isRenderInTag: boolean;
-        content: React.ReactNode;
-    };
-}
+export declare type RenderSelectedItem = RenderSelectedItemInSingle | RenderSelectedItemInMultiple;
 export declare type OverrideCommonProps = 'renderFullLabel' | 'renderLabel' | 'defaultValue' | 'emptyContent' | 'filterTreeNode' | 'style' | 'treeData' | 'value' | 'onExpand';
 /**
 * Type definition description:
@@ -205,7 +196,7 @@ declare class TreeSelect extends BaseComponent<TreeSelectProps, TreeSelectState>
     renderArrow: () => JSX.Element;
     renderClearBtn: () => JSX.Element;
     renderSelection: () => JSX.Element;
-    renderTagItem: (key: string, idx: number) => any;
+    renderTagItem: (key: string, idx: number) => React.ReactNode;
     renderTagInput: () => JSX.Element;
     renderInput: () => JSX.Element;
     renderEmpty: () => JSX.Element;

package/lib/es/treeSelect/index.js

@@ -687,36 +687,30 @@ class TreeSelect extends BaseComponent {
         });
       }
 
-      const option = _ref => {
-        let {
-          index,
-          style,
-          data
-        } = _ref;
-        return this.renderTreeNode(data[index], index, style);
-      };
+      const option = ({
+        index,
+        style,
+        data
+      }) => this.renderTreeNode(data[index], index, style);
 
       return /*#__PURE__*/React.createElement(AutoSizer, {
         defaultHeight: virtualize.height,
         defaultWidth: virtualize.width
-      }, _ref2 => {
-        let {
-          height,
-          width
-        } = _ref2;
-        return /*#__PURE__*/React.createElement(VirtualList, {
-          itemCount: flattenNodes.length,
-          itemSize: virtualize.itemSize,
-          height: height,
-          width: width,
-          itemKey: this.itemKey,
-          itemData: flattenNodes,
-          className: "".concat(prefixTree, "-virtual-list"),
-          style: {
-            direction
-          }
-        }, option);
-      });
+      }, ({
+        height,
+        width
+      }) => /*#__PURE__*/React.createElement(VirtualList, {
+        itemCount: flattenNodes.length,
+        itemSize: virtualize.itemSize,
+        height: height,
+        width: width,
+        itemKey: this.itemKey,
+        itemData: flattenNodes,
+        className: "".concat(prefixTree, "-virtual-list"),
+        style: {
+          direction
+        }
+      }, option));
     };
 
     this.renderTree = () => {
@@ -939,8 +933,6 @@ class TreeSelect extends BaseComponent {
   }
 
   get adapter() {
-    var _this = this;
-
     const filterAdapter = {
       updateInputValue: value => {
         this.setState({
@@ -1001,13 +993,10 @@ class TreeSelect extends BaseComponent {
     };
     return _Object$assign(_Object$assign(_Object$assign(_Object$assign(_Object$assign({}, super.adapter), filterAdapter), treeSelectAdapter), treeAdapter), {
       updateLoadKeys: (data, resolve) => {
-        this.setState(_ref3 => {
-          let {
-            loadedKeys,
-            loadingKeys
-          } = _ref3;
-          return this.foundation.handleNodeLoad(loadedKeys, loadingKeys, data, resolve);
-        });
+        this.setState(({
+          loadedKeys,
+          loadingKeys
+        }) => this.foundation.handleNodeLoad(loadedKeys, loadingKeys, data, resolve));
       },
       updateState: states => {
         this.setState(_Object$assign({}, states));
@@ -1042,11 +1031,10 @@ class TreeSelect extends BaseComponent {
       notifyChangeWithObject: (node, e) => {
         this.props.onChange && this.props.onChange(node, e);
       },
-      notifyExpand: (expandedKeys, _ref4) => {
-        let {
-          expanded: bool,
-          node
-        } = _ref4;
+      notifyExpand: (expandedKeys, {
+        expanded: bool,
+        node
+      }) => {
         this.props.onExpand && this.props.onExpand([...expandedKeys], {
           expanded: bool,
           node
@@ -1056,11 +1044,11 @@ class TreeSelect extends BaseComponent {
           this.onNodeLoad(node);
         }
       },
-      notifyFocus: function () {
-        _this.props.onFocus && _this.props.onFocus(...arguments);
+      notifyFocus: (...v) => {
+        this.props.onFocus && this.props.onFocus(...v);
       },
-      notifyBlur: function () {
-        _this.props.onBlur && _this.props.onBlur(...arguments);
+      notifyBlur: (...v) => {
+        this.props.onBlur && this.props.onBlur(...v);
       },
       toggleHovering: bool => {
         this.setState({

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

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

package/lib/es/typography/util.js

@@ -34,14 +34,8 @@ function styleToString(style) {
   }).join('');
 }
 
-const getRenderText = function (originEle, rows) {
-  let content = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
-  let fixedContent = arguments.length > 3 ? arguments[3] : undefined;
-  let ellipsisStr = arguments.length > 4 ? arguments[4] : undefined;
-  let suffix = arguments.length > 5 ? arguments[5] : undefined;
-  let ellipsisPos // eslint-disable-next-line max-params
-  = arguments.length > 6 ? arguments[6] : undefined;
-
+const getRenderText = (originEle, rows, content = '', fixedContent, ellipsisStr, suffix, ellipsisPos // eslint-disable-next-line max-params
+) => {
   if (!ellipsisContainer) {
     ellipsisContainer = document.createElement('div');
     ellipsisContainer.setAttribute('aria-hidden', 'true');
@@ -101,10 +95,7 @@ const getRenderText = function (originEle, rows) {
   } // Get maximum text
 
 
-  function measureText(textNode, fullText) {
-    let startLoc = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
-    let endLoc = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : fullText.length;
-    let lastSuccessLoc = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 0;
+  function measureText(textNode, fullText, startLoc = 0, endLoc = fullText.length, lastSuccessLoc = 0) {
     const midLoc = Math.floor((startLoc + endLoc) / 2);
     const currentText = getCurrentText(fullText, midLoc);
     textNode.textContent = currentText; // console.log('calculating....', currentText);

package/lib/es/upload/fileCard.js

@@ -13,70 +13,61 @@ import { isElement } from '../_base/reactUtils';
 import { IconAlertCircle, IconClose, IconFile, IconRefresh } from '@douyinfe/semi-icons';
 const prefixCls = cssClasses.PREFIX;
 
-const ErrorSvg = function () {
-  let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return /*#__PURE__*/React.createElement("svg", _Object$assign({
-    width: "16",
-    height: "16",
-    viewBox: "0 0 16 16",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, props), /*#__PURE__*/React.createElement("circle", {
-    cx: "7.99992",
-    cy: "7.99992",
-    r: "6.66667",
-    fill: "white"
-  }), /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M15.3332 8.00008C15.3332 12.0502 12.0499 15.3334 7.99984 15.3334C3.94975 15.3334 0.666504 12.0502 0.666504 8.00008C0.666504 3.94999 3.94975 0.666748 7.99984 0.666748C12.0499 0.666748 15.3332 3.94999 15.3332 8.00008ZM8.99984 11.6667C8.99984 11.1145 8.55212 10.6667 7.99984 10.6667C7.44755 10.6667 6.99984 11.1145 6.99984 11.6667C6.99984 12.219 7.44755 12.6667 7.99984 12.6667C8.55212 12.6667 8.99984 12.219 8.99984 11.6667ZM7.99984 3.33341C7.27573 3.33341 6.7003 3.94171 6.74046 4.66469L6.94437 8.33495C6.97549 8.89513 7.4388 9.33341 7.99984 9.33341C8.56087 9.33341 9.02419 8.89513 9.05531 8.33495L9.25921 4.66469C9.29938 3.94171 8.72394 3.33341 7.99984 3.33341Z",
-    fill: "#F93920"
-  }));
-};
+const ErrorSvg = (props = {}) => /*#__PURE__*/React.createElement("svg", _Object$assign({
+  width: "16",
+  height: "16",
+  viewBox: "0 0 16 16",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, props), /*#__PURE__*/React.createElement("circle", {
+  cx: "7.99992",
+  cy: "7.99992",
+  r: "6.66667",
+  fill: "white"
+}), /*#__PURE__*/React.createElement("path", {
+  fillRule: "evenodd",
+  clipRule: "evenodd",
+  d: "M15.3332 8.00008C15.3332 12.0502 12.0499 15.3334 7.99984 15.3334C3.94975 15.3334 0.666504 12.0502 0.666504 8.00008C0.666504 3.94999 3.94975 0.666748 7.99984 0.666748C12.0499 0.666748 15.3332 3.94999 15.3332 8.00008ZM8.99984 11.6667C8.99984 11.1145 8.55212 10.6667 7.99984 10.6667C7.44755 10.6667 6.99984 11.1145 6.99984 11.6667C6.99984 12.219 7.44755 12.6667 7.99984 12.6667C8.55212 12.6667 8.99984 12.219 8.99984 11.6667ZM7.99984 3.33341C7.27573 3.33341 6.7003 3.94171 6.74046 4.66469L6.94437 8.33495C6.97549 8.89513 7.4388 9.33341 7.99984 9.33341C8.56087 9.33341 9.02419 8.89513 9.05531 8.33495L9.25921 4.66469C9.29938 3.94171 8.72394 3.33341 7.99984 3.33341Z",
+  fill: "#F93920"
+}));
 
-const ReplaceSvg = function () {
-  let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return /*#__PURE__*/React.createElement("svg", _Object$assign({
-    width: "28",
-    height: "28",
-    viewBox: "0 0 28 28",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, props), /*#__PURE__*/React.createElement("circle", {
-    cx: "14",
-    cy: "14",
-    r: "14",
-    fill: "#16161A",
-    fillOpacity: "0.6"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M9 10.25V18.25L10.25 13.25H17.875V11.75C17.875 11.4739 17.6511 11.25 17.375 11.25H14L12.75 9.75H9.5C9.22386 9.75 9 9.97386 9 10.25Z",
-    stroke: "currentColor",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M18 18.25L19 13.25H10.2031L9 18.25H18Z",
-    stroke: "currentColor",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }));
-};
+const ReplaceSvg = (props = {}) => /*#__PURE__*/React.createElement("svg", _Object$assign({
+  width: "28",
+  height: "28",
+  viewBox: "0 0 28 28",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, props), /*#__PURE__*/React.createElement("circle", {
+  cx: "14",
+  cy: "14",
+  r: "14",
+  fill: "#16161A",
+  fillOpacity: "0.6"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M9 10.25V18.25L10.25 13.25H17.875V11.75C17.875 11.4739 17.6511 11.25 17.375 11.25H14L12.75 9.75H9.5C9.22386 9.75 9 9.97386 9 10.25Z",
+  stroke: "currentColor",
+  strokeLinecap: "round",
+  strokeLinejoin: "round"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M18 18.25L19 13.25H10.2031L9 18.25H18Z",
+  stroke: "currentColor",
+  strokeLinecap: "round",
+  strokeLinejoin: "round"
+}));
 
-const DirectorySvg = function () {
-  let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return /*#__PURE__*/React.createElement("svg", _Object$assign({
-    width: "24",
-    height: "24",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M6 17V7.58824C6 7.26336 6.26863 7 6.6 7H10.5L12 8.76471H16.05C16.3814 8.76471 16.65 9.02806 16.65 9.35294V11.1176H7.5L6 17ZM6 17L7.44375 11.1176H18L16.8 17L6 17Z",
-    stroke: "currentColor",
-    strokeWidth: "1.5",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }));
-};
+const DirectorySvg = (props = {}) => /*#__PURE__*/React.createElement("svg", _Object$assign({
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, props), /*#__PURE__*/React.createElement("path", {
+  d: "M6 17V7.58824C6 7.26336 6.26863 7 6.6 7H10.5L12 8.76471H16.05C16.3814 8.76471 16.65 9.02806 16.65 9.35294V11.1176H7.5L6 17ZM6 17L7.44375 11.1176H18L16.8 17L6 17Z",
+  stroke: "currentColor",
+  strokeWidth: "1.5",
+  strokeLinecap: "round",
+  strokeLinejoin: "round"
+}));
 
 class FileCard extends PureComponent {
   transSize(size) {

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

@@ -6,7 +6,7 @@ import BaseComponent, { ValidateStatus } from '../_base/baseComponent';
 import { FileItem, RenderFileItemProps, UploadListType, PromptPositionType, BeforeUploadProps, AfterUploadProps, OnChangeProps, customRequestArgs, CustomError } from './interface';
 import { Locale } from '../locale/interface';
 import '@douyinfe/semi-foundation/lib/es/upload/upload.css';
-export { FileItem, RenderFileItemProps, UploadListType, PromptPositionType, BeforeUploadProps, AfterUploadProps, OnChangeProps, customRequestArgs, CustomError };
+export { FileItem, RenderFileItemProps, UploadListType, PromptPositionType, BeforeUploadProps, AfterUploadProps, OnChangeProps, customRequestArgs, CustomError, BeforeUploadObjectResult, AfterUploadResult };
 export interface UploadProps {
     accept?: string;
     action: string;

package/lib/es/upload/index.js

@@ -302,28 +302,22 @@ class Upload extends BaseComponent {
           });
         }
       },
-      notifyBeforeUpload: _ref => {
-        let {
-          file,
-          fileList
-        } = _ref;
-        return this.props.beforeUpload({
-          file,
-          fileList
-        });
-      },
-      notifyAfterUpload: _ref2 => {
-        let {
-          response,
-          file,
-          fileList
-        } = _ref2;
-        return this.props.afterUpload({
-          response,
-          file,
-          fileList
-        });
-      },
+      notifyBeforeUpload: ({
+        file,
+        fileList
+      }) => this.props.beforeUpload({
+        file,
+        fileList
+      }),
+      notifyAfterUpload: ({
+        response,
+        file,
+        fileList
+      }) => this.props.afterUpload({
+        response,
+        file,
+        fileList
+      }),
       resetInput: () => {
         this.setState(prevState => ({
           inputKey: Math.random()
@@ -337,16 +331,13 @@ class Upload extends BaseComponent {
       updateDragAreaStatus: dragAreaStatus => this.setState({
         dragAreaStatus
       }),
-      notifyChange: _ref3 => {
-        let {
-          currentFile,
-          fileList
-        } = _ref3;
-        return this.props.onChange({
-          currentFile,
-          fileList
-        });
-      },
+      notifyChange: ({
+        currentFile,
+        fileList
+      }) => this.props.onChange({
+        currentFile,
+        fileList
+      }),
       updateLocalUrls: urls => this.setState({
         localUrls: urls
       }),