@rainbow-oh/yee-c 0.4.3 → 0.4.5

package/dist/esm/PickerPanel/panels/MonthPanel/MonthHeader.js

@@ -7,7 +7,8 @@ import Header from "../Header";
 export default function MonthHeader(props) {
   var prefixCls = props.prefixCls,
     viewDate = props.viewDate,
-    offsetYear = props.offsetYear,
+    _props$offsetYear = props.offsetYear,
+    offsetYear = _props$offsetYear === void 0 ? 0 : _props$offsetYear,
     onViewDateChange = props.onViewDateChange,
     onPanelChange = props.onPanelChange;
   var year = pickerUtils.getYear(viewDate) + offsetYear;

package/dist/esm/PickerPanel/panels/MonthPanel/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/esm/PickerPanel/panels/MonthPanel/index.js

@@ -9,7 +9,7 @@ export default function DecadePanel(props) {
     showHeader = _props$showHeader === void 0 ? true : _props$showHeader;
   var offsetYear = 0;
   if (offset !== null && offset !== void 0 && offset.year) {
-    offsetYear = parseInt(offset.year);
+    offsetYear = offset.year;
   }
   return /*#__PURE__*/React.createElement("div", {
     className: "".concat(prefixCls, "-month-panel")

package/dist/esm/PickerPanel/panels/PanelBody.d.ts

@@ -1,3 +1,23 @@
+import { Dayjs } from 'dayjs';
 import * as React from 'react';
-declare function PanelBody(props: any): React.JSX.Element;
+import type { PickerType } from '../interface';
+export interface PanelBodyProps {
+    prefixCls?: string;
+    picker?: PickerType;
+    rowCount: number;
+    colCount: number;
+    baseDate?: Dayjs | number;
+    onSelect?: (date: Dayjs) => void;
+    handleMouseChange?: (date: Dayjs | '') => void;
+    headerCells?: React.ReactNode;
+    getCellNode?: (currentDate: Dayjs) => React.ReactNode;
+    getCellDate: (baseDate: Dayjs, offset: number) => Dayjs;
+    getCellText: (currentDate: Dayjs) => number | string;
+    getCellTitle?: (currentDate: Dayjs) => string;
+    getCellClassName?: (currentDate: Dayjs) => string;
+    prefixColumn?: (currentDate: Dayjs) => React.ReactNode;
+    getRowClassName?: (currentDate: Dayjs) => string;
+    cellRender?: (date: Dayjs, panel: PickerType) => React.ReactNode;
+}
+declare function PanelBody(props: PanelBodyProps): React.JSX.Element;
 export default PanelBody;

package/dist/esm/PickerPanel/panels/PanelBody.js

@@ -48,7 +48,7 @@ function PanelBody(props) {
       row.push( /*#__PURE__*/React.createElement("td", {
         key: j,
         title: title,
-        className: clsx(cellPrefixCls, _defineProperty(_defineProperty({}, "".concat(cellPrefixCls, "-start"), getCellText(currentDate) === 1 || picker === 'year' && getCellText(currentDate) % 10 === 0), "".concat(cellPrefixCls, "-end"), getCellText(currentDate) === pickerUtils.getDate(currentDate.endOf('month')) || picker === 'year' && getCellText(currentDate) % 10 === 9), cls),
+        className: clsx(cellPrefixCls, _defineProperty(_defineProperty({}, "".concat(cellPrefixCls, "-start"), getCellText(currentDate) === 1 || picker === 'year' && Number(getCellText(currentDate)) % 10 === 0), "".concat(cellPrefixCls, "-end"), getCellText(currentDate) === pickerUtils.getDate(currentDate.endOf('month')) || picker === 'year' && Number(getCellText(currentDate)) % 10 === 9), cls),
         onClick: function onClick() {
           if (picker === 'week') return;
           onSelect === null || onSelect === void 0 || onSelect(currentDate);
@@ -67,9 +67,7 @@ function PanelBody(props) {
         className: "".concat(prefixCls, "-cell-value")
       }, getCellText(currentDate)), cellRender ? /*#__PURE__*/React.createElement("div", {
         className: "".concat(prefixCls, "-cell-content")
-      }, cellRender(currentDate, {
-        mode: picker
-      })) : null)));
+      }, cellRender(currentDate, picker)) : null)));
     };
     for (var j = 0; j < colCount; j++) {
       _loop2();

package/dist/esm/PickerPanel/panels/QuarterPanel/QuarterBody.d.ts

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

package/dist/esm/PickerPanel/panels/QuarterPanel/QuarterHeader.d.ts

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

package/dist/esm/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/esm/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/esm/PickerPanel/panels/RangePanel/index.js

@@ -63,7 +63,7 @@ function RangePanel(props) {
     pickerView: startViewDate,
     onChange: onChange,
     onPanelChange: function onPanelChange(viewDate) {
-      return _onPanelChange(viewDate, 'start');
+      return _onPanelChange === null || _onPanelChange === void 0 ? void 0 : _onPanelChange(viewDate, 'start');
     },
     onCellMouse: onCellMouse,
     hoverRange: hoverRange,
@@ -79,7 +79,7 @@ function RangePanel(props) {
     pickerView: endViewDate,
     onChange: onChange,
     onPanelChange: function onPanelChange(viewDate) {
-      return _onPanelChange(viewDate, 'end');
+      return _onPanelChange === null || _onPanelChange === void 0 ? void 0 : _onPanelChange(viewDate, 'end');
     },
     onCellMouse: onCellMouse,
     hoverRange: hoverRange,

package/dist/esm/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/esm/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/esm/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/esm/PickerPanel/panels/TimePanel/TimeCell.js

@@ -14,7 +14,7 @@ function TimeCell(props) {
   return /*#__PURE__*/React.createElement("li", {
     className: cls,
     onClick: function onClick() {
-      return onSelect(value);
+      return onSelect === null || onSelect === void 0 ? void 0 : onSelect(value);
     }
   }, /*#__PURE__*/React.createElement("div", {
     className: "".concat(prefixCls, "-time-panel-cell-inner")

package/dist/esm/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/esm/PickerPanel/panels/TimePanel/TimeColumn.js

@@ -28,7 +28,7 @@ function TimeColumn(props) {
     selectedCell = _React$useState2[0],
     setSelectedCell = _React$useState2[1];
   React.useLayoutEffect(function () {
-    if (value !== -1 && selectedRef.current) {
+    if (value !== undefined && selectedRef.current) {
       var _ref$current, _selectedRef$current;
       (_ref$current = ref.current) === null || _ref$current === void 0 || _ref$current.scrollTo({
         top: (_selectedRef$current = selectedRef.current) === null || _selectedRef$current === void 0 ? void 0 : _selectedRef$current.offsetTop,

package/dist/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/PickerPanel/panels/YearPanel/YearBody.js

@@ -21,7 +21,8 @@ function YearBody(props) {
     maxDate = props.maxDate,
     minDate = props.minDate,
     nowDate = props.nowDate,
-    offsetYear = props.offsetYear,
+    _props$offsetYear = props.offsetYear,
+    offsetYear = _props$offsetYear === void 0 ? 0 : _props$offsetYear,
     _props$hoverRange = props.hoverRange,
     hoverRange = _props$hoverRange === void 0 ? [] : _props$hoverRange,
     _props$selectedRange = props.selectedRange,
@@ -45,7 +46,7 @@ function YearBody(props) {
   });
   var getCellTitle = useEvent(function (currentDate) {
     var _year = pickerUtils.getYear(currentDate) + offsetYear;
-    return _year < 1000 ? '0' + _year : _year;
+    return _year < 1000 ? '0' + _year : String(_year);
   });
   var getCellClassName = useEvent(function (currentDate) {
     var currentYear = pickerUtils.getYear(currentDate);

package/dist/esm/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/esm/PickerPanel/panels/YearPanel/YearHeader.js

@@ -8,7 +8,8 @@ export default function YearHeader(props) {
     viewDate = props.viewDate,
     onViewDateChange = props.onViewDateChange,
     onPanelChange = props.onPanelChange,
-    offsetYear = props.offsetYear;
+    _props$offsetYear = props.offsetYear,
+    offsetYear = _props$offsetYear === void 0 ? 0 : _props$offsetYear;
   var viewYear = pickerUtils.getYear(viewDate);
   var startYear = viewYear - viewYear % 10 + offsetYear;
   var endYear = startYear + 9;

package/dist/esm/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/esm/PickerPanel/panels/YearPanel/index.js

@@ -7,7 +7,7 @@ export default function DecadePanel(props) {
     offset = props.offset;
   var offsetYear = 0;
   if (offset !== null && offset !== void 0 && offset.year) {
-    offsetYear = parseInt(offset.year);
+    offsetYear = offset.year;
   }
   return /*#__PURE__*/React.createElement("div", {
     className: "".concat(prefixCls, "-year-panel")

package/dist/esm/PickerPanel/picker-panel.js

@@ -95,6 +95,9 @@ var PickerPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
     setMergedPickerView(newViewDate);
     onPanelChange === null || onPanelChange === void 0 || onPanelChange(newViewDate);
   };
+
+  // `PanelBody` clears the hover by passing `''`; forward as-is to preserve
+  // the existing runtime behavior.
   var handleMouseChange = function handleMouseChange(date) {
     onCellMouse === null || onCellMouse === void 0 || onCellMouse(date);
   };

package/dist/esm/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/esm/PickerPanel/utils/pickerUtils.js

@@ -21,11 +21,8 @@ dayjs.extend(buddhistEra); // Buddhist calendar
 
 var d = {
   dayjs: dayjs,
-  init: function init(date) {
-    for (var _len = arguments.length, rest = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-      rest[_key - 1] = arguments[_key];
-    }
-    return dayjs.apply(void 0, [date].concat(rest));
+  init: function init(date, option) {
+    return dayjs(date, option);
   },
   getNow: function getNow() {
     return d.init(undefined);
@@ -97,11 +94,8 @@ var d = {
   isValid: function isValid(date, format, strict) {
     return dayjs(date, format, strict).isValid();
   },
-  isBetween: function isBetween(date, start, end) {
-    for (var _len2 = arguments.length, args = new Array(_len2 > 3 ? _len2 - 3 : 0), _key2 = 3; _key2 < _len2; _key2++) {
-      args[_key2 - 3] = arguments[_key2];
-    }
-    return date && start && end ? date.isBetween.apply(date, [start, end].concat(args)) : false;
+  isBetween: function isBetween(date, start, end, unit, nulls) {
+    return date && start && end ? date.isBetween(start, end, unit, nulls) : false;
   },
   getCellClassName: function getCellClassName(_ref) {
     var date = _ref.date,

package/dist/esm/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/esm/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/esm/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/esm/Select/option.js

@@ -3,6 +3,7 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(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 clsx from 'clsx';
+import { Check } from 'lucide-react';
 import React, { useContext } from 'react';
 import { OptionsCtx } from "./options";
 var Option = function Option(props) {
@@ -15,6 +16,7 @@ var Option = function Option(props) {
     prefixCls = _useContext.prefixCls,
     selectedKeys = _useContext.selectedKeys,
     focusedKey = _useContext.focusedKey,
+    multiple = _useContext.multiple,
     onSelect = _useContext.onSelect;
   var handleClick = function handleClick(e) {
     if (!disabled) {
@@ -22,8 +24,9 @@ var Option = function Option(props) {
     }
   };
   var htmlTitle = title ? title : typeof label === 'string' ? label : undefined;
+  var selected = selectedKeys.includes(value);
   return /*#__PURE__*/React.createElement("div", {
-    className: clsx("".concat(prefixCls, "-option"), _defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-option-selected"), selectedKeys.includes(value)), "".concat(prefixCls, "-option-focused"), focusedKey === value), "".concat(prefixCls, "-option-disabled"), disabled)),
+    className: clsx("".concat(prefixCls, "-option"), _defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-option-selected"), selected), "".concat(prefixCls, "-option-focused"), focusedKey === value), "".concat(prefixCls, "-option-disabled"), disabled)),
     "aria-label": "option",
     onClick: handleClick,
     onKeyDown: function onKeyDown(e) {
@@ -35,6 +38,12 @@ var Option = function Option(props) {
     tabIndex: disabled ? undefined : 0,
     title: htmlTitle,
     "data-testid": dataTestId
-  }, label);
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefixCls, "-option-content")
+  }, label), multiple && selected && /*#__PURE__*/React.createElement("span", {
+    className: "".concat(prefixCls, "-option-state")
+  }, /*#__PURE__*/React.createElement(Check, {
+    size: 16
+  })));
 };
 export default Option;

package/dist/esm/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/esm/Select/options.js

@@ -1,4 +1,4 @@
-var _excluded = ["prefixCls", "options", "popupClassName", "popupStyle", "selectedKeys", "focusedKey", "dataTestId", "onSelect"];
+var _excluded = ["prefixCls", "options", "popupClassName", "popupStyle", "selectedKeys", "focusedKey", "dataTestId", "multiple", "onSelect"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -18,6 +18,7 @@ var Options = /*#__PURE__*/forwardRef(function (props, ref) {
     selectedKeys = props.selectedKeys,
     focusedKey = props.focusedKey,
     dataTestId = props.dataTestId,
+    multiple = props.multiple,
     onSelect = props.onSelect,
     rest = _objectWithoutProperties(props, _excluded);
 
@@ -35,6 +36,7 @@ var Options = /*#__PURE__*/forwardRef(function (props, ref) {
       prefixCls: prefixCls,
       selectedKeys: selectedKeys,
       focusedKey: focusedKey,
+      multiple: multiple,
       onSelect: onSelect
     }
   }, options.map(function (option, index) {

package/dist/esm/Select/select.js

@@ -156,14 +156,12 @@ var Select = function Select(baseprops) {
     onKeyDown = _useSelectKeyboard.onKeyDown;
   var popup = /*#__PURE__*/React.createElement(Options, {
     prefixCls: prefixCls,
+    multiple: mode === 'multiple' || mode === 'tags',
     options: filteredOpts,
     focusedKey: focusedKey,
     selectedKeys: mergedValue,
     dataTestId: rest['data-testid'],
     onSelect: handleSelect,
-    onClose: function onClose() {
-      return setOpen(false);
-    },
     ref: popupRef
   });
   return /*#__PURE__*/React.createElement(Trigger, _extends({}, rest, {

package/dist/esm/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/esm/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
      */