@chaoswise/ui 2.5.8 → 3.0.0

package/lib/Antd5/segmented/index.js

@@ -0,0 +1,87 @@
+var _excluded = ["prefixCls", "className", "rootClassName", "block", "options", "size", "style"],
+  _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; }
+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; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], t.indexOf(o) >= 0 || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.indexOf(n) >= 0) continue; t[n] = r[n]; } return t; }
+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); }
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import classNames from 'classnames';
+import RcSegmented from 'rc-segmented';
+import { ConfigContext } from '../config-provider';
+import useSize from '../config-provider/hooks/useSize';
+import useStyle from './style';
+function isSegmentedLabeledOptionWithIcon(option) {
+  return _typeof(option) === 'object' && !!(option !== null && option !== void 0 && option.icon);
+}
+var InternalSegmented = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var customizePrefixCls = props.prefixCls,
+    className = props.className,
+    rootClassName = props.rootClassName,
+    block = props.block,
+    _props$options = props.options,
+    options = _props$options === void 0 ? [] : _props$options,
+    _props$size = props.size,
+    customSize = _props$size === void 0 ? 'middle' : _props$size,
+    style = props.style,
+    restProps = _objectWithoutProperties(props, _excluded);
+  var _React$useContext = React.useContext(ConfigContext),
+    getPrefixCls = _React$useContext.getPrefixCls,
+    direction = _React$useContext.direction,
+    segmented = _React$useContext.segmented;
+  var prefixCls = getPrefixCls('segmented', customizePrefixCls);
+  // Style
+  var _useStyle = useStyle(prefixCls),
+    _useStyle2 = _slicedToArray(_useStyle, 3),
+    wrapCSSVar = _useStyle2[0],
+    hashId = _useStyle2[1],
+    cssVarCls = _useStyle2[2];
+  // ===================== Size =====================
+  var mergedSize = useSize(customSize);
+  // syntactic sugar to support `icon` for Segmented Item
+  var extendedOptions = React.useMemo(function () {
+    return options.map(function (option) {
+      if (isSegmentedLabeledOptionWithIcon(option)) {
+        var icon = option.icon,
+          label = option.label,
+          restOption = _objectWithoutProperties(option, _excluded2);
+        return _objectSpread(_objectSpread({}, restOption), {}, {
+          label: _jsxs(_Fragment, {
+            children: [_jsx("span", {
+              className: "".concat(prefixCls, "-item-icon"),
+              children: icon
+            }), label && _jsx("span", {
+              children: label
+            })]
+          })
+        });
+      }
+      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 mergedStyle = _objectSpread(_objectSpread({}, segmented === null || segmented === void 0 ? void 0 : segmented.style), style);
+  return wrapCSSVar(_jsx(RcSegmented, _objectSpread(_objectSpread({}, restProps), {}, {
+    className: cls,
+    style: mergedStyle,
+    options: extendedOptions,
+    ref: ref,
+    prefixCls: prefixCls,
+    direction: direction
+  })));
+});
+var Segmented = InternalSegmented;
+if (process.env.NODE_ENV !== 'production') {
+  Segmented.displayName = 'Segmented';
+}
+export default Segmented;

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

@@ -0,0 +1,162 @@
+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); }
+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; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { unit } from '@ant-design/cssinjs';
+import { resetComponent, textEllipsis } from '../../style';
+import { genStyleHooks, mergeToken } from '../../theme/internal';
+// ============================== Mixins ==============================
+function getItemDisabledStyle(cls, token) {
+  return _defineProperty({}, "".concat(cls, ", ").concat(cls, ":hover, ").concat(cls, ":focus"), {
+    color: token.colorTextDisabled,
+    cursor: 'not-allowed'
+  });
+}
+function getItemSelectedStyle(token) {
+  return {
+    backgroundColor: token.itemSelectedBg,
+    boxShadow: token.boxShadowTertiary
+  };
+}
+var segmentedTextEllipsisCss = _objectSpread({
+  overflow: 'hidden'
+}, textEllipsis);
+// ============================== Styles ==============================
+var genSegmentedStyle = function genSegmentedStyle(token) {
+  var componentCls = token.componentCls;
+  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({
+    display: 'inline-block',
+    padding: token.trackPadding,
+    color: token.itemColor,
+    background: token.trackBg,
+    borderRadius: token.borderRadius,
+    transition: "all ".concat(token.motionDurationMid, " ").concat(token.motionEaseInOut)
+  }, "".concat(componentCls, "-group"), {
+    position: 'relative',
+    display: 'flex',
+    alignItems: 'stretch',
+    justifyItems: 'flex-start',
+    width: '100%'
+  }), "&".concat(componentCls, "-rtl"), {
+    direction: 'rtl'
+  }), "&".concat(componentCls, "-block"), {
+    display: 'flex'
+  }), "&".concat(componentCls, "-block ").concat(componentCls, "-item"), {
+    flex: 1,
+    minWidth: 0
+  }), "".concat(componentCls, "-item"), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
+    position: 'relative',
+    textAlign: 'center',
+    cursor: 'pointer',
+    transition: "color ".concat(token.motionDurationMid, " ").concat(token.motionEaseInOut),
+    borderRadius: token.borderRadiusSM,
+    // Fix Safari render bug
+    // https://github.com/ant-design/ant-design/issues/45250
+    transform: 'translateZ(0)',
+    '&-selected': _objectSpread(_objectSpread({}, getItemSelectedStyle(token)), {}, {
+      color: token.itemSelectedColor
+    }),
+    '&::after': {
+      content: '""',
+      position: 'absolute',
+      zIndex: -1,
+      width: '100%',
+      height: '100%',
+      top: 0,
+      insetInlineStart: 0,
+      borderRadius: 'inherit',
+      transition: "background-color ".concat(token.motionDurationMid),
+      // This is mandatory to make it not clickable or hoverable
+      // Ref: https://github.com/ant-design/ant-design/issues/40888
+      pointerEvents: 'none'
+    }
+  }, "&:hover:not(".concat(componentCls, "-item-selected):not(").concat(componentCls, "-item-disabled)"), {
+    color: token.itemHoverColor,
+    '&::after': {
+      backgroundColor: token.itemHoverBg
+    }
+  }), "&:active:not(".concat(componentCls, "-item-selected):not(").concat(componentCls, "-item-disabled)"), {
+    color: token.itemHoverColor,
+    '&::after': {
+      backgroundColor: token.itemActiveBg
+    }
+  }), '&-label', _objectSpread({
+    minHeight: labelHeight,
+    lineHeight: unit(labelHeight),
+    padding: "0 ".concat(unit(token.segmentedPaddingHorizontal))
+  }, segmentedTextEllipsisCss)), '&-icon + *', {
+    marginInlineStart: token.calc(token.marginSM).div(2).equal()
+  }), '&-input', {
+    position: 'absolute',
+    insetBlockStart: 0,
+    insetInlineStart: 0,
+    width: 0,
+    height: 0,
+    opacity: 0,
+    pointerEvents: 'none'
+  })), "".concat(componentCls, "-thumb"), _objectSpread(_objectSpread({}, getItemSelectedStyle(token)), {}, _defineProperty({
+    position: 'absolute',
+    insetBlockStart: 0,
+    insetInlineStart: 0,
+    width: 0,
+    height: '100%',
+    padding: "".concat(unit(token.paddingXXS), " 0"),
+    borderRadius: token.borderRadiusSM
+  }, "& ~ ".concat(componentCls, "-item:not(").concat(componentCls, "-item-selected):not(").concat(componentCls, "-item-disabled)::after"), {
+    backgroundColor: 'transparent'
+  }))), "&".concat(componentCls, "-lg"), _defineProperty(_defineProperty({
+    borderRadius: token.borderRadiusLG
+  }, "".concat(componentCls, "-item-label"), {
+    minHeight: labelHeightLG,
+    lineHeight: unit(labelHeightLG),
+    padding: "0 ".concat(unit(token.segmentedPaddingHorizontal)),
+    fontSize: token.fontSizeLG
+  }), "".concat(componentCls, "-item, ").concat(componentCls, "-thumb"), {
+    borderRadius: token.borderRadius
+  })), "&".concat(componentCls, "-sm"), _defineProperty(_defineProperty({
+    borderRadius: token.borderRadiusSM
+  }, "".concat(componentCls, "-item-label"), {
+    minHeight: labelHeightSM,
+    lineHeight: unit(labelHeightSM),
+    padding: "0 ".concat(unit(token.segmentedPaddingHorizontalSM))
+  }), "".concat(componentCls, "-item, ").concat(componentCls, "-thumb"), {
+    borderRadius: token.borderRadiusXS
+  })), getItemDisabledStyle("&-disabled ".concat(componentCls, "-item"), token)), getItemDisabledStyle("".concat(componentCls, "-item-disabled"), token)), {}, _defineProperty({}, "".concat(componentCls, "-thumb-motion-appear-active"), {
+    transition: "transform ".concat(token.motionDurationSlow, " ").concat(token.motionEaseInOut, ", width ").concat(token.motionDurationSlow, " ").concat(token.motionEaseInOut),
+    willChange: 'transform, width'
+  })));
+};
+// ============================== Export ==============================
+export var prepareComponentToken = function prepareComponentToken(token) {
+  var colorTextLabel = token.colorTextLabel,
+    colorText = token.colorText,
+    colorFillSecondary = token.colorFillSecondary,
+    colorBgElevated = token.colorBgElevated,
+    colorFill = token.colorFill,
+    lineWidthBold = token.lineWidthBold,
+    colorBgLayout = token.colorBgLayout;
+  return {
+    trackPadding: lineWidthBold,
+    trackBg: colorBgLayout,
+    itemColor: colorTextLabel,
+    itemHoverColor: colorText,
+    itemHoverBg: colorFillSecondary,
+    itemSelectedBg: colorBgElevated,
+    itemActiveBg: colorFill,
+    itemSelectedColor: colorText
+  };
+};
+export default genStyleHooks('Segmented', function (token) {
+  var lineWidth = token.lineWidth,
+    calc = token.calc;
+  var segmentedToken = mergeToken(token, {
+    segmentedPaddingHorizontal: calc(token.controlPaddingHorizontal).sub(lineWidth).equal(),
+    segmentedPaddingHorizontalSM: calc(token.controlPaddingHorizontalSM).sub(lineWidth).equal()
+  });
+  return [genSegmentedStyle(segmentedToken)];
+}, prepareComponentToken);

