@chaoswise/ui 3.0.5 → 3.0.6

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

@@ -1,183 +0,0 @@
-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, resetIcon, textEllipsis } from '../../style';
-import { genCompactItemStyle } from '../../style/compact-item';
-import { genStyleHooks, mergeToken } from '../../theme/internal';
-import genDropdownStyle from './dropdown';
-import genMultipleStyle from './multiple';
-import genSingleStyle from './single';
-import { prepareComponentToken } from './token';
-import genVariantsStyle from './variants';
-// ============================= Selector =============================
-var genSelectorStyle = function genSelectorStyle(token) {
-  var componentCls = token.componentCls;
-  return _defineProperty(_defineProperty({
-    position: 'relative',
-    transition: "all ".concat(token.motionDurationMid, " ").concat(token.motionEaseInOut),
-    input: {
-      cursor: 'pointer'
-    }
-  }, "".concat(componentCls, "-show-search&"), {
-    cursor: 'text',
-    input: {
-      cursor: 'auto',
-      color: 'inherit',
-      height: '100%'
-    }
-  }), "".concat(componentCls, "-disabled&"), {
-    cursor: 'not-allowed',
-    input: {
-      cursor: 'not-allowed'
-    }
-  });
-};
-// ============================== Styles ==============================
-// /* Reset search input style */
-var getSearchInputWithoutBorderStyle = function getSearchInputWithoutBorderStyle(token) {
-  var componentCls = token.componentCls;
-  return _defineProperty({}, "".concat(componentCls, "-selection-search-input"), {
-    margin: 0,
-    padding: 0,
-    background: 'transparent',
-    border: 'none',
-    outline: 'none',
-    appearance: 'none',
-    fontFamily: 'inherit',
-    '&::-webkit-search-cancel-button': {
-      display: 'none',
-      '-webkit-appearance': 'none'
-    }
-  });
-};
-// =============================== Base ===============================
-var genBaseStyle = function genBaseStyle(token) {
-  var antCls = token.antCls,
-    componentCls = token.componentCls,
-    inputPaddingHorizontalBase = token.inputPaddingHorizontalBase,
-    iconCls = token.iconCls;
-  return _defineProperty(_defineProperty({}, componentCls, _objectSpread(_objectSpread({}, resetComponent(token)), {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
-    position: 'relative',
-    display: 'inline-block',
-    cursor: 'pointer'
-  }, "&:not(".concat(componentCls, "-customize-input) ").concat(componentCls, "-selector"), _objectSpread(_objectSpread({}, genSelectorStyle(token)), getSearchInputWithoutBorderStyle(token))), "".concat(componentCls, "-selection-item"), _objectSpread(_objectSpread({
-    flex: 1,
-    fontWeight: 'normal',
-    position: 'relative',
-    userSelect: 'none'
-  }, textEllipsis), {}, _defineProperty({}, "> ".concat(antCls, "-typography"), {
-    display: 'inline'
-  }))), "".concat(componentCls, "-selection-placeholder"), _objectSpread(_objectSpread({}, textEllipsis), {}, {
-    flex: 1,
-    color: token.colorTextPlaceholder,
-    pointerEvents: 'none'
-  })), "".concat(componentCls, "-arrow"), _objectSpread(_objectSpread({}, resetIcon()), {}, _defineProperty(_defineProperty(_defineProperty({
-    position: 'absolute',
-    top: '50%',
-    insetInlineStart: 'auto',
-    insetInlineEnd: inputPaddingHorizontalBase,
-    height: token.fontSizeIcon,
-    marginTop: token.calc(token.fontSizeIcon).mul(-1).div(2).equal(),
-    color: token.colorTextQuaternary,
-    fontSize: token.fontSizeIcon,
-    lineHeight: 1,
-    textAlign: 'center',
-    pointerEvents: 'none',
-    display: 'flex',
-    alignItems: 'center',
-    transition: "opacity ".concat(token.motionDurationSlow, " ease")
-  }, iconCls, _defineProperty({
-    verticalAlign: 'top',
-    transition: "transform ".concat(token.motionDurationSlow),
-    '> svg': {
-      verticalAlign: 'top'
-    }
-  }, "&:not(".concat(componentCls, "-suffix)"), {
-    pointerEvents: 'auto'
-  })), "".concat(componentCls, "-disabled &"), {
-    cursor: 'not-allowed'
-  }), '> *:not(:last-child)', {
-    marginInlineEnd: 8 // FIXME: magic
-  }))), "".concat(componentCls, "-clear"), {
-    position: 'absolute',
-    top: '50%',
-    insetInlineStart: 'auto',
-    insetInlineEnd: inputPaddingHorizontalBase,
-    zIndex: 1,
-    display: 'inline-block',
-    width: token.fontSizeIcon,
-    height: token.fontSizeIcon,
-    marginTop: token.calc(token.fontSizeIcon).mul(-1).div(2).equal(),
-    color: token.colorTextQuaternary,
-    fontSize: token.fontSizeIcon,
-    fontStyle: 'normal',
-    lineHeight: 1,
-    textAlign: 'center',
-    textTransform: 'none',
-    cursor: 'pointer',
-    opacity: 0,
-    transition: "color ".concat(token.motionDurationMid, " ease, opacity ").concat(token.motionDurationSlow, " ease"),
-    textRendering: 'auto',
-    '&:before': {
-      display: 'block'
-    },
-    '&: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"), {
-    insetInlineEnd: token.calc(inputPaddingHorizontalBase).add(token.fontSize).add(token.paddingXS).equal()
-  }));
-};
-// ============================== Styles ==============================
-var genSelectStyle = function genSelectStyle(token) {
-  var componentCls = token.componentCls;
-  return [_defineProperty({}, componentCls, _defineProperty({}, "&".concat(componentCls, "-in-form-item"), {
-    width: '100%'
-  })),
-  // =====================================================
-  // ==                       LTR                       ==
-  // =====================================================
-  // Base
-  genBaseStyle(token),
-  // Single
-  genSingleStyle(token),
-  // Multiple
-  genMultipleStyle(token),
-  // Dropdown
-  genDropdownStyle(token), // =====================================================
-  // ==                       RTL                       ==
-  // =====================================================
-  _defineProperty({}, "".concat(componentCls, "-rtl"), {
-    direction: 'rtl'
-  }),
-  // =====================================================
-  // ==             Space Compact                       ==
-  // =====================================================
-  genCompactItemStyle(token, {
-    borderElCls: "".concat(componentCls, "-selector"),
-    focusElCls: "".concat(componentCls, "-focused")
-  })];
-};
-// ============================== Export ==============================
-export default genStyleHooks('Select', function (token, _ref6) {
-  var rootPrefixCls = _ref6.rootPrefixCls;
-  var selectToken = mergeToken(token, {
-    rootPrefixCls: rootPrefixCls,
-    inputPaddingHorizontalBase: token.calc(token.paddingSM).sub(1).equal(),
-    multipleSelectItemHeight: token.multipleItemHeight,
-    selectHeight: token.controlHeight
-  });
-  return [genSelectStyle(selectToken), genVariantsStyle(selectToken)];
-}, prepareComponentToken, {
-  unitless: {
-    optionLineHeight: true,
-    optionSelectedFontWeight: true
-  }
-});

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

