tdesign-react 0.34.2 → 0.34.4

package/dist/tdesign.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.34.2
+ * tdesign v0.34.4
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -13648,7 +13648,7 @@
 
   var Input = Input$1;
 
-  var _excluded$r = ["prepend", "append", "children", "className"];
+  var _excluded$r = ["prepend", "append", "children", "className", "style"];
 
   function ownKeys$1S(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -13682,12 +13682,26 @@
         append = props.append,
         children = props.children,
         className = props.className,
+        style = props.style,
         wrapperProps = _objectWithoutProperties$2(props, _excluded$r);
 
-    return /* @__PURE__ */React__default["default"].createElement("div", _objectSpread$1R({
+    function renderChildren() {
+      return React__default["default"].Children.map(children, function (child) {
+        if (!child) return null;
+
+        if ( /*#__PURE__*/React__default["default"].isValidElement(child)) {
+          return /*#__PURE__*/React__default["default"].cloneElement(child, _objectSpread$1R({}, wrapperProps));
+        }
+
+        return child;
+      });
+    }
+
+    return /* @__PURE__ */React__default["default"].createElement("div", {
       ref: ref,
+      style: style,
       className: classnames$1(className, "".concat(classPrefix, "-addon"), (_classNames = {}, _defineProperty$3(_classNames, "".concat(classPrefix, "-addon--prepend"), !!prepend), _defineProperty$3(_classNames, "".concat(classPrefix, "-addon--append"), !!append), _classNames))
-    }, wrapperProps), renderAddon("prepend", classPrefix, prepend), children, renderAddon("append", classPrefix, append));
+    }, renderAddon("prepend", classPrefix, prepend), renderChildren(), renderAddon("append", classPrefix, append));
   });
   Addon$1.displayName = "Addon";
 
@@ -18797,6 +18811,142 @@
   });
   var omit_1 = omit;
 