package/lib/Antd5/select/index.js

@@ -0,0 +1,222 @@
+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"];
+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; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], t.indexOf(o) >= 0 || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.indexOf(n) >= 0) continue; t[n] = r[n]; } return t; }
+import { jsx as _jsx } from "react/jsx-runtime";
+// TODO: 4.0 - codemod should help to change `filterOption` to support node props.
+import * as React from 'react';
+import classNames from 'classnames';
+import RcSelect, { OptGroup, Option } from 'rc-select';
+import omit from 'rc-util/lib/omit';
+import { useZIndex } from '../_util/hooks/useZIndex';
+import { getTransitionName } from '../_util/motion';
+import genPurePanel from '../_util/PurePanel';
+import { getMergedStatus, getStatusClassNames } from '../_util/statusUtils';
+import { devUseWarning } from '../_util/warning';
+import { ConfigContext } from '../config-provider';
+import DefaultRenderEmpty from '../config-provider/defaultRenderEmpty';
+import DisabledContext from '../config-provider/DisabledContext';
+import useCSSVarCls from '../config-provider/hooks/useCSSVarCls';
+import useSize from '../config-provider/hooks/useSize';
+import { FormItemInputContext } from '../form/context';
+import useVariants from '../form/hooks/useVariants';
+import { useCompactItemContext } from '../space/Compact';
+import { useToken } from '../theme/internal';
+import mergedBuiltinPlacements from './mergedBuiltinPlacements';
+import useStyle from './style';
+import useIcons from './useIcons';
+import useShowArrow from './useShowArrow';
+var SECRET_COMBOBOX_MODE_DO_NOT_USE = 'SECRET_COMBOBOX_MODE_DO_NOT_USE';
+var InternalSelect = function InternalSelect(props, ref) {
+  var _ref;
+  var customizePrefixCls = props.prefixCls,
+    bordered = props.bordered,
+    className = props.className,
+    rootClassName = props.rootClassName,
+    getPopupContainer = props.getPopupContainer,
+    popupClassName = props.popupClassName,
+    dropdownClassName = props.dropdownClassName,
+    _props$listHeight = props.listHeight,
+    listHeight = _props$listHeight === void 0 ? 256 : _props$listHeight,
+    placement = props.placement,
+    customListItemHeight = props.listItemHeight,
+    customizeSize = props.size,
+    customDisabled = props.disabled,
+    notFoundContent = props.notFoundContent,
+    customStatus = props.status,
+    builtinPlacements = props.builtinPlacements,
+    dropdownMatchSelectWidth = props.dropdownMatchSelectWidth,
+    popupMatchSelectWidth = props.popupMatchSelectWidth,
+    propDirection = props.direction,
+    style = props.style,
+    allowClear = props.allowClear,
+    customizeVariant = props.variant,
+    dropdownStyle = props.dropdownStyle,
+    transitionName = props.transitionName,
+    tagRender = props.tagRender,
+    maxCount = props.maxCount,
+    rest = _objectWithoutProperties(props, _excluded);
+  var _React$useContext = React.useContext(ConfigContext),
+    getContextPopupContainer = _React$useContext.getPopupContainer,
+    getPrefixCls = _React$useContext.getPrefixCls,
+    renderEmpty = _React$useContext.renderEmpty,
+    contextDirection = _React$useContext.direction,
+    virtual = _React$useContext.virtual,
+    contextPopupMatchSelectWidth = _React$useContext.popupMatchSelectWidth,
+    popupOverflow = _React$useContext.popupOverflow,
+    select = _React$useContext.select;
+  var _useToken = useToken(),
+    _useToken2 = _slicedToArray(_useToken, 2),
+    token = _useToken2[1];
+  var listItemHeight = customListItemHeight !== null && customListItemHeight !== void 0 ? customListItemHeight : token === null || token === void 0 ? void 0 : token.controlHeight;
+  var prefixCls = getPrefixCls('select', customizePrefixCls);
+  var rootPrefixCls = getPrefixCls();
+  var direction = propDirection !== null && propDirection !== void 0 ? propDirection : contextDirection;
+  var _useCompactItemContex = useCompactItemContext(prefixCls, direction),
+    compactSize = _useCompactItemContex.compactSize,
+    compactItemClassnames = _useCompactItemContex.compactItemClassnames;
+  var _useVariants = useVariants(customizeVariant, bordered),
+    _useVariants2 = _slicedToArray(_useVariants, 2),
+    variant = _useVariants2[0],
+    enableVariantCls = _useVariants2[1];
+  var rootCls = useCSSVarCls(prefixCls);
+  var _useStyle = useStyle(prefixCls, rootCls),
+    _useStyle2 = _slicedToArray(_useStyle, 3),
+    wrapCSSVar = _useStyle2[0],
+    hashId = _useStyle2[1],
+    cssVarCls = _useStyle2[2];
+  var mode = React.useMemo(function () {
+    var m = props.mode;
+    if (m === 'combobox') {
+      return undefined;
+    }
+    if (m === SECRET_COMBOBOX_MODE_DO_NOT_USE) {
+      return 'combobox';
+    }
+    return m;
+  }, [props.mode]);
+  var isMultiple = mode === 'multiple' || mode === 'tags';
+  var showSuffixIcon = useShowArrow(props.suffixIcon, props.showArrow);
+  var mergedPopupMatchSelectWidth = (_ref = popupMatchSelectWidth !== null && popupMatchSelectWidth !== void 0 ? popupMatchSelectWidth : dropdownMatchSelectWidth) !== null && _ref !== void 0 ? _ref : contextPopupMatchSelectWidth;
+  // ===================== Form Status =====================
+  var _React$useContext2 = React.useContext(FormItemInputContext),
+    contextStatus = _React$useContext2.status,
+    hasFeedback = _React$useContext2.hasFeedback,
+    isFormItemInput = _React$useContext2.isFormItemInput,
+    feedbackIcon = _React$useContext2.feedbackIcon;
+  var mergedStatus = getMergedStatus(contextStatus, customStatus);
+  // ===================== Empty =====================
+  var mergedNotFound;
+  if (notFoundContent !== undefined) {
+    mergedNotFound = notFoundContent;
+  } else if (mode === 'combobox') {
+    mergedNotFound = null;
+  } else {
+    mergedNotFound = (renderEmpty === null || renderEmpty === void 0 ? void 0 : renderEmpty('Select')) || _jsx(DefaultRenderEmpty, {
+      componentName: "Select"
+    });
+  }
+  // ===================== Icons =====================
+  var _useIcons = useIcons(_objectSpread(_objectSpread({}, rest), {}, {
+      multiple: isMultiple,
+      hasFeedback: hasFeedback,
+      feedbackIcon: feedbackIcon,
+      showSuffixIcon: showSuffixIcon,
+      prefixCls: prefixCls,
+      componentName: 'Select'
+    })),
+    suffixIcon = _useIcons.suffixIcon,
+    itemIcon = _useIcons.itemIcon,
+    removeIcon = _useIcons.removeIcon,
+    clearIcon = _useIcons.clearIcon;
+  var mergedAllowClear = allowClear === true ? {
+    clearIcon: clearIcon
+  } : allowClear;
+  var selectProps = omit(rest, ['suffixIcon', 'itemIcon']);
+  var mergedPopupClassName = classNames(popupClassName || dropdownClassName, _defineProperty({}, "".concat(prefixCls, "-dropdown-").concat(direction), direction === 'rtl'), rootClassName, cssVarCls, rootCls, hashId);
+  var mergedSize = useSize(function (ctx) {
+    var _ref2;
+    return (_ref2 = customizeSize !== null && customizeSize !== void 0 ? customizeSize : compactSize) !== null && _ref2 !== void 0 ? _ref2 : ctx;
+  });
+  // ===================== Disabled =====================
+  var disabled = React.useContext(DisabledContext);
+  var mergedDisabled = customDisabled !== null && customDisabled !== void 0 ? customDisabled : disabled;
+  var mergedClassName = classNames(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-lg"), mergedSize === 'large'), "".concat(prefixCls, "-sm"), mergedSize === 'small'), "".concat(prefixCls, "-rtl"), direction === 'rtl'), "".concat(prefixCls, "-").concat(variant), enableVariantCls), "".concat(prefixCls, "-in-form-item"), isFormItemInput), getStatusClassNames(prefixCls, mergedStatus, hasFeedback), compactItemClassnames, select === null || select === void 0 ? void 0 : select.className, className, rootClassName, cssVarCls, rootCls, hashId);
+  // ===================== Placement =====================
+  var memoPlacement = React.useMemo(function () {
+    if (placement !== undefined) {
+      return placement;
+    }
+    return direction === 'rtl' ? 'bottomRight' : 'bottomLeft';
+  }, [placement, direction]);
+  // ====================== Warning ======================
+  if (process.env.NODE_ENV !== 'production') {
+    var warning = devUseWarning('Select');
+    warning.deprecated(!dropdownClassName, 'dropdownClassName', 'popupClassName');
+    warning.deprecated(dropdownMatchSelectWidth === undefined, 'dropdownMatchSelectWidth', 'popupMatchSelectWidth');
+    warning(!('showArrow' in props), 'deprecated', '`showArrow` is deprecated which will be removed in next major version. It will be a default behavior, you can hide it by setting `suffixIcon` to null.');
+    warning.deprecated(!('bordered' in props), 'bordered', 'variant');
+    warning(!(typeof maxCount !== 'undefined' && !isMultiple), 'usage', '`maxCount` only works with mode `multiple` or `tags`');
+  }
+  // ====================== zIndex =========================
+  var _useZIndex = useZIndex('SelectLike', dropdownStyle === null || dropdownStyle === void 0 ? void 0 : dropdownStyle.zIndex),
+    _useZIndex2 = _slicedToArray(_useZIndex, 1),
+    zIndex = _useZIndex2[0];
+  // ====================== Render =======================
+  return wrapCSSVar(_jsx(RcSelect, _objectSpread(_objectSpread({
+    ref: ref,
+    virtual: virtual,
+    showSearch: select === null || select === void 0 ? void 0 : select.showSearch
+  }, selectProps), {}, {
+    style: _objectSpread(_objectSpread({}, select === null || select === void 0 ? void 0 : select.style), style),
+    dropdownMatchSelectWidth: mergedPopupMatchSelectWidth,
+    transitionName: getTransitionName(rootPrefixCls, 'slide-up', transitionName),
+    builtinPlacements: mergedBuiltinPlacements(builtinPlacements, popupOverflow),
+    listHeight: listHeight,
+    listItemHeight: listItemHeight,
+    mode: mode,
+    prefixCls: prefixCls,
+    placement: memoPlacement,
+    direction: direction,
+    suffixIcon: suffixIcon,
+    menuItemSelectedIcon: itemIcon,
+    removeIcon: removeIcon,
+    allowClear: mergedAllowClear,
+    notFoundContent: mergedNotFound,
+    className: mergedClassName,
+    getPopupContainer: getPopupContainer || getContextPopupContainer,
+    dropdownClassName: mergedPopupClassName,
+    disabled: mergedDisabled,
+    dropdownStyle: _objectSpread(_objectSpread({}, dropdownStyle), {}, {
+      zIndex: zIndex
+    }),
+    maxCount: isMultiple ? maxCount : undefined,
+    tagRender: isMultiple ? tagRender : undefined
+  })));
+};
+if (process.env.NODE_ENV !== 'production') {
+  InternalSelect.displayName = 'Select';
+}
+var Select = /*#__PURE__*/React.forwardRef(InternalSelect);
+// We don't care debug panel
+/* istanbul ignore next */
+var PurePanel = genPurePanel(Select);
+Select.SECRET_COMBOBOX_MODE_DO_NOT_USE = SECRET_COMBOBOX_MODE_DO_NOT_USE;
+Select.Option = Option;
+Select.OptGroup = OptGroup;
+Select._InternalPanelDoNotUseOrYouWillBeFired = PurePanel;
+if (process.env.NODE_ENV !== 'production') {
+  Select.displayName = 'Select';
+}
+export default Select;

package/lib/Antd5/select/mergedBuiltinPlacements.js

@@ -0,0 +1,40 @@
+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); }
+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; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+var getBuiltInPlacements = function getBuiltInPlacements(popupOverflow) {
+  var htmlRegion = popupOverflow === 'scroll' ? 'scroll' : 'visible';
+  var sharedConfig = {
+    overflow: {
+      adjustX: true,
+      adjustY: true,
+      shiftY: true
+    },
+    htmlRegion: htmlRegion,
+    dynamicInset: true
+  };
+  return {
+    bottomLeft: _objectSpread(_objectSpread({}, sharedConfig), {}, {
+      points: ['tl', 'bl'],
+      offset: [0, 4]
+    }),
+    bottomRight: _objectSpread(_objectSpread({}, sharedConfig), {}, {
+      points: ['tr', 'br'],
+      offset: [0, 4]
+    }),
+    topLeft: _objectSpread(_objectSpread({}, sharedConfig), {}, {
+      points: ['bl', 'tl'],
+      offset: [0, -4]
+    }),
+    topRight: _objectSpread(_objectSpread({}, sharedConfig), {}, {
+      points: ['br', 'tr'],
+      offset: [0, -4]
+    })
+  };
+};
+function mergedBuiltinPlacements(buildInPlacements, popupOverflow) {
+  return buildInPlacements || getBuiltInPlacements(popupOverflow);
+}
+export default mergedBuiltinPlacements;

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

@@ -0,0 +1,109 @@
+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); }
+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; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { resetComponent, textEllipsis } from '../../style';
+import { initMoveMotion, initSlideMotion, slideDownIn, slideDownOut, slideUpIn, slideUpOut } from '../../style/motion';
+var genItemStyle = function genItemStyle(token) {
+  var optionHeight = token.optionHeight,
+    optionFontSize = token.optionFontSize,
+    optionLineHeight = token.optionLineHeight,
+    optionPadding = token.optionPadding;
+  return {
+    position: 'relative',
+    display: 'block',
+    minHeight: optionHeight,
+    padding: optionPadding,
+    color: token.colorText,
+    fontWeight: 'normal',
+    fontSize: optionFontSize,
+    lineHeight: optionLineHeight,
+    boxSizing: 'border-box'
+  };
+};
+var genSingleStyle = function genSingleStyle(token) {
+  var antCls = token.antCls,
+    componentCls = token.componentCls;
+  var selectItemCls = "".concat(componentCls, "-item");
+  var slideUpEnterActive = "&".concat(antCls, "-slide-up-enter").concat(antCls, "-slide-up-enter-active");
+  var slideUpAppearActive = "&".concat(antCls, "-slide-up-appear").concat(antCls, "-slide-up-appear-active");
+  var slideUpLeaveActive = "&".concat(antCls, "-slide-up-leave").concat(antCls, "-slide-up-leave-active");
+  var dropdownPlacementCls = "".concat(componentCls, "-dropdown-placement-");
+  return [_defineProperty({}, "".concat(componentCls, "-dropdown"), _objectSpread(_objectSpread({}, resetComponent(token)), {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
+    position: 'absolute',
+    top: -9999,
+    zIndex: token.zIndexPopup,
+    boxSizing: 'border-box',
+    padding: token.paddingXXS,
+    overflow: 'hidden',
+    fontSize: token.fontSize,
+    // Fix select render lag of long text in chrome
+    // https://github.com/ant-design/ant-design/issues/11456
+    // https://github.com/ant-design/ant-design/issues/11843
+    fontVariant: 'initial',
+    backgroundColor: token.colorBgElevated,
+    borderRadius: token.borderRadiusLG,
+    outline: 'none',
+    boxShadow: token.boxShadowSecondary
+  }, "\n          ".concat(slideUpEnterActive).concat(dropdownPlacementCls, "bottomLeft,\n          ").concat(slideUpAppearActive).concat(dropdownPlacementCls, "bottomLeft\n        "), {
+    animationName: slideUpIn
+  }), "\n          ".concat(slideUpEnterActive).concat(dropdownPlacementCls, "topLeft,\n          ").concat(slideUpAppearActive).concat(dropdownPlacementCls, "topLeft,\n          ").concat(slideUpEnterActive).concat(dropdownPlacementCls, "topRight,\n          ").concat(slideUpAppearActive).concat(dropdownPlacementCls, "topRight\n        "), {
+    animationName: slideDownIn
+  }), "".concat(slideUpLeaveActive).concat(dropdownPlacementCls, "bottomLeft"), {
+    animationName: slideUpOut
+  }), "\n          ".concat(slideUpLeaveActive).concat(dropdownPlacementCls, "topLeft,\n          ").concat(slideUpLeaveActive).concat(dropdownPlacementCls, "topRight\n        "), {
+    animationName: slideDownOut
+  }), '&-hidden', {
+    display: 'none'
+  }), "".concat(selectItemCls), _objectSpread(_objectSpread({}, genItemStyle(token)), {}, {
+    cursor: 'pointer',
+    transition: "background ".concat(token.motionDurationSlow, " ease"),
+    borderRadius: token.borderRadiusSM,
+    // =========== Group ============
+    '&-group': {
+      color: token.colorTextDescription,
+      fontSize: token.fontSizeSM,
+      cursor: 'default'
+    },
+    // =========== Option ===========
+    '&-option': _defineProperty(_defineProperty(_defineProperty(_defineProperty({
+      display: 'flex',
+      '&-content': _objectSpread({
+        flex: 'auto'
+      }, textEllipsis),
+      '&-state': {
+        flex: 'none',
+        display: 'flex',
+        alignItems: 'center'
+      }
+    }, "&-active:not(".concat(selectItemCls, "-option-disabled)"), {
+      backgroundColor: token.optionActiveBg
+    }), "&-selected:not(".concat(selectItemCls, "-option-disabled)"), _defineProperty(_defineProperty({
+      color: token.optionSelectedColor,
+      fontWeight: token.optionSelectedFontWeight,
+      backgroundColor: token.optionSelectedBg
+    }, "".concat(selectItemCls, "-option-state"), {
+      color: token.colorPrimary
+    }), "&:has(+ ".concat(selectItemCls, "-option-selected:not(").concat(selectItemCls, "-option-disabled))"), _defineProperty({
+      borderEndStartRadius: 0,
+      borderEndEndRadius: 0
+    }, "& + ".concat(selectItemCls, "-option-selected:not(").concat(selectItemCls, "-option-disabled)"), {
+      borderStartStartRadius: 0,
+      borderStartEndRadius: 0
+    }))), '&-disabled', _defineProperty(_defineProperty(_defineProperty({}, "&".concat(selectItemCls, "-option-selected"), {
+      backgroundColor: token.colorBgContainerDisabled
+    }), "color", token.colorTextDisabled), "cursor", 'not-allowed')), '&-grouped', {
+      paddingInlineStart: token.calc(token.controlPaddingHorizontal).mul(2).equal()
+    }),
+    '&-empty': _objectSpread(_objectSpread({}, genItemStyle(token)), {}, {
+      color: token.colorTextDisabled
+    })
+  })), '&-rtl', {
+    direction: 'rtl'
+  }))),
+  // Follow code may reuse in other components
+  initSlideMotion(token, 'slide-up'), initSlideMotion(token, 'slide-down'), initMoveMotion(token, 'move-up'), initMoveMotion(token, 'move-down')];
+};
+export default genSingleStyle;