@douyinfe/semi-ui 2.1.4-alpha.0 → 2.2.0-beta.0

package/lib/cjs/datePicker/navigation.js

@@ -48,6 +48,8 @@ class Navigation extends _react.PureComponent {
       onMonthClick,
       onNextMonth,
       onPrevMonth,
+      onPrevYear,
+      onNextYear,
       density,
       shouldBimonthSwitch,
       panelType
@@ -55,37 +57,75 @@ class Navigation extends _react.PureComponent {
     const btnTheme = 'borderless';
     const iconBtnSize = density === 'compact' ? 'default' : 'large';
     const btnNoHorizontalPadding = true;
-    const buttonSize = density === 'compact' ? 'small' : 'default'; // Enable dual-panel synchronous switching, and the current panel is the left panel
+    const buttonSize = density === 'compact' ? 'small' : 'default';
+    const isLeftPanel = panelType === _constants.strings.PANEL_TYPE_LEFT;
+    const isRightPanel = panelType === _constants.strings.PANEL_TYPE_RIGHT; // syncSwitchMonth and the current panel is the left
 
-    const bimonthSwitchWithLeftPanel = shouldBimonthSwitch && panelType === _constants.strings.PANEL_TYPE_LEFT; // Enable dual-panel synchronous switching, and the current panel is the right panel
+    const hiddenLeftPanelRightButtons = shouldBimonthSwitch && isLeftPanel; // syncSwitchMonth and the current panel is the right
+
+    const hiddenRightPanelLeftButtons = shouldBimonthSwitch && isRightPanel; // `visibility: hidden` will keep the icon in position
+
+    const leftButtonStyle = {};
+    const rightButtonStyle = {};
+
+    if (hiddenRightPanelLeftButtons) {
+      leftButtonStyle.visibility = 'hidden';
+    }
+
+    if (hiddenLeftPanelRightButtons) {
+      rightButtonStyle.visibility = 'hidden';
+    }
 
-    const bimonthSwitchWithRightPanel = shouldBimonthSwitch && panelType === _constants.strings.PANEL_TYPE_RIGHT;
     const ref = forwardRef || this.navRef;
     return /*#__PURE__*/_react.default.createElement("div", {
       className: prefixCls,
       ref: ref
-    }, !bimonthSwitchWithRightPanel && /*#__PURE__*/_react.default.createElement(_iconButton.default, {
+    }, /*#__PURE__*/_react.default.createElement(_iconButton.default, {
+      key: "double-chevron-left",
+      icon: /*#__PURE__*/_react.default.createElement(_semiIcons.IconDoubleChevronLeft, {
+        size: iconBtnSize
+      }),
+      size: buttonSize,
+      theme: btnTheme,
+      noHorizontalPadding: btnNoHorizontalPadding,
+      onClick: onPrevYear,
+      style: leftButtonStyle
+    }), /*#__PURE__*/_react.default.createElement(_iconButton.default, {
+      key: "chevron-left",
       icon: /*#__PURE__*/_react.default.createElement(_semiIcons.IconChevronLeft, {
         size: iconBtnSize
       }),
       size: buttonSize,
       onClick: onPrevMonth,
       theme: btnTheme,
-      noHorizontalPadding: btnNoHorizontalPadding
+      noHorizontalPadding: btnNoHorizontalPadding,
+      style: leftButtonStyle
     }), /*#__PURE__*/_react.default.createElement("div", {
       className: "".concat(prefixCls, "-month")
     }, /*#__PURE__*/_react.default.createElement(_button.default, {
       onClick: onMonthClick,
       theme: btnTheme,
       size: buttonSize
-    }, /*#__PURE__*/_react.default.createElement("span", null, monthText))), !bimonthSwitchWithLeftPanel && /*#__PURE__*/_react.default.createElement(_iconButton.default, {
+    }, /*#__PURE__*/_react.default.createElement("span", null, monthText))), /*#__PURE__*/_react.default.createElement(_iconButton.default, {
+      key: "chevron-right",
       icon: /*#__PURE__*/_react.default.createElement(_semiIcons.IconChevronRight, {
         size: iconBtnSize
       }),
       size: buttonSize,
       onClick: onNextMonth,
       theme: btnTheme,
-      noHorizontalPadding: btnNoHorizontalPadding
+      noHorizontalPadding: btnNoHorizontalPadding,
+      style: rightButtonStyle
+    }), /*#__PURE__*/_react.default.createElement(_iconButton.default, {
+      key: "double-chevron-right",
+      icon: /*#__PURE__*/_react.default.createElement(_semiIcons.IconDoubleChevronRight, {
+        size: iconBtnSize
+      }),
+      size: buttonSize,
+      theme: btnTheme,
+      noHorizontalPadding: btnNoHorizontalPadding,
+      onClick: onNextYear,
+      style: rightButtonStyle
     }));
   }
 

package/lib/cjs/descriptions/item.js

@@ -60,7 +60,7 @@ class Item extends _react.PureComponent {
       className: "".concat(prefixCls, "-item")
     }, /*#__PURE__*/_react.default.createElement("span", {
       className: keyCls
-    }, "".concat(itemKey, ":")), /*#__PURE__*/_react.default.createElement("span", {
+    }, itemKey, ":"), /*#__PURE__*/_react.default.createElement("span", {
       className: valCls
     }, typeof children === 'function' ? children() : children))) : /*#__PURE__*/_react.default.createElement("tr", {
       className: className,

package/lib/cjs/form/baseForm.d.ts

@@ -53,6 +53,7 @@ declare class Form extends BaseComponent<BaseFormProps, BaseFormState> {
     static TextArea: React.ComponentType<import("utility-types").Subtract<Omit<import("../input").TextAreaProps, "forwardRef"> & React.RefAttributes<HTMLTextAreaElement>, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
     static InputNumber: React.ComponentType<import("utility-types").Subtract<import("../inputNumber").InputNumberProps & React.RefAttributes<HTMLInputElement>, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
     static Select: React.ComponentType<import("utility-types").Subtract<{
+        id?: string;
         autoFocus?: boolean;
         arrowIcon?: React.ReactNode;
         defaultValue?: string | number | any[] | Record<string, any>;
@@ -89,6 +90,11 @@ declare class Form extends BaseComponent<BaseFormProps, BaseFormState> {
         suffix?: React.ReactNode;
         prefix?: React.ReactNode;
         insetLabel?: React.ReactNode;
+        inputProps?: import("utility-types").Subtract<import("../input").InputProps, {
+            value?: React.ReactText;
+            onFocus?: (e: React.FocusEvent<HTMLInputElement, Element>) => void;
+            onChange?: (value: string, e: React.ChangeEvent<HTMLInputElement>) => void;
+        }>;
         showClear?: boolean;
         showArrow?: boolean;
         renderSelectedItem?: import("../select").RenderSelectedItemFn;

package/lib/cjs/form/field.d.ts

@@ -3,6 +3,7 @@ declare const FormInput: import("react").ComponentType<import("utility-types").S
 declare const FormInputNumber: import("react").ComponentType<import("utility-types").Subtract<import("../inputNumber/index").InputNumberProps & import("react").RefAttributes<HTMLInputElement>, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
 declare const FormTextArea: import("react").ComponentType<import("utility-types").Subtract<Omit<import("../input/textarea").TextAreaProps, "forwardRef"> & import("react").RefAttributes<HTMLTextAreaElement>, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
 declare const FormSelect: import("react").ComponentType<import("utility-types").Subtract<{
+    id?: string;
     autoFocus?: boolean;
     arrowIcon?: import("react").ReactNode;
     defaultValue?: string | number | any[] | Record<string, any>;
@@ -39,6 +40,11 @@ declare const FormSelect: import("react").ComponentType<import("utility-types").
     suffix?: import("react").ReactNode;
     prefix?: import("react").ReactNode;
     insetLabel?: import("react").ReactNode;
+    inputProps?: import("utility-types").Subtract<import("../input/index").InputProps, {
+        value?: import("react").ReactText;
+        onFocus?: (e: import("react").FocusEvent<HTMLInputElement, Element>) => void;
+        onChange?: (value: string, e: import("react").ChangeEvent<HTMLInputElement>) => void;
+    }>;
     showClear?: boolean;
     showArrow?: boolean;
     renderSelectedItem?: import("../select/index").RenderSelectedItemFn;

package/lib/cjs/form/hoc/withField.js

@@ -107,7 +107,9 @@ function withField(Component, opts) {
     // Return without injection, eg: <Checkbox> / <Radio> inside CheckboxGroup/RadioGroup
 
     if (!shouldInject) {
-      return /*#__PURE__*/_react.default.createElement(Component, (0, _assign.default)({}, rest));
+      return /*#__PURE__*/_react.default.createElement(Component, (0, _assign.default)({}, rest, {
+        ref: ref
+      }));
     } // grab formState from context
 
 

package/lib/cjs/locale/source/es.d.ts

@@ -0,0 +1,7 @@
+import { Locale } from '../interface';
+/**
+ * [i18n-Spanish(es)]
+ *
+ */
+declare const locale: Locale;
+export default locale;

package/lib/cjs/locale/source/es.js

@@ -0,0 +1,168 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports.default = void 0;
+
+var _locale = require("date-fns/locale");
+
+/**
+ * [i18n-Spanish(es)]
+ *
+ */
+const locale = {
+  code: 'es',
+  dateFnsLocale: _locale.es,
+  Pagination: {
+    item: 'objeto',
+    pageSize: ' objetos / página',
+    page: ' páginas',
+    total: '',
+    jumpTo: 'Ir a'
+  },
+  Modal: {
+    confirm: 'Aceptar',
+    cancel: 'Cancelar'
+  },
+  TimePicker: {
+    placeholder: {
+      time: 'Seleccionar hora',
+      timeRange: 'Seleccionar rango de tiempo'
+    },
+    begin: 'Hora inicial',
+    end: 'Hora final',
+    hour: '',
+    minute: '',
+    second: '',
+    AM: 'AM',
+    PM: 'PM'
+  },
+  DatePicker: {
+    placeholder: {
+      date: 'Seleccionar fecha',
+      dateTime: 'Seleccionar hora y fecha',
+      dateRange: ['Fecha inicial', 'Fecha final'],
+      dateTimeRange: ['Fecha inicial', 'Fecha final']
+    },
+    footer: {
+      confirm: 'Aceptar',
+      cancel: 'Cancelar'
+    },
+    selectDate: 'Seleccionar fecha',
+    selectTime: 'Seleccionar hora',
+    year: 'año',
+    month: 'mes',
+    day: 'día',
+    monthText: '${month} ${year}',
+    months: {
+      1: 'Ene',
+      2: 'Feb',
+      3: 'Mar',
+      4: 'Abr',
+      5: 'May',
+      6: 'Jun',
+      7: 'Jul',
+      8: 'Ago',
+      9: 'Sep',
+      10: 'Oct',
+      11: 'Nov',
+      12: 'Dic'
+    },
+    fullMonths: {
+      1: 'Enero',
+      2: 'Febrero',
+      3: 'Marzo',
+      4: 'Abril',
+      5: 'Mayo',
+      6: 'Junio',
+      7: 'Julio',
+      8: 'Agosto',
+      9: 'Septiembre',
+      10: 'Octubre',
+      11: 'Noviembre',
+      12: 'Diciembre'
+    },
+    weeks: {
+      Mon: 'Lun',
+      Tue: 'Mar',
+      Wed: 'Mie',
+      Thu: 'Jue',
+      Fri: 'Vie',
+      Sat: 'Sab',
+      Sun: 'Dom'
+    },
+    localeFormatToken: {
+      FORMAT_SWITCH_DATE: 'yyyy-MM-dd'
+    }
+  },
+  Popconfirm: {
+    confirm: 'Aceptar',
+    cancel: 'Cancelar'
+  },
+  Navigation: {
+    collapseText: 'Contraer barra lateral',
+    expandText: 'Expandir barra lateral'
+  },
+  Table: {
+    emptyText: 'Sin resultados',
+    pageText: 'Mostrando del ${currentStart} al ${currentEnd} de ${total}'
+  },
+  Select: {
+    emptyText: 'Sin resultados',
+    createText: 'Crear'
+  },
+  Tree: {
+    emptyText: 'Sin resultados',
+    searchPlaceholder: 'Búsqueda'
+  },
+  Cascader: {
+    emptyText: 'Sin resultados'
+  },
+  List: {
+    emptyText: 'Sin resultados'
+  },
+  Calendar: {
+    allDay: 'Todo el día',
+    AM: '${time} AM',
+    PM: '${time} PM',
+    datestring: '',
+    remaining: '${remained} mas'
+  },
+  Upload: {
+    mainText: 'Clic aquí para cargar archivo o arrastre aquí el archivo',
+    illegalTips: 'Este tipo de archivo no es compatible',
+    legalTips: 'Suelte y comience a cargar',
+    retry: 'Reintentar',
+    replace: 'Reemplazar archivo',
+    clear: 'Limpiar',
+    selectedFiles: 'Archivos seleccionados',
+    illegalSize: 'Tamaño de archivo inválido',
+    fail: 'Error al cargar'
+  },
+  TreeSelect: {
+    searchPlaceholder: 'Búsqueda'
+  },
+  Typography: {
+    copy: 'Copiar',
+    copied: 'Copiado',
+    expand: 'Expandir',
+    collapse: 'Contraer'
+  },
+  Transfer: {
+    emptyLeft: 'Sin datos',
+    emptySearch: 'Sin resultados de búsqueda',
+    emptyRight: 'Sin contenido, verifique desde la izquierda',
+    placeholder: 'Búsqueda',
+    clear: 'Limpiar',
+    selectAll: 'Seleccionar todo',
+    clearSelectAll: 'Deseleccionar todo',
+    total: 'Total ${total} objetos',
+    selected: '${total} objetos seleccionados'
+  }
+};
+var _default = locale;
+exports.default = _default;

package/lib/cjs/modal/Modal.d.ts

@@ -3,7 +3,7 @@ import ModalFoundation, { ModalAdapter, ModalProps, ModalState } from '@douyinfe
 import PropTypes from 'prop-types';
 import '@douyinfe/semi-foundation/lib/cjs/modal/modal.css';
 import BaseComponent from '../_base/baseComponent';
-import useModal from '../modal/useModal';
+import useModal from './useModal';
 import { ButtonProps } from '../button/Button';
 export declare const destroyFns: any[];
 export declare type ConfirmType = 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom';
@@ -30,8 +30,8 @@ declare class Modal extends BaseComponent<ModalReactProps, ModalState> {
         closable: PropTypes.Requireable<boolean>;
         centered: PropTypes.Requireable<boolean>;
         visible: PropTypes.Requireable<boolean>;
-        width: PropTypes.Requireable<number>;
-        height: PropTypes.Requireable<number>;
+        width: PropTypes.Requireable<string | number>;
+        height: PropTypes.Requireable<string | number>;
         confirmLoading: PropTypes.Requireable<boolean>;
         cancelLoading: PropTypes.Requireable<boolean>;
         okText: PropTypes.Requireable<string>;
@@ -101,23 +101,23 @@ declare class Modal extends BaseComponent<ModalReactProps, ModalState> {
     static getScrollbarWidth(): number;
     static info: (props: ModalReactProps) => {
         destroy: () => void;
-        update: (newConfig: import("../modal/confirm").ConfirmProps) => void;
+        update: (newConfig: import("./confirm").ConfirmProps) => void;
     };
     static success: (props: ModalReactProps) => {
         destroy: () => void;
-        update: (newConfig: import("../modal/confirm").ConfirmProps) => void;
+        update: (newConfig: import("./confirm").ConfirmProps) => void;
     };
     static error: (props: ModalReactProps) => {
         destroy: () => void;
-        update: (newConfig: import("../modal/confirm").ConfirmProps) => void;
+        update: (newConfig: import("./confirm").ConfirmProps) => void;
     };
     static warning: (props: ModalReactProps) => {
         destroy: () => void;
-        update: (newConfig: import("../modal/confirm").ConfirmProps) => void;
+        update: (newConfig: import("./confirm").ConfirmProps) => void;
     };
     static confirm: (props: ModalReactProps) => {
         destroy: () => void;
-        update: (newConfig: import("../modal/confirm").ConfirmProps) => void;
+        update: (newConfig: import("./confirm").ConfirmProps) => void;
     };
     static destroyAll: () => void;
     componentDidMount(): void;

package/lib/cjs/modal/Modal.js

@@ -48,9 +48,9 @@ require("@douyinfe/semi-foundation/lib/cjs/modal/modal.css");
 
 var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
 
-var _confirm = _interopRequireWildcard(require("../modal/confirm"));
+var _confirm = _interopRequireWildcard(require("./confirm"));
 
-var _useModal = _interopRequireDefault(require("../modal/useModal"));
+var _useModal = _interopRequireDefault(require("./useModal"));
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -343,8 +343,8 @@ Modal.propTypes = {
   closable: _propTypes.default.bool,
   centered: _propTypes.default.bool,
   visible: _propTypes.default.bool,
-  width: _propTypes.default.number,
-  height: _propTypes.default.number,
+  width: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
+  height: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
   confirmLoading: _propTypes.default.bool,
   cancelLoading: _propTypes.default.bool,
   okText: _propTypes.default.string,

package/lib/cjs/modal/confirm.d.ts

@@ -30,7 +30,7 @@ export declare function withInfo(props: ModalReactProps): {
     confirmLoading?: boolean;
     cancelLoading?: boolean;
     hasCancel?: boolean;
-    height?: number;
+    height?: string | number;
     mask?: boolean;
     maskClosable?: boolean;
     maskFixed?: boolean;
@@ -38,7 +38,7 @@ export declare function withInfo(props: ModalReactProps): {
     okText?: string;
     okType?: import("@douyinfe/semi-foundation/lib/cjs/modal/modalFoundation").OKType;
     visible?: boolean;
-    width?: number;
+    width?: string | number;
     zIndex?: number;
     getPopupContainer?: () => HTMLElement;
     closeOnEsc?: boolean;
@@ -71,7 +71,7 @@ export declare function withSuccess(props: ModalReactProps): {
     confirmLoading?: boolean;
     cancelLoading?: boolean;
     hasCancel?: boolean;
-    height?: number;
+    height?: string | number;
     mask?: boolean;
     maskClosable?: boolean;
     maskFixed?: boolean;
@@ -79,7 +79,7 @@ export declare function withSuccess(props: ModalReactProps): {
     okText?: string;
     okType?: import("@douyinfe/semi-foundation/lib/cjs/modal/modalFoundation").OKType;
     visible?: boolean;
-    width?: number;
+    width?: string | number;
     zIndex?: number;
     getPopupContainer?: () => HTMLElement;
     closeOnEsc?: boolean;
@@ -112,7 +112,7 @@ export declare function withWarning(props: ModalReactProps): {
     confirmLoading?: boolean;
     cancelLoading?: boolean;
     hasCancel?: boolean;
-    height?: number;
+    height?: string | number;
     mask?: boolean;
     maskClosable?: boolean;
     maskFixed?: boolean;
@@ -120,7 +120,7 @@ export declare function withWarning(props: ModalReactProps): {
     okText?: string;
     okType?: import("@douyinfe/semi-foundation/lib/cjs/modal/modalFoundation").OKType;
     visible?: boolean;
-    width?: number;
+    width?: string | number;
     zIndex?: number;
     getPopupContainer?: () => HTMLElement;
     closeOnEsc?: boolean;
@@ -153,7 +153,7 @@ export declare function withError(props: ModalReactProps): {
     confirmLoading?: boolean;
     cancelLoading?: boolean;
     hasCancel?: boolean;
-    height?: number;
+    height?: string | number;
     mask?: boolean;
     maskClosable?: boolean;
     maskFixed?: boolean;
@@ -161,7 +161,7 @@ export declare function withError(props: ModalReactProps): {
     okText?: string;
     okType?: import("@douyinfe/semi-foundation/lib/cjs/modal/modalFoundation").OKType;
     visible?: boolean;
-    width?: number;
+    width?: string | number;
     zIndex?: number;
     getPopupContainer?: () => HTMLElement;
     closeOnEsc?: boolean;
@@ -194,7 +194,7 @@ export declare function withConfirm(props: ModalReactProps): {
     confirmLoading?: boolean;
     cancelLoading?: boolean;
     hasCancel?: boolean;
-    height?: number;
+    height?: string | number;
     mask?: boolean;
     maskClosable?: boolean;
     maskFixed?: boolean;
@@ -202,7 +202,7 @@ export declare function withConfirm(props: ModalReactProps): {
     okText?: string;
     okType?: import("@douyinfe/semi-foundation/lib/cjs/modal/modalFoundation").OKType;
     visible?: boolean;
-    width?: number;
+    width?: string | number;
     zIndex?: number;
     getPopupContainer?: () => HTMLElement;
     closeOnEsc?: boolean;

package/lib/cjs/navigation/index.d.ts

@@ -36,8 +36,8 @@ export interface NavProps extends BaseProps {
     defaultIsCollapsed?: boolean;
     defaultOpenKeys?: React.ReactText[];
     defaultSelectedKeys?: React.ReactText[];
-    footer?: React.ReactNode | NavHeaderProps;
-    header?: React.ReactNode | NavFooterProps;
+    footer?: React.ReactNode | NavFooterProps;
+    header?: React.ReactNode | NavHeaderProps;
     isCollapsed?: boolean;
     items?: NavItems;
     limitIndent?: boolean;

package/lib/cjs/pagination/index.js

@@ -40,6 +40,8 @@ var _constants2 = require("@douyinfe/semi-foundation/lib/cjs/popover/constants")
 
 var _semiIcons = require("@douyinfe/semi-icons");
 
+var _warning = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/utils/warning"));
+
 var _context7 = _interopRequireDefault(require("../configProvider/context"));
 
 var _localeConsumer = _interopRequireDefault(require("../locale/localeConsumer"));
@@ -78,6 +80,7 @@ class Pagination extends _baseComponent.default {
     this.foundation = new _foundation.default(this.adapter);
     this.renderDefaultPage = (0, _bind.default)(_context = this.renderDefaultPage).call(_context, this);
     this.renderSmallPage = (0, _bind.default)(_context2 = this.renderSmallPage).call(_context2, this);
+    (0, _warning.default)(Boolean(props.showSizeChanger && props.hideOnSinglePage), '[Semi Pagination] You should not use showSizeChanger and hideOnSinglePage in ths same time. At this time, hideOnSinglePage no longer takes effect, otherwise there may be a problem that the switch entry disappears');
   }
 
   get adapter() {
@@ -370,7 +373,8 @@ class Pagination extends _baseComponent.default {
       className,
       style,
       hideOnSinglePage,
-      hoverShowPageSelect
+      hoverShowPageSelect,
+      showSizeChanger
     } = this.props;
     const paginationCls = (0, _classnames.default)("".concat(prefixCls, "-small"), prefixCls, className);
     const {
@@ -380,7 +384,7 @@ class Pagination extends _baseComponent.default {
     } = this.state;
     const totalPageNum = Math.ceil(total / pageSize);
 
-    if (totalPageNum < 2 && hideOnSinglePage) {
+    if (totalPageNum < 2 && hideOnSinglePage && !showSizeChanger) {
       return null;
     }
 
@@ -410,13 +414,14 @@ class Pagination extends _baseComponent.default {
       showTotal,
       className,
       style,
-      hideOnSinglePage
+      hideOnSinglePage,
+      showSizeChanger
     } = this.props;
     const paginationCls = (0, _classnames.default)(className, "".concat(prefixCls));
     const showTotalCls = "".concat(prefixCls, "-total");
     const totalPageNum = Math.ceil(total / pageSize);
 
-    if (totalPageNum < 2 && hideOnSinglePage) {
+    if (totalPageNum < 2 && hideOnSinglePage && !showSizeChanger) {
       return null;
     }
 

package/lib/cjs/radio/radio.d.ts

@@ -65,7 +65,7 @@ declare class Radio extends BaseComponent<RadioProps, RadioState> {
         prefixCls?: string;
         name?: string;
         onChange?: (e: RadioChangeEvent) => void;
-        buttonSize?: "small" | "large" | "middle";
+        buttonSize?: "small" | "middle" | "large";
         isCardRadio?: boolean;
         isPureCardRadio?: boolean;
     };

package/lib/cjs/radio/radio.js

@@ -149,6 +149,7 @@ class Radio extends _baseComponent.default {
       ["".concat(prefix, "-cardRadioGroup")]: isCardRadioGroup,
       ["".concat(prefix, "-cardRadioGroup_disabled")]: isDisabled && isCardRadioGroup,
       ["".concat(prefix, "-cardRadioGroup_checked")]: isCardRadioGroup && realChecked && !isDisabled,
+      ["".concat(prefix, "-cardRadioGroup_checked_disabled")]: isCardRadioGroup && realChecked && isDisabled,
       ["".concat(prefix, "-cardRadioGroup_hover")]: isCardRadioGroup && !realChecked && isHover && !isDisabled,
       [className]: Boolean(className)
     });

package/lib/cjs/radio/radioGroup.d.ts

@@ -40,7 +40,7 @@ declare class RadioGroup extends BaseComponent<RadioGroupProps, RadioGroupState>
         disabled: PropTypes.Requireable<boolean>;
         name: PropTypes.Requireable<string>;
         options: PropTypes.Requireable<any[]>;
-        buttonSize: PropTypes.Requireable<"small" | "large" | "middle">;
+        buttonSize: PropTypes.Requireable<"small" | "middle" | "large">;
         type: PropTypes.Requireable<"default" | "button" | "card" | "pureCard">;
         value: PropTypes.Requireable<any>;
         onChange: PropTypes.Requireable<(...args: any[]) => any>;

package/lib/cjs/rating/item.js

@@ -99,7 +99,7 @@ class Item extends _react.PureComponent {
       height: size,
       fontSize: size
     } : {};
-    const iconSize = size === 'small' ? 'default' : 'extra-large';
+    const iconSize = isCustomSize ? 'inherit' : size === 'small' ? 'default' : 'extra-large';
     const content = character ? character : /*#__PURE__*/_react.default.createElement(_semiIcons.IconStar, {
       size: iconSize
     });
@@ -114,7 +114,8 @@ class Item extends _react.PureComponent {
       "aria-checked": value > index ? 'true' : 'false',
       "aria-posinset": index + 1,
       "aria-setsize": count,
-      tabIndex: 0
+      tabIndex: 0,
+      className: "".concat(prefixCls, "-wrapper")
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: "".concat(prefixCls, "-first"),
       style: {

package/lib/cjs/select/index.d.ts

@@ -2,13 +2,20 @@ import React, { MouseEvent } from 'react';
 import PropTypes from 'prop-types';
 import SelectFoundation, { SelectAdapter } from '@douyinfe/semi-foundation/lib/cjs/select/foundation';
 import BaseComponent, { ValidateStatus } from '../_base/baseComponent';
+import { InputProps } from '../input/index';
 import Option, { OptionProps } from './option';
 import OptionGroup from './optionGroup';
+import { Subtract } from 'utility-types';
 import '@douyinfe/semi-foundation/lib/cjs/select/select.css';
 import { Position, TooltipProps } from '../tooltip';
 export { OptionProps } from './option';
 export { OptionGroupProps } from './optionGroup';
 export { VirtualRowProps } from './virtualRow';
+declare type ExcludeInputType = {
+    value?: InputProps['value'];
+    onFocus?: InputProps['onFocus'];
+    onChange?: InputProps['onChange'];
+};
 export interface optionRenderProps {
     key?: any;
     label?: string | React.ReactNode | number;
@@ -48,6 +55,7 @@ export declare type RenderMultipleSelectedItemFn = (optionNode: Record<string, a
 };
 export declare type RenderSelectedItemFn = RenderSingleSelectedItemFn | RenderMultipleSelectedItemFn;
 export declare type SelectProps = {
+    id?: string;
     autoFocus?: boolean;
     arrowIcon?: React.ReactNode;
     defaultValue?: string | number | any[] | Record<string, any>;
@@ -84,6 +92,7 @@ export declare type SelectProps = {
     suffix?: React.ReactNode;
     prefix?: React.ReactNode;
     insetLabel?: React.ReactNode;
+    inputProps?: Subtract<InputProps, ExcludeInputType>;
     showClear?: boolean;
     showArrow?: boolean;
     renderSelectedItem?: RenderSelectedItemFn;
@@ -150,6 +159,7 @@ declare class Select extends BaseComponent<SelectProps, SelectState> {
         dropdownStyle: PropTypes.Requireable<object>;
         outerTopSlot: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         innerTopSlot: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        inputProps: PropTypes.Requireable<object>;
         outerBottomSlot: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         innerBottomSlot: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         optionList: PropTypes.Requireable<any[]>;