@douyinfe/semi-ui 2.19.1-alpha.1 → 2.19.2-alpha.0

package/dist/umd/semi-ui.js

@@ -24309,8 +24309,8 @@ class tooltip_Tooltip extends baseComponent_BaseComponent {
           ref.current = node;
         }
       },
-      tabIndex: children.props.tabIndex || 0 // a11y keyboard, in some condition select's tabindex need to -1 or 0 
-
+      tabIndex: children.props.tabIndex || 0,
+      'data-popupid': id
     })); // If you do not add a layer of div, in order to bind the events and className in the tooltip, you need to cloneElement children, but this time it may overwrite the children's original ref reference
     // So if the user adds ref to the content, you need to use callback ref: https://github.com/facebook/react/issues/8873
 
@@ -28805,7 +28805,9 @@ class link_Link extends baseComponent_BaseComponent {
       className,
       style,
       disabled = false,
-      title
+      title,
+      level,
+      direction
     } = this.props;
     const {
       activeLink,
@@ -28817,8 +28819,12 @@ class link_Link extends baseComponent_BaseComponent {
       ["".concat(link_prefixCls, "-link-title-active")]: active,
       ["".concat(link_prefixCls, "-link-title-disabled")]: disabled
     });
+    const paddingAttributeKey = direction === 'rtl' ? 'paddingRight' : 'paddingLeft';
     const ariaProps = {
-      'aria-disabled': disabled
+      'aria-disabled': disabled,
+      style: {
+        [paddingAttributeKey]: 8 * level
+      }
     };
 
     if (active) {
@@ -28873,12 +28879,16 @@ var anchor_anchor = __webpack_require__("5YqL");
 
 
 
+
 const anchor_prefixCls = cssClasses.PREFIX;
 
 
 class anchor_Anchor extends baseComponent_BaseComponent {
   constructor(props) {
+    var _this;
+
     super(props);
+    _this = this;
 
     this.addLink = link => {
       this.foundation.addLink(link);
@@ -28917,6 +28927,35 @@ class anchor_Anchor extends baseComponent_BaseComponent {
       this.foundation.updateChildMap(prevState, state);
     };
 
+    this.renderChildren = () => {
+      const loop = function (children) {
+        let level = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+        return external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.Children.map(children, child => {
+          if ( /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.isValidElement(child)) {
+            const childProps = {
+              direction: _this.context.direction,
+              level,
+              children: []
+            };
+            const {
+              children
+            } = child.props;
+            const hasChildren = children && external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.Children.count(children) > 0;
+
+            if (hasChildren) {
+              childProps.children = loop(children, level + 1);
+            }
+
+            return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.cloneElement(child, childProps);
+          }
+
+          return null;
+        });
+      };
+
+      return loop(this.props.children);
+    };
+
     this.state = {
       activeLink: '',
       links: [],
@@ -29119,11 +29158,12 @@ class anchor_Anchor extends baseComponent_BaseComponent {
     })), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
       className: anchorWrapper,
       role: "list"
-    }, children)));
+    }, this.renderChildren())));
   }
 
 }
 
+anchor_Anchor.contextType = configProvider_context;
 anchor_Anchor.Link = link_Link;
 anchor_Anchor.PropTypes = {
   size: prop_types_default.a.oneOf(strings.SIZE),
@@ -31864,6 +31904,7 @@ avatar_Avatar.propTypes = {
   onMouseEnter: prop_types_default.a.func,
   onMouseLeave: prop_types_default.a.func
 };
+avatar_Avatar.elementType = 'Avatar';
 // CONCATENATED MODULE: ./avatar/avatarGroup.tsx
 
 
@@ -33407,8 +33448,11 @@ class button_Button extends external_root_React_commonjs2_react_commonjs_react_a
 }
 
 button_Button.propTypes = Object.assign(Object.assign({}, Button_Button.propTypes), iconButton_0.propTypes);
+button_Button.elementType = 'Button';
 /* harmony default export */ var button_0 = (button_Button);
 // CONCATENATED MODULE: ./button/buttonGroup.tsx
