@chaoswise/ui 3.0.23 → 3.1.1

package/lib/Antd5/radio/style/index.js

@@ -354,31 +354,31 @@ var getRadioCardStyle = function getRadioCardStyle(token) {
     display: "flex",
     flexWrap: "wrap"
   }), "".concat(componentCls, "-radio_-wrapper"), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
-    cursor: 'pointer',
-    boxSizing: 'border-box',
+    cursor: "pointer",
+    boxSizing: "border-box",
     width: "298px",
-    height: '100%',
+    height: "100%",
     background: colorBgContainer,
-    display: 'flex',
+    display: "flex",
     alignItems: "flex-start",
     padding: "15px 23px",
     border: "".concat(unit(lineWidth), " ").concat(lineType, " ").concat(colorBorder),
-    whiteSpace: 'normal',
+    whiteSpace: "normal",
     marginRight: "16px",
     marginBottom: "12px",
     borderRadius: borderRadius
   }, "&:hover:not(".concat(componentCls, "-radio_-wrapper-disabled):not(").concat(componentCls, "-radio_-wrapper-checked)"), {
     border: "".concat(unit(lineWidth), " ").concat(lineType, " ").concat(colorPrimaryHover)
   }), "> ".concat(componentCls), _defineProperty({
-    display: 'block',
+    display: "block",
     width: 0,
     height: 0,
-    '&-checked::after': {
+    "&-checked::after": {
       width: 0,
       height: 0,
       border: 0
     },
-    '&+*': {
+    "&+*": {
       padding: 0
     }
   }, "".concat(componentCls, "-inner, input[type='checkbox'], input[type='radio']"), {
@@ -386,93 +386,78 @@ var getRadioCardStyle = function getRadioCardStyle(token) {
     height: 0,
     opacity: 0,
     border: 0,
-    pointerEvents: 'none'
-  })), '.cw-radio-icon-wrapper', {
+    pointerEvents: "none"
+  })), "".concat(componentCls, "-icon-wrapper"), _defineProperty(_defineProperty({
     width: "48px",
     height: "48px",
     marginRight: "16px",
     padding: 0,
-    display: 'flex',
-    justifyContent: 'center',
-    alignItems: 'center',
+    display: "flex",
+    justifyContent: "center",
+    alignItems: "center",
     background: colorPrimaryBg,
-    borderRadius: '50%',
-    '>:nth-child(1)': {
-      maxWidth: '100%',
-      maxHeight: '100%',
-      display: 'flex',
-      justifyContent: 'center',
-      alignItems: 'center'
+    borderRadius: "50%",
+    ">:nth-child(1)": {
+      maxWidth: "100%",
+      maxHeight: "100%",
+      display: "flex",
+      justifyContent: "center",
+      alignItems: "center"
     },
     svg: {
       color: colorPrimary
-    },
-    '&.cw-radio-icon-unchecked-disabled': {
-      svg: {
-        color: "rgba(0, 0, 0, 0.25)"
-      }
-    },
-    '&.cw-radio-icon-checked-disabled': {
-      svg: {
-        color: colorPrimaryBorder
-      }
     }
-  }), '.cw-radio-icon-unchecked-disabled', {
+  }, "&".concat(componentCls, "-icon-unchecked-disabled"), {
+    svg: {
+      color: "rgba(0, 0, 0, 0.25)"
+    }
+  }), "&".concat(componentCls, "-icon-checked-disabled"), {
+    svg: {
+      color: colorPrimaryBorder
+    }
+  })), "".concat(componentCls, "-icon-unchecked-disabled"), {
     background: "rgba(0, 0, 0, 0.04)"
-  }), '.cw-radio-content', {
+  }), "".concat(componentCls, "-content"), _defineProperty(_defineProperty(_defineProperty({
     flex: 1,
-    display: 'flex',
-    flexDirection: 'column',
-    '.cw-radio-content-title': {
-      fontSize: "16px",
-      height: "24px",
-      lineHeight: "24px",
-      marginBottom: 0,
-      fontWeight: 500,
-      color: colorTextSecondary,
-      overflow: 'hidden'
-      // textOverflow: 'ellipsis',
-      // whiteSpace: 'nowrap',
-    },
-    '.cw-radio-content-description': {
-      fontSize: "12px",
-      color: colorTextDescription,
-      marginTop: "8px",
-      flex: 1,
-      whiteSpace: 'normal',
-      lineHeight: "20px",
-      overflow: 'hidden'
-    },
-    '.cw-radio-content-description_': {
-      marginTop: 0
-    }
-  })), "".concat(componentCls, "-radio_-wrapper").concat(componentCls, "-radio_-wrapper-custom"), {
+    display: "flex",
+    flexDirection: "column"
+  }, "".concat(componentCls, "-content-title"), {
+    fontSize: "16px",
+    height: "24px",
+    lineHeight: "24px",
+    marginBottom: 0,
+    fontWeight: 500,
+    color: colorTextSecondary,
+    overflow: "hidden"
+  }), "".concat(componentCls, "-content-description"), {
+    fontSize: "12px",
+    color: colorTextDescription,
+    marginTop: "8px",
+    flex: 1,
+    whiteSpace: "normal",
+    lineHeight: "20px",
+    overflow: "hidden"
+  }), "".concat(componentCls, "-content-description_"), {
+    marginTop: 0
+  }))), "".concat(componentCls, "-radio_-wrapper").concat(componentCls, "-radio_-wrapper-custom"), {
     padding: 0
   }), "".concat(componentCls, "-radio_-wrapper-checked:not(").concat(componentCls, "-radio_-wrapper-disabled)"), {
     border: "".concat(unit(lineWidth), " ").concat(lineType, " ").concat(colorPrimary)
-  }), "".concat(componentCls, "-radio_-wrapper-disabled:not(").concat(componentCls, "-radio_-wrapper-checked)"), {
+  }), "".concat(componentCls, "-radio_-wrapper-disabled:not(").concat(componentCls, "-radio_-wrapper-checked)"), _defineProperty({
     border: "".concat(unit(lineWidth), " ").concat(lineType, " rgba(0, 0, 0, 0.09)"),
-    cursor: 'not-allowed',
-    '.cw-radio-content': {
-      '.cw-radio-content-title': {
-        color: colorTextDisabled
-      },
-      '.cw-radio-content-description': {
-        color: colorTextDisabled
-      }
-    }
-  }), "".concat(componentCls, "-radio_-wrapper-checked").concat(componentCls, "-radio_-wrapper-disabled"), {
-    border: "".concat(unit(lineWidth), " ").concat(lineType, " colorPrimaryBorder"),
-    cursor: 'not-allowed',
-    '.cw-radio-content': {
-      '.cw-radio-content-title': {
-        color: colorTextDisabled
-      },
-      '.cw-radio-content-description': {
-        color: colorTextDisabled
-      }
-    }
-  });
+    cursor: "not-allowed"
+  }, "".concat(componentCls, "-content"), _defineProperty(_defineProperty({}, "".concat(componentCls, "-content-title"), {
+    color: colorTextDisabled
+  }), "".concat(componentCls, "-content-description"), {
+    color: colorTextDisabled
+  }))), "".concat(componentCls, "-radio_-wrapper-checked").concat(componentCls, "-radio_-wrapper-disabled"), _defineProperty({
+    border: "".concat(unit(lineWidth), " ").concat(lineType, " ").concat(colorPrimaryBorder),
+    cursor: "not-allowed"
+  }, "".concat(componentCls, "-content"), _defineProperty(_defineProperty({}, "".concat(componentCls, "-content-title"), {
+    color: colorTextDisabled
+  }), "".concat(componentCls, "-content-description"), {
+    color: colorTextDisabled
+  })));
 };
 // ============================== Export ==============================
 export var prepareComponentToken = function prepareComponentToken(token) {

package/lib/Antd5/rate/index.js

@@ -1,5 +1,5 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["prefixCls", "className", "rootClassName", "style", "tooltips", "character"];
+var _excluded = ["prefixCls", "className", "rootClassName", "style", "tooltips", "character", "disabled"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
@@ -21,6 +21,7 @@ import RcRate from 'rc-rate';
 import { ConfigContext } from '../config-provider';
 import Tooltip from '../tooltip';
 import useStyle from './style';
+import DisabledContext from '../config-provider/DisabledContext';
 var Rate = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var prefixCls = props.prefixCls,
     className = props.className,
@@ -29,6 +30,7 @@ var Rate = /*#__PURE__*/React.forwardRef(function (props, ref) {
     tooltips = props.tooltips,
     _props$character = props.character,
     character = _props$character === void 0 ? _jsx(StarFilled, {}) : _props$character,
+    customDisabled = props.disabled,
     rest = _objectWithoutProperties(props, _excluded);
   var characterRender = function characterRender(node, _ref) {
     var index = _ref.index;
@@ -52,10 +54,14 @@ var Rate = /*#__PURE__*/React.forwardRef(function (props, ref) {
     hashId = _useStyle2[1],
     cssVarCls = _useStyle2[2];
   var mergedStyle = _objectSpread(_objectSpread({}, rate === null || rate === void 0 ? void 0 : rate.style), style);
+  // ===================== Disabled =====================
+  var disabled = React.useContext(DisabledContext);
+  var mergedDisabled = customDisabled !== null && customDisabled !== void 0 ? customDisabled : disabled;
   return wrapCSSVar(_jsx(RcRate, _objectSpread(_objectSpread({
     ref: ref,
     character: character,
-    characterRender: characterRender
+    characterRender: characterRender,
+    disabled: mergedDisabled
   }, rest), {}, {
     className: classNames(className, rootClassName, hashId, cssVarCls, rate === null || rate === void 0 ? void 0 : rate.className),
     style: mergedStyle,

package/lib/Antd5/result/noFound.js

@@ -4,7 +4,9 @@ var NoFound = function NoFound() {
   return _jsxs("svg", {
     width: "252",
     height: "294",
-    children: [_jsx("defs", {
+    children: [_jsx("title", {
+      children: "No Found"
+    }), _jsx("defs", {
       children: _jsx("path", {
         d: "M0 .387h251.772v251.772H0z"
       })

package/lib/Antd5/result/serverError.js

@@ -4,7 +4,9 @@ var ServerError = function ServerError() {
   return _jsxs("svg", {
     width: "254",
     height: "294",
-    children: [_jsxs("defs", {
+    children: [_jsx("title", {
+      children: "Server Error"
+    }), _jsxs("defs", {
       children: [_jsx("path", {
         d: "M0 .335h253.49v253.49H0z"
       }), _jsx("path", {

package/lib/Antd5/result/unauthorized.js

@@ -1,10 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 var Unauthorized = function Unauthorized() {
-  return _jsx("svg", {
+  return _jsxs("svg", {
     width: "251",
     height: "294",
-    children: _jsxs("g", {
+    children: [_jsx("title", {
+      children: "Unauthorized"
+    }), _jsxs("g", {
       fill: "none",
       fillRule: "evenodd",
       children: [_jsx("path", {
@@ -224,7 +226,7 @@ var Unauthorized = function Unauthorized() {
         strokeLinecap: "round",
         strokeLinejoin: "round"
       })]
-    })
+    })]
   });
 };
 export default Unauthorized;

package/lib/Antd5/segmented/index.js

@@ -1,4 +1,4 @@
-var _excluded = ["prefixCls", "className", "rootClassName", "block", "options", "size", "style"],
+var _excluded = ["prefixCls", "className", "rootClassName", "block", "options", "size", "style", "vertical"],
   _excluded2 = ["icon", "label"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -34,6 +34,7 @@ var InternalSegmented = /*#__PURE__*/React.forwardRef(function (props, ref) {
     _props$size = props.size,
     customSize = _props$size === void 0 ? 'middle' : _props$size,
     style = props.style,
+    vertical = props.vertical,
     restProps = _objectWithoutProperties(props, _excluded);
   var _React$useContext = React.useContext(ConfigContext),
     getPrefixCls = _React$useContext.getPrefixCls,
@@ -69,7 +70,7 @@ var InternalSegmented = /*#__PURE__*/React.forwardRef(function (props, ref) {
       return option;
     });
   }, [options, prefixCls]);
-  var cls = classNames(className, rootClassName, segmented === null || segmented === void 0 ? void 0 : segmented.className, _defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-block"), block), "".concat(prefixCls, "-sm"), mergedSize === 'small'), "".concat(prefixCls, "-lg"), mergedSize === 'large'), hashId, cssVarCls);
+  var cls = classNames(className, rootClassName, segmented === null || segmented === void 0 ? void 0 : segmented.className, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-block"), block), "".concat(prefixCls, "-sm"), mergedSize === 'small'), "".concat(prefixCls, "-lg"), mergedSize === 'large'), "".concat(prefixCls, "-vertical"), vertical), hashId, cssVarCls);
   var mergedStyle = _objectSpread(_objectSpread({}, segmented === null || segmented === void 0 ? void 0 : segmented.style), style);
   return wrapCSSVar(_jsx(RcSegmented, _objectSpread(_objectSpread({}, restProps), {}, {
     className: cls,
@@ -77,7 +78,8 @@ var InternalSegmented = /*#__PURE__*/React.forwardRef(function (props, ref) {
     options: extendedOptions,
     ref: ref,
     prefixCls: prefixCls,
-    direction: direction
+    direction: direction,
+    vertical: vertical
   })));
 });
 var Segmented = InternalSegmented;

package/lib/Antd5/segmented/style/index.js

@@ -29,7 +29,7 @@ var genSegmentedStyle = function genSegmentedStyle(token) {
   var labelHeight = token.calc(token.controlHeight).sub(token.calc(token.trackPadding).mul(2)).equal();
   var labelHeightLG = token.calc(token.controlHeightLG).sub(token.calc(token.trackPadding).mul(2)).equal();
   var labelHeightSM = token.calc(token.controlHeightSM).sub(token.calc(token.trackPadding).mul(2)).equal();
-  return _defineProperty({}, componentCls, _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, resetComponent(token)), {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
+  return _defineProperty({}, componentCls, _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, resetComponent(token)), {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
     display: 'inline-block',
     padding: token.trackPadding,
     color: token.itemColor,
@@ -41,10 +41,17 @@ var genSegmentedStyle = function genSegmentedStyle(token) {
     display: 'flex',
     alignItems: 'stretch',
     justifyItems: 'flex-start',
+    flexDirection: 'row',
     width: '100%'
   }), "&".concat(componentCls, "-rtl"), {
     direction: 'rtl'
-  }), "&".concat(componentCls, "-block"), {
+  }), "&".concat(componentCls, "-vertical"), _defineProperty(_defineProperty({}, "".concat(componentCls, "-group"), {
+    flexDirection: 'column'
+  }), "".concat(componentCls, "-thumb"), {
+    width: '100%',
+    height: 0,
+    padding: "0 ".concat(unit(token.paddingXXS))
+  })), "&".concat(componentCls, "-block"), {
     display: 'flex'
   }), "&".concat(componentCls, "-block ").concat(componentCls, "-item"), {
     flex: 1,
@@ -106,7 +113,8 @@ var genSegmentedStyle = function genSegmentedStyle(token) {
     width: 0,
     height: '100%',
     padding: "".concat(unit(token.paddingXXS), " 0"),
-    borderRadius: token.borderRadiusSM
+    borderRadius: token.borderRadiusSM,
+    transition: "transform ".concat(token.motionDurationSlow, " ").concat(token.motionEaseInOut, ", height ").concat(token.motionDurationSlow, " ").concat(token.motionEaseInOut)
   }, "& ~ ".concat(componentCls, "-item:not(").concat(componentCls, "-item-selected):not(").concat(componentCls, "-item-disabled)::after"), {
     backgroundColor: 'transparent'
   }))), "&".concat(componentCls, "-lg"), _defineProperty(_defineProperty({

package/lib/Antd5/select/index.js

@@ -1,5 +1,5 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["prefixCls", "bordered", "className", "rootClassName", "getPopupContainer", "popupClassName", "dropdownClassName", "listHeight", "placement", "listItemHeight", "size", "disabled", "notFoundContent", "status", "builtinPlacements", "dropdownMatchSelectWidth", "popupMatchSelectWidth", "direction", "style", "allowClear", "variant", "dropdownStyle", "transitionName", "tagRender", "maxCount"];
+var _excluded = ["prefixCls", "bordered", "className", "rootClassName", "getPopupContainer", "popupClassName", "dropdownClassName", "listHeight", "placement", "listItemHeight", "size", "disabled", "notFoundContent", "status", "builtinPlacements", "dropdownMatchSelectWidth", "popupMatchSelectWidth", "direction", "style", "allowClear", "variant", "dropdownStyle", "transitionName", "tagRender", "maxCount", "prefix"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
@@ -66,6 +66,7 @@ var InternalSelect = function InternalSelect(props, ref) {
     transitionName = props.transitionName,
     tagRender = props.tagRender,
     maxCount = props.maxCount,
+    prefix = props.prefix,
     rest = _objectWithoutProperties(props, _excluded);
   var _React$useContext = React.useContext(ConfigContext),
     getContextPopupContainer = _React$useContext.getPopupContainer,
@@ -86,7 +87,7 @@ var InternalSelect = function InternalSelect(props, ref) {
   var _useCompactItemContex = useCompactItemContext(prefixCls, direction),
     compactSize = _useCompactItemContex.compactSize,
     compactItemClassnames = _useCompactItemContex.compactItemClassnames;
-  var _useVariants = useVariants(customizeVariant, bordered),
+  var _useVariants = useVariants('select', customizeVariant, bordered),
     _useVariants2 = _slicedToArray(_useVariants, 2),
     variant = _useVariants2[0],
     enableVariantCls = _useVariants2[1];
@@ -189,6 +190,7 @@ var InternalSelect = function InternalSelect(props, ref) {
     prefixCls: prefixCls,
     placement: memoPlacement,
     direction: direction,
+    prefix: prefix,
     suffixIcon: suffixIcon,
     menuItemSelectedIcon: itemIcon,
     removeIcon: removeIcon,

package/lib/Antd5/select/style/dropdown.js

@@ -57,7 +57,7 @@ var genSingleStyle = function genSingleStyle(token) {
     animationName: slideDownOut
   }), '&-hidden', {
     display: 'none'
-  }), "".concat(selectItemCls), _objectSpread(_objectSpread({}, genItemStyle(token)), {}, {
+  }), selectItemCls, _objectSpread(_objectSpread({}, genItemStyle(token)), {}, {
     cursor: 'pointer',
     transition: "background ".concat(token.motionDurationSlow, " ease"),
     borderRadius: token.borderRadiusSM,

package/lib/Antd5/select/style/index.js

@@ -59,9 +59,9 @@ var genBaseStyle = function genBaseStyle(token) {
     componentCls = token.componentCls,
     inputPaddingHorizontalBase = token.inputPaddingHorizontalBase,
     iconCls = token.iconCls;
-  return _defineProperty(_defineProperty({}, componentCls, _objectSpread(_objectSpread({}, resetComponent(token)), {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
+  return _defineProperty(_defineProperty({}, componentCls, _objectSpread(_objectSpread({}, resetComponent(token)), {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
     position: 'relative',
-    display: 'inline-block',
+    display: 'inline-flex',
     cursor: 'pointer'
   }, "&:not(".concat(componentCls, "-customize-input) ").concat(componentCls, "-selector"), _objectSpread(_objectSpread({}, genSelectorStyle(token)), getSearchInputWithoutBorderStyle(token))), "".concat(componentCls, "-selection-item"), _objectSpread(_objectSpread({
     flex: 1,
@@ -101,7 +101,20 @@ var genBaseStyle = function genBaseStyle(token) {
     cursor: 'not-allowed'
   }), '> *:not(:last-child)', {
     marginInlineEnd: 8 // FIXME: magic
-  }))), "".concat(componentCls, "-clear"), {
+  }))), "".concat(componentCls, "-selection-wrap"), {
+    display: 'flex',
+    width: '100%',
+    position: 'relative',
+    // https://github.com/ant-design/ant-design/issues/51669
+    '&:after': {
+      content: '"\\a0"',
+      width: 0,
+      overflow: 'hidden'
+    }
+  }), "".concat(componentCls, "-prefix"), {
+    flex: 'none',
+    marginInlineEnd: token.selectAffixPadding
+  }), "".concat(componentCls, "-clear"), {
     position: 'absolute',
     top: '50%',
     insetInlineStart: 'auto',
@@ -127,11 +140,11 @@ var genBaseStyle = function genBaseStyle(token) {
     '&:hover': {
       color: token.colorTextTertiary
     }
-  }), '&:hover', _defineProperty(_defineProperty({}, "".concat(componentCls, "-clear"), {
-    opacity: 1
-  }), "".concat(componentCls, "-arrow:not(:last-child)"), {
-    opacity: 0
-  })))), "".concat(componentCls, "-has-feedback"), _defineProperty({}, "".concat(componentCls, "-clear"), {
+  }), "&:hover ".concat(componentCls, "-clear"), {
+    opacity: 1,
+    background: token.colorBgBase,
+    borderRadius: '50%'
+  }))), "".concat(componentCls, "-has-feedback"), _defineProperty({}, "".concat(componentCls, "-clear"), {
     insetInlineEnd: token.calc(inputPaddingHorizontalBase).add(token.fontSize).add(token.paddingXS).equal()
   }));
 };

package/lib/Antd5/select/style/multiple.js

@@ -119,10 +119,10 @@ var genSelectionStyle = function genSelectionStyle(token, suffix) {
   var selectItemDist = getSelectItemStyle(token);
   var suffixCls = suffix ? "".concat(componentCls, "-").concat(suffix) : '';
   var multipleSelectorUnit = getMultipleSelectorUnit(token);
-  return _defineProperty({}, "".concat(componentCls, "-multiple").concat(suffixCls), _objectSpread(_objectSpread({}, genOverflowStyle(token)), {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(componentCls, "-selector"), _defineProperty(_defineProperty({
+  return _defineProperty({}, "".concat(componentCls, "-multiple").concat(suffixCls), _objectSpread(_objectSpread({}, genOverflowStyle(token)), {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(componentCls, "-selector"), _defineProperty(_defineProperty({
     display: 'flex',
-    flexWrap: 'wrap',
     alignItems: 'center',
+    width: '100%',
     height: '100%',
     // Multiple is little different that horizontal is follow the vertical
     paddingInline: multipleSelectorUnit.basePadding,
@@ -141,10 +141,21 @@ var genSelectionStyle = function genSelectionStyle(token, suffix) {
   })), "".concat(componentCls, "-selection-item"), {
     height: multipleSelectorUnit.itemHeight,
     lineHeight: unit(multipleSelectorUnit.itemLineHeight)
-  }), "".concat(selectOverflowPrefixCls, "-item + ").concat(selectOverflowPrefixCls, "-item"), _defineProperty({}, "".concat(componentCls, "-selection-search"), {
+  }), "".concat(componentCls, "-selection-wrap"), {
+    alignSelf: 'flex-start',
+    '&:after': {
+      lineHeight: unit(selectItemHeight),
+      marginBlock: INTERNAL_FIXED_ITEM_MARGIN
+    }
+  }), "".concat(componentCls, "-prefix"), {
+    marginInlineStart: token.calc(token.inputPaddingHorizontalBase).sub(multipleSelectorUnit.basePadding).equal()
+  }), "".concat(selectOverflowPrefixCls, "-item + ").concat(selectOverflowPrefixCls, "-item,\n        ").concat(componentCls, "-prefix + ").concat(componentCls, "-selection-wrap\n      "), _defineProperty(_defineProperty({}, "".concat(componentCls, "-selection-search"), {
     marginInlineStart: 0
+  }), "".concat(componentCls, "-selection-placeholder"), {
+    insetInlineStart: 0
   })), "".concat(selectOverflowPrefixCls, "-item-suffix"), {
-    height: '100%'
+    minHeight: multipleSelectorUnit.itemHeight,
+    marginBlock: INTERNAL_FIXED_ITEM_MARGIN
   }), "".concat(componentCls, "-selection-search"), _defineProperty(_defineProperty(_defineProperty({
     display: 'inline-flex',
     position: 'relative',
@@ -170,7 +181,7 @@ var genSelectionStyle = function genSelectionStyle(token, suffix) {
   })), "".concat(componentCls, "-selection-placeholder"), {
     position: 'absolute',
     top: '50%',
-    insetInlineStart: token.inputPaddingHorizontalBase,
+    insetInlineStart: token.calc(token.inputPaddingHorizontalBase).sub(multipleSelectorUnit.basePadding).equal(),
     insetInlineEnd: token.inputPaddingHorizontalBase,
     transform: 'translateY(-50%)',
     transition: "all ".concat(token.motionDurationSlow)
@@ -179,13 +190,11 @@ var genSelectionStyle = function genSelectionStyle(token, suffix) {
 function genSizeStyle(token, suffix) {
   var componentCls = token.componentCls;
   var suffixCls = suffix ? "".concat(componentCls, "-").concat(suffix) : '';
-  var rawStyle = _defineProperty({}, "".concat(componentCls, "-multiple").concat(suffixCls), _defineProperty(_defineProperty(_defineProperty({
+  var rawStyle = _defineProperty({}, "".concat(componentCls, "-multiple").concat(suffixCls), _defineProperty(_defineProperty({
     fontSize: token.fontSize
   }, "".concat(componentCls, "-selector"), _defineProperty({}, "".concat(componentCls, "-show-search&"), {
     cursor: 'text'
-  })), "\n        &".concat(componentCls, "-show-arrow ").concat(componentCls, "-selection-placeholder\n      "), {
-    paddingInlineEnd: token.showArrowPaddingInlineEnd
-  }), "\n        &".concat(componentCls, "-show-arrow ").concat(componentCls, "-selector,\n        &").concat(componentCls, "-allow-clear ").concat(componentCls, "-selector\n      "), {
+  })), "\n        &".concat(componentCls, "-show-arrow ").concat(componentCls, "-selector,\n        &").concat(componentCls, "-allow-clear ").concat(componentCls, "-selector\n      "), {
     paddingInlineEnd: token.calc(token.fontSizeIcon).add(token.controlPaddingHorizontal).equal()
   }));
   return [genSelectionStyle(token, suffix), rawStyle];

package/lib/Antd5/select/style/single.js

@@ -18,18 +18,18 @@ function genSizeStyle(token, suffix) {
     height: token.controlHeight
   }, "".concat(componentCls, "-selector"), _objectSpread(_objectSpread({}, resetComponent(token, true)), {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty({
     display: 'flex',
-    borderRadius: borderRadius
+    borderRadius: borderRadius,
+    flex: '1 1 auto'
   }, "".concat(componentCls, "-selection-search"), {
     position: 'absolute',
-    top: 0,
-    insetInlineStart: inputPaddingHorizontalBase,
-    insetInlineEnd: inputPaddingHorizontalBase,
-    bottom: 0,
+    inset: 0,
+    width: '100%',
     '&-input': {
       width: '100%',
       WebkitAppearance: 'textfield'
     }
   }), "\n          ".concat(componentCls, "-selection-item,\n          ").concat(componentCls, "-selection-placeholder\n        "), {
+    display: 'block',
     padding: 0,
     lineHeight: unit(selectHeightWithoutBorder),
     transition: "all ".concat(token.motionDurationSlow, ", visibility 0s"),
@@ -42,13 +42,14 @@ function genSizeStyle(token, suffix) {
     width: 0,
     visibility: 'hidden',
     content: '"\\a0"'
-  }))), "\n        &".concat(componentCls, "-show-arrow ").concat(componentCls, "-selection-item,\n        &").concat(componentCls, "-show-arrow ").concat(componentCls, "-selection-placeholder\n      "), {
+  }))), "\n        &".concat(componentCls, "-show-arrow ").concat(componentCls, "-selection-item,\n        &").concat(componentCls, "-show-arrow ").concat(componentCls, "-selection-search,\n        &").concat(componentCls, "-show-arrow ").concat(componentCls, "-selection-placeholder\n      "), {
     paddingInlineEnd: token.showArrowPaddingInlineEnd
   }), "&".concat(componentCls, "-open ").concat(componentCls, "-selection-item"), {
     color: token.colorTextPlaceholder
   }), "&:not(".concat(componentCls, "-customize-input)"), _defineProperty({}, "".concat(componentCls, "-selector"), _defineProperty(_defineProperty({
     width: '100%',
     height: '100%',
+    alignItems: 'center',
     padding: "0 ".concat(unit(inputPaddingHorizontalBase))
   }, "".concat(componentCls, "-selection-search-input"), {
     height: selectHeightWithoutBorder
@@ -81,10 +82,7 @@ export default function genSingleStyle(token) {
     controlHeight: token.controlHeightSM,
     borderRadius: token.borderRadiusSM
   }), 'sm'), // padding
-  _defineProperty({}, "".concat(componentCls, "-single").concat(componentCls, "-sm"), _defineProperty({}, "&:not(".concat(componentCls, "-customize-input)"), _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(componentCls, "-selection-search"), {
-    insetInlineStart: inputPaddingHorizontalSM,
-    insetInlineEnd: inputPaddingHorizontalSM
-  }), "".concat(componentCls, "-selector"), {
+  _defineProperty({}, "".concat(componentCls, "-single").concat(componentCls, "-sm"), _defineProperty({}, "&:not(".concat(componentCls, "-customize-input)"), _defineProperty(_defineProperty(_defineProperty({}, "".concat(componentCls, "-selector"), {
     padding: "0 ".concat(unit(inputPaddingHorizontalSM))
   }), "&".concat(componentCls, "-show-arrow ").concat(componentCls, "-selection-search"), {
     insetInlineEnd: token.calc(inputPaddingHorizontalSM).add(token.calc(token.fontSize).mul(1.5)).equal()

package/lib/Antd5/select/style/token.js

@@ -15,7 +15,10 @@ export var prepareComponentToken = function prepareComponentToken(token) {
     colorBgContainer = token.colorBgContainer,
     colorFillSecondary = token.colorFillSecondary,
     colorBgContainerDisabled = token.colorBgContainerDisabled,
-    colorTextDisabled = token.colorTextDisabled;
+    colorTextDisabled = token.colorTextDisabled,
+    colorPrimaryHover = token.colorPrimaryHover,
+    colorPrimary = token.colorPrimary,
+    controlOutline = token.controlOutline;
   // Item height default use `controlHeight - 2 * paddingXXS`,
   // but some case `paddingXXS=0`.
   // Let's fallback it.
@@ -48,6 +51,10 @@ export var prepareComponentToken = function prepareComponentToken(token) {
     multipleSelectorBgDisabled: colorBgContainerDisabled,
     multipleItemColorDisabled: colorTextDisabled,
     multipleItemBorderColorDisabled: 'transparent',
-    showArrowPaddingInlineEnd: Math.ceil(token.fontSize * 1.25)
+    showArrowPaddingInlineEnd: Math.ceil(token.fontSize * 1.25),
+    hoverBorderColor: colorPrimaryHover,
+    activeBorderColor: colorPrimary,
+    activeOutlineColor: controlOutline,
+    selectAffixPadding: paddingXXS
   };
 };