@rainbow-oh/yee-c 0.4.3 → 0.4.5

package/dist/cjs/PickerPanel/panels/QuarterPanel/index.d.ts

@@ -1,2 +1,3 @@
 import * as React from 'react';
-export default function DecadePanel(props: any): React.JSX.Element;
+import type { PanelSharedProps } from '../../interface';
+export default function DecadePanel(props: PanelSharedProps): React.JSX.Element;

package/dist/cjs/PickerPanel/panels/RangePanel/index.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
-declare function RangePanel(props: any): React.JSX.Element;
+import type { RangePanelProps } from './interface';
+declare function RangePanel(props: RangePanelProps): React.JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof RangePanel>;
 export default _default;

package/dist/cjs/PickerPanel/panels/RangePanel/index.js

@@ -85,7 +85,7 @@ function RangePanel(props) {
       value: startValue,
       pickerView: startViewDate,
       onChange,
-      onPanelChange: (viewDate) => onPanelChange(viewDate, "start"),
+      onPanelChange: (viewDate) => onPanelChange == null ? void 0 : onPanelChange(viewDate, "start"),
       onCellMouse,
       hoverRange,
       selectedRange,
@@ -102,7 +102,7 @@ function RangePanel(props) {
       value: endValue,
       pickerView: endViewDate,
       onChange,
-      onPanelChange: (viewDate) => onPanelChange(viewDate, "end"),
+      onPanelChange: (viewDate) => onPanelChange == null ? void 0 : onPanelChange(viewDate, "end"),
       onCellMouse,
       hoverRange,
       selectedRange,

package/dist/cjs/PickerPanel/panels/RangePanel/interface.d.ts

@@ -5,17 +5,17 @@ export type PickerType = 'date' | 'datetime' | 'month' | 'year' | 'decade' | 'qu
 export interface RangePanelProps {
     prefixCls?: string;
     panel?: 'start' | 'end';
-    value?: Array<Dayjs | string | undefined>;
-    viewDate?: string;
+    value: Array<Dayjs | undefined>;
+    pickerView: [Dayjs, Dayjs];
     picker?: PickerType;
     mode?: PickerMode;
     format?: string;
     saveFormat?: string;
     onChange?: (date: Dayjs, panel: string) => void;
-    onPanelChange?: (dates: Dayjs[]) => void;
+    onPanelChange?: (date: Dayjs, type?: 'start' | 'end') => void;
     onCellMouse?: (date: Dayjs | string) => void;
-    hoverRange?: Array<Dayjs | null>;
-    selectedRange?: Array<Dayjs | null>;
+    hoverRange?: Array<Dayjs | null | undefined>;
+    selectedRange?: Array<Dayjs | null | undefined>;
     disabledDate?: (current: Dayjs, type: 'start' | 'end') => boolean;
     showNextIcon?: boolean;
     showSuperNextIcon?: boolean;

package/dist/cjs/PickerPanel/panels/TimePanel/TimeBody.d.ts

@@ -1,3 +1,19 @@
+import { Dayjs } from 'dayjs';
 import * as React from 'react';
-declare function TimeBody(props: any): React.JSX.Element;
+import type { PanelSharedProps } from '../../interface';
+interface TimeBodyProps extends PanelSharedProps {
+    value?: Dayjs;
+    showTitle?: boolean;
+    showHour?: boolean;
+    showMinute?: boolean;
+    showSecond?: boolean;
+    disabledHours?: boolean;
+    disabledMinutes?: boolean;
+    disabledSeconds?: boolean;
+    is12hour?: boolean;
+    hourStep?: number;
+    minuteStep?: number;
+    secondStep?: number;
+}
+declare function TimeBody(props: TimeBodyProps): React.JSX.Element;
 export default TimeBody;

package/dist/cjs/PickerPanel/panels/TimePanel/TimeCell.d.ts

@@ -1,3 +1,9 @@
 import React from 'react';
-declare function TimeCell(props: any): React.JSX.Element;
+interface TimeCellProps {
+    prefixCls?: string;
+    value: number;
+    onSelect?: (value: number) => void;
+    active?: boolean;
+}
+declare function TimeCell(props: TimeCellProps): React.JSX.Element;
 export default TimeCell;

package/dist/cjs/PickerPanel/panels/TimePanel/TimeCell.js

@@ -40,6 +40,6 @@ function TimeCell(props) {
     [`${prefixCls}-time-panel-cell-selected`]: active
   });
   const renderValue = value < 10 ? "0" + value : value;
-  return /* @__PURE__ */ import_react.default.createElement("li", { className: cls, onClick: () => onSelect(value) }, /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-time-panel-cell-inner` }, renderValue));
+  return /* @__PURE__ */ import_react.default.createElement("li", { className: cls, onClick: () => onSelect == null ? void 0 : onSelect(value) }, /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-time-panel-cell-inner` }, renderValue));
 }
 var TimeCell_default = TimeCell;

