@rainbow-oh/yee-c 0.4.2 → 0.4.4

package/dist/esm/Cascader/utils/index.js

@@ -1,19 +1,9 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-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); }
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 /**
  * Check if a data object has children
  * @param data - The data object to check
@@ -26,64 +16,99 @@ export function hasChild(data) {
 }
 
 /**
- * Get the next queue element for navigation
+ * Separator used to build a node's `uid` from its value path. A control
+ * character is used on purpose so it can never appear inside a user value —
+ * this prevents collisions like value `"a-1"` vs path `["a", "1"]` that a plain
+ * `'-'` separator would produce.
+ */
+export var UID_SEP = '
';
+
+/**
+ * Build the canonical uid for a value path. Use this everywhere a path needs
+ * to be turned into a key (nodeMap lookups, selected keys, comparisons) so the
+ * format stays consistent with the `uid`/`pid` produced by `flattenOptions`.
+ * @param path - The value path
+ */
+export var pathToUid = function pathToUid(path) {
+  return path.map(String).join(UID_SEP);
+};
+
+/**
+ * Get the direct flattened children of the node identified by `uid`.
+ *
+ * Flattened nodes intentionally do not carry a `children` reference (it used to
+ * point at the raw, un-flattened subtree and caused type lies). Derive children
+ * from the flat list via `pid` instead — single source of truth.
+ * @param data - The flattened options data
+ * @param uid - The parent node's uid
+ */
+export var getChildren = function getChildren(data, uid) {
+  return data.filter(function (item) {
+    return item.pid === uid;
+  });
+};
+
+/**
+ * Find the node in `data` whose parent is `pid` and whose value is `value`.
  * @internal
  */
-var getNextQueueElement = function getNextQueueElement(data, value) {
-  if (!Array.isArray(data)) {
-    return [];
-  }
-  for (var i = 0; i < data.length; i++) {
-    var item = data[i];
-    if (item.uid === value) {
-      var nexts = hasChild(item) ? item.children.filter(function (c) {
-        return c.pid === value;
-      }) : [];
-      return [nexts, {
-        id: item.value,
-        text: item.label
-      }];
-    }
-  }
-  return [];
+var findInColumn = function findInColumn(data, pid, value) {
+  return data.find(function (item) {
+    return item.pid === pid && item.value === value;
+  });
 };
 
 /**
- * Populate data into input fields and dropdown lists from a value array
- * @param arr - The value array representing the selected path
+ * Reconstruct cascade columns and the highlight path from a value path.
+ *
+ * Walks the flattened options level by level, matching each value segment
+ * against the correct parent column via `pid` + `value`. Returns:
+ *  - `queue`: the columns to render (column 0 = root, then each matched
+ *    node's children column).
+ *  - `path`: the highlight breadcrumb shaped as `{ key: uid, label }`, so it
+ *    aligns with `expandedPath[level].key === uid` in the node view.
+ *
+ * Stops safely at the last valid segment if the value path does not exist in
+ * the data source.
+ *
+ * @param arr - The selected path. In `multiple` mode the value is an array of
+ *   paths; the first path is used to drive which columns get expanded.
  * @param data - The flattened options data
  * @param options - Optional configuration
- * @returns A tuple of [queue, path] where queue is the column data and path is the selected path info
+ * @returns A tuple of `[queue, path]`
  */
 export var changeToView = function changeToView(arr, data, options) {
   var _ref = options || {},
-    needNext = _ref.needNext,
     multiple = _ref.multiple;
-  var _queue = [];
-  var _path = [];
-  if (Array.isArray(arr)) {
-    var i = 0;
-    var _arr = arr;
-    if (multiple) {
-      _arr = Array.isArray(arr[0]) ? arr[0] : arr;
-    }
-    var _data = data.filter(function (item) {
-      return item.level === 0;
+  var queue = [];
+  var path = [];
+
+  // Column 0 (root level) is always present so the popup can open even with
+  // no selection.
+  queue.push(data.filter(function (item) {
+    return item.level === 0;
+  }));
+  if (!Array.isArray(arr) || arr.length === 0) {
+    return [queue, path];
+  }
+
+  // In multiple mode the value is an array of paths; use the first one to
+  // drive column expansion.
+  var segments = multiple && Array.isArray(arr[0]) ? arr[0] : arr;
+  var currentPid = '';
+  for (var i = 0; i < segments.length; i++) {
+    var matched = findInColumn(data, currentPid, segments[i]);
+    if (!matched) break; // value path doesn't exist in the data source
+    path.push({
+      key: matched.uid,
+      label: matched.label
     });
-    do {
-      _queue.push(_data);
-      var result = getNextQueueElement(_data, _arr[i]);
-      if (result.length) {
-        var _result = _slicedToArray(result, 2),
-          _dataNext = _result[0],
-          _pathItem = _result[1];
-        _data = _dataNext;
-        _path.push(_pathItem);
-      }
-      i++;
-    } while (needNext ? i <= _arr.length : i < _arr.length);
+    if (!matched.isLeaf) {
+      queue.push(getChildren(data, matched.uid));
+    }
+    currentPid = matched.uid;
   }
-  return [_queue, _path];
+  return [queue, path];
 };
 
 // Assemble Tags Options
@@ -306,12 +331,12 @@ export var changeToView = function changeToView(arr, data, options) {
 // }
 
 /**
- * Format a path array into a key string
+ * Format a value path into a key string. Alias of `pathToUid` so all path→key
+ * conversions share one collision-safe format.
  * @param val - The path array
- * @returns A string key joined by '-'
  */
 export var formatKey = function formatKey(val) {
-  return val.join('-');
+  return pathToUid(val);
 };
 
 /**
@@ -333,11 +358,12 @@ export var isSamePrefixPath = function isSamePrefixPath(prefix, target) {
  * Determine if a node is fully selected or half selected (indeterminate)
  * @param value - The selected value paths
  * @param item - The flatten option node to check
+ * @param children - The node's direct flattened children (derive via `getChildren`)
  * @returns A tuple [checkedAll, indeterminate]
  */
-export function isHalfChecked(value, item) {
-  if (!hasChild(item)) return [false, false];
-  var total = item.children.length;
+export function isHalfChecked(value, item, children) {
+  if (!children.length) return [false, false];
+  var total = children.length;
   var prefixPath = item.path;
   var filtered = value.filter(function (path) {
     return isSamePrefixPath(prefixPath, path);
@@ -349,12 +375,27 @@ export function isHalfChecked(value, item) {
 }
 
 /**
- * Flatten a tree structure into an array for easier searching and traversal
+ * Default maximum tree depth accepted by `flattenOptions`. Guards against
+ * stack overflow on pathological/deeply-nested input.
+ */
+var DEFAULT_MAX_DEPTH = 100;
+
+/**
+ * Flatten a tree structure into an array for easier searching and traversal.
+ *
+ * The flattened nodes intentionally do NOT carry a `children` field — use
+ * `getChildren(data, uid)` to read a node's children. `uid`/`pid` are built
+ * via `pathToUid` (collision-safe). Includes a depth cap and a cycle guard so
+ * malformed input (very deep or self-referencing trees) cannot overflow the
+ * stack.
+ *
  * @param tree - The tree data to flatten
  * @param fieldNames - Custom field names for label, value, and children
+ * @param maxDepth - Maximum nesting depth (default 100)
  * @returns An array of flattened options with additional metadata
  */
 export var flattenOptions = function flattenOptions(tree, fieldNames) {
+  var maxDepth = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : DEFAULT_MAX_DEPTH;
   var res = [];
   var _ref2 = fieldNames || {},
     _ref2$label = _ref2.label,
@@ -363,26 +404,34 @@ export var flattenOptions = function flattenOptions(tree, fieldNames) {
     value = _ref2$value === void 0 ? 'value' : _ref2$value,
     _ref2$children = _ref2.children,
     children = _ref2$children === void 0 ? 'children' : _ref2$children;
+  // Object-identity set of nodes on the current DFS path, for cycle detection.
+  var seen = new Set();
   var dfs = function dfs(nodes) {
     var parents = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+    var labelParents = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
     nodes.forEach(function (node) {
-      var wrappered = {
+      if (parents.length >= maxDepth) return; // depth guard
+      if (seen.has(node)) return; // cycle guard (back-edge to an ancestor)
+      var nodeLabel = node[label];
+      var path = [].concat(_toConsumableArray(parents), [node[value]]);
+      var labelPath = [].concat(_toConsumableArray(labelParents), [nodeLabel]);
+      var uid = pathToUid(path);
+      res.push({
         $source: node,
-        label: node[label],
+        label: nodeLabel,
         value: node[value],
-        children: node[children]
-      };
-      var path = [].concat(_toConsumableArray(parents), [wrappered['value']]);
-      var uid = path.join('-');
-      var pid = parents.join('-');
-      res.push(_objectSpread(_objectSpread({}, wrappered), {}, {
-        pid: pid,
+        pid: pathToUid(parents),
         uid: uid,
         path: path,
+        labelPath: labelPath,
         level: parents.length,
-        isLeaf: !hasChild(wrappered)
-      }));
-      if (wrappered['children']) dfs(wrappered['children'], path);
+        isLeaf: !hasChild(node, children)
+      });
+      if (hasChild(node, children)) {
+        seen.add(node);
+        dfs(node[children], path, labelPath);
+        seen.delete(node);
+      }
     });
   };
   dfs(tree);

package/dist/esm/Form/form-store.js

@@ -445,6 +445,10 @@ export var FormStore = /*#__PURE__*/function () {
           } else {
             _this.store = _objectSpread(_objectSpread({}, _this.store), {}, _defineProperty({}, normalizedName, value));
           }
+          // When value is not undefined, notify watchers to trigger re-rendering of useWatch
+          if (value !== undefined) {
+            _this.notifyWatchers(normalizedName);
+          }
         }
       }
       (_entity$onStoreChange = entity.onStoreChange) === null || _entity$onStoreChange === void 0 || _entity$onStoreChange.call(entity);

package/dist/esm/Form/hooks/useWatch.js

@@ -20,12 +20,17 @@ function useWatch(namePath, form) {
     var getWatchedValue = function getWatchedValue() {
       return isWatchAll ? formInstance.getFieldsValue() : formInstance.getFieldValue(Array.isArray(namePath) ? namePath.join('.') : namePath);
     };
-    var unsubscribe = formInstance.subscribe(namePath, function () {
+    var update = function update() {
       var newValue = getWatchedValue();
       setValue(function (prev) {
         return prev === newValue ? prev : newValue;
       });
-    });
+    };
+    var unsubscribe = formInstance.subscribe(namePath, update);
+    // Re-read immediately after subscribing: the parent's useWatch captured its
+    // initial snapshot before child Form.Field wrote its initialValue, and the
+    // subscription may not yet exist when that write happens. This covers the gap.
+    update();
     return unsubscribe;
   }, [formInstance, namePath]);
   return value;

package/dist/esm/Input/style/index.less

@@ -69,6 +69,25 @@
     }
   }
 
+  // size
+  &-small {
+    height: var(--yee-input-small-height, 24px);
+    padding: var(--yee-input-small-padding, 0 6px);
+    font-size: var(--yee-input-small-font-size);
+    line-height: var(--yee-input-small-line-height);
+
+    &::placeholder {
+      font-size: var(--yee-input-small-font-size);
+    }
+  }
+
+  &-large {
+    height: var(--yee-input-large-height, 40px);
+    padding: var(--yee-input-large-padding, 4px 12px);
+    font-size: var(--yee-input-large-font-size);
+    line-height: var(--yee-input-large-line-height);
+  }
+
   &-password {
     flex: 1;
     outline: none;

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);
     }

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
      */

package/dist/esm/Selector/selector.js

@@ -1,5 +1,5 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["prefixCls", "mode", "className", "style", "optionLabelProp", "searchable", "disabled", "options", "selectedKeys", "allowClear", "placeholder", "closable", "suffix", "value", "open", "loading", "onSearch", "onRemove", "onClear", "onOpenChange", "onKeyDown"];
+var _excluded = ["prefixCls", "mode", "className", "style", "optionLabelProp", "searchable", "disabled", "options", "selectedKeys", "allowClear", "placeholder", "closable", "suffix", "value", "open", "loading", "size", "onSearch", "onRemove", "onClear", "onOpenChange", "onKeyDown"];
 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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -46,6 +46,8 @@ var Selector = /*#__PURE__*/React.forwardRef(function (props, ref) {
     value = props.value,
     open = props.open,
     loading = props.loading,
+    _props$size = props.size,
+    size = _props$size === void 0 ? 'default' : _props$size,
     onSearch = props.onSearch,
     onRemove = props.onRemove,
     onClear = props.onClear,
@@ -92,7 +94,7 @@ var Selector = /*#__PURE__*/React.forwardRef(function (props, ref) {
     e.stopPropagation();
     onRemove === null || onRemove === void 0 || onRemove(option);
   };
-  var cls = clsx(prefixCls, ["".concat(prefixCls, "-searchable")], ["".concat(prefixCls, "-").concat(mode || 'single')], _defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-allow-clear"), allowClear), "".concat(prefixCls, "-disabled"), disabled), "".concat(prefixCls, "-open"), open), className);
+  var cls = clsx(prefixCls, ["".concat(prefixCls, "-").concat(size)], ["".concat(prefixCls, "-searchable")], ["".concat(prefixCls, "-").concat(mode || 'single')], _defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-allow-clear"), allowClear), "".concat(prefixCls, "-disabled"), disabled), "".concat(prefixCls, "-open"), open), className);
   var renderSearch = function renderSearch() {
     return /*#__PURE__*/React.createElement("div", {
       className: clsx("".concat(prefixCls, "-input-wrapper"), {