@nocobase/plugin-client 0.11.1-alpha.5 → 0.12.0-alpha.2

package/dist/locale/antd/select/index.js

@@ -0,0 +1,203 @@
+"use strict";
+'use client';
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _classnames = _interopRequireDefault(require("classnames"));
+var _rcSelect = _interopRequireWildcard(require("rc-select"));
+var _omit = _interopRequireDefault(require("rc-util/lib/omit"));
+var React = _interopRequireWildcard(require("react"));
+var _PurePanel = _interopRequireDefault(require("../_util/PurePanel"));
+var _motion = require("../_util/motion");
+var _statusUtils = require("../_util/statusUtils");
+var _warning = _interopRequireDefault(require("../_util/warning"));
+var _configProvider = require("../config-provider");
+var _DisabledContext = _interopRequireDefault(require("../config-provider/DisabledContext"));
+var _defaultRenderEmpty = _interopRequireDefault(require("../config-provider/defaultRenderEmpty"));
+var _useSize = _interopRequireDefault(require("../config-provider/hooks/useSize"));
+var _context = require("../form/context");
+var _Compact = require("../space/Compact");
+var _style = _interopRequireDefault(require("./style"));
+var _useBuiltinPlacements = _interopRequireDefault(require("./useBuiltinPlacements"));
+var _useShowArrow = _interopRequireDefault(require("./useShowArrow"));
+var _iconUtil = _interopRequireDefault(require("./utils/iconUtil"));
+var __rest = void 0 && (void 0).__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+// TODO: 4.0 - codemod should help to change `filterOption` to support node props.
+
+const SECRET_COMBOBOX_MODE_DO_NOT_USE = 'SECRET_COMBOBOX_MODE_DO_NOT_USE';
+const InternalSelect = (_a, ref) => {
+  var _b;
+  var {
+      prefixCls: customizePrefixCls,
+      bordered = true,
+      className,
+      rootClassName,
+      getPopupContainer,
+      popupClassName,
+      dropdownClassName,
+      listHeight = 256,
+      placement,
+      listItemHeight = 24,
+      size: customizeSize,
+      disabled: customDisabled,
+      notFoundContent,
+      status: customStatus,
+      showArrow,
+      builtinPlacements,
+      dropdownMatchSelectWidth,
+      popupMatchSelectWidth,
+      direction: propDirection,
+      style
+    } = _a,
+    props = __rest(_a, ["prefixCls", "bordered", "className", "rootClassName", "getPopupContainer", "popupClassName", "dropdownClassName", "listHeight", "placement", "listItemHeight", "size", "disabled", "notFoundContent", "status", "showArrow", "builtinPlacements", "dropdownMatchSelectWidth", "popupMatchSelectWidth", "direction", "style"]);
+  const {
+    getPopupContainer: getContextPopupContainer,
+    getPrefixCls,
+    renderEmpty,
+    direction: contextDirection,
+    virtual,
+    popupMatchSelectWidth: contextPopupMatchSelectWidth,
+    popupOverflow,
+    select
+  } = React.useContext(_configProvider.ConfigContext);
+  const prefixCls = getPrefixCls('select', customizePrefixCls);
+  const rootPrefixCls = getPrefixCls();
+  const direction = propDirection !== null && propDirection !== void 0 ? propDirection : contextDirection;
+  const {
+    compactSize,
+    compactItemClassnames
+  } = (0, _Compact.useCompactItemContext)(prefixCls, direction);
+  const [wrapSSR, hashId] = (0, _style.default)(prefixCls);
+  const mode = React.useMemo(() => {
+    const {
+      mode: m
+    } = props;
+    if (m === 'combobox') {
+      return undefined;
+    }
+    if (m === SECRET_COMBOBOX_MODE_DO_NOT_USE) {
+      return 'combobox';
+    }
+    return m;
+  }, [props.mode]);
+  const isMultiple = mode === 'multiple' || mode === 'tags';
+  const mergedShowArrow = (0, _useShowArrow.default)(showArrow);
+  const mergedPopupMatchSelectWidth = (_b = popupMatchSelectWidth !== null && popupMatchSelectWidth !== void 0 ? popupMatchSelectWidth : dropdownMatchSelectWidth) !== null && _b !== void 0 ? _b : contextPopupMatchSelectWidth;
+  // ===================== Form Status =====================
+  const {
+    status: contextStatus,
+    hasFeedback,
+    isFormItemInput,
+    feedbackIcon
+  } = React.useContext(_context.FormItemInputContext);
+  const mergedStatus = (0, _statusUtils.getMergedStatus)(contextStatus, customStatus);
+  // ===================== Empty =====================
+  let mergedNotFound;
+  if (notFoundContent !== undefined) {
+    mergedNotFound = notFoundContent;
+  } else if (mode === 'combobox') {
+    mergedNotFound = null;
+  } else {
+    mergedNotFound = (renderEmpty === null || renderEmpty === void 0 ? void 0 : renderEmpty('Select')) || /*#__PURE__*/React.createElement(_defaultRenderEmpty.default, {
+      componentName: "Select"
+    });
+  }
+  // ===================== Icons =====================
+  const {
+    suffixIcon,
+    itemIcon,
+    removeIcon,
+    clearIcon
+  } = (0, _iconUtil.default)(Object.assign(Object.assign({}, props), {
+    multiple: isMultiple,
+    hasFeedback,
+    feedbackIcon,
+    showArrow: mergedShowArrow,
+    prefixCls
+  }));
+  const selectProps = (0, _omit.default)(props, ['suffixIcon', 'itemIcon']);
+  const rcSelectRtlDropdownClassName = (0, _classnames.default)(popupClassName || dropdownClassName, {
+    [`${prefixCls}-dropdown-${direction}`]: direction === 'rtl'
+  }, rootClassName, hashId);
+  const mergedSize = (0, _useSize.default)(ctx => {
+    var _a;
+    return (_a = customizeSize !== null && customizeSize !== void 0 ? customizeSize : compactSize) !== null && _a !== void 0 ? _a : ctx;
+  });
+  // ===================== Disabled =====================
+  const disabled = React.useContext(_DisabledContext.default);
+  const mergedDisabled = customDisabled !== null && customDisabled !== void 0 ? customDisabled : disabled;
+  const mergedClassName = (0, _classnames.default)({
+    [`${prefixCls}-lg`]: mergedSize === 'large',
+    [`${prefixCls}-sm`]: mergedSize === 'small',
+    [`${prefixCls}-rtl`]: direction === 'rtl',
+    [`${prefixCls}-borderless`]: !bordered,
+    [`${prefixCls}-in-form-item`]: isFormItemInput
+  }, (0, _statusUtils.getStatusClassNames)(prefixCls, mergedStatus, hasFeedback), compactItemClassnames, select === null || select === void 0 ? void 0 : select.className, className, rootClassName, hashId);
+  // ===================== Placement =====================
+  const memoPlacement = React.useMemo(() => {
+    if (placement !== undefined) {
+      return placement;
+    }
+    return direction === 'rtl' ? 'bottomRight' : 'bottomLeft';
+  }, [placement, direction]);
+  const mergedBuiltinPlacements = (0, _useBuiltinPlacements.default)(builtinPlacements, popupOverflow);
+  // ====================== Warning ======================
+  if (process.env.NODE_ENV !== 'production') {
+    process.env.NODE_ENV !== "production" ? (0, _warning.default)(!dropdownClassName, 'Select', '`dropdownClassName` is deprecated. Please use `popupClassName` instead.') : void 0;
+    process.env.NODE_ENV !== "production" ? (0, _warning.default)(dropdownMatchSelectWidth === undefined, 'Select', '`dropdownMatchSelectWidth` is deprecated. Please use `popupMatchSelectWidth` instead.') : void 0;
+  }
+  // ====================== Render =======================
+  return wrapSSR( /*#__PURE__*/React.createElement(_rcSelect.default, Object.assign({
+    ref: ref,
+    virtual: virtual,
+    showSearch: select === null || select === void 0 ? void 0 : select.showSearch
+  }, selectProps, {
+    style: Object.assign(Object.assign({}, select === null || select === void 0 ? void 0 : select.style), style),
+    dropdownMatchSelectWidth: mergedPopupMatchSelectWidth,
+    builtinPlacements: mergedBuiltinPlacements,
+    transitionName: (0, _motion.getTransitionName)(rootPrefixCls, (0, _motion.getTransitionDirection)(placement), props.transitionName),
+    listHeight: listHeight,
+    listItemHeight: listItemHeight,
+    mode: mode,
+    prefixCls: prefixCls,
+    placement: memoPlacement,
+    direction: direction,
+    inputIcon: suffixIcon,
+    menuItemSelectedIcon: itemIcon,
+    removeIcon: removeIcon,
+    clearIcon: clearIcon,
+    notFoundContent: mergedNotFound,
+    className: mergedClassName,
+    getPopupContainer: getPopupContainer || getContextPopupContainer,
+    dropdownClassName: rcSelectRtlDropdownClassName,
+    showArrow: hasFeedback || mergedShowArrow,
+    disabled: mergedDisabled
+  })));
+};
+if (process.env.NODE_ENV !== 'production') {
+  InternalSelect.displayName = 'Select';
+}
+const Select = /*#__PURE__*/React.forwardRef(InternalSelect);
+// We don't care debug panel
+/* istanbul ignore next */
+const PurePanel = (0, _PurePanel.default)(Select);
+Select.SECRET_COMBOBOX_MODE_DO_NOT_USE = SECRET_COMBOBOX_MODE_DO_NOT_USE;
+Select.Option = _rcSelect.Option;
+Select.OptGroup = _rcSelect.OptGroup;
+Select._InternalPanelDoNotUseOrYouWillBeFired = PurePanel;
+if (process.env.NODE_ENV !== 'production') {
+  Select.displayName = 'Select';
+}
+var _default = Select;
+exports.default = _default;