package/dist/cjs/PickerPanel/panels/TimePanel/TimeColumn.d.ts

@@ -1,3 +1,16 @@
+import { Dayjs } from 'dayjs';
 import React from 'react';
-declare function TimeColumn(props: any): React.JSX.Element;
+import type { TimeUnit } from '../../interface';
+interface TimeColumnProps {
+    prefixCls?: string;
+    type: TimeUnit;
+    value?: Dayjs;
+    cells: Dayjs[];
+    disabled?: boolean;
+    onSelect?: (date: Dayjs) => void;
+    viewDate?: Dayjs;
+    maxDate?: Dayjs;
+    minDate?: Dayjs;
+}
+declare function TimeColumn(props: TimeColumnProps): React.JSX.Element;
 export default TimeColumn;

package/dist/cjs/PickerPanel/panels/TimePanel/TimeColumn.js

@@ -52,7 +52,7 @@ function TimeColumn(props) {
   const [selectedCell, setSelectedCell] = import_react.default.useState();
   import_react.default.useLayoutEffect(() => {
     var _a, _b;
-    if (value !== -1 && selectedRef.current) {
+    if (value !== void 0 && selectedRef.current) {
       (_b = ref.current) == null ? void 0 : _b.scrollTo({
         top: (_a = selectedRef.current) == null ? void 0 : _a.offsetTop,
         behavior: "smooth"

package/dist/cjs/PickerPanel/panels/TimePanel/TimeHeader.d.ts

@@ -1,3 +1,6 @@
 import React from 'react';
-declare function TimeHeader(props: any): React.JSX.Element;
+interface TimeHeaderProps {
+    prefixCls?: string;
+}
+declare function TimeHeader(props: TimeHeaderProps): React.JSX.Element;
 export default TimeHeader;

package/dist/cjs/PickerPanel/panels/TimePanel/index.d.ts

@@ -1,3 +1,11 @@
 import * as React from 'react';
-declare function TimePanel(props: any): React.JSX.Element;
+import type { PanelSharedProps } from '../../interface';
+interface TimePanelProps extends PanelSharedProps {
+    format?: string;
+    hourStep?: number;
+    minuteStep?: number;
+    secondStep?: number;
+    showTitle?: boolean;
+}
+declare function TimePanel(props: TimePanelProps): React.JSX.Element;
 export default TimePanel;

package/dist/cjs/PickerPanel/panels/WeekPanel/WeekBody.d.ts

@@ -1,3 +1,4 @@
 import * as React from 'react';
-declare function WeekBody(props: any): React.JSX.Element;
+import type { PanelSharedProps } from '../../interface';
+declare function WeekBody(props: PanelSharedProps): React.JSX.Element;
 export default WeekBody;

package/dist/cjs/PickerPanel/panels/WeekPanel/WeekHeader.d.ts

@@ -1,2 +1,3 @@
 import * as React from 'react';
-export default function WeekHeader(props: any): React.JSX.Element;
+import type { PanelSharedProps } from '../../interface';
+export default function WeekHeader(props: PanelSharedProps): React.JSX.Element;

package/dist/cjs/PickerPanel/panels/WeekPanel/index.d.ts

@@ -1,2 +1,3 @@
 import React from 'react';
-export default function WeekPanel(props: any): React.JSX.Element;
+import type { PanelSharedProps } from '../../interface';
+export default function WeekPanel(props: PanelSharedProps): React.JSX.Element;

package/dist/cjs/PickerPanel/panels/YearPanel/YearBody.d.ts

@@ -1,3 +1,4 @@
 import * as React from 'react';
-declare function YearBody(props: any): React.JSX.Element;
+import type { PanelSharedProps } from '../../interface';
+declare function YearBody(props: PanelSharedProps): React.JSX.Element;
 export default YearBody;

package/dist/cjs/PickerPanel/panels/YearPanel/YearBody.js

@@ -62,7 +62,7 @@ function YearBody(props) {
     maxDate,
     minDate,
     nowDate,
-    offsetYear,
+    offsetYear = 0,
     hoverRange = [],
     selectedRange = []
   } = props;
@@ -77,7 +77,7 @@ function YearBody(props) {
   });
   const getCellTitle = (0, import_useEvent.default)((currentDate) => {
     const _year = import_pickerUtils.default.getYear(currentDate) + offsetYear;
-    return _year < 1e3 ? "0" + _year : _year;
+    return _year < 1e3 ? "0" + _year : String(_year);
   });
   const getCellClassName = (0, import_useEvent.default)((currentDate) => {
     const currentYear = import_pickerUtils.default.getYear(currentDate);

package/dist/cjs/PickerPanel/panels/YearPanel/YearHeader.d.ts

@@ -1,2 +1,3 @@
 import * as React from 'react';
-export default function YearHeader(props: any): React.JSX.Element;
+import type { PanelSharedProps } from '../../interface';
+export default function YearHeader(props: PanelSharedProps): React.JSX.Element;

package/dist/cjs/PickerPanel/panels/YearPanel/YearHeader.js

@@ -38,7 +38,13 @@ var import_useEvent = __toESM(require("../../../hooks/useEvent"));
 var import_Header = __toESM(require("../Header"));
 var import_pickerUtils = __toESM(require("../../utils/pickerUtils"));
 function YearHeader(props) {
-  const { prefixCls, viewDate, onViewDateChange, onPanelChange, offsetYear } = props;
+  const {
+    prefixCls,
+    viewDate,
+    onViewDateChange,
+    onPanelChange,
+    offsetYear = 0
+  } = props;
   const viewYear = import_pickerUtils.default.getYear(viewDate);
   const startYear = viewYear - viewYear % 10 + offsetYear;
   const endYear = startYear + 9;

package/dist/cjs/PickerPanel/panels/YearPanel/index.d.ts

@@ -1,2 +1,3 @@
 import React from 'react';
-export default function DecadePanel(props: any): React.JSX.Element;
+import type { PanelSharedProps } from '../../interface';
+export default function DecadePanel(props: PanelSharedProps): React.JSX.Element;

package/dist/cjs/PickerPanel/panels/YearPanel/index.js

@@ -56,7 +56,7 @@ function DecadePanel(props) {
   const { prefixCls, offset } = props;
   let offsetYear = 0;
   if (offset == null ? void 0 : offset.year) {
-    offsetYear = parseInt(offset.year);
+    offsetYear = offset.year;
   }
   return /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-year-panel` }, /* @__PURE__ */ import_react.default.createElement(import_YearHeader.default, __spreadProps(__spreadValues({}, props), { offsetYear })), /* @__PURE__ */ import_react.default.createElement(import_YearBody.default, __spreadProps(__spreadValues({}, props), { offsetYear })));
 }

package/dist/cjs/PickerPanel/utils/pickerUtils.d.ts

@@ -1,8 +1,8 @@
-import dayjs, { Dayjs } from 'dayjs';
+import dayjs, { Dayjs, OpUnitType } from 'dayjs';
 type PickerType = 'year' | 'quarter' | 'month' | 'week' | 'day' | 'second' | 'minute' | 'hour';
 declare const d: {
     dayjs: typeof dayjs;
-    init: (date?: string, ...rest: any[]) => dayjs.Dayjs;
+    init: (date?: dayjs.ConfigType, option?: dayjs.OptionType) => dayjs.Dayjs;
     getNow: () => dayjs.Dayjs;
     getYear: (date: Dayjs) => number;
     getQuarter: (date: Dayjs) => number;
@@ -13,7 +13,7 @@ declare const d: {
     getMinute: (date: Dayjs) => number;
     getSecond: (date: Dayjs) => number;
     format: (date: Dayjs, format: string) => string;
-    isSame: (date1: Dayjs, date2: Dayjs, type?: PickerType) => boolean;
+    isSame: (date1: Dayjs | undefined, date2: Dayjs | undefined, type?: PickerType) => boolean;
     setYear: (date: Dayjs, year: number) => dayjs.Dayjs;
     setMonth: (date: Dayjs, month: number) => dayjs.Dayjs;
     setDate: (date: Dayjs, day: number) => dayjs.Dayjs;
@@ -23,10 +23,10 @@ declare const d: {
     addYear: (date: Dayjs, offset: number) => dayjs.Dayjs;
     addMonth: (date: Dayjs, offset: number) => dayjs.Dayjs;
     addDate: (date: Dayjs, offset: number) => dayjs.Dayjs;
-    isAfter: (date1: Dayjs, date2: Dayjs, type?: 'day' | 'hour' | 'minute' | 'second' | 'year' | 'month') => boolean;
-    isBefore: (date1: Dayjs, date2: Dayjs, type?: 'day' | 'hour' | 'minute' | 'second' | 'year' | 'month') => boolean;
-    isValid: (date: Dayjs, format?: string, strict?: boolean) => boolean;
-    isBetween: (date: Dayjs, start: Dayjs, end: Dayjs, ...args: any[]) => boolean;
+    isAfter: (date1: Dayjs, date2: Dayjs | undefined, type?: 'day' | 'hour' | 'minute' | 'second' | 'year' | 'month') => boolean;
+    isBefore: (date1: Dayjs, date2: Dayjs | undefined, type?: 'day' | 'hour' | 'minute' | 'second' | 'year' | 'month') => boolean;
+    isValid: (date: Dayjs | undefined, format?: string, strict?: boolean) => boolean;
+    isBetween: (date: Dayjs, start: Dayjs, end: Dayjs, unit?: OpUnitType, nulls?: '()' | '[]' | '[)' | '(]') => boolean;
     getCellClassName: ({ date, startHoverDate, endHoverDate, startSelectedDate, endSelectedDate, unit, prefixCls, }: {
         date: Dayjs;
         startHoverDate: Dayjs | null | undefined;

package/dist/cjs/PickerPanel/utils/pickerUtils.js

@@ -48,7 +48,7 @@ import_dayjs.default.extend(import_localeData.default);
 import_dayjs.default.extend(import_buddhistEra.default);
 var d = {
   dayjs: import_dayjs.default,
-  init: (date, ...rest) => (0, import_dayjs.default)(date, ...rest),
+  init: (date, option) => (0, import_dayjs.default)(date, option),
   getNow: () => {
     return d.init(void 0);
   },
@@ -78,7 +78,7 @@ var d = {
   isAfter: (date1, date2, type) => date2 ? date1.isAfter(date2, type) : false,
   isBefore: (date1, date2, type) => date2 ? date1.isBefore(date2, type) : false,
   isValid: (date, format, strict) => (0, import_dayjs.default)(date, format, strict).isValid(),
-  isBetween: (date, start, end, ...args) => date && start && end ? date.isBetween(start, end, ...args) : false,
+  isBetween: (date, start, end, unit, nulls) => date && start && end ? date.isBetween(start, end, unit, nulls) : false,
   getCellClassName: ({
     date,
     startHoverDate,

package/dist/cjs/Popover/style/index.less

@@ -6,6 +6,7 @@
   color: var(--yee-color-text);
   background-color: var(--yee-popover-bg-color);
   border-radius: var(--yee-popover-border-radius);
+  overflow: hidden;
 
   &-header {
     margin-bottom: var(--yee-popover-header-margin-bottom);

package/dist/cjs/Select/interface.d.ts

@@ -95,3 +95,80 @@ export interface SelectProps extends DataAttributeProps {
      */
     onFilter?: (value: string, options: Array<Option>) => Array<Option>;
 }
+/**
+ * Props for the internal Option component (renders a single dropdown option).
+ */
+export interface OptionProps {
+    /**
+     * Display label
+     */
+    label: string;
+    /**
+     * Value
+     */
+    value: string | number;
+    /**
+     * Whether disabled
+     */
+    disabled?: boolean;
+    /**
+     * Native title attribute
+     */
+    title?: string;
+    /**
+     * Test id forwarded to the option element
+     */
+    dataTestId?: string;
+}
+/**
+ * Context value shared between Options and each Option.
+ */
+export interface OptionsContextValue {
+    prefixCls: string;
+    selectedKeys: Array<string | number>;
+    focusedKey: string | number;
+    multiple: boolean;
+    onSelect: (key: string | number, e?: React.MouseEvent | React.KeyboardEvent) => void;
+}
+/**
+ * Props for the internal Options (popup list) component.
+ */
+export interface OptionsProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'> {
+    /**
+     * Custom class name prefix
+     */
+    prefixCls: string;
+    /**
+     * Dropdown options
+     */
+    options: Array<Option>;
+    /**
+     * Popup container class name
+     */
+    popupClassName?: string;
+    /**
+     * Popup container inline style
+     */
+    popupStyle?: React.CSSProperties;
+    /**
+     * Selected option values
+     */
+    selectedKeys: Array<string | number>;
+    /**
+     * Currently focused option value
+     */
+    focusedKey: string | number;
+    /**
+     * Test id prefix used to generate each option's test id.
+     * Accepts any `data-*` attribute value (see DataAttributeProps).
+     */
+    dataTestId?: string | number | boolean;
+    /**
+     * Whether multiple selection mode is active
+     */
+    multiple: boolean;
+    /**
+     * Callback when an option is selected
+     */
+    onSelect: (key: string | number, e?: React.MouseEvent | React.KeyboardEvent) => void;
+}

package/dist/cjs/Select/option.d.ts

@@ -1,3 +1,4 @@
 import React from 'react';
-declare const Option: (props: any) => React.JSX.Element;
+import type { OptionProps } from './interface';
+declare const Option: (props: OptionProps) => React.JSX.Element;
 export default Option;

package/dist/cjs/Select/option.js

@@ -33,22 +33,24 @@ __export(option_exports, {
 });
 module.exports = __toCommonJS(option_exports);
 var import_clsx = __toESM(require("clsx"));
+var import_lucide_react = require("lucide-react");
 var import_react = __toESM(require("react"));
 var import_options = require("./options");
 var Option = (props) => {
   const { label, value, disabled, title, dataTestId } = props;
-  const { prefixCls, selectedKeys, focusedKey, onSelect } = (0, import_react.useContext)(import_options.OptionsCtx);
+  const { prefixCls, selectedKeys, focusedKey, multiple, onSelect } = (0, import_react.useContext)(import_options.OptionsCtx);
   const handleClick = (e) => {
     if (!disabled) {
       onSelect(value, e);
     }
   };
   const htmlTitle = title ? title : typeof label === "string" ? label : void 0;
+  const selected = selectedKeys.includes(value);
   return /* @__PURE__ */ import_react.default.createElement(
     "div",
     {
       className: (0, import_clsx.default)(`${prefixCls}-option`, {
-        [`${prefixCls}-option-selected`]: selectedKeys.includes(value),
+        [`${prefixCls}-option-selected`]: selected,
         [`${prefixCls}-option-focused`]: focusedKey === value,
         [`${prefixCls}-option-disabled`]: disabled
       }),
@@ -64,7 +66,8 @@ var Option = (props) => {
       title: htmlTitle,
       "data-testid": dataTestId
     },
-    label
+    /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-option-content` }, label),
+    multiple && selected && /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefixCls}-option-state` }, /* @__PURE__ */ import_react.default.createElement(import_lucide_react.Check, { size: 16 }))
   );
 };
 var option_default = Option;

package/dist/cjs/Select/options.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
-export declare const OptionsCtx: React.Context<any>;
-declare const Options: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<HTMLDivElement>>;
+import type { OptionsContextValue, OptionsProps } from './interface';
+export declare const OptionsCtx: React.Context<OptionsContextValue>;
+declare const Options: React.ForwardRefExoticComponent<OptionsProps & React.RefAttributes<HTMLDivElement>>;
 export default Options;

package/dist/cjs/Select/options.js

@@ -66,51 +66,57 @@ var import_clsx = __toESM(require("clsx"));
 var import_react = __toESM(require("react"));
 var import_locale = require("../locale");
 var import_option = __toESM(require("./option"));
-var OptionsCtx = (0, import_react.createContext)({});
-var Options = (0, import_react.forwardRef)((props, ref) => {
-  const { locale } = (0, import_locale.useLocale)();
-  const { select } = locale;
-  const _a = props, {
-    prefixCls,
-    options,
-    popupClassName,
-    popupStyle,
-    selectedKeys,
-    focusedKey,
-    dataTestId,
-    onSelect
-  } = _a, rest = __objRest(_a, [
-    "prefixCls",
-    "options",
-    "popupClassName",
-    "popupStyle",
-    "selectedKeys",
-    "focusedKey",
-    "dataTestId",
-    "onSelect"
-  ]);
-  const componentRef = ref || (0, import_react.useRef)(null);
-  return /* @__PURE__ */ import_react.default.createElement(
-    "div",
-    __spreadProps(__spreadValues({}, rest), {
-      className: (0, import_clsx.default)(`${prefixCls}-popup`, popupClassName),
-      style: popupStyle,
-      ref: componentRef,
-      tabIndex: -1
-    }),
-    options.length === 0 ? /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-empty` }, select.noData) : /* @__PURE__ */ import_react.default.createElement(
-      OptionsCtx.Provider,
-      {
-        value: { prefixCls, selectedKeys, focusedKey, onSelect }
-      },
-      options.map((option, index) => /* @__PURE__ */ import_react.default.createElement(
-        import_option.default,
-        __spreadProps(__spreadValues({}, option), {
-          key: option.value,
-          dataTestId: `${dataTestId}-${index}`
-        })
-      ))
-    )
-  );
-});
+var OptionsCtx = (0, import_react.createContext)(
+  {}
+);
+var Options = (0, import_react.forwardRef)(
+  (props, ref) => {
+    const { locale } = (0, import_locale.useLocale)();
+    const { select } = locale;
+    const _a = props, {
+      prefixCls,
+      options,
+      popupClassName,
+      popupStyle,
+      selectedKeys,
+      focusedKey,
+      dataTestId,
+      multiple,
+      onSelect
+    } = _a, rest = __objRest(_a, [
+      "prefixCls",
+      "options",
+      "popupClassName",
+      "popupStyle",
+      "selectedKeys",
+      "focusedKey",
+      "dataTestId",
+      "multiple",
+      "onSelect"
+    ]);
+    const componentRef = ref || (0, import_react.useRef)(null);
+    return /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      __spreadProps(__spreadValues({}, rest), {
+        className: (0, import_clsx.default)(`${prefixCls}-popup`, popupClassName),
+        style: popupStyle,
+        ref: componentRef,
+        tabIndex: -1
+      }),
+      options.length === 0 ? /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-empty` }, select.noData) : /* @__PURE__ */ import_react.default.createElement(
+        OptionsCtx.Provider,
+        {
+          value: { prefixCls, selectedKeys, focusedKey, multiple, onSelect }
+        },
+        options.map((option, index) => /* @__PURE__ */ import_react.default.createElement(
+          import_option.default,
+          __spreadProps(__spreadValues({}, option), {
+            key: option.value,
+            dataTestId: `${dataTestId}-${index}`
+          })
+        ))
+      )
+    );
+  }
+);
 var options_default = Options;

package/dist/cjs/Select/select.js

@@ -190,12 +190,12 @@ var Select = (baseprops) => {
     import_options.default,
     {
       prefixCls,
+      multiple: mode === "multiple" || mode === "tags",
       options: filteredOpts,
       focusedKey,
       selectedKeys: mergedValue,
       dataTestId: rest["data-testid"],
       onSelect: handleSelect,
-      onClose: () => setOpen(false),
       ref: popupRef
     }
   );

package/dist/cjs/Select/style/index.less

@@ -9,12 +9,20 @@
   }
 
   &-option {
+    display: flex;
     padding: var(--yee-select-option-padding);
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
     cursor: pointer;
 
+    &-content {
+      flex: 1;
+      overflow: hidden;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+    }
+
     &:not(&-disabled):hover {
       background-color: var(--yee-select-option-hover-bg-color);
     }
@@ -33,16 +41,3 @@
     padding: var(--yee-select-option-padding);
   }
 }
-
-// form error status
-.yee-form-item-error {
-  @{pls} {
-    border-color: var(--yee-error-color);
-  }
-}
-
-.yee-form-item-warning {
-  @{pls} {
-    border-color: var(--yee-warning-color);
-  }
-}

package/dist/cjs/Selector/interface.d.ts

@@ -38,6 +38,10 @@ export interface PureSelectorProps {
      * In multiple or tags mode, the maximum number of selectable items
      */
     maxCount?: number;
+    /**
+     * size
+     * */
+    size?: 'small' | 'default' | 'large';
     /**
      * Selection mode
      */

package/dist/cjs/Selector/selector.js

@@ -105,6 +105,7 @@ var Selector = import_react.default.forwardRef(
       value,
       open,
       loading,
+      size = "default",
       onSearch,
       onRemove,
       onClear,
@@ -127,6 +128,7 @@ var Selector = import_react.default.forwardRef(
       "value",
       "open",
       "loading",
+      "size",
       "onSearch",
       "onRemove",
       "onClear",
@@ -165,6 +167,7 @@ var Selector = import_react.default.forwardRef(
     };
     const cls = (0, import_clsx.default)(
       prefixCls,
+      [`${prefixCls}-${size}`],
       [`${prefixCls}-searchable`],
       [`${prefixCls}-${mode || "single"}`],
       {