+
+
 var buttonGroup_rest = undefined && undefined.__rest || function (s, e) {
   var t = {};
 
@@ -33429,6 +33473,42 @@ var buttonGroup_rest = undefined && undefined.__rest || function (s, e) {
 const buttonGroup_prefixCls = button_constants_cssClasses.PREFIX;
 const buttonGroup_btnSizes = button_constants_strings.sizes;
 class buttonGroup_ButtonGroup extends baseComponent_BaseComponent {
+  getInnerWithLine(inner) {
+    const innerWithLine = [];
+    let lineCls = "".concat(buttonGroup_prefixCls, "-group-line");
+
+    if (inner.length > 1) {
+      inner.slice(0, -1).forEach(item => {
+        const isButtonType = get_default()(item, 'type.elementType') === 'Button';
+
+        const buttonProps = get_default()(item, 'props');
+
+        if (buttonProps) {
+          const {
+            type,
+            theme,
+            disabled
+          } = buttonProps;
+          lineCls = classnames_default()("".concat(buttonGroup_prefixCls, "-group-line"), "".concat(buttonGroup_prefixCls, "-group-line-").concat(theme !== null && theme !== void 0 ? theme : 'light'), "".concat(buttonGroup_prefixCls, "-group-line-").concat(type !== null && type !== void 0 ? type : 'primary'), {
+            ["".concat(buttonGroup_prefixCls, "-group-line-disabled")]: disabled
+          });
+        }
+
+        if (isButtonType) {
+          innerWithLine.push(item, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("span", {
+            className: lineCls
+          }));
+        } else {
+          innerWithLine.push(item);
+        }
+      });
+      innerWithLine.push(inner.slice(-1));
+      return innerWithLine;
+    } else {
+      return inner;
+    }
+  }
+
   render() {
     const _a = this.props,
           {
@@ -33442,6 +33522,7 @@ class buttonGroup_ButtonGroup extends baseComponent_BaseComponent {
           rest = buttonGroup_rest(_a, ["children", "disabled", "size", "type", "className", 'aria-label']);
 
     let inner;
+    let innerWithLine = [];
     const cls = classnames_default()("".concat(buttonGroup_prefixCls, "-group"), className);
 
     if (children) {
@@ -33452,13 +33533,14 @@ class buttonGroup_ButtonGroup extends baseComponent_BaseComponent {
       }, itm.props), rest), {
         key: index
       })) : itm);
+      innerWithLine = this.getInnerWithLine(inner);
     }
 
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
       className: cls,
       role: "group",
       "aria-label": ariaLabel
-    }, inner);
+    }, innerWithLine);
   }
 
 }
@@ -36971,7 +37053,7 @@ const calcRowHeight = events => {
   const topIndArr = events.map(item => item.topInd);
   return topIndArr.length ? Math.max(...topIndArr) + 1 : 1;
 };