@@ -1,217 +0,0 @@
-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 { resetIcon } from '../../style';
-import { mergeToken } from '../../theme/internal';
-/**
- * Get multiple selector needed style. The calculation:
- *
- * ContainerPadding = BasePadding - ItemMargin
- *
- * Border:                    ╔═══════════════════════════╗                 ┬
- * ContainerPadding:          ║                           ║                 │
- *                            ╟───────────────────────────╢     ┬           │
- * Item Margin:               ║                           ║     │           │
- *                            ║             ┌──────────┐  ║     │           │
- * Item(multipleItemHeight):  ║ BasePadding │   Item   │  ║  Overflow  Container(ControlHeight)
- *                            ║             └──────────┘  ║     │           │
- * Item Margin:               ║                           ║     │           │
- *                            ╟───────────────────────────╢     ┴           │
- * ContainerPadding:          ║                           ║                 │
- * Border:                    ╚═══════════════════════════╝                 ┴
- */
-export var getMultipleSelectorUnit = function getMultipleSelectorUnit(token) {
-  var multipleSelectItemHeight = token.multipleSelectItemHeight,
-    paddingXXS = token.paddingXXS,
-    lineWidth = token.lineWidth,
-    INTERNAL_FIXED_ITEM_MARGIN = token.INTERNAL_FIXED_ITEM_MARGIN;
-  var basePadding = token.max(token.calc(paddingXXS).sub(lineWidth).equal(), 0);
-  var containerPadding = token.max(token.calc(basePadding).sub(INTERNAL_FIXED_ITEM_MARGIN).equal(), 0);
-  return {
-    basePadding: basePadding,
-    containerPadding: containerPadding,
-    itemHeight: unit(multipleSelectItemHeight),
-    itemLineHeight: unit(token.calc(multipleSelectItemHeight).sub(token.calc(token.lineWidth).mul(2)).equal())
-  };
-};
-var getSelectItemStyle = function getSelectItemStyle(token) {
-  var multipleSelectItemHeight = token.multipleSelectItemHeight,
-    selectHeight = token.selectHeight,
-    lineWidth = token.lineWidth;
-  var selectItemDist = token.calc(selectHeight).sub(multipleSelectItemHeight).div(2).sub(lineWidth).equal();
-  return selectItemDist;
-};
-/**
- * Get the `rc-overflow` needed style.
- * It's a share style which means not affected by `size`.
- */
-export var genOverflowStyle = function genOverflowStyle(token) {
-  var componentCls = token.componentCls,
-    iconCls = token.iconCls,
-    borderRadiusSM = token.borderRadiusSM,
-    motionDurationSlow = token.motionDurationSlow,
-    paddingXS = token.paddingXS,
-    multipleItemColorDisabled = token.multipleItemColorDisabled,
-    multipleItemBorderColorDisabled = token.multipleItemBorderColorDisabled,
-    colorIcon = token.colorIcon,
-    colorIconHover = token.colorIconHover,
-    INTERNAL_FIXED_ITEM_MARGIN = token.INTERNAL_FIXED_ITEM_MARGIN;
-  var selectOverflowPrefixCls = "".concat(componentCls, "-selection-overflow");
-  return _defineProperty({}, selectOverflowPrefixCls, _defineProperty({
-    position: 'relative',
-    display: 'flex',
-    flex: 'auto',
-    flexWrap: 'wrap',
-    maxWidth: '100%',
-    '&-item': {
-      flex: 'none',
-      alignSelf: 'center',
-      maxWidth: '100%',
-      display: 'inline-flex'
-    }
-  }, "".concat(componentCls, "-selection-item"), _defineProperty(_defineProperty(_defineProperty({
-    display: 'flex',
-    alignSelf: 'center',
-    flex: 'none',
-    boxSizing: 'border-box',
-    maxWidth: '100%',
-    marginBlock: INTERNAL_FIXED_ITEM_MARGIN,
-    borderRadius: borderRadiusSM,
-    cursor: 'default',
-    transition: "font-size ".concat(motionDurationSlow, ", line-height ").concat(motionDurationSlow, ", height ").concat(motionDurationSlow),
-    marginInlineEnd: token.calc(INTERNAL_FIXED_ITEM_MARGIN).mul(2).equal(),
-    paddingInlineStart: paddingXS,
-    paddingInlineEnd: token.calc(paddingXS).div(2).equal()
-  }, "".concat(componentCls, "-disabled&"), {
-    color: multipleItemColorDisabled,
-    borderColor: multipleItemBorderColorDisabled,
-    cursor: 'not-allowed'
-  }), '&-content', {
-    display: 'inline-block',
-    marginInlineEnd: token.calc(paddingXS).div(2).equal(),
-    overflow: 'hidden',
-    whiteSpace: 'pre',
-    // fix whitespace wrapping. custom tags display all whitespace within.
-    textOverflow: 'ellipsis'
-  }), '&-remove', _objectSpread(_objectSpread({}, resetIcon()), {}, _defineProperty(_defineProperty({
-    display: 'inline-flex',
-    alignItems: 'center',
-    color: colorIcon,
-    fontWeight: 'bold',
-    fontSize: 10,
-    lineHeight: 'inherit',
-    cursor: 'pointer'
-  }, "> ".concat(iconCls), {
-    verticalAlign: '-0.2em'
-  }), '&:hover', {
-    color: colorIconHover
-  })))));
-};
-var genSelectionStyle = function genSelectionStyle(token, suffix) {
-  var componentCls = token.componentCls,
-    INTERNAL_FIXED_ITEM_MARGIN = token.INTERNAL_FIXED_ITEM_MARGIN;
-  var selectOverflowPrefixCls = "".concat(componentCls, "-selection-overflow");
-  var selectItemHeight = token.multipleSelectItemHeight;
-  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({
-    display: 'flex',
-    flexWrap: 'wrap',
-    alignItems: 'center',
-    height: '100%',
-    // Multiple is little different that horizontal is follow the vertical
-    paddingInline: multipleSelectorUnit.basePadding,
-    paddingBlock: multipleSelectorUnit.containerPadding,
-    borderRadius: token.borderRadius
-  }, "".concat(componentCls, "-disabled&"), {
-    background: token.multipleSelectorBgDisabled,
-    cursor: 'not-allowed'
-  }), '&:after', {
-    display: 'inline-block',
-    width: 0,
-    margin: "".concat(unit(INTERNAL_FIXED_ITEM_MARGIN), " 0"),
-    lineHeight: unit(selectItemHeight),
-    visibility: 'hidden',
-    content: '"\\a0"'
-  })), "".concat(componentCls, "-selection-item"), {
-    height: multipleSelectorUnit.itemHeight,
-    lineHeight: unit(multipleSelectorUnit.itemLineHeight)
-  }), "".concat(selectOverflowPrefixCls, "-item + ").concat(selectOverflowPrefixCls, "-item"), _defineProperty({}, "".concat(componentCls, "-selection-search"), {
-    marginInlineStart: 0
-  })), "".concat(selectOverflowPrefixCls, "-item-suffix"), {
-    height: '100%'
-  }), "".concat(componentCls, "-selection-search"), _defineProperty(_defineProperty(_defineProperty({
-    display: 'inline-flex',
-    position: 'relative',
-    maxWidth: '100%',
-    marginInlineStart: token.calc(token.inputPaddingHorizontalBase).sub(selectItemDist).equal()
-  }, "\n          &-input,\n          &-mirror\n        ", {
-    height: selectItemHeight,
-    fontFamily: token.fontFamily,
-    lineHeight: unit(selectItemHeight),
-    transition: "all ".concat(token.motionDurationSlow)
-  }), '&-input', {
-    width: '100%',
-    minWidth: 4.1 // fix search cursor missing
-  }), '&-mirror', {
-    position: 'absolute',
-    top: 0,
-    insetInlineStart: 0,
-    insetInlineEnd: 'auto',
-    zIndex: 999,
-    whiteSpace: 'pre',
-    // fix whitespace wrapping caused width calculation bug
-    visibility: 'hidden'
-  })), "".concat(componentCls, "-selection-placeholder"), {
-    position: 'absolute',
-    top: '50%',
-    insetInlineStart: token.inputPaddingHorizontalBase,
-    insetInlineEnd: token.inputPaddingHorizontalBase,
-    transform: 'translateY(-50%)',
-    transition: "all ".concat(token.motionDurationSlow)
-  })));
-};
-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({
-    fontSize: token.fontSize
-  }, "".concat(componentCls, "-selector"), _defineProperty({}, "".concat(componentCls, "-show-search&"), {
-    cursor: 'text'
-  })), "\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];
-}
-var genMultipleStyle = function genMultipleStyle(token) {
-  var componentCls = token.componentCls;
-  var smallToken = mergeToken(token, {
-    selectHeight: token.controlHeightSM,
-    multipleSelectItemHeight: token.multipleItemHeightSM,
-    borderRadius: token.borderRadiusSM,
-    borderRadiusSM: token.borderRadiusXS
-  });
-  var largeToken = mergeToken(token, {
-    fontSize: token.fontSizeLG,
-    selectHeight: token.controlHeightLG,
-    multipleSelectItemHeight: token.multipleItemHeightLG,
-    borderRadius: token.borderRadiusLG,
-    borderRadiusSM: token.borderRadius
-  });
-  return [genSizeStyle(token),
-  // ======================== Small ========================
-  genSizeStyle(smallToken, 'sm'), // Padding
-  _defineProperty({}, "".concat(componentCls, "-multiple").concat(componentCls, "-sm"), _defineProperty(_defineProperty({}, "".concat(componentCls, "-selection-placeholder"), {
-    insetInline: token.calc(token.controlPaddingHorizontalSM).sub(token.lineWidth).equal()
-  }), "".concat(componentCls, "-selection-search"), {
-    marginInlineStart: 2 // Magic Number
-  })),
-  // ======================== Large ========================
-  genSizeStyle(largeToken, 'lg')];
-};
-export default genMultipleStyle;

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

