@douyinfe/semi-ui 2.44.0 → 2.45.0-beta.0

package/dist/umd/semi-ui.js

@@ -18642,13 +18642,21 @@ class foundation_Tooltip extends foundation {
     const containerRect = (isEmpty_default()(props.containerRect) ? props.containerRect : this._adapter.getPopupContainerRect()) || Object.assign({}, defaultRect);
     const wrapperRect = (isEmpty_default()(props.wrapperRect) ? props.wrapperRect : this._adapter.getWrapperBounding()) || Object.assign({}, defaultRect);
     const position = props.position != null ? props.position : this.getProp('position');
-    const SPACING = spacing != null ? spacing : this.getProp('spacing');
+    const RAW_SPACING = spacing != null ? spacing : this.getProp('spacing');
     const {
       arrowPointAtCenter,
       showArrow,
       arrowBounding
     } = this.getProps();
     const pointAtCenter = showArrow && arrowPointAtCenter;
+    let SPACING = RAW_SPACING;
+    let ANO_SPACING = 0;
+    if (typeof RAW_SPACING !== 'number') {
+      // extended spacing api with {x: number, y: number}, the axes of the spacing is determined based on the position
+      const isTopOrBottom = position.includes('top') || position.includes('bottom');
+      SPACING = isTopOrBottom ? RAW_SPACING.y : RAW_SPACING.x;
+      ANO_SPACING = isTopOrBottom ? RAW_SPACING.x : RAW_SPACING.y;
+    }
     const horizontalArrowWidth = get_default()(arrowBounding, 'width', 24);
     const verticalArrowHeight = get_default()(arrowBounding, 'width', 24);
     const arrowOffsetY = get_default()(arrowBounding, 'offsetY', 0);
@@ -18677,7 +18685,7 @@ class foundation_Tooltip extends foundation {
       case 'top':
         // left = middleX;
         // top = triggerRect.top - SPACING;
-        left = isWidthOverFlow ? isTriggerNearLeft ? containerRect.left + wrapperRect.width / 2 : containerRect.right - wrapperRect.width / 2 + offsetWidth : middleX;
+        left = isWidthOverFlow ? isTriggerNearLeft ? containerRect.left + wrapperRect.width / 2 : containerRect.right - wrapperRect.width / 2 + offsetWidth : middleX + ANO_SPACING;
         top = isHeightOverFlow ? containerRect.bottom + offsetHeight : triggerRect.top - SPACING;
         translateX = -0.5;
         translateY = -1;
@@ -18685,14 +18693,14 @@ class foundation_Tooltip extends foundation {
       case 'topLeft':
         // left = pointAtCenter ? middleX - offsetXWithArrow : triggerRect.left;
         // top = triggerRect.top - SPACING;
-        left = isWidthOverFlow ? isWrapperWidthOverflow ? containerRect.left : containerRect.right - wrapperRect.width : pointAtCenter ? middleX - offsetXWithArrow : triggerRect.left;
+        left = isWidthOverFlow ? isWrapperWidthOverflow ? containerRect.left : containerRect.right - wrapperRect.width : pointAtCenter ? middleX - offsetXWithArrow + ANO_SPACING : triggerRect.left + ANO_SPACING;
         top = isHeightOverFlow ? containerRect.bottom + offsetHeight : triggerRect.top - SPACING;
         translateY = -1;
         break;
       case 'topRight':
         // left = pointAtCenter ? middleX + offsetXWithArrow : triggerRect.right;
         // top = triggerRect.top - SPACING;
-        left = isWidthOverFlow ? containerRect.right + offsetWidth : pointAtCenter ? middleX + offsetXWithArrow : triggerRect.right;
+        left = isWidthOverFlow ? containerRect.right + offsetWidth : pointAtCenter ? middleX + offsetXWithArrow + ANO_SPACING : triggerRect.right + ANO_SPACING;
         top = isHeightOverFlow ? containerRect.bottom + offsetHeight : triggerRect.top - SPACING;
         translateY = -1;
         translateX = -1;
@@ -18702,7 +18710,7 @@ class foundation_Tooltip extends foundation {
         // top = middleY;
         // left = isWidthOverFlow? containerRect.right - SPACING : triggerRect.left - SPACING;
         left = isWidthOverFlow ? containerRect.right + offsetWidth - SPACING + offsetXWithArrow : triggerRect.left - SPACING;
-        top = isHeightOverFlow ? isTriggerNearTop ? containerRect.top + wrapperRect.height / 2 : containerRect.bottom - wrapperRect.height / 2 + offsetHeight : middleY;
+        top = isHeightOverFlow ? isTriggerNearTop ? containerRect.top + wrapperRect.height / 2 : containerRect.bottom - wrapperRect.height / 2 + offsetHeight : middleY + ANO_SPACING;
         translateX = -1;
         translateY = -0.5;
         break;
@@ -18710,34 +18718,34 @@ class foundation_Tooltip extends foundation {
         // left = triggerRect.left - SPACING;
         // top = pointAtCenter ? middleY - offsetYWithArrow : triggerRect.top;
         left = isWidthOverFlow ? containerRect.right + offsetWidth - SPACING + offsetXWithArrow : triggerRect.left - SPACING;
-        top = isHeightOverFlow ? containerRect.top : pointAtCenter ? middleY - offsetYWithArrow : triggerRect.top;
+        top = isHeightOverFlow ? containerRect.top : pointAtCenter ? middleY - offsetYWithArrow + ANO_SPACING : triggerRect.top + ANO_SPACING;
         translateX = -1;
         break;
       case 'leftBottom':
         // left = triggerRect.left - SPACING;
         // top = pointAtCenter ? middleY + offsetYWithArrow : triggerRect.bottom;
         left = isWidthOverFlow ? containerRect.right + offsetWidth - SPACING + offsetXWithArrow : triggerRect.left - SPACING;
-        top = isHeightOverFlow ? containerRect.bottom + offsetHeight : pointAtCenter ? middleY + offsetYWithArrow : triggerRect.bottom;
+        top = isHeightOverFlow ? containerRect.bottom + offsetHeight : pointAtCenter ? middleY + offsetYWithArrow + ANO_SPACING : triggerRect.bottom + ANO_SPACING;
         translateX = -1;
         translateY = -1;
         break;
       case 'bottom':
         // left = middleX;
         // top = triggerRect.top + triggerRect.height + SPACING;
-        left = isWidthOverFlow ? isTriggerNearLeft ? containerRect.left + wrapperRect.width / 2 : containerRect.right - wrapperRect.width / 2 + offsetWidth : middleX;
+        left = isWidthOverFlow ? isTriggerNearLeft ? containerRect.left + wrapperRect.width / 2 : containerRect.right - wrapperRect.width / 2 + offsetWidth : middleX + ANO_SPACING;
         top = isHeightOverFlow ? containerRect.top + offsetYWithArrow - SPACING : triggerRect.top + triggerRect.height + SPACING;
         translateX = -0.5;
         break;
       case 'bottomLeft':
         // left = pointAtCenter ? middleX - offsetXWithArrow : triggerRect.left;
         // top = triggerRect.bottom + SPACING;
-        left = isWidthOverFlow ? isWrapperWidthOverflow ? containerRect.left : containerRect.right - wrapperRect.width : pointAtCenter ? middleX - offsetXWithArrow : triggerRect.left;
+        left = isWidthOverFlow ? isWrapperWidthOverflow ? containerRect.left : containerRect.right - wrapperRect.width : pointAtCenter ? middleX - offsetXWithArrow + ANO_SPACING : triggerRect.left + ANO_SPACING;
         top = isHeightOverFlow ? containerRect.top + offsetYWithArrow - SPACING : triggerRect.top + triggerRect.height + SPACING;
         break;
       case 'bottomRight':
         // left = pointAtCenter ? middleX + offsetXWithArrow : triggerRect.right;
         // top = triggerRect.bottom + SPACING;
-        left = isWidthOverFlow ? containerRect.right + offsetWidth : pointAtCenter ? middleX + offsetXWithArrow : triggerRect.right;
+        left = isWidthOverFlow ? containerRect.right + offsetWidth : pointAtCenter ? middleX + offsetXWithArrow + ANO_SPACING : triggerRect.right + ANO_SPACING;
         top = isHeightOverFlow ? containerRect.top + offsetYWithArrow - SPACING : triggerRect.top + triggerRect.height + SPACING;
         translateX = -1;
         break;
@@ -18745,20 +18753,20 @@ class foundation_Tooltip extends foundation {
         // left = triggerRect.right + SPACING;
         // top = middleY;
         left = isWidthOverFlow ? containerRect.left - SPACING + offsetXWithArrow : triggerRect.right + SPACING;
-        top = isHeightOverFlow ? isTriggerNearTop ? containerRect.top + wrapperRect.height / 2 : containerRect.bottom - wrapperRect.height / 2 + offsetHeight : middleY;
+        top = isHeightOverFlow ? isTriggerNearTop ? containerRect.top + wrapperRect.height / 2 : containerRect.bottom - wrapperRect.height / 2 + offsetHeight : middleY + ANO_SPACING;
         translateY = -0.5;
         break;
       case 'rightTop':
         // left = triggerRect.right + SPACING;
         // top = pointAtCenter ? middleY - offsetYWithArrow : triggerRect.top;
         left = isWidthOverFlow ? containerRect.left - SPACING + offsetXWithArrow : triggerRect.right + SPACING;
-        top = isHeightOverFlow ? containerRect.top : pointAtCenter ? middleY - offsetYWithArrow : triggerRect.top;
+        top = isHeightOverFlow ? containerRect.top : pointAtCenter ? middleY - offsetYWithArrow + ANO_SPACING : triggerRect.top + ANO_SPACING;
         break;
       case 'rightBottom':
         // left = triggerRect.right + SPACING;
         // top = pointAtCenter ? middleY + offsetYWithArrow : triggerRect.bottom;
         left = isWidthOverFlow ? containerRect.left - SPACING + offsetXWithArrow : triggerRect.right + SPACING;
-        top = isHeightOverFlow ? containerRect.bottom + offsetHeight : pointAtCenter ? middleY + offsetYWithArrow : triggerRect.bottom;
+        top = isHeightOverFlow ? containerRect.bottom + offsetHeight : pointAtCenter ? middleY + offsetYWithArrow + ANO_SPACING : triggerRect.bottom + ANO_SPACING;
         translateY = -1;
         break;
       case 'leftTopOver':
@@ -18891,7 +18899,6 @@ class foundation_Tooltip extends foundation {
       innerHeight
     } = window;
     const {
-      spacing,
       margin
     } = this.getProps();
     const marginLeft = typeof margin === 'number' ? margin : margin.marginLeft;
@@ -18900,6 +18907,15 @@ class foundation_Tooltip extends foundation {
     const marginBottom = typeof margin === 'number' ? margin : margin.marginBottom;
     let isHeightOverFlow = false;
     let isWidthOverFlow = false;
+    const raw_spacing = this.getProp('spacing');
+    let spacing = raw_spacing;
+    let ano_spacing = 0;
+    if (typeof raw_spacing !== 'number') {
+      // extended spacing api with {x: number, y: number}, the axes of the spacing is determined based on the position
+      const isTopOrBottom = position.includes('top') || position.includes('bottom');
+      spacing = isTopOrBottom ? raw_spacing.y : raw_spacing.x;
+      ano_spacing = isTopOrBottom ? raw_spacing.x : raw_spacing.y;
+    }
     if (wrapperRect.width > 0 && wrapperRect.height > 0) {
       // let clientLeft = left + translateX * wrapperRect.width - containerRect.scrollLeft;
       // let clientTop = top + translateY * wrapperRect.height - containerRect.scrollTop;
@@ -18930,10 +18946,10 @@ class foundation_Tooltip extends foundation {
       const shouldViewReverseRight = restClientRight - marginRight < wrapperRect.width + spacing && clientLeft - marginLeft > wrapperRect.width + spacing;
       const shouldViewReverseTopOver = restClientTop - marginBottom < wrapperRect.height + spacing && clientBottom - marginTop > wrapperRect.height + spacing;
       const shouldViewReverseBottomOver = clientBottom - marginTop < wrapperRect.height + spacing && restClientTop - marginBottom > wrapperRect.height + spacing;
-      const shouldViewReverseTopSide = restClientTop < wrapperRect.height && clientBottom > wrapperRect.height;
-      const shouldViewReverseBottomSide = clientBottom < wrapperRect.height && restClientTop > wrapperRect.height;
-      const shouldViewReverseLeftSide = restClientLeft < wrapperRect.width && clientRight > wrapperRect.width;
-      const shouldViewReverseRightSide = clientRight < wrapperRect.width && restClientLeft > wrapperRect.width;
+      const shouldViewReverseTopSide = restClientTop < wrapperRect.height + ano_spacing && clientBottom > wrapperRect.height + ano_spacing;
+      const shouldViewReverseBottomSide = clientBottom < wrapperRect.height + ano_spacing && restClientTop > wrapperRect.height + ano_spacing;
+      const shouldViewReverseLeftSide = restClientLeft < wrapperRect.width + ano_spacing && clientRight > wrapperRect.width + ano_spacing;
+      const shouldViewReverseRightSide = clientRight < wrapperRect.width + ano_spacing && restClientLeft > wrapperRect.width + ano_spacing;
       const shouldReverseTopOver = restClientTop < wrapperRect.height + spacing && clientBottom > wrapperRect.height + spacing;
       const shouldReverseBottomOver = clientBottom < wrapperRect.height + spacing && restClientTop > wrapperRect.height + spacing;
       const shouldReverseLeftOver = restClientLeft < wrapperRect.width && clientRight > wrapperRect.width;
@@ -18956,10 +18972,10 @@ class foundation_Tooltip extends foundation {
       const shouldContainerReverseRight = this.isReverse(restClientRightInContainer - marginRight, clientLeftInContainer - marginLeft, wrapperRect.width + spacing);
       const shouldContainerReverseTopOver = this.isReverse(restClientTopInContainer - marginBottom, clientBottomInContainer - marginTop, wrapperRect.height + spacing);
       const shouldContainerReverseBottomOver = this.isReverse(clientBottomInContainer - marginTop, restClientTopInContainer - marginBottom, wrapperRect.height + spacing);
-      const shouldContainerReverseTopSide = this.isReverse(restClientTopInContainer, clientBottomInContainer, wrapperRect.height);
-      const shouldContainerReverseBottomSide = this.isReverse(clientBottomInContainer, restClientTopInContainer, wrapperRect.height);
-      const shouldContainerReverseLeftSide = this.isReverse(restClientLeftInContainer, clientRightInContainer, wrapperRect.width);
-      const shouldContainerReverseRightSide = this.isReverse(clientRightInContainer, restClientLeftInContainer, wrapperRect.width);
+      const shouldContainerReverseTopSide = this.isReverse(restClientTopInContainer, clientBottomInContainer, wrapperRect.height + ano_spacing);
+      const shouldContainerReverseBottomSide = this.isReverse(clientBottomInContainer, restClientTopInContainer, wrapperRect.height + ano_spacing);
+      const shouldContainerReverseLeftSide = this.isReverse(restClientLeftInContainer, clientRightInContainer, wrapperRect.width + ano_spacing);
+      const shouldContainerReverseRightSide = this.isReverse(clientRightInContainer, restClientLeftInContainer, wrapperRect.width + ano_spacing);
       const halfHeight = triggerRect.height / 2;
       const halfWidth = triggerRect.width / 2;
       // 视口, 原空间与反向空间是否都不足判断
@@ -18968,20 +18984,20 @@ class foundation_Tooltip extends foundation {
       const isViewXOverFlow = this.isOverFlow(clientLeft - marginLeft, restClientRight - marginRight, wrapperRect.width + spacing);
       const isViewYOverFlowSide = this.isOverFlow(clientBottom - marginTop, restClientTop - marginBottom, wrapperRect.height + spacing);
       const isViewXOverFlowSide = this.isOverFlow(clientRight - marginLeft, restClientLeft - marginRight, wrapperRect.width + spacing);
-      const isViewYOverFlowSideHalf = this.isHalfOverFlow(clientBottom - halfHeight, restClientTop - halfHeight, wrapperRect.height / 2);
-      const isViewXOverFlowSideHalf = this.isHalfOverFlow(clientRight - halfWidth, restClientLeft - halfWidth, wrapperRect.width / 2);
-      const isViewYEnoughSideHalf = this.isHalfAllEnough(clientBottom - halfHeight, restClientTop - halfHeight, wrapperRect.height / 2);
-      const isViewXEnoughSideHalf = this.isHalfAllEnough(clientRight - halfWidth, restClientLeft - halfWidth, wrapperRect.width / 2);
+      const isViewYOverFlowSideHalf = this.isHalfOverFlow(clientBottom - halfHeight, restClientTop - halfHeight, (wrapperRect.height + ano_spacing) / 2);
+      const isViewXOverFlowSideHalf = this.isHalfOverFlow(clientRight - halfWidth, restClientLeft - halfWidth, (wrapperRect.width + ano_spacing) / 2);
+      const isViewYEnoughSideHalf = this.isHalfAllEnough(clientBottom - halfHeight, restClientTop - halfHeight, (wrapperRect.height + ano_spacing) / 2);
+      const isViewXEnoughSideHalf = this.isHalfAllEnough(clientRight - halfWidth, restClientLeft - halfWidth, (wrapperRect.width + ano_spacing) / 2);
       // 容器, 原空间与反向空间是否都不足判断
       // container, whether the original space and the reverse space are insufficient to judge
       const isContainerYOverFlow = this.isOverFlow(clientTopInContainer - marginTop, restClientBottomInContainer - marginBottom, wrapperRect.height + spacing);
       const isContainerXOverFlow = this.isOverFlow(clientLeftInContainer - marginLeft, restClientRightInContainer - marginRight, wrapperRect.width + spacing);
       const isContainerYOverFlowSide = this.isOverFlow(clientBottomInContainer - marginTop, restClientTopInContainer - marginBottom, wrapperRect.height + spacing);
       const isContainerXOverFlowSide = this.isOverFlow(clientRightInContainer - marginLeft, restClientLeftInContainer - marginRight, wrapperRect.width + spacing);
-      const isContainerYOverFlowSideHalf = this.isHalfOverFlow(clientBottomInContainer - halfHeight, restClientTopInContainer - halfHeight, wrapperRect.height / 2);
-      const isContainerXOverFlowSideHalf = this.isHalfOverFlow(clientRightInContainer - halfWidth, restClientLeftInContainer - halfWidth, wrapperRect.width / 2);
-      const isContainerYEnoughSideHalf = this.isHalfAllEnough(clientBottomInContainer - halfHeight, restClientTopInContainer - halfHeight, wrapperRect.height / 2);
-      const isContainerXEnoughSideHalf = this.isHalfAllEnough(clientRightInContainer - halfWidth, restClientLeftInContainer - halfWidth, wrapperRect.width / 2);
+      const isContainerYOverFlowSideHalf = this.isHalfOverFlow(clientBottomInContainer - halfHeight, restClientTopInContainer - halfHeight, (wrapperRect.height + ano_spacing) / 2);
+      const isContainerXOverFlowSideHalf = this.isHalfOverFlow(clientRightInContainer - halfWidth, restClientLeftInContainer - halfWidth, (wrapperRect.width + ano_spacing) / 2);
+      const isContainerYEnoughSideHalf = this.isHalfAllEnough(clientBottomInContainer - halfHeight, restClientTopInContainer - halfHeight, (wrapperRect.height + ano_spacing) / 2);
+      const isContainerXEnoughSideHalf = this.isHalfAllEnough(clientRightInContainer - halfWidth, restClientLeftInContainer - halfWidth, (wrapperRect.width + ano_spacing) / 2);
       // 综合 viewport + container 判断微调，即视口 + 容器都放置不行时才能考虑位置调整
       // Comprehensive viewport + container judgment fine-tuning, that is, the position adjustment can only be considered when the viewport + container cannot be placed.
       const shouldReverseTop = this.getReverse(isViewYOverFlow, isContainerYOverFlow, shouldViewReverseTop, shouldContainerReverseTop);
@@ -20680,7 +20696,7 @@ Tooltip.propTypes = {
   prefixCls: (prop_types_default()).string,
   onVisibleChange: (prop_types_default()).func,
   onClickOutSide: (prop_types_default()).func,
-  spacing: (prop_types_default()).number,
+  spacing: prop_types_default().oneOfType([(prop_types_default()).number, (prop_types_default()).object]),
   margin: prop_types_default().oneOfType([(prop_types_default()).number, (prop_types_default()).object]),
   showArrow: prop_types_default().oneOfType([(prop_types_default()).bool, (prop_types_default()).node]),
   zIndex: (prop_types_default()).number,
@@ -22362,6 +22378,7 @@ var popover_rest = undefined && undefined.__rest || function (s, e) {
 
 
 
+
 const popover_positionSet = popover_constants_strings.POSITION_SET;
 const popover_triggerSet = popover_constants_strings.TRIGGER_SET;
 class Popover extends (external_root_React_commonjs2_react_commonjs_react_amd_react_default()).PureComponent {
@@ -22434,7 +22451,7 @@ class Popover extends (external_root_React_commonjs2_react_commonjs_react_amd_re
       arrowStyle
     };
     const arrow = showArrow ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(popover_Arrow, Object.assign({}, arrowProps)) : false;
-    if (typeof spacing !== 'number') {
+    if (isNullOrUndefined(spacing)) {
       spacing = showArrow ? constants_numbers.SPACING_WITH_ARROW : constants_numbers.SPACING;
     }
     const role = trigger === 'click' || trigger === 'custom' ? 'dialog' : 'tooltip';
@@ -22471,7 +22488,7 @@ Popover.propTypes = {
   onVisibleChange: (prop_types_default()).func,
   onClickOutSide: (prop_types_default()).func,
   style: (prop_types_default()).object,
-  spacing: (prop_types_default()).number,
+  spacing: prop_types_default().oneOfType([(prop_types_default()).number, (prop_types_default()).object]),
   zIndex: (prop_types_default()).number,
   showArrow: (prop_types_default()).bool,
   arrowStyle: prop_types_default().shape({
@@ -60646,7 +60663,7 @@ DatePicker.propTypes = {
   validateStatus: prop_types_default().oneOf(datePicker_constants_strings.STATUS),
   renderDate: (prop_types_default()).func,
   renderFullDate: (prop_types_default()).func,
-  spacing: (prop_types_default()).number,
+  spacing: prop_types_default().oneOfType([(prop_types_default()).number, (prop_types_default()).object]),
   startDateOffset: (prop_types_default()).func,
   endDateOffset: (prop_types_default()).func,
   autoSwitchDate: (prop_types_default()).bool,
@@ -62944,7 +62961,7 @@ Dropdown.propTypes = {
   position: prop_types_default().oneOf(dropdown_positionSet),
   rePosKey: prop_types_default().oneOfType([(prop_types_default()).string, (prop_types_default()).number]),
   render: (prop_types_default()).node,
-  spacing: (prop_types_default()).number,
+  spacing: prop_types_default().oneOfType([(prop_types_default()).number, (prop_types_default()).object]),
   showTick: (prop_types_default()).bool,
   style: (prop_types_default()).object,
   trigger: prop_types_default().oneOf(dropdown_triggerSet),
@@ -64099,11 +64116,13 @@ class TextAreaFoundation extends foundation {
   constructor(adapter) {
     super(Object.assign(Object.assign({}, TextAreaFoundation.textAreaDefaultAdapter), adapter));
     this.resizeTextarea = cb => {
+      var _a;
       const {
         height
       } = this.getStates();
       const {
-        rows
+        rows,
+        autosize
       } = this.getProps();
       const node = this._adapter.getRef();
       const nodeSizingData = util_getSizingData(node);
@@ -64111,10 +64130,8 @@ class TextAreaFoundation extends foundation {
         cb && cb();
         return;
       }
-      const newHeight = calculateNodeHeight(nodeSizingData, node.value || node.placeholder || 'x', rows
-      // maxRows,
-      );
-
+      const [minRows, maxRows] = autosize !== null && typeof autosize === 'object' ? [(_a = autosize === null || autosize === void 0 ? void 0 : autosize.minRows) !== null && _a !== void 0 ? _a : rows, autosize === null || autosize === void 0 ? void 0 : autosize.maxRows] : [rows];
+      const newHeight = calculateNodeHeight(nodeSizingData, node.value || node.placeholder || 'x', minRows, maxRows);
       if (height !== newHeight) {
         this._adapter.notifyHeightUpdate(newHeight);
         node.style.height = `${newHeight}px`;
@@ -64301,6 +64318,8 @@ var input_textarea = __webpack_require__("d+AG");
 
 
 
+
+
 var textarea_rest = undefined && undefined.__rest || function (s, e) {
   var t = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
@@ -64512,7 +64531,7 @@ class TextArea extends BaseComponent {
     const itemCls = classnames_default()(`${textarea_prefixCls}-textarea`, {
       [`${textarea_prefixCls}-textarea-disabled`]: disabled,
       [`${textarea_prefixCls}-textarea-readonly`]: readonly,
-      [`${textarea_prefixCls}-textarea-autosize`]: autosize,
+      [`${textarea_prefixCls}-textarea-autosize`]: isObject_default()(autosize) ? isUndefined_default()(autosize === null || autosize === void 0 ? void 0 : autosize.maxRows) : autosize,
       [`${textarea_prefixCls}-textarea-showClear`]: showClear
     });
     const itemProps = Object.assign(Object.assign({}, omit_default()(rest, 'insetLabel', 'insetLabelId', 'getValueLength', 'onClear', 'showClear')), {
@@ -64544,7 +64563,7 @@ class TextArea extends BaseComponent {
   }
 }
 TextArea.propTypes = {
-  autosize: (prop_types_default()).bool,
+  autosize: prop_types_default().oneOfType([(prop_types_default()).bool, (prop_types_default()).object]),
   borderless: (prop_types_default()).bool,
   placeholder: (prop_types_default()).string,
   value: (prop_types_default()).string,
@@ -67369,6 +67388,15 @@ class NotificationListFoundation extends foundation {
     // return id;
   }
 
+  has(id) {
+    return this._adapter.getNotices().some(notice => notice.id === id);
+  }
+  update(id, noticeOpts) {
+    let notices = this._adapter.getNotices();
+    notices = notices.map(notice => notice.id === id ? Object.assign(Object.assign({}, notice), noticeOpts) : notice);
+    const updatedItems = notices.filter(notice => notice.id === id);
+    this._adapter.updateNotices(notices, [], updatedItems);
+  }
   removeNotice(id) {
     let notices = this._adapter.getNotices();
     // let notices = this._adapter.getNotices();
@@ -67817,12 +67845,17 @@ class NotificationList extends BaseComponent {
     super(props);
     _this = this;
     this.add = noticeOpts => this.foundation.addNotice(noticeOpts);
+    this.has = id => this.foundation.has(id);
     this.remove = id => {
       this.foundation.removeNotice(String(id));
     };
+    this.update = (id, opts) => {
+      return this.foundation.update(id, opts);
+    };
     this.destroyAll = () => this.foundation.destroyAll();
     this.renderNoticeInPosition = function (notices, position) {
       let removedItems = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
+      let updatedItems = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : [];
       const className = classnames_default()(notification_constants_cssClasses.LIST);
       // TODO notifyOnClose
       if (notices.length) {
@@ -67848,6 +67881,11 @@ class NotificationList extends BaseComponent {
                 isAnimating
               } = _ref;
               return isRemoved && !isAnimating ? null : /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(notification_notice, Object.assign({}, notice, {
+                ref: notice => {
+                  if (notice && updatedItems.some(item => item.id === notice.props.id)) {
+                    notice.foundation.restartCloseTimer();
+                  }
+                },
                 className: classnames_default()({
                   [notice.className]: Boolean(notice.className),
                   [animationClassName]: true
@@ -67864,7 +67902,8 @@ class NotificationList extends BaseComponent {
     };
     this.state = {
       notices: [],
-      removedItems: []
+      removedItems: [],
+      updatedItems: []
     };
     this.noticeStorage = [];
     this.removeItemStorage = [];
@@ -67875,19 +67914,22 @@ class NotificationList extends BaseComponent {
     return Object.assign(Object.assign({}, super.adapter), {
       updateNotices: function (notices) {
         let removedItems = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+        let updatedItems = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
         _this2.noticeStorage = [...notices];
         _this2.removeItemStorage = [...removedItems];
         // setState is async sometimes and react often merges state, so use "this" , make sure other code always get right data.
         _this2.setState({
           notices,
-          removedItems
+          removedItems,
+          updatedItems
         });
       },
       getNotices: () => this.noticeStorage
     });
   }
   static addNotice(notice) {
-    const id = getUuid('notification');
+    var _a;
+    const id = (_a = notice.id) !== null && _a !== void 0 ? _a : getUuid('notification');
     if (!ref) {
       const {
         getPopupContainer
@@ -67913,9 +67955,13 @@ class NotificationList extends BaseComponent {
         }));
       });
     } else {
-      ref.add(Object.assign(Object.assign({}, notice), {
-        id
-      }));
+      if (ref.has(`${id}`)) {
+        ref.update(id, notice);
+      } else {
+        ref.add(Object.assign(Object.assign({}, notice), {
+          id
+        }));
+      }
     }
     return id;
   }
@@ -67994,7 +68040,8 @@ class NotificationList extends BaseComponent {
       notices
     } = this.state;
     const {
-      removedItems
+      removedItems,
+      updatedItems
     } = this.state;
     notices = Array.from(new Set([...notices, ...removedItems]));
     const noticesInPosition = {
@@ -68014,7 +68061,7 @@ class NotificationList extends BaseComponent {
     const noticesList = Object.entries(noticesInPosition).map(obj => {
       const pos = obj[0];
       const noticesInPos = obj[1];
-      return this.renderNoticeInPosition(noticesInPos, pos, removedItems);
+      return this.renderNoticeInPosition(noticesInPos, pos, removedItems, updatedItems);
     });
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, null, noticesList);
   }
@@ -71052,7 +71099,7 @@ class Select extends BaseComponent {
       }, locale.createText), option.value)));
       return defaultCreateItem;
     }
-    const customCreateItem = renderCreateItem(option.value, isFocused);
+    const customCreateItem = renderCreateItem(option.value, isFocused, style);
     return (
       /*#__PURE__*/
       // eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/interactive-supports-focus
@@ -71773,7 +71820,7 @@ Select.propTypes = {
   autoAdjustOverflow: (prop_types_default()).bool,
   mouseEnterDelay: (prop_types_default()).number,
   mouseLeaveDelay: (prop_types_default()).number,
-  spacing: (prop_types_default()).number,
+  spacing: prop_types_default().oneOfType([(prop_types_default()).number, (prop_types_default()).object]),
   onBlur: (prop_types_default()).func,
   onFocus: (prop_types_default()).func,
   onClear: (prop_types_default()).func,
@@ -87171,9 +87218,6 @@ const createBaseToast = () => {
       const refFn = toast => {
         var _a;
         if (((_a = toast === null || toast === void 0 ? void 0 : toast.foundation) === null || _a === void 0 ? void 0 : _a._id) && updatedIds.includes(toast.foundation._id)) {
-          toast.foundation.setState({
-            duration: toast.props.duration
-          });
           toast.foundation.restartCloseTimer();
         }
       };
@@ -88870,8 +88914,10 @@ class Tree extends BaseComponent {
       const treeDataHasChange = prevProps && prevProps.treeData !== props.treeData;
       return firstInProps || treeDataHasChange;
     };
+    const needUpdateTreeData = needUpdate('treeData');
+    const needUpdateSimpleJson = needUpdate('treeDataSimpleJson');
     // Update the data of tree in state
-    if (needUpdate('treeData') || props.draggable && needUpdateData()) {
+    if (needUpdateTreeData || props.draggable && needUpdateData()) {
       treeData = props.treeData;
       newState.treeData = treeData;
       const entitiesMap = convertDataToEntities(treeData);
@@ -88879,7 +88925,7 @@ class Tree extends BaseComponent {
       keyEntities = newState.keyEntities;
       newState.cachedKeyValuePairs = Object.assign({}, entitiesMap.valueEntities);
       valueEntities = newState.cachedKeyValuePairs;
-    } else if (needUpdate('treeDataSimpleJson')) {
+    } else if (needUpdateSimpleJson) {
       // Convert treeDataSimpleJson to treeData
       treeData = convertJsonToData(props.treeDataSimpleJson);
       newState.treeData = treeData;
@@ -88896,7 +88942,7 @@ class Tree extends BaseComponent {
         newState.motionType = null;
       }
     }
-    const dataUpdated = needUpdate('treeDataSimpleJson') || needUpdate('treeData');
+    const dataUpdated = needUpdateSimpleJson || needUpdateTreeData;
     const expandAllWhenDataChange = dataUpdated && props.expandAll;
     if (!isSeaching) {
       // Update expandedKeys
@@ -91050,8 +91096,10 @@ class TreeSelect extends BaseComponent {
     const newState = {
       prevProps: props
     };
+    const needUpdateTreeData = needUpdate('treeData');
+    const needUpdateExpandedKeys = needUpdate('expandedKeys');
     // TreeNode
-    if (needUpdate('treeData')) {
+    if (needUpdateTreeData) {
       treeData = props.treeData;
       newState.treeData = treeData;
       const entitiesMap = convertDataToEntities(treeData);
@@ -91067,9 +91115,9 @@ class TreeSelect extends BaseComponent {
         newState.motionType = null;
       }
     }
-    const expandAllWhenDataChange = needUpdate('treeData') && props.expandAll;
+    const expandAllWhenDataChange = needUpdateTreeData && props.expandAll;
     // expandedKeys
-    if (needUpdate('expandedKeys') || prevProps && needUpdate('autoExpandParent')) {
+    if (needUpdateExpandedKeys || prevProps && needUpdate('autoExpandParent')) {
       newState.expandedKeys = calcExpandedKeys(props.expandedKeys, keyEntities, props.autoExpandParent || !prevProps);
       // only show animation when treeData does not change
       if (prevProps && props.motion && !treeData) {
@@ -91090,7 +91138,7 @@ class TreeSelect extends BaseComponent {
       newState.expandedKeys = calcExpandedKeysForValues(normalizeValue(props.value, withObject), keyEntities, props.multiple, valueEntities);
     }
     // flattenNodes
-    if (treeData || needUpdate('expandedKeys')) {
+    if (treeData || needUpdateExpandedKeys) {
       const flattenNodes = flattenTreeData(treeData || prevState.treeData, newState.expandedKeys || prevState.expandedKeys);
       newState.flattenNodes = flattenNodes;
     }
@@ -91142,7 +91190,7 @@ class TreeSelect extends BaseComponent {
       newState.loadedKeys = new Set(props.loadedKeys);
     }
     // ================== rePosKey ==================
-    if (needUpdate('treeData') || needUpdate('value')) {
+    if (needUpdateTreeData || needUpdate('value')) {
       newState.rePosKey = rePosKey + 1;
     }
     // ================ disableStrictly =================
@@ -98538,13 +98586,13 @@ class ArrayFieldComponent extends external_root_React_commonjs2_react_commonjs_r
       keys
     });
   }
-  addWithInitValue(lineObject) {
+  addWithInitValue(rowVal) {
     const updater = this.context;
     const {
       field
     } = this.props;
     const newArrayFieldVal = updater.getValue(field) ? updater.getValue(field).slice() : [];
-    newArrayFieldVal.push(lineObject);
+    newArrayFieldVal.push(rowVal);
     updater.updateStateValue(field, newArrayFieldVal, {});
     updater.updateArrayField(field, {
       updateKey: new Date().valueOf()