+  var checkTagDefaultProps = {
+    defaultChecked: void 0,
+    disabled: false,
+    size: "medium"
+  };
+  var tagDefaultProps = {
+    closable: false,
+    disabled: false,
+    icon: void 0,
+    shape: "square",
+    size: "medium",
+    theme: "default",
+    variant: "dark"
+  };
+
+  var _excluded$m = ["content", "onClick", "disabled", "children", "className", "size", "onChange"];
+
+  function ownKeys$1z(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+  function _objectSpread$1y(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1z(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1z(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  var CheckTag = /*#__PURE__*/React.forwardRef(function (props, ref) {
+    var _classNames;
+
+    var content = props.content,
+        _props$onClick = props.onClick,
+        _onClick = _props$onClick === void 0 ? noop$1 : _props$onClick,
+        disabled = props.disabled,
+        children = props.children,
+        className = props.className,
+        size = props.size,
+        onChange = props.onChange,
+        tagOtherProps = _objectWithoutProperties$2(props, _excluded$m);
+
+    var _useControlled = useControlled(props, "checked", onChange),
+        _useControlled2 = _slicedToArray(_useControlled, 2),
+        value = _useControlled2[0],
+        onValueChange = _useControlled2[1];
+
+    var _useConfig = useConfig$1(),
+        classPrefix = _useConfig.classPrefix;
+
+    var tagClassPrefix = "".concat(classPrefix, "-tag");
+    var sizeMap = {
+      large: "".concat(classPrefix, "-size-l"),
+      small: "".concat(classPrefix, "-size-s")
+    };
+    var checkTagClassNames = classnames$1(tagClassPrefix, sizeMap[size], className, "".concat(tagClassPrefix, "--default"), "".concat(tagClassPrefix, "--check"), "".concat(tagClassPrefix, "--").concat(size), (_classNames = {}, _defineProperty$3(_classNames, "".concat(tagClassPrefix, "--disabled"), disabled), _defineProperty$3(_classNames, "".concat(tagClassPrefix, "--checked"), value), _classNames));
+    return /* @__PURE__ */React__default["default"].createElement("span", _objectSpread$1y(_objectSpread$1y({
+      ref: ref,
+      className: checkTagClassNames
+    }, tagOtherProps), {}, {
+      onClick: function onClick(e) {
+        if (disabled) {
+          return;
+        }
+
+        onValueChange(!value);
+
+        _onClick({
+          e: e
+        });
+      }
+    }), children || content);
+  });
+  CheckTag.displayName = "CheckTag";
+  CheckTag.defaultProps = checkTagDefaultProps;
+
+  var _excluded$l = ["theme", "size", "shape", "variant", "closable", "maxWidth", "icon", "content", "onClick", "onClose", "className", "style", "disabled", "children"];
+
+  function ownKeys$1y(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+  function _objectSpread$1x(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1y(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1y(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  var Tag$1 = forwardRefWithStatics(function (props, ref) {
+    var _classNames;
+
+    var theme = props.theme,
+        size = props.size,
+        shape = props.shape,
+        variant = props.variant,
+        closable = props.closable,
+        maxWidth = props.maxWidth,
+        icon = props.icon,
+        content = props.content,
+        _props$onClick = props.onClick,
+        _onClick = _props$onClick === void 0 ? noop$1 : _props$onClick,
+        _props$onClose = props.onClose,
+        onClose = _props$onClose === void 0 ? noop$1 : _props$onClose,
+        className = props.className,
+        style = props.style,
+        disabled = props.disabled,
+        children = props.children,
+        otherTagProps = _objectWithoutProperties$2(props, _excluded$l);
+
+    var _useConfig = useConfig$1(),
+        classPrefix = _useConfig.classPrefix;
+
+    var tagClassPrefix = "".concat(classPrefix, "-tag");
+    var sizeMap = {
+      large: "".concat(classPrefix, "-size-l"),
+      small: "".concat(classPrefix, "-size-s")
+    };
+    var tagClassNames = classnames$1(tagClassPrefix, "".concat(tagClassPrefix, "--").concat(theme), "".concat(tagClassPrefix, "--").concat(variant), "".concat(tagClassPrefix, "--").concat(size), "".concat(tagClassPrefix, "--").concat(shape), (_classNames = {}, _defineProperty$3(_classNames, "".concat(tagClassPrefix, "--ellipsis"), !!maxWidth), _defineProperty$3(_classNames, "".concat(tagClassPrefix, "--disabled"), disabled), _classNames), sizeMap[size], className);
+    var deleteIcon = /* @__PURE__ */React__default["default"].createElement(CloseIcon, {
+      onClick: function onClick(e) {
+        if (disabled) return;
+        onClose({
+          e: e
+        });
+      },
+      className: "".concat(tagClassPrefix, "__icon-close")
+    });
+    var tag = /* @__PURE__ */React__default["default"].createElement("span", _objectSpread$1x({
+      ref: ref,
+      className: tagClassNames,
+      onClick: function onClick(e) {
+        if (disabled) return;
+
+        _onClick({
+          e: e
+        });
+      },
+      style: maxWidth ? _objectSpread$1x({
+        maxWidth: typeof maxWidth === "number" ? "".concat(maxWidth, "px") : maxWidth
+      }, style) : style
+    }, otherTagProps), icon, maxWidth ? /* @__PURE__ */React__default["default"].createElement("span", {
+      className: "".concat(tagClassPrefix, "--text")
+    }, children || content) : children || content, closable && deleteIcon);
+    return tag;
+  }, {
+    CheckTag: CheckTag
+  });
+  Tag$1.displayName = "Tag";
+  Tag$1.defaultProps = tagDefaultProps;
+
+  var Tag = Tag$1;
+
   var optionGroupDefaultProps = {
     divider: true
   };
@@ -18821,9 +18971,9 @@
     valueType: "value"
   };
 
-  function ownKeys$1z(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$1x(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-  function _objectSpread$1y(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1z(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1z(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$1w(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1x(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1x(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
   var OptionGroup = function OptionGroup(props) {
     var children = props.children,
@@ -18841,7 +18991,7 @@
           selectedValue: selectedValue,
           onSelect: onSelect
         };
-        return /*#__PURE__*/React.cloneElement(child, _objectSpread$1y({}, addedProps));
+        return /*#__PURE__*/React.cloneElement(child, _objectSpread$1w({}, addedProps));
       }
 
       return child;
@@ -18898,7 +19048,7 @@
     }
 
     var handleSelect = function handleSelect(event) {
-      if (!disabled || multiple && selected) {
+      if (!disabled) {
         onSelect(value, {
           label: String(label),
           selected: selected,
@@ -18913,7 +19063,7 @@
         var _classNames;
 
         return /* @__PURE__ */React__default["default"].createElement("label", {
-          className: classnames$1("".concat(classPrefix, "-checkbox"), (_classNames = {}, _defineProperty$3(_classNames, "".concat(classPrefix, "-is-disabled"), disabled && !selected), _defineProperty$3(_classNames, "".concat(classPrefix, "-is-checked"), selected), _classNames))
+          className: classnames$1("".concat(classPrefix, "-checkbox"), (_classNames = {}, _defineProperty$3(_classNames, "".concat(classPrefix, "-is-disabled"), disabled), _defineProperty$3(_classNames, "".concat(classPrefix, "-is-checked"), selected), _classNames))
         }, /* @__PURE__ */React__default["default"].createElement("input", {
           type: "checkbox",
           className: classnames$1("".concat(classPrefix, "-checkbox__former")),
@@ -19050,9 +19200,9 @@
     }));
   }
 
-  function ownKeys$1y(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$1w(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-  function _objectSpread$1x(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1y(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1y(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$1v(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1w(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1w(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var COMMON_PROPERTIES = ["status", "clearable", "disabled", "label", "placeholder", "readonly", "suffix", "suffixIcon", "onPaste", "onEnter", "onMouseenter", "onMouseleave"];
   var DEFAULT_KEYS$1 = {
     label: "label",
@@ -19084,7 +19234,7 @@
       return !disabled && loading;
     }, [loading, disabled]);
 
-    var commonInputProps = _objectSpread$1x(_objectSpread$1x({}, pick_1(props, COMMON_PROPERTIES)), {}, {
+    var commonInputProps = _objectSpread$1v(_objectSpread$1v({}, pick_1(props, COMMON_PROPERTIES)), {}, {
       suffixIcon: showLoading ? /* @__PURE__ */React__default["default"].createElement(Loading, {
         loading: true,
         size: "small"
@@ -19103,7 +19253,7 @@
 
     var onInnerInputChange = function onInnerInputChange(value2, context) {
       if (props.allowInput) {
-        setInputValue(value2, _objectSpread$1x(_objectSpread$1x({}, context), {}, {
+        setInputValue(value2, _objectSpread$1v(_objectSpread$1v({}, context), {}, {
           trigger: "input"
         }));
       }
@@ -19114,7 +19264,7 @@
 
       var singleValueDisplay = !props.multiple ? props.valueDisplay : null;
       var displayedValue = popupVisible && props.allowInput ? inputValue : getInputValue(value, keys);
-      return /* @__PURE__ */React__default["default"].createElement(Input, _objectSpread$1x(_objectSpread$1x(_objectSpread$1x({
+      return /* @__PURE__ */React__default["default"].createElement(Input, _objectSpread$1v(_objectSpread$1v(_objectSpread$1v({
         ref: inputRef
       }, commonInputProps), {}, {
         autoWidth: props.autoWidth,
@@ -19127,24 +19277,24 @@
         onBlur: function onBlur(val, context) {
           var _props$onBlur;
 
-          (_props$onBlur = props.onBlur) === null || _props$onBlur === void 0 ? void 0 : _props$onBlur.call(props, value, _objectSpread$1x(_objectSpread$1x({}, context), {}, {
+          (_props$onBlur = props.onBlur) === null || _props$onBlur === void 0 ? void 0 : _props$onBlur.call(props, value, _objectSpread$1v(_objectSpread$1v({}, context), {}, {
             inputValue: val
           }));
         },
         onFocus: function onFocus(val, context) {
           var _props$onFocus;
 
-          (_props$onFocus = props.onFocus) === null || _props$onFocus === void 0 ? void 0 : _props$onFocus.call(props, value, _objectSpread$1x(_objectSpread$1x({}, context), {}, {
+          (_props$onFocus = props.onFocus) === null || _props$onFocus === void 0 ? void 0 : _props$onFocus.call(props, value, _objectSpread$1v(_objectSpread$1v({}, context), {}, {
             inputValue: val
           }));
-          !popupVisible && setInputValue(getInputValue(value, keys), _objectSpread$1x(_objectSpread$1x({}, context), {}, {
+          !popupVisible && setInputValue(getInputValue(value, keys), _objectSpread$1v(_objectSpread$1v({}, context), {}, {
             trigger: "input"
           }));
         },
         onEnter: function onEnter(val, context) {
           var _props$onEnter;
 
-          (_props$onEnter = props.onEnter) === null || _props$onEnter === void 0 ? void 0 : _props$onEnter.call(props, value, _objectSpread$1x(_objectSpread$1x({}, context), {}, {
+          (_props$onEnter = props.onEnter) === null || _props$onEnter === void 0 ? void 0 : _props$onEnter.call(props, value, _objectSpread$1v(_objectSpread$1v({}, context), {}, {
             inputValue: val
           }));
         }
@@ -28864,142 +29014,6 @@
   freeExports._=_;}else {// Export to the global object.
   root._=_;}}).call(commonjsGlobal);})(lodash,lodash.exports);
 
-  var checkTagDefaultProps = {
-    defaultChecked: void 0,
-    disabled: false,
-    size: "medium"
-  };
-  var tagDefaultProps = {
-    closable: false,
-    disabled: false,
-    icon: void 0,
-    shape: "square",
-    size: "medium",
-    theme: "default",
-    variant: "dark"
-  };
-
-  var _excluded$m = ["content", "onClick", "disabled", "children", "className", "size", "onChange"];
-
-  function ownKeys$1x(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-  function _objectSpread$1w(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1x(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1x(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-  var CheckTag = /*#__PURE__*/React.forwardRef(function (props, ref) {
-    var _classNames;
-
-    var content = props.content,
-        _props$onClick = props.onClick,
-        _onClick = _props$onClick === void 0 ? noop$1 : _props$onClick,
-        disabled = props.disabled,
-        children = props.children,
-        className = props.className,
-        size = props.size,
-        onChange = props.onChange,
-        tagOtherProps = _objectWithoutProperties$2(props, _excluded$m);
-
-    var _useControlled = useControlled(props, "checked", onChange),
-        _useControlled2 = _slicedToArray(_useControlled, 2),
-        value = _useControlled2[0],
-        onValueChange = _useControlled2[1];
-
-    var _useConfig = useConfig$1(),
-        classPrefix = _useConfig.classPrefix;
-
-    var tagClassPrefix = "".concat(classPrefix, "-tag");
-    var sizeMap = {
-      large: "".concat(classPrefix, "-size-l"),
-      small: "".concat(classPrefix, "-size-s")
-    };
-    var checkTagClassNames = classnames$1(tagClassPrefix, sizeMap[size], className, "".concat(tagClassPrefix, "--default"), "".concat(tagClassPrefix, "--check"), "".concat(tagClassPrefix, "--").concat(size), (_classNames = {}, _defineProperty$3(_classNames, "".concat(tagClassPrefix, "--disabled"), disabled), _defineProperty$3(_classNames, "".concat(tagClassPrefix, "--checked"), value), _classNames));
-    return /* @__PURE__ */React__default["default"].createElement("span", _objectSpread$1w(_objectSpread$1w({
-      ref: ref,
-      className: checkTagClassNames
-    }, tagOtherProps), {}, {
-      onClick: function onClick(e) {
-        if (disabled) {
-          return;
-        }
-
-        onValueChange(!value);
-
-        _onClick({
-          e: e
-        });
-      }
-    }), children || content);
-  });
-  CheckTag.displayName = "CheckTag";
-  CheckTag.defaultProps = checkTagDefaultProps;
-
-  var _excluded$l = ["theme", "size", "shape", "variant", "closable", "maxWidth", "icon", "content", "onClick", "onClose", "className", "style", "disabled", "children"];
-
-  function ownKeys$1w(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-  function _objectSpread$1v(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1w(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1w(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-  var Tag$1 = forwardRefWithStatics(function (props, ref) {
-    var _classNames;
-
-    var theme = props.theme,
-        size = props.size,
-        shape = props.shape,
-        variant = props.variant,
-        closable = props.closable,
-        maxWidth = props.maxWidth,
-        icon = props.icon,
-        content = props.content,
-        _props$onClick = props.onClick,
-        _onClick = _props$onClick === void 0 ? noop$1 : _props$onClick,
-        _props$onClose = props.onClose,
-        onClose = _props$onClose === void 0 ? noop$1 : _props$onClose,
-        className = props.className,
-        style = props.style,
-        disabled = props.disabled,
-        children = props.children,
-        otherTagProps = _objectWithoutProperties$2(props, _excluded$l);
-
-    var _useConfig = useConfig$1(),
-        classPrefix = _useConfig.classPrefix;
-
-    var tagClassPrefix = "".concat(classPrefix, "-tag");
-    var sizeMap = {
-      large: "".concat(classPrefix, "-size-l"),
-      small: "".concat(classPrefix, "-size-s")
-    };
-    var tagClassNames = classnames$1(tagClassPrefix, "".concat(tagClassPrefix, "--").concat(theme), "".concat(tagClassPrefix, "--").concat(variant), "".concat(tagClassPrefix, "--").concat(size), "".concat(tagClassPrefix, "--").concat(shape), (_classNames = {}, _defineProperty$3(_classNames, "".concat(tagClassPrefix, "--ellipsis"), !!maxWidth), _defineProperty$3(_classNames, "".concat(tagClassPrefix, "--disabled"), disabled), _classNames), sizeMap[size], className);
-    var deleteIcon = /* @__PURE__ */React__default["default"].createElement(CloseIcon, {
-      onClick: function onClick(e) {
-        if (disabled) return;
-        onClose({
-          e: e
-        });
-      },
-      className: "".concat(tagClassPrefix, "__icon-close")
-    });
-    var tag = /* @__PURE__ */React__default["default"].createElement("span", _objectSpread$1v({
-      ref: ref,
-      className: tagClassNames,
-      onClick: function onClick(e) {
-        if (disabled) return;
-
-        _onClick({
-          e: e
-        });
-      },
-      style: maxWidth ? _objectSpread$1v({
-        maxWidth: typeof maxWidth === "number" ? "".concat(maxWidth, "px") : maxWidth
-      }, style) : style
-    }, otherTagProps), icon, maxWidth ? /* @__PURE__ */React__default["default"].createElement("span", {
-      className: "".concat(tagClassPrefix, "--text")
-    }, children || content) : children || content, closable && deleteIcon);
-    return tag;
-  }, {
-    CheckTag: CheckTag
-  });
-  Tag$1.displayName = "Tag";
-  Tag$1.defaultProps = tagDefaultProps;
-
-  var Tag = Tag$1;
-
   function ownKeys$1v(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
   function _objectSpread$1u(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1v(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1v(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -29244,6 +29258,8 @@
     })),
         getDragProps = _useDragSorter.getDragProps;
 
+    var isCompositionRef = React.useRef(false);
+
     var _useTagScroll = useTagScroll(props),
         scrollToRight = _useTagScroll.scrollToRight,
         onWheel = _useTagScroll.onWheel,
@@ -29271,12 +29287,26 @@
       return _objectSpread$1t({}, tagInputRef.current || {});
     });
 
+    var onInputCompositionstart = function onInputCompositionstart(value, context) {
+      var _inputProps$onComposi;
+
+      isCompositionRef.current = true;
+      inputProps === null || inputProps === void 0 ? void 0 : (_inputProps$onComposi = inputProps.onCompositionstart) === null || _inputProps$onComposi === void 0 ? void 0 : _inputProps$onComposi.call(inputProps, value, context);
+    };
+
+    var onInputCompositionend = function onInputCompositionend(value, context) {
+      var _inputProps$onComposi2;
+
+      isCompositionRef.current = false;
+      inputProps === null || inputProps === void 0 ? void 0 : (_inputProps$onComposi2 = inputProps.onCompositionend) === null || _inputProps$onComposi2 === void 0 ? void 0 : _inputProps$onComposi2.call(inputProps, value, context);
+    };
+
     var onInputEnter = function onInputEnter(value, context) {
       setTInputValue("", {
         e: context.e,
         trigger: "enter"
       });
-      onInnerEnter(value, context);
+      !isCompositionRef.current && onInnerEnter(value, context);
       scrollToRight();
     };
 
@@ -29359,7 +29389,9 @@
           e: context.e,
           inputValue: inputValue
         });
-      }
+      },
+      onCompositionstart: onInputCompositionstart,
+      onCompositionend: onInputCompositionend
     }));
   });
   TagInput$1.displayName = "TagInput";
@@ -29928,7 +29960,25 @@
 
       if (trigger === "backspace") {
         event.stopPropagation();
-        var values = getSelectValueArr(value, value[index], true, valueType, keys);
+        var closest = -1;
+        var len = index;
+
+        while (len >= 0) {
+          var _selectedOptions$len;
+
+          if (!((_selectedOptions$len = selectedOptions[len]) !== null && _selectedOptions$len !== void 0 && _selectedOptions$len.disabled)) {
+            closest = len;
+            break;
+          }
+
+          len -= 1;
+        }
+
+        if (closest < 0) {
+          return;
+        }
+
+        var values = getSelectValueArr(value, value[closest], true, valueType, keys);
         onChange(values, context);
         return;
       }
@@ -30076,15 +30126,39 @@
     };
 
     var renderValueDisplay = function renderValueDisplay() {
-      if (!valueDisplay) return "";
+      if (!valueDisplay) {
+        if (!multiple) {
+          return "";
+        }
+
+        return function (_ref4) {
+          var val = _ref4.value;
+          return val.map(function (v, key) {
+            var filterOption = options === null || options === void 0 ? void 0 : options.find(function (option) {
+              return option.label === v;
+            });
+            return /* @__PURE__ */React__default["default"].createElement(Tag, {
+              key: key,
+              onClose: function onClose(_ref5) {
+                var e = _ref5.e;
+                e.stopPropagation();
+                var values = getSelectValueArr(value, value[key], true, valueType, keys);
+                onChange(values, null);
+                return;
+              },
+              closable: !(filterOption !== null && filterOption !== void 0 && filterOption.disabled)
+            }, v);
+          });
+        };
+      }
 
       if (typeof valueDisplay === "string") {
         return valueDisplay;
       }
 
       if (multiple) {
-        return function (_ref4) {
-          var onClose = _ref4.onClose;
+        return function (_ref6) {
+          var onClose = _ref6.onClose;
           return valueDisplay({
             value: selectedLabel,
             onClose: onClose
@@ -30134,7 +30208,7 @@
       className: name,
       ref: ref,
       readonly: readonly,
-      allowInput: multiple || filterable,
+      allowInput: filterable,
       multiple: multiple,
       value: selectedLabel,
       valueDisplay: renderValueDisplay(),
@@ -31721,6 +31795,23 @@
   function ownKeys$1j(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
   function _objectSpread$1i(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1j(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1j(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+  var renderDialogButton = function renderDialogButton(btn, defaultProps) {
+    var result = null;
+
+    if (isString_1(btn)) {
+      result = /* @__PURE__ */React__default["default"].createElement(Button, _objectSpread$1i({}, defaultProps), btn);
+    } else if ( /*#__PURE__*/React.isValidElement(btn)) {
+      result = btn;
+    } else if (isObject_1(btn)) {
+      result = /* @__PURE__ */React__default["default"].createElement(Button, _objectSpread$1i(_objectSpread$1i({}, defaultProps), btn));
+    } else if (isFunction_1(btn)) {
+      result = btn();
+    }
+
+    return result;
+  };
+
   var Dialog$1 = /*#__PURE__*/React.forwardRef(function (props, ref) {
     var _useConfig = useConfig$1(),
         classPrefix = _useConfig.classPrefix;
@@ -31856,29 +31947,12 @@
     };
 
     var defaultFooter = function defaultFooter() {
-      var renderCancelBtn = cancelBtn && /* @__PURE__ */React__default["default"].createElement(Button, {
+      var renderCancelBtn = renderDialogButton(cancelBtn, {
         variant: "outline"
-      }, isString_1(cancelBtn) ? cancelBtn : cancelText);
-      var renderConfirmBtn = confirmBtn && /* @__PURE__ */React__default["default"].createElement(Button, {
+      });
+      var renderConfirmBtn = renderDialogButton(confirmBtn, {
         theme: "primary"
-      }, isString_1(confirmBtn) ? confirmBtn : confirmText);
-
-      if ( /*#__PURE__*/React__default["default"].isValidElement(cancelBtn)) {
-        renderCancelBtn = cancelBtn;
-      }
-
-      if ( /*#__PURE__*/React__default["default"].isValidElement(confirmBtn)) {
-        renderConfirmBtn = confirmBtn;
-      }
-
-      if (typeof cancelBtn === "function") {
-        renderCancelBtn = cancelBtn();
-      }
-
-      if (typeof confirmBtn === "function") {
-        renderConfirmBtn = confirmBtn();
-      }
-
+      });
       return /* @__PURE__ */React__default["default"].createElement(React__default["default"].Fragment, null, renderCancelBtn && /*#__PURE__*/React__default["default"].cloneElement(renderCancelBtn, _objectSpread$1i({
         onClick: handleCancel
       }, renderCancelBtn.props)), renderConfirmBtn && /*#__PURE__*/React__default["default"].cloneElement(renderConfirmBtn, _objectSpread$1i({
@@ -38363,63 +38437,28 @@
   };
 
   var notificationDefaultProps = {
-    closeBtn: void 0,
     duration: 3e3,
-    icon: true,
     theme: "info"
   };
 
-  var blockName$1 = "notification";
   var Notification$1 = /*#__PURE__*/React.forwardRef(function (props, ref) {
-    var _props$title = props.title,
-        title = _props$title === void 0 ? null : _props$title,
-        _props$content = props.content,
-        content = _props$content === void 0 ? null : _props$content,
-        _props$theme = props.theme,
-        theme = _props$theme === void 0 ? null : _props$theme,
-        _props$icon = props.icon,
-        icon = _props$icon === void 0 ? null : _props$icon,
+    var title = props.title,
+        content = props.content,
+        theme = props.theme,
+        icon = props.icon,
         closeBtn = props.closeBtn,
-        _props$footer = props.footer,
-        footer = _props$footer === void 0 ? null : _props$footer,
-        _props$duration = props.duration,
-        duration = _props$duration === void 0 ? 3e3 : _props$duration,
+        footer = props.footer,
+        duration = props.duration,
         _props$onCloseBtnClic = props.onCloseBtnClick,
         onCloseBtnClick = _props$onCloseBtnClic === void 0 ? noop$1 : _props$onCloseBtnClic,
         _props$onDurationEnd = props.onDurationEnd,
         onDurationEnd = _props$onDurationEnd === void 0 ? noop$1 : _props$onDurationEnd,
         style = props.style,
-        _props$id = props.id,
-        id = _props$id === void 0 ? "" : _props$id;
+        id = props.id;
 
     var _useConfig = useConfig$1(),
         classPrefix = _useConfig.classPrefix;
 
-    var prefixCls = React__default["default"].useCallback(function () {
-      var className = "";
-
-      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-        args[_key] = arguments[_key];
-      }
-
-      args.forEach(function (item, index) {
-        if (item && index > 0) className = className.concat(" ");
-
-        if (item instanceof Array) {
-          var _item = _slicedToArray(item, 3),
-              block = _item[0],
-              element = _item[1],
-              modifier = _item[2];
-
-          className = className.concat(classPrefix, "-", block);
-          if (element) className = className.concat("__", element);
-          if (modifier) className = className.concat("--", modifier);
-        } else if (typeof item === "string") {
-          className = className.concat(classPrefix, "-", item);
-        }
-      });
-      return className;
-    }, [classPrefix]);
     var remove = React.useContext(NotificationRemoveContext);
     React__default["default"].useImperativeHandle(ref, function () {
       return {
@@ -38457,13 +38496,13 @@
 
       if (theme && theme === "success") {
         return /* @__PURE__ */React__default["default"].createElement(IconWrapper, null, /* @__PURE__ */React__default["default"].createElement(CheckCircleFilledIcon, {
-          className: prefixCls("is-success")
+          className: "".concat(classPrefix, "-is-success")
         }));
       }
 
       if (theme && ["info", "warning", "error"].indexOf(theme) >= 0) {
         return /* @__PURE__ */React__default["default"].createElement(IconWrapper, null, /* @__PURE__ */React__default["default"].createElement(InfoCircleFilledIcon, {
-          className: prefixCls("is-".concat(theme))
+          className: "".concat(classPrefix, "-is-").concat(theme)
         }));
       }
 
@@ -38471,18 +38510,18 @@
     };
 
     return /* @__PURE__ */React__default["default"].createElement("div", {
-      className: prefixCls(blockName$1),
+      className: classnames$1("".concat(classPrefix, "-notification"), _defineProperty$3({}, "".concat(classPrefix, "-is-").concat(theme), theme)),
       style: style
     }, renderIcon(), /* @__PURE__ */React__default["default"].createElement("div", {
-      className: prefixCls([blockName$1, "main"])
+      className: "".concat(classPrefix, "-notification__main")
     }, /* @__PURE__ */React__default["default"].createElement("div", {
-      className: prefixCls([blockName$1, "title__wrap"])
+      className: "".concat(classPrefix, "-notification__title__wrap")
     }, /* @__PURE__ */React__default["default"].createElement("span", {
-      className: prefixCls([blockName$1, "title"])
+      className: "".concat(classPrefix, "-notification__title")
     }, title), function () {
       if (typeof closeBtn === "boolean" && closeBtn) {
         return /* @__PURE__ */React__default["default"].createElement(CloseIcon, {
-          className: prefixCls("icon-close"),
+          className: "".concat(classPrefix, "-icon-close"),
           onClick: function onClick(e) {
             onCloseBtnClick({
               e: e
@@ -38505,16 +38544,16 @@
     }()), function () {
       if (typeof content === "string") {
         return /* @__PURE__ */React__default["default"].createElement("div", {
-          className: prefixCls([blockName$1, "content"])
+          className: "".concat(classPrefix, "-notification__content")
         }, content);
       }
 
       if ( /*#__PURE__*/React__default["default"].isValidElement(content)) return content;
       return null;
     }(), /*#__PURE__*/React__default["default"].isValidElement(footer) && /* @__PURE__ */React__default["default"].createElement("div", {
-      className: prefixCls([blockName$1, "detail"])
+      className: "".concat(classPrefix, "-notification__detail")
     }, footer), typeof footer === "function" && /* @__PURE__ */React__default["default"].createElement("div", {
-      className: prefixCls([blockName$1, "detail"])
+      className: "".concat(classPrefix, "-notification__detail")
     }, footer())));
   });
   Notification$1.displayName = "Notification";
@@ -38627,6 +38666,8 @@
   }(MenuBlockType || {});
 
   function checkSubMenuChildExpanded(children, expanded, value) {
+    var _child$type, _expandedChild$type;
+
     var resultExpanded = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : [];
     var childValues = React__default["default"].Children.map(children, function (child2) {
       return child2.props.value;
@@ -38634,14 +38675,14 @@
     var index = childValues.indexOf(value);
     var child = children[index];
 
-    if (index > -1 && child.type.displayName === MenuBlockType.SubMenu) {
+    if (index > -1 && (child === null || child === void 0 ? void 0 : (_child$type = child.type) === null || _child$type === void 0 ? void 0 : _child$type.displayName) === MenuBlockType.SubMenu) {
       return [].concat(_toConsumableArray(resultExpanded), [value]);
     }
 
     var expandedIndex = childValues.indexOf(expanded[0]);
     var expandedChild = children[expandedIndex];
 
-    if (expandedIndex > -1 && expandedChild.type.displayName === MenuBlockType.SubMenu) {
+    if (expandedIndex > -1 && (expandedChild === null || expandedChild === void 0 ? void 0 : (_expandedChild$type = expandedChild.type) === null || _expandedChild$type === void 0 ? void 0 : _expandedChild$type.displayName) === MenuBlockType.SubMenu) {
       return checkSubMenuChildExpanded(expandedChild.props.children, expanded.slice(1), value, [].concat(_toConsumableArray(resultExpanded), [expanded[0]]));
     }
 
@@ -38729,14 +38770,17 @@
   };
 
   var checkIsSubMenu = function checkIsSubMenu(child) {
+    if (!child) return false;
     var displayName = child.type.displayName;
     return displayName === MenuBlockType.SubMenu;
   };
   var checkIsMenuItem = function checkIsMenuItem(child) {
+    if (!child) return false;
     var displayName = child.type.displayName;
     return displayName === MenuBlockType.MenuItem;
   };
   var checkIsMenuGroup = function checkIsMenuGroup(child) {
+    if (!child) return false;
     var displayName = child.type.displayName;
     return displayName === MenuBlockType.MenuGroup;
   };
@@ -51051,10 +51095,7 @@
             overrideSize = _handleSizeLimit2[0],
             errorMsg2 = _handleSizeLimit2[1];
 
-        if (errorMsg2) {
-          setErrorMsg(errorMsg2);
-        }
-
+        setErrorMsg(errorMsg2);
         return Promise.resolve(overrideSize);
       }
 
@@ -53602,6 +53643,7 @@
   var AM = "am";
   var PM = "pm";
   var MERIDIEM_LIST = [AM, PM];
+  var TIME_PICKER_EMPTY = [void 0, void 0];
   var DEFAULT_STEPS = [1, 1, 1];
   var DEFAULT_FORMAT = "HH:mm:ss";
   var EPickerCols = /* @__PURE__ */function (EPickerCols2) {
@@ -55274,7 +55316,7 @@
         isPanelShowed = _useState2[0],
         setPanelShow = _useState2[1];
 
-    var _useState3 = React.useState(0),
+    var _useState3 = React.useState(void 0),
         _useState4 = _slicedToArray(_useState3, 2),
         currentPanelIdx = _useState4[0],
         setCurrentPanelIdx = _useState4[1];
@@ -55364,7 +55406,8 @@
     };
 
     React.useEffect(function () {
-      setCurrentValue(isPanelShowed ? value !== null && value !== void 0 ? value : defaultArrVal : defaultArrVal);
+      setCurrentValue(isPanelShowed ? value !== null && value !== void 0 ? value : TIME_PICKER_EMPTY : defaultArrVal);
+      if (!isPanelShowed) setCurrentPanelIdx(void 0);
     }, [isPanelShowed]);
     return /* @__PURE__ */React__default["default"].createElement("div", {
       className: classnames$1(name, className),
@@ -55392,7 +55435,8 @@
         onClick: handleClick,
         onFocus: handleFocus,
         onBlur: handleInputBlur,
-        readonly: !allowInput
+        readonly: !allowInput,
+        activeIndex: currentPanelIdx
       }, props.rangeInputProps),
       panel: /* @__PURE__ */React__default["default"].createElement(TimePickerPanel, {
         steps: steps,
@@ -59779,7 +59823,10 @@
         rowCol = props.rowCol,
         theme = props.theme,
         className = props.className,
-        style = props.style;
+        style = props.style,
+        _props$delay = props.delay,
+        delay = _props$delay === void 0 ? 0 : _props$delay,
+        children = props.children;
 
     var _useConfig = useConfig$1(),
         classPrefix = _useConfig.classPrefix;
@@ -59841,8 +59888,26 @@
       });
     };
 
-    if (!loading) {
-      return /* @__PURE__ */React__default["default"].createElement("div", null, props.children);
+    var _useState = React.useState(loading),
+        _useState2 = _slicedToArray(_useState, 2),
+        ctrlLoading = _useState2[0],
+        setCtrlLoading = _useState2[1];
+
+    React.useEffect(function () {
+      if (delay > 0 && !loading) {
+        var timeout = setTimeout(function () {
+          setCtrlLoading(loading);
+        }, delay);
+        return function () {
+          return clearTimeout(timeout);
+        };
+      }
+
+      setCtrlLoading(loading);
+    }, [delay, loading]);
+
+    if (!ctrlLoading) {
+      return children;
     }
 
     var childrenContent = [];