-const calcRangeData = (value, start, rangeLen, mode, locale) => {
+const calcRangeData = (value, start, rangeLen, mode, locale, weekStartsOn) => {
   const today = getCurrDate();
   const arr = [];
   [...Array(rangeLen).keys()].map(ind => {
@@ -36980,10 +37062,12 @@ const calcRangeData = (value, start, rangeLen, mode, locale) => {
     dateObj.ind = ind;
     dateObj.date = date;
     dateObj.dayString = format_format(date, 'd', {
-      locale
+      locale,
+      weekStartsOn
     });
     dateObj.weekday = format_format(date, 'EEE', {
-      locale
+      locale,
+      weekStartsOn
     });
     dateObj.isToday = isSameDay(date, today);
     dateObj.isWeekend = checkWeekend(date);
@@ -37015,7 +37099,7 @@ const calcWeekData = function (value) {
   const start = startOfWeek(value, {
     weekStartsOn
   });
-  return calcRangeData(value, start, 7, mode, locale);
+  return calcRangeData(value, start, 7, mode, locale, weekStartsOn);
 };
 /**
  *
@@ -37147,7 +37231,9 @@ const filterEvents = (events, start, end) => {
  */
 // eslint-disable-next-line max-len
 
-const filterWeeklyEvents = (events, weekStart) => filterEvents(events, weekStart, addDays(endOfWeek(weekStart), 1));
+const filterWeeklyEvents = (events, weekStart, weekStartsOn) => filterEvents(events, weekStart, addDays(endOfWeek(weekStart, {
+  weekStartsOn
+}), 1));
 /**
  * @returns {arr}
  * arrange and sort all day event for a range
@@ -37196,7 +37282,9 @@ const parseRangeAllDayEvent = (event, startDate, rangeStart, rangeEnd, parsed) =
  * arrange and sort weekly all day event
  */
 
-const parseWeeklyAllDayEvent = (event, startDate, weekStart, parsed) => parseRangeAllDayEvent(event, startDate, weekStart, addDays(endOfWeek(startDate), 1), parsed);
+const parseWeeklyAllDayEvent = (event, startDate, weekStart, parsed, weekStartsOn) => parseRangeAllDayEvent(event, startDate, weekStart, addDays(endOfWeek(startDate, {
+  weekStartsOn
+}), 1), parsed);
 const collectDailyEvents = events => {
   const collections = {};
   events.forEach((row, rowInd) => {
@@ -37349,12 +37437,13 @@ class foundation_CalendarFoundation extends foundation {
 
   getWeeklyData(value, dateFnsLocale) {
     const data = {};
-    data.month = format_format(value, 'LLL', {
-      locale: dateFnsLocale
-    });
     const {
       weekStartsOn
     } = this.getProps();
+    data.month = format_format(value, 'LLL', {
+      locale: dateFnsLocale,
+      weekStartsOn
+    });
     data.week = calcWeekData(value, 'week', dateFnsLocale, weekStartsOn);
 
     this._adapter.setWeeklyData(data);
@@ -37365,13 +37454,15 @@ class foundation_CalendarFoundation extends foundation {
   getRangeData(value, dateFnsLocale) {
     const data = {};
     const {
-      range
+      range,
+      weekStartsOn
     } = this.getProps();
     const len = differenceInCalendarDays(range[1], range[0]);
     data.month = format_format(value, 'LLL', {
-      locale: dateFnsLocale
+      locale: dateFnsLocale,
+      weekStartsOn
     });
-    data.week = calcRangeData(value, range[0], len, 'week', dateFnsLocale);
+    data.week = calcRangeData(value, range[0], len, 'week', dateFnsLocale, weekStartsOn);
 
     this._adapter.setRangeData(data);
 
@@ -37384,7 +37475,9 @@ class foundation_CalendarFoundation extends foundation {
     const {
       weekStartsOn
     } = this.getProps();
-    const numberOfWeek = getWeeksInMonth(value);
+    const numberOfWeek = getWeeksInMonth(value, {
+      weekStartsOn
+    });
     [...Array(numberOfWeek).keys()].map(ind => {
       data[ind] = calcWeekData(addDays(monthStart, ind * 7), 'month', dateFnsLocale, weekStartsOn);
     });
@@ -37448,12 +37541,15 @@ class foundation_CalendarFoundation extends foundation {
 
 
   _parseWeeklyEvents(events, weekStart) {
+    const {
+      weekStartsOn
+    } = this.getProps();
     let parsed = [[]];
-    const filtered = filterWeeklyEvents(events, weekStart);
+    const filtered = filterWeeklyEvents(events, weekStart, weekStartsOn);
     [...filtered.keys()].sort((a, b) => sortDate(a, b)).forEach(item => {
       const startDate = new Date(item);
       const curr = filtered.get(item).filter(event => isSameDay(event.date, startDate));
-      parsed = parseWeeklyAllDayEvent(curr, startDate, weekStart, parsed);
+      parsed = parseWeeklyAllDayEvent(curr, startDate, weekStart, parsed, weekStartsOn);
     });
     return parsed;
   }
@@ -37535,7 +37631,8 @@ class foundation_CalendarFoundation extends foundation {
     const parsed = {};
     const {
       displayValue,
-      events
+      events,
+      weekStartsOn
     } = this.getProps();
 
     const currDate = this._getDate();
@@ -37562,14 +37659,18 @@ class foundation_CalendarFoundation extends foundation {
       // WeekInd calculation error, need to consider the boundary situation at the beginning/end of the month
       // When the date falls within the month
       if (isSameMonth_isSameMonth(item.date, displayValue)) {
-        const weekInd = getWeekOfMonth(item.date) - 1;
+        const weekInd = getWeekOfMonth(item.date, {
+          weekStartsOn
+        }) - 1;
         this.pushDayEventIntoWeekMap(item, weekInd, parsed);
         return;
       } // When the date is within the previous month
 
 
       if (isBefore(item.date, firstDayOfMonth)) {
-        if (isSameWeek(item.date, firstDayOfMonth)) {
+        if (isSameWeek(item.date, firstDayOfMonth, {
+          weekStartsOn
+        })) {
           this.pushDayEventIntoWeekMap(item, 0, parsed);
         }
 
@@ -37578,8 +37679,12 @@ class foundation_CalendarFoundation extends foundation {
 
 
       if (isAfter(item.date, lastDayOfMonth)) {
-        if (isSameWeek(item.date, lastDayOfMonth)) {
-          const weekInd = getWeekOfMonth(lastDayOfMonth) - 1;
+        if (isSameWeek(item.date, lastDayOfMonth, {
+          weekStartsOn
+        })) {
+          const weekInd = getWeekOfMonth(lastDayOfMonth, {
+            weekStartsOn
+          }) - 1;
           this.pushDayEventIntoWeekMap(item, weekInd, parsed);
         }
 
@@ -37589,7 +37694,9 @@ class foundation_CalendarFoundation extends foundation {
     Object.keys(parsed).forEach(key => {
       const week = parsed[key];
       parsed[key] = {};
-      const weekStart = startOfWeek(week[0].date);
+      const weekStart = startOfWeek(week[0].date, {
+        weekStartsOn
+      });
       const weekMap = convertEventsArrToMap(week, 'start', startOfDay); // When there are multiple events in a week, multiple events should be parsed
       // const oldParsedWeeklyEvent = this._parseWeeklyEvents(weekMap, weekStart);
 
@@ -42917,15 +43024,23 @@ class checkbox_Checkbox extends baseComponent_BaseComponent {
     const name = inGroup && this.context.checkboxGroup.name;
     const xSemiPropChildren = this.props['x-semi-children-alias'] || 'children';
 
-    const renderContent = () => /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.Fragment, null, children ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("span", {
-      id: addonId,
-      className: "".concat(prefix, "-addon"),
-      "x-semi-prop": xSemiPropChildren
-    }, children) : null, extra ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-      id: extraId,
-      className: extraCls,
-      "x-semi-prop": "extra"
-    }, extra) : null);
+    const renderContent = () => {
+      if (!children && !extra) {
+        return null;
+      }
+
+      return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
+        className: "".concat(prefix, "-content")
+      }, children ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("span", {
+        id: addonId,
+        className: "".concat(prefix, "-addon"),
+        "x-semi-prop": xSemiPropChildren
+      }, children) : null, extra ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
+        id: extraId,
+        className: extraCls,
+        "x-semi-prop": "extra"
+      }, extra) : null);
+    };
 
     return (
       /*#__PURE__*/
@@ -42951,7 +43066,7 @@ class checkbox_Checkbox extends baseComponent_BaseComponent {
         focusInner: focusVisible && !focusOuter,
         onInputFocus: this.handleFocusVisible,
         onInputBlur: this.handleBlur
-      })), props.isCardType ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", null, renderContent()) : renderContent())
+      })), renderContent())
     );
   }
 
@@ -42995,6 +43110,7 @@ checkbox_Checkbox.defaultProps = {
   onMouseLeave: noop_default.a,
   type: 'default'
 };
+checkbox_Checkbox.elementType = 'Checkbox';
 /* harmony default export */ var checkbox_checkbox_0 = (checkbox_Checkbox);
 // CONCATENATED MODULE: ../semi-foundation/checkbox/checkboxGroupFoundation.ts
 
@@ -43153,7 +43269,8 @@ class checkboxGroup_CheckboxGroup extends baseComponent_BaseComponent {
       [prefix]: true,
       ["".concat(prefix, "-wrapper")]: true,
       ["".concat(prefix, "-").concat(direction)]: direction,
-      ["".concat(prefix, "-").concat(direction, "-cardType")]: direction && isCardType
+      ["".concat(prefix, "-").concat(direction, "-cardType")]: direction && isCardType,
+      ["".concat(prefix, "-").concat(direction, "-pureCardType")]: direction && isPureCardType
     }, className);
     const realValue = this.state.value.slice();
     let inner;
@@ -43792,7 +43909,7 @@ tag_Tag.defaultProps = {
 };
 tag_Tag.propTypes = {
   children: prop_types_default.a.node,
-  tagKey: prop_types_default.a.oneOf([prop_types_default.a.string, prop_types_default.a.number]),
+  tagKey: prop_types_default.a.oneOfType([prop_types_default.a.string, prop_types_default.a.number]),
   size: prop_types_default.a.oneOf(tagSize),
   color: prop_types_default.a.oneOf(tagColors),
   type: prop_types_default.a.oneOf(tagType),
@@ -56219,12 +56336,14 @@ class monthsGridFoundation_MonthsGridFoundation extends foundation {
   updateDateAfterChangeYM(type, targetDate) {
     const {
       multiple,
-      disabledDate
+      disabledDate,
+      type: dateType
     } = this.getProps();
     const {
       selected: selectedSet,
       rangeStart,
-      rangeEnd
+      rangeEnd,
+      monthLeft
     } = this.getStates(); // FIXME:
 
     const includeRange = ['dateRange', 'dateTimeRange'].includes(type);
@@ -56237,11 +56356,19 @@ class monthsGridFoundation_MonthsGridFoundation extends foundation {
       const selectedDate = new Date(selectedStr);
       const year = targetDate.getFullYear();
       const month = targetDate.getMonth();
-      const fullDate = set_set(selectedDate, {
+      let fullDate = set_set(selectedDate, {
         year,
         month
       });
 
+      if (dateType === 'dateTime') {
+        /**
+         * 如果是 type dateTime 切换月份要读取只取的time
+         * 无论 monthLeft 还是 monthRight 他们的 time 是不变的，所以只取 monthLeft 即可
+         */
+        fullDate = this._mergeDateAndTime(fullDate, monthLeft.pickerDate);
+      }
+
       if (disabledDate(fullDate, {
         rangeStart,
         rangeEnd
@@ -62910,8 +63037,9 @@ class foundation_DropdownFoundation extends foundation {
     switch (event.key) {
       case ' ':
       case 'Enter':
-        event.target.click();
-        handlePrevent(event);
+        event.target.click(); // user may use input to be the trigger and bind some key event on it, so do not stoppropagation
+        // handlePrevent(event);
+
         break;
 
       case 'ArrowDown':
@@ -62990,8 +63118,9 @@ class menuFoundation_DropdownMenuFoundation extends foundation {
     switch (event.key) {
       case ' ':
       case 'Enter':
-        event.target.click();
-        handlePrevent(event);
+        event.target.click(); // user may use input to be the trigger and bind some key event on it, so do not stoppropagation
+        // handlePrevent(event);
+
         break;
 
       case 'Escape':
@@ -63479,7 +63608,13 @@ class dropdown_Dropdown extends baseComponent_BaseComponent {
       }),
       'aria-haspopup': true,
       'aria-expanded': popVisible,
-      onKeyDown: e => this.foundation.handleKeyDown(e)
+      onKeyDown: e => {
+        this.foundation.handleKeyDown(e);
+
+        const childrenKeyDown = get_default()(children, 'props.onKeyDown');
+
+        childrenKeyDown && childrenKeyDown();
+      }
     }) : children);
   }
 
@@ -73751,9 +73886,9 @@ class foundation_SelectFoundation extends foundation {
       isOpen,
       isFocus
     } = this.getStates(); // Under normal circumstances, blur will be accompanied by clickOutsideHandler, so the notify of blur can be called uniformly in clickOutsideHandler
-    // But when autoFocus, because clickOutsideHandler is not register, you need to listen for the trigger's blur and trigger the notify callback
+    // But when autoFocus or the panel is close, because clickOutsideHandler is not register or unregister, you need to listen for the trigger's blur and trigger the notify callback
 
-    if (autoFocus && isFocus && !isOpen) {
+    if (isFocus && !isOpen) {
       this._notifyBlur(e);
     }
   }
@@ -73923,27 +74058,29 @@ class group_TagGroup extends external_root_React_commonjs2_react_commonjs_react_
         return tag;
       }
 
-      if (!tag.size) {
-        tag.size = size;
+      const newTag = Object.assign({}, tag);
+
+      if (!newTag.size) {
+        newTag.size = size;
       }
 
-      if (!tag.avatarShape) {
-        tag.avatarShape = avatarShape;
+      if (!newTag.avatarShape) {
+        newTag.avatarShape = avatarShape;
       }
 
-      if (!tag.tagKey) {
-        if (typeof tag.children === 'string' || typeof tag.children === 'number') {
-          tag.tagKey = tag.children;
+      if (!newTag.tagKey) {
+        if (typeof newTag.children === 'string' || typeof newTag.children === 'number') {
+          newTag.tagKey = newTag.children;
         } else {
-          tag.tagKey = Math.random();
+          newTag.tagKey = Math.random();
         }
       }
 
-      return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(tag_Tag, Object.assign({}, tag, {
-        key: tag.tagKey,
+      return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(tag_Tag, Object.assign({}, newTag, {
+        key: newTag.tagKey,
         onClose: (tagChildren, e, tagKey) => {
-          if (tag.onClose) {
-            tag.onClose(tagChildren, e, tagKey);
+          if (newTag.onClose) {
+            newTag.onClose(tagChildren, e, tagKey);
           }
 
           onTagClose && onTagClose(tagChildren, e, tagKey);
@@ -75967,24 +76104,58 @@ const popconfirm_constants_numbers = {
   DEFAULT_Z_INDEX: 1030
 };
 
+// CONCATENATED MODULE: ../semi-foundation/utils/isObject.ts
+function isObject_isObject(obj) {
+  return obj !== null && typeof obj === 'object';
+}
+// CONCATENATED MODULE: ../semi-foundation/utils/isPromise.ts
+
+function isPromise(value) {
+  return isObject_isObject(value) && typeof value.then === 'function';
+}
 // CONCATENATED MODULE: ../semi-foundation/popconfirm/popconfirmFoundation.ts
 /* eslint-disable @typescript-eslint/no-empty-function */
 
+
 class popconfirmFoundation_PopConfirmFoundation extends foundation {
   init() {}
 
   destroy() {}
 
   handleCancel(e) {
-    this._adapter.notifyCancel(e);
+    const maybePromise = this._adapter.notifyCancel(e);
+
+    if (isPromise(maybePromise)) {
+      this._adapter.updateCancelLoading(true);
 
-    this.handleVisibleChange(false);
+      maybePromise.then(result => {
+        this.handleVisibleChange(false);
+
+        this._adapter.updateCancelLoading(false);
+      }, errors => {
+        this._adapter.updateCancelLoading(false);
+      });
+    } else {
+      this.handleVisibleChange(false);
+    }
   }
 
   handleConfirm(e) {
-    this._adapter.notifyConfirm(e);
+    const maybePromise = this._adapter.notifyConfirm(e);
+
+    if (isPromise(maybePromise)) {
+      this._adapter.updateConfirmLoading(true);
+
+      maybePromise.then(result => {
+        this._adapter.updateConfirmLoading(false);
 
-    this.handleVisibleChange(false);
+        this.handleVisibleChange(false);
+      }, errors => {
+        this._adapter.updateConfirmLoading(false);
+      });
+    } else {
+      this.handleVisibleChange(false);
+    }
   }
 
   handleClickOutSide(e) {
@@ -76047,6 +76218,8 @@ class popconfirm_Popconfirm extends baseComponent_BaseComponent {
     this.stopImmediatePropagation = e => e && e.nativeEvent && e.nativeEvent.stopImmediatePropagation();
 
     this.state = {
+      cancelLoading: false,
+      confirmLoading: false,
       visible: props.defaultVisible || false
     };
     this.foundation = new popconfirmFoundation_PopConfirmFoundation(this.adapter);
@@ -76070,6 +76243,12 @@ class popconfirm_Popconfirm extends baseComponent_BaseComponent {
       setVisible: visible => this.setState({
         visible
       }),
+      updateConfirmLoading: loading => this.setState({
+        confirmLoading: loading
+      }),
+      updateCancelLoading: loading => this.setState({
+        cancelLoading: loading
+      }),
       notifyConfirm: e => this.props.onConfirm(e),
       notifyCancel: e => this.props.onCancel(e),
       notifyVisibleChange: visible => this.props.onVisibleChange(visible),
@@ -76086,15 +76265,21 @@ class popconfirm_Popconfirm extends baseComponent_BaseComponent {
       cancelButtonProps,
       okButtonProps
     } = this.props;
+    const {
+      cancelLoading,
+      confirmLoading
+    } = this.state;
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(localeConsumer_LocaleConsumer, {
       componentName: "Popconfirm"
     }, (locale, localeCode) => /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.Fragment, null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(button_0, Object.assign({
       type: cancelType,
-      onClick: this.handleCancel
+      onClick: this.handleCancel,
+      loading: cancelLoading
     }, cancelButtonProps), cancelText || get_default()(locale, 'cancel')), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(button_0, Object.assign({
       type: okType,
       theme: "solid",
-      onClick: this.handleConfirm
+      onClick: this.handleConfirm,
+      loading: confirmLoading
     }, okButtonProps), okText || get_default()(locale, 'confirm'))));
   }
 
@@ -76116,35 +76301,39 @@ class popconfirm_Popconfirm extends baseComponent_BaseComponent {
     });
     const showTitle = title !== null && typeof title !== 'undefined';
     const showContent = !(content === null || typeof content === 'undefined');
-    return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-      className: popCardCls,
-      onClick: this.stopImmediatePropagation,
-      style: style
-    }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-      className: "".concat(prefixCls, "-inner")
-    }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-      className: "".concat(prefixCls, "-header")
-    }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("i", {
-      className: "".concat(prefixCls, "-header-icon"),
-      "x-semi-prop": "icon"
-    }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.isValidElement(icon) ? icon : null), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-      className: "".concat(prefixCls, "-header-body")
-    }, showTitle ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-      className: "".concat(prefixCls, "-header-title"),
-      "x-semi-prop": "title"
-    }, title) : null), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(button_0, {
-      className: "".concat(prefixCls, "-btn-close"),
-      icon: /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(IconClose, null),
-      size: "small",
-      theme: 'borderless',
-      type: cancelType,
-      onClick: this.handleCancel
-    })), showContent ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-      className: "".concat(prefixCls, "-body"),
-      "x-semi-prop": "content"
-    }, content) : null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-      className: "".concat(prefixCls, "-footer")
-    }, this.renderControls())));
+    return (
+      /*#__PURE__*/
+      // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
+      external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
+        className: popCardCls,
+        onClick: this.stopImmediatePropagation,
+        style: style
+      }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
+        className: "".concat(prefixCls, "-inner")
+      }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
+        className: "".concat(prefixCls, "-header")
+      }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("i", {
+        className: "".concat(prefixCls, "-header-icon"),
+        "x-semi-prop": "icon"
+      }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.isValidElement(icon) ? icon : null), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
+        className: "".concat(prefixCls, "-header-body")
+      }, showTitle ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
+        className: "".concat(prefixCls, "-header-title"),
+        "x-semi-prop": "title"
+      }, title) : null), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(button_0, {
+        className: "".concat(prefixCls, "-btn-close"),
+        icon: /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(IconClose, null),
+        size: "small",
+        theme: 'borderless',
+        type: cancelType,
+        onClick: this.handleCancel
+      })), showContent ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
+        className: "".concat(prefixCls, "-body"),
+        "x-semi-prop": "content"
+      }, content) : null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
+        className: "".concat(prefixCls, "-footer")
+      }, this.renderControls())))
+    );
   }
 
   render() {
@@ -77124,16 +77313,26 @@ class radio_Radio extends baseComponent_BaseComponent {
       ["".concat(prefix, "-focus")]: focusVisible && isButtonRadio
     }, addonClassName);
 
-    const renderContent = () => /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.Fragment, null, children ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("span", {
-      className: addonCls,
-      style: addonStyle,
-      id: addonId,
-      "x-semi-prop": "children"
-    }, children) : null, extra && !isButtonRadio ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-      className: "".concat(prefix, "-extra"),
-      id: extraId,
-      "x-semi-prop": "extra"
-    }, extra) : null);
+    const renderContent = () => {
+      if (!children && !extra) {
+        return null;
+      }
+
+      return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
+        className: classnames_default()(["".concat(prefix, "-content"), {
+          ["".concat(prefix, "-isCardRadioGroup_content")]: isCardRadioGroup
+        }])
+      }, children ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("span", {
+        className: addonCls,
+        style: addonStyle,
+        id: addonId,
+        "x-semi-prop": "children"
+      }, children) : null, extra && !isButtonRadio ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
+        className: "".concat(prefix, "-extra"),
+        id: extraId,
+        "x-semi-prop": "extra"
+      }, extra) : null);
+    };
 
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("label", {
       style: style,
@@ -77154,9 +77353,7 @@ class radio_Radio extends baseComponent_BaseComponent {
       focusInner: focusVisible && !focusOuter,
       onInputFocus: this.handleFocusVisible,
       onInputBlur: this.handleBlur
-    })), isCardRadioGroup ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-      className: "".concat(prefix, "-isCardRadioGroup_content")
-    }, renderContent()) : renderContent());
+    })), renderContent());
   }
 
 }