package/dist/locale/antd/select/style/dropdown.d.ts

@@ -0,0 +1,4 @@
+import type { SelectToken } from '.';
+import type { GenerateStyle } from '../../theme/internal';
+declare const genSingleStyle: GenerateStyle<SelectToken>;
+export default genSingleStyle;

package/dist/locale/antd/select/style/dropdown.js

@@ -0,0 +1,123 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _style = require("../../style");
+var _motion = require("../../style/motion");
+const genItemStyle = token => {
+  const {
+    controlPaddingHorizontal
+  } = token;
+  return {
+    position: 'relative',
+    display: 'block',
+    minHeight: token.controlHeight,
+    padding: `${(token.controlHeight - token.fontSize * token.lineHeight) / 2}px ${controlPaddingHorizontal}px`,
+    color: token.colorText,
+    fontWeight: 'normal',
+    fontSize: token.fontSize,
+    lineHeight: token.lineHeight,
+    boxSizing: 'border-box'
+  };
+};
+const genSingleStyle = token => {
+  const {
+    antCls,
+    componentCls
+  } = token;
+  const selectItemCls = `${componentCls}-item`;
+  return [{
+    [`${componentCls}-dropdown`]: Object.assign(Object.assign({}, (0, _style.resetComponent)(token)), {
+      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,
+      [`
+            &${antCls}-slide-up-enter${antCls}-slide-up-enter-active${componentCls}-dropdown-placement-bottomLeft,
+            &${antCls}-slide-up-appear${antCls}-slide-up-appear-active${componentCls}-dropdown-placement-bottomLeft
+          `]: {
+        animationName: _motion.slideUpIn
+      },
+      [`
+            &${antCls}-slide-up-enter${antCls}-slide-up-enter-active${componentCls}-dropdown-placement-topLeft,
+            &${antCls}-slide-up-appear${antCls}-slide-up-appear-active${componentCls}-dropdown-placement-topLeft
+          `]: {
+        animationName: _motion.slideDownIn
+      },
+      [`&${antCls}-slide-up-leave${antCls}-slide-up-leave-active${componentCls}-dropdown-placement-bottomLeft`]: {
+        animationName: _motion.slideUpOut
+      },
+      [`&${antCls}-slide-up-leave${antCls}-slide-up-leave-active${componentCls}-dropdown-placement-topLeft`]: {
+        animationName: _motion.slideDownOut
+      },
+      '&-hidden': {
+        display: 'none'
+      },
+      [`${selectItemCls}`]: Object.assign(Object.assign({}, genItemStyle(token)), {
+        cursor: 'pointer',
+        transition: `background ${token.motionDurationSlow} ease`,
+        borderRadius: token.borderRadiusSM,
+        // =========== Group ============
+        '&-group': {
+          color: token.colorTextDescription,
+          fontSize: token.fontSizeSM,
+          cursor: 'default'
+        },
+        // =========== Option ===========
+        '&-option': {
+          display: 'flex',
+          '&-content': Object.assign({
+            flex: 'auto'
+          }, _style.textEllipsis),
+          '&-state': {
+            flex: 'none',
+            display: 'flex',
+            alignItems: 'center'
+          },
+          [`&-active:not(${selectItemCls}-option-disabled)`]: {
+            backgroundColor: token.controlItemBgHover
+          },
+          [`&-selected:not(${selectItemCls}-option-disabled)`]: {
+            color: token.colorText,
+            fontWeight: token.fontWeightStrong,
+            backgroundColor: token.controlItemBgActive,
+            [`${selectItemCls}-option-state`]: {
+              color: token.colorPrimary
+            }
+          },
+          '&-disabled': {
+            [`&${selectItemCls}-option-selected`]: {
+              backgroundColor: token.colorBgContainerDisabled
+            },
+            color: token.colorTextDisabled,
+            cursor: 'not-allowed'
+          },
+          '&-grouped': {
+            paddingInlineStart: token.controlPaddingHorizontal * 2
+          }
+        }
+      }),
+      // =========================== RTL ===========================
+      '&-rtl': {
+        direction: 'rtl'
+      }
+    })
+  },
+  // Follow code may reuse in other components
+  (0, _motion.initSlideMotion)(token, 'slide-up'), (0, _motion.initSlideMotion)(token, 'slide-down'), (0, _motion.initMoveMotion)(token, 'move-up'), (0, _motion.initMoveMotion)(token, 'move-down')];
+};
+var _default = genSingleStyle;
+exports.default = _default;