@@ -1,101 +0,0 @@
-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 } from '../../style';
-import { mergeToken } from '../../theme/internal';
-function genSizeStyle(token, suffix) {
-  var componentCls = token.componentCls,
-    inputPaddingHorizontalBase = token.inputPaddingHorizontalBase,
-    borderRadius = token.borderRadius;
-  var selectHeightWithoutBorder = token.calc(token.controlHeight).sub(token.calc(token.lineWidth).mul(2)).equal();
-  var suffixCls = suffix ? "".concat(componentCls, "-").concat(suffix) : '';
-  return _defineProperty({}, "".concat(componentCls, "-single").concat(suffixCls), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
-    fontSize: token.fontSize,
-    height: token.controlHeight
-  }, "".concat(componentCls, "-selector"), _objectSpread(_objectSpread({}, resetComponent(token, true)), {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty({
-    display: 'flex',
-    borderRadius: borderRadius
-  }, "".concat(componentCls, "-selection-search"), {
-    position: 'absolute',
-    top: 0,
-    insetInlineStart: inputPaddingHorizontalBase,
-    insetInlineEnd: inputPaddingHorizontalBase,
-    bottom: 0,
-    '&-input': {
-      width: '100%',
-      WebkitAppearance: 'textfield'
-    }
-  }), "\n          ".concat(componentCls, "-selection-item,\n          ").concat(componentCls, "-selection-placeholder\n        "), {
-    padding: 0,
-    lineHeight: unit(selectHeightWithoutBorder),
-    transition: "all ".concat(token.motionDurationSlow, ", visibility 0s"),
-    alignSelf: 'center'
-  }), "".concat(componentCls, "-selection-placeholder"), {
-    transition: 'none',
-    pointerEvents: 'none'
-  }), ['&:after', /* For '' value baseline align */"".concat(componentCls, "-selection-item:empty:after"), /* For undefined value baseline align */"".concat(componentCls, "-selection-placeholder:empty:after")].join(','), {
-    display: 'inline-block',
-    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      "), {
-    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%',
-    padding: "0 ".concat(unit(inputPaddingHorizontalBase))
-  }, "".concat(componentCls, "-selection-search-input"), {
-    height: selectHeightWithoutBorder
-  }), '&:after', {
-    lineHeight: unit(selectHeightWithoutBorder)
-  }))), "&".concat(componentCls, "-customize-input"), _defineProperty({}, "".concat(componentCls, "-selector"), _defineProperty(_defineProperty({
-    '&:after': {
-      display: 'none'
-    }
-  }, "".concat(componentCls, "-selection-search"), {
-    position: 'static',
-    width: '100%'
-  }), "".concat(componentCls, "-selection-placeholder"), {
-    position: 'absolute',
-    insetInlineStart: 0,
-    insetInlineEnd: 0,
-    padding: "0 ".concat(unit(inputPaddingHorizontalBase)),
-    '&:after': {
-      display: 'none'
-    }
-  }))));
-}
-export default function genSingleStyle(token) {
-  var componentCls = token.componentCls;
-  var inputPaddingHorizontalSM = token.calc(token.controlPaddingHorizontalSM).sub(token.lineWidth).equal();
-  return [genSizeStyle(token),
-  // ======================== Small ========================
-  // Shared
-  genSizeStyle(mergeToken(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"), {
-    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()
-  }), "\n            &".concat(componentCls, "-show-arrow ").concat(componentCls, "-selection-item,\n            &").concat(componentCls, "-show-arrow ").concat(componentCls, "-selection-placeholder\n          "), {
-    paddingInlineEnd: token.calc(token.fontSize).mul(1.5).equal()
-  }))),
-  // ======================== Large ========================
-  // Shared
-  genSizeStyle(mergeToken(token, {
-    controlHeight: token.singleItemHeightLG,
-    fontSize: token.fontSizeLG,
-    borderRadius: token.borderRadiusLG
-  }), 'lg')];
-}

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

@@ -1,53 +0,0 @@
-export var prepareComponentToken = function prepareComponentToken(token) {
-  var fontSize = token.fontSize,
-    lineHeight = token.lineHeight,
-    lineWidth = token.lineWidth,
-    controlHeight = token.controlHeight,
-    controlHeightSM = token.controlHeightSM,
-    controlHeightLG = token.controlHeightLG,
-    paddingXXS = token.paddingXXS,
-    controlPaddingHorizontal = token.controlPaddingHorizontal,
-    zIndexPopupBase = token.zIndexPopupBase,
-    colorText = token.colorText,
-    fontWeightStrong = token.fontWeightStrong,
-    controlItemBgActive = token.controlItemBgActive,
-    controlItemBgHover = token.controlItemBgHover,
-    colorBgContainer = token.colorBgContainer,
-    colorFillSecondary = token.colorFillSecondary,
-    colorBgContainerDisabled = token.colorBgContainerDisabled,
-    colorTextDisabled = token.colorTextDisabled;
-  // Item height default use `controlHeight - 2 * paddingXXS`,
-  // but some case `paddingXXS=0`.
-  // Let's fallback it.
-  var dblPaddingXXS = paddingXXS * 2;
-  var dblLineWidth = lineWidth * 2;
-  var multipleItemHeight = Math.min(controlHeight - dblPaddingXXS, controlHeight - dblLineWidth);
-  var multipleItemHeightSM = Math.min(controlHeightSM - dblPaddingXXS, controlHeightSM - dblLineWidth);
-  var multipleItemHeightLG = Math.min(controlHeightLG - dblPaddingXXS, controlHeightLG - dblLineWidth);
-  // FIXED_ITEM_MARGIN is a hardcode calculation since calc not support rounding
-  var INTERNAL_FIXED_ITEM_MARGIN = Math.floor(paddingXXS / 2);
-  return {
-    INTERNAL_FIXED_ITEM_MARGIN: INTERNAL_FIXED_ITEM_MARGIN,
-    zIndexPopup: zIndexPopupBase + 50,
-    optionSelectedColor: colorText,
-    optionSelectedFontWeight: fontWeightStrong,
-    optionSelectedBg: controlItemBgActive,
-    optionActiveBg: controlItemBgHover,
-    optionPadding: "".concat((controlHeight - fontSize * lineHeight) / 2, "px ").concat(controlPaddingHorizontal, "px"),
-    optionFontSize: fontSize,
-    optionLineHeight: lineHeight,
-    optionHeight: controlHeight,
-    selectorBg: colorBgContainer,
-    clearBg: colorBgContainer,
-    singleItemHeightLG: controlHeightLG,
-    multipleItemBg: colorFillSecondary,
-    multipleItemBorderColor: 'transparent',
-    multipleItemHeight: multipleItemHeight,
-    multipleItemHeightSM: multipleItemHeightSM,
-    multipleItemHeightLG: multipleItemHeightLG,
-    multipleSelectorBgDisabled: colorBgContainerDisabled,
-    multipleItemColorDisabled: colorTextDisabled,
-    multipleItemBorderColorDisabled: 'transparent',
-    showArrowPaddingInlineEnd: Math.ceil(token.fontSize * 1.25)
-  };
-};