@@ -77193,6 +77390,7 @@ radio_Radio.defaultProps = {
   mode: '',
   type: 'default'
 };
+radio_Radio.elementType = 'Radio';
 /* harmony default export */ var radio_radio_0 = (radio_Radio);
 // CONCATENATED MODULE: ./radio/radioGroup.tsx
 
@@ -77216,7 +77414,7 @@ class radioGroup_RadioGroup extends baseComponent_BaseComponent {
     this.getFormatName = () => this.props.name || 'default';
 
     this.state = {
-      value: undefined
+      value: props.value || props.defaultValue
     };
     this.foundation = new radioGroupFoundation_RadioGroupFoundation(this.adapter);
   }
@@ -79321,17 +79519,27 @@ class foundation_SliderFoundation extends foundation {
 
 
     this.outPutValue = inputValue => {
-      const step = this._adapter.getProp('step');
+      const checkHowManyDecimals = num => {
+        var _a, _b;
 
-      let transWay = Math.round;
+        const reg = /^\d+(\.\d+)?$/;
 
-      if (step < 1 && step >= 0.1) {
-        transWay = value => Math.round(value * 10) / 10;
-      } else if (step < 0.1 && step >= 0.01) {
-        transWay = value => Math.round(value * 100) / 100;
-      } else if (step < 0.01 && step >= 0.001) {
-        transWay = value => Math.round(value * 1000) / 1000;
-      }
+        if (reg.test(String(num))) {
+          return (_b = (_a = num.toString().split('.')[1]) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0;
+        }
+
+        return 0;
+      };
+
+      const step = this._adapter.getProp('step');
+
+      const transWay = (() => {
+        const decimals = checkHowManyDecimals(step);
+        const multipler = Math.pow(10, decimals);
+        return value => {
+          return Math.round(value * multipler) / multipler;
+        };
+      })();
 
       if (Array.isArray(inputValue)) {
         return [transWay(inputValue[0]), transWay(inputValue[1])];
@@ -96918,15 +97126,6 @@ treeSelect_TreeSelect.defaultProps = {
   'aria-label': 'TreeSelect'
 };
 /* harmony default export */ var treeSelect_0 = (treeSelect_TreeSelect);
-// CONCATENATED MODULE: ../semi-foundation/utils/isObject.ts
-function isObject_isObject(obj) {
-  return obj !== null && typeof obj === 'object';
-}
-// CONCATENATED MODULE: ../semi-foundation/utils/isPromise.ts
-
-function isPromise(value) {
-  return isObject_isObject(value) && typeof value.then === 'function';
-}
 // CONCATENATED MODULE: ../semi-foundation/upload/constants.ts
 
 const upload_constants_PREFIX = "".concat(BASE_CLASS_PREFIX, "-upload");