package/dist/locale/antd/select/style/index.d.ts

@@ -0,0 +1,14 @@
+import type { FullToken } from '../../theme/internal';
+export interface ComponentToken {
+    /**
+     * @desc 下拉菜单 z-index
+     * @descEN z-index of dropdown
+     */
+    zIndexPopup: number;
+}
+export interface SelectToken extends FullToken<'Select'> {
+    rootPrefixCls: string;
+    inputPaddingHorizontalBase: number;
+}
+declare const _default: (prefixCls: string) => import("../../theme/interface").UseComponentStyleResult;
+export default _default;

package/dist/locale/antd/select/style/index.js

@@ -0,0 +1,272 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _style = require("../../style");
+var _compactItem = require("../../style/compact-item");
+var _internal = require("../../theme/internal");
+var _dropdown = _interopRequireDefault(require("./dropdown"));
+var _multiple = _interopRequireDefault(require("./multiple"));
+var _single = _interopRequireDefault(require("./single"));
+// ============================= Selector =============================
+const genSelectorStyle = token => {
+  const {
+    componentCls
+  } = token;
+  return {
+    position: 'relative',
+    backgroundColor: token.colorBgContainer,
+    border: `${token.lineWidth}px ${token.lineType} ${token.colorBorder}`,
+    transition: `all ${token.motionDurationMid} ${token.motionEaseInOut}`,
+    input: {
+      cursor: 'pointer'
+    },
+    [`${componentCls}-show-search&`]: {
+      cursor: 'text',
+      input: {
+        cursor: 'auto',
+        color: 'inherit'
+      }
+    },
+    [`${componentCls}-disabled&`]: {
+      color: token.colorTextDisabled,
+      background: token.colorBgContainerDisabled,
+      cursor: 'not-allowed',
+      [`${componentCls}-multiple&`]: {
+        background: token.colorBgContainerDisabled
+      },
+      input: {
+        cursor: 'not-allowed'
+      }
+    }
+  };
+};
+// ============================== Status ==============================
+const genStatusStyle = function (rootSelectCls, token) {
+  let overwriteDefaultBorder = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+  const {
+    componentCls,
+    borderHoverColor,
+    outlineColor,
+    antCls
+  } = token;
+  const overwriteStyle = overwriteDefaultBorder ? {
+    [`${componentCls}-selector`]: {
+      borderColor: borderHoverColor
+    }
+  } : {};
+  return {
+    [rootSelectCls]: {
+      [`&:not(${componentCls}-disabled):not(${componentCls}-customize-input):not(${antCls}-pagination-size-changer)`]: Object.assign(Object.assign({}, overwriteStyle), {
+        [`${componentCls}-focused& ${componentCls}-selector`]: {
+          borderColor: borderHoverColor,
+          boxShadow: `0 0 0 ${token.controlOutlineWidth}px ${outlineColor}`,
+          outline: 0
+        },
+        [`&:hover ${componentCls}-selector`]: {
+          borderColor: borderHoverColor
+        }
+      })
+    }
+  };
+};
+// ============================== Styles ==============================
+// /* Reset search input style */
+const getSearchInputWithoutBorderStyle = token => {
+  const {
+    componentCls
+  } = token;
+  return {
+    [`${componentCls}-selection-search-input`]: {
+      margin: 0,
+      padding: 0,
+      background: 'transparent',
+      border: 'none',
+      outline: 'none',
+      appearance: 'none',
+      '&::-webkit-search-cancel-button': {
+        display: 'none',
+        '-webkit-appearance': 'none'
+      }
+    }
+  };
+};
+// =============================== Base ===============================
+const genBaseStyle = token => {
+  const {
+    componentCls,
+    inputPaddingHorizontalBase,
+    iconCls
+  } = token;
+  return {
+    [componentCls]: Object.assign(Object.assign({}, (0, _style.resetComponent)(token)), {
+      position: 'relative',
+      display: 'inline-block',
+      cursor: 'pointer',
+      [`&:not(${componentCls}-customize-input) ${componentCls}-selector`]: Object.assign(Object.assign({}, genSelectorStyle(token)), getSearchInputWithoutBorderStyle(token)),
+      // [`&:not(&-disabled):hover ${selectCls}-selector`]: {
+      //   ...genHoverStyle(token),
+      // },
+      // ======================== Selection ========================
+      [`${componentCls}-selection-item`]: Object.assign({
+        flex: 1,
+        fontWeight: 'normal'
+      }, _style.textEllipsis),
+      // ======================= Placeholder =======================
+      [`${componentCls}-selection-placeholder`]: Object.assign(Object.assign({}, _style.textEllipsis), {
+        flex: 1,
+        color: token.colorTextPlaceholder,
+        pointerEvents: 'none'
+      }),
+      // ========================== Arrow ==========================
+      [`${componentCls}-arrow`]: Object.assign(Object.assign({}, (0, _style.resetIcon)()), {
+        position: 'absolute',
+        top: '50%',
+        insetInlineStart: 'auto',
+        insetInlineEnd: inputPaddingHorizontalBase,
+        height: token.fontSizeIcon,
+        marginTop: -token.fontSizeIcon / 2,
+        color: token.colorTextQuaternary,
+        fontSize: token.fontSizeIcon,
+        lineHeight: 1,
+        textAlign: 'center',
+        pointerEvents: 'none',
+        display: 'flex',
+        alignItems: 'center',
+        [iconCls]: {
+          verticalAlign: 'top',
+          transition: `transform ${token.motionDurationSlow}`,
+          '> svg': {
+            verticalAlign: 'top'
+          },
+          [`&:not(${componentCls}-suffix)`]: {
+            pointerEvents: 'auto'
+          }
+        },
+        [`${componentCls}-disabled &`]: {
+          cursor: 'not-allowed'
+        },
+        '> *:not(:last-child)': {
+          marginInlineEnd: 8 // FIXME: magic
+        }
+      }),
+
+      // ========================== Clear ==========================
+      [`${componentCls}-clear`]: {
+        position: 'absolute',
+        top: '50%',
+        insetInlineStart: 'auto',
+        insetInlineEnd: inputPaddingHorizontalBase,
+        zIndex: 1,
+        display: 'inline-block',
+        width: token.fontSizeIcon,
+        height: token.fontSizeIcon,
+        marginTop: -token.fontSizeIcon / 2,
+        color: token.colorTextQuaternary,
+        fontSize: token.fontSizeIcon,
+        fontStyle: 'normal',
+        lineHeight: 1,
+        textAlign: 'center',
+        textTransform: 'none',
+        background: token.colorBgContainer,
+        cursor: 'pointer',
+        opacity: 0,
+        transition: `color ${token.motionDurationMid} ease, opacity ${token.motionDurationSlow} ease`,
+        textRendering: 'auto',
+        '&:before': {
+          display: 'block'
+        },
+        '&:hover': {
+          color: token.colorTextTertiary
+        }
+      },
+      '&:hover': {
+        [`${componentCls}-clear`]: {
+          opacity: 1
+        }
+      }
+    }),
+    // ========================= Feedback ==========================
+    [`${componentCls}-has-feedback`]: {
+      [`${componentCls}-clear`]: {
+        insetInlineEnd: inputPaddingHorizontalBase + token.fontSize + token.paddingXS
+      }
+    }
+  };
+};
+// ============================== Styles ==============================
+const genSelectStyle = token => {
+  const {
+    componentCls
+  } = token;
+  return [{
+    [componentCls]: {
+      // ==================== BorderLess ====================
+      [`&-borderless ${componentCls}-selector`]: {
+        backgroundColor: `transparent !important`,
+        borderColor: `transparent !important`,
+        boxShadow: `none !important`
+      },
+      // ==================== In Form ====================
+      [`&${componentCls}-in-form-item`]: {
+        width: '100%'
+      }
+    }
+  },
+  // =====================================================
+  // ==                       LTR                       ==
+  // =====================================================
+  // Base
+  genBaseStyle(token),
+  // Single
+  (0, _single.default)(token),
+  // Multiple
+  (0, _multiple.default)(token),
+  // Dropdown
+  (0, _dropdown.default)(token),
+  // =====================================================
+  // ==                       RTL                       ==
+  // =====================================================
+  {
+    [`${componentCls}-rtl`]: {
+      direction: 'rtl'
+    }
+  },
+  // =====================================================
+  // ==                     Status                      ==
+  // =====================================================
+  genStatusStyle(componentCls, (0, _internal.mergeToken)(token, {
+    borderHoverColor: token.colorPrimaryHover,
+    outlineColor: token.controlOutline
+  })), genStatusStyle(`${componentCls}-status-error`, (0, _internal.mergeToken)(token, {
+    borderHoverColor: token.colorErrorHover,
+    outlineColor: token.colorErrorOutline
+  }), true), genStatusStyle(`${componentCls}-status-warning`, (0, _internal.mergeToken)(token, {
+    borderHoverColor: token.colorWarningHover,
+    outlineColor: token.colorWarningOutline
+  }), true),
+  // =====================================================
+  // ==             Space Compact                       ==
+  // =====================================================
+  (0, _compactItem.genCompactItemStyle)(token, {
+    borderElCls: `${componentCls}-selector`,
+    focusElCls: `${componentCls}-focused`
+  })];
+};
+// ============================== Export ==============================
+var _default = (0, _internal.genComponentStyleHook)('Select', (token, _ref) => {
+  let {
+    rootPrefixCls
+  } = _ref;
+  const selectToken = (0, _internal.mergeToken)(token, {
+    rootPrefixCls,
+    inputPaddingHorizontalBase: token.paddingSM - 1
+  });
+  return [genSelectStyle(selectToken)];
+}, token => ({
+  zIndexPopup: token.zIndexPopupBase + 50
+}));
+exports.default = _default;

package/dist/locale/antd/select/style/multiple.d.ts

@@ -0,0 +1,4 @@
+import type { CSSInterpolation } from '@ant-design/cssinjs';
+import type { SelectToken } from '.';
+declare const genMultipleStyle: (token: SelectToken) => CSSInterpolation;
+export default genMultipleStyle;