@aloudata/aloudata-design 3.1.0 → 3.1.2

package/dist/Select/BaseSelect.d.ts

@@ -1,5 +1,6 @@
 import { PlacementType } from '../Dropdown';
 import { BaseSelectRef, ISelectProps, LabelInValueType, SelectMenuProps } from './interface.js';
+import { SelectOptionCollection } from './components/OptionCollection.js';
 import * as React from 'react';
 /** Align config type (locally defined to avoid rc-trigger dependency) */
 export interface AlignType {
@@ -50,10 +51,12 @@ export interface BaseSelectProps extends BaseSelectPrivateProps, ISelectProps, R
     innerSearchValue?: string;
     setInnerSearchValue?: (value: string) => void;
     displayMenu?: SelectMenuProps;
+    optionCollection?: SelectOptionCollection;
     open?: boolean;
     defaultOpen?: boolean;
     onOpenChange?: (open: boolean) => void;
     onOptionSelect?: (val: RawValueType) => void;
+    onCollectionOptionSelect?: (val: RawValueType) => void;
     allowClear?: boolean;
     showArrow?: boolean;
     suffixIcon?: React.ReactNode;

package/dist/Select/BaseSelect.js

@@ -10,12 +10,23 @@ import Selector from "./Selector/index.js";
 import { FormItemInputContext } from "../Form/FormItemContext.js";
 import getWidthStyle from "./utils/getWidthStyle.js";
 import { ConfigContext } from "../ConfigProvider/index.js";
+import OptionCollection from "./components/OptionCollection.js";
 import * as React$1 from "react";
 import { useContext, useRef, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import _ from "lodash";
 import useMergedState from "rc-util/es/hooks/useMergedState";
 //#region src/Select/BaseSelect.tsx
+function splitAriaProps(props) {
+	return Object.keys(props).reduce((result, key) => {
+		if (key.startsWith("aria-")) result.ariaProps[key] = props[key];
+		else result.restProps[key] = props[key];
+		return result;
+	}, {
+		ariaProps: {},
+		restProps: {}
+	});
+}
 function isMultiple(mode) {
 	return !!mode;
 }
@@ -27,10 +38,16 @@ function isShowSelectedSection(mode) {
 	return typeof mode === "object" && mode.showSelectedSection && mode.responsive;
 }
 var BaseSelect = React$1.forwardRef((props, ref) => {
-	const { id, className, displayValues, onDisplayValuesChange, displayMenu, notFoundContent, onClear, width, mode, status: customStatus, onOptionSelect, onClick, size: customSize, borderLess = false, disabled, placeholder, loading = false, open, defaultOpen, onOpenChange, showSearch, innerSearchValue, setInnerSearchValue, allowClear, showArrow = true, prefix, suffixIcon, dropdownRender, overlayStyle, dropdownStyle, popupMatchSelectWidth = true, placement, popupClassName, allowOverlap, style, "data-testid": dataTestid, "aria-label": ariaLabel, ...restProps } = props;
+	const { id, className, displayValues, onDisplayValuesChange, displayMenu, optionCollection, notFoundContent, onClear, width, mode, status: customStatus, onOptionSelect, onCollectionOptionSelect, onClick, size: customSize, borderLess = false, disabled, placeholder, loading = false, open, defaultOpen, onOpenChange, showSearch, innerSearchValue, setInnerSearchValue, onInputKeyDown, allowClear, showArrow = true, prefix, suffixIcon, dropdownRender, overlayStyle, dropdownStyle, popupMatchSelectWidth = true, placement, popupClassName, allowOverlap, style, "data-testid": dataTestid, "aria-label": ariaLabel, ...restProps } = props;
+	const { ariaProps, restProps: passthroughProps } = React$1.useMemo(() => splitAriaProps(restProps), [restProps]);
+	const triggerAriaProps = React$1.useMemo(() => ({
+		...ariaProps,
+		"aria-label": ariaLabel
+	}), [ariaLabel, ariaProps]);
 	const setClassNames = prefixCls("select");
 	const selectRef = useRef(null);
 	const triggerRef = useRef(null);
+	const searchInputRef = useRef(null);
 	const widthStyle = getWidthStyle(width);
 	const dropdownRef = useRef(null);
 	const [matchedPopupWidth, setMatchedPopupWidth] = useState();
@@ -44,8 +61,14 @@ var BaseSelect = React$1.forwardRef((props, ref) => {
 	const { status: contextStatus } = useContext(FormItemInputContext);
 	const mergedStatus = customStatus === null ? void 0 : customStatus || contextStatus;
 	React$1.useImperativeHandle(ref, () => ({
-		focus: () => triggerRef.current?.focus(),
-		blur: () => triggerRef.current?.blur(),
+		focus: () => {
+			if (showSearch && optionCollection) searchInputRef.current?.focus();
+			else triggerRef.current?.focus();
+		},
+		blur: () => {
+			if (showSearch && optionCollection) searchInputRef.current?.blur();
+			else triggerRef.current?.blur();
+		},
 		open: () => onToggleOpen(true),
 		close: () => {
 			console.log("ref close");
@@ -53,6 +76,19 @@ var BaseSelect = React$1.forwardRef((props, ref) => {
 		}
 	}));
 	const [isHover, setIsHover] = useState(false);
+	const [activeOptionKey, setActiveOptionKey] = useState();
+	const [composingSearchValue, setComposingSearchValue] = useState();
+	const isComposingSearchRef = useRef(false);
+	const isSearchableCollection = !!optionCollection && !!showSearch;
+	const ownerAriaProps = React$1.useMemo(() => ({
+		...triggerAriaProps,
+		"aria-busy": loading || triggerAriaProps["aria-busy"] || void 0,
+		"aria-invalid": triggerAriaProps["aria-invalid"] ?? (mergedStatus === "error" ? true : void 0)
+	}), [
+		loading,
+		mergedStatus,
+		triggerAriaProps
+	]);
 	const [innerOpen, setInnerOpen] = useMergedState(false, {
 		defaultValue: defaultOpen,
 		value: open
@@ -79,6 +115,22 @@ var BaseSelect = React$1.forwardRef((props, ref) => {
 		onOpenChange,
 		updateMatchedPopupWidth
 	]);
+	const getInitialActiveOptionKey = React$1.useCallback((position) => {
+		if (!optionCollection) return;
+		if (position === "last") return optionCollection.enabledOptions[optionCollection.enabledOptions.length - 1]?.key;
+		return optionCollection.options.find((option) => !option.disabled && displayValues.some((value) => toString(value.value) === toString(option.value)))?.key ?? optionCollection.enabledOptions[0]?.key;
+	}, [displayValues, optionCollection]);
+	React$1.useEffect(() => {
+		if (!optionCollection || !mergedOpen) {
+			setActiveOptionKey(void 0);
+			return;
+		}
+		setActiveOptionKey((current) => optionCollection.enabledOptions.some((option) => option.key === current) ? current : getInitialActiveOptionKey("first"));
+	}, [
+		getInitialActiveOptionKey,
+		mergedOpen,
+		optionCollection
+	]);
 	React$1.useLayoutEffect(() => {
 		if (!mergedOpen || !shouldMatchPopupWidth) return;
 		const element = selectRef.current;
@@ -164,6 +216,124 @@ var BaseSelect = React$1.forwardRef((props, ref) => {
 		}
 	}, []);
 	const mergedPopupMatchSelectWidth = shouldMatchPopupWidth && matchedPopupWidth !== void 0 ? matchedPopupWidth : popupMatchSelectWidth;
+	const activeOptionId = optionCollection?.options.find((option) => option.key === activeOptionKey)?.id;
+	const moveActiveOption = React$1.useCallback((direction) => {
+		if (!optionCollection || optionCollection.enabledOptions.length === 0) return;
+		const currentIndex = optionCollection.enabledOptions.findIndex((option) => option.key === activeOptionKey);
+		const nextIndex = currentIndex === -1 ? direction === 1 ? 0 : optionCollection.enabledOptions.length - 1 : (currentIndex + direction + optionCollection.enabledOptions.length) % optionCollection.enabledOptions.length;
+		setActiveOptionKey(optionCollection.enabledOptions[nextIndex].key);
+	}, [activeOptionKey, optionCollection]);
+	const typeaheadRef = useRef({
+		value: "",
+		timestamp: 0
+	});
+	const onCollectionKeyDown = React$1.useCallback((event) => {
+		if (!optionCollection || disabled) return;
+		const openCollection = (position) => {
+			event.preventDefault();
+			setActiveOptionKey(getInitialActiveOptionKey(position));
+			onToggleOpen(true);
+		};
+		if (!mergedOpen) {
+			if (event.key === "ArrowDown") openCollection("first");
+			else if (event.key === "ArrowUp") openCollection("last");
+			else if (event.key === "Enter" || event.key === " ") openCollection("first");
+			return;
+		}
+		if (event.key === "ArrowDown") {
+			event.preventDefault();
+			moveActiveOption(1);
+			return;
+		}
+		if (event.key === "ArrowUp") {
+			event.preventDefault();
+			moveActiveOption(-1);
+			return;
+		}
+		if (event.key === "Home") {
+			event.preventDefault();
+			setActiveOptionKey(optionCollection.enabledOptions[0]?.key);
+			return;
+		}
+		if (event.key === "End") {
+			event.preventDefault();
+			setActiveOptionKey(optionCollection.enabledOptions[optionCollection.enabledOptions.length - 1]?.key);
+			return;
+		}
+		if (event.key === "Enter" || event.key === " ") {
+			event.preventDefault();
+			const activeOption = optionCollection.options.find((option) => option.key === activeOptionKey);
+			if (activeOption && !activeOption.disabled) {
+				if (!isMultipleMode) onToggleOpen(false);
+				onCollectionOptionSelect?.(activeOption.value);
+			}
+			return;
+		}
+		if (event.key === "Escape") {
+			event.preventDefault();
+			onToggleOpen(false);
+			if (isSearchableCollection) searchInputRef.current?.focus();
+			else triggerRef.current?.focus();
+			return;
+		}
+		if (event.key === "Tab") {
+			onToggleOpen(false);
+			return;
+		}
+		if (event.key.length === 1 && !event.altKey && !event.ctrlKey && !event.metaKey) {
+			const now = Date.now();
+			const query = now - typeaheadRef.current.timestamp > 500 ? event.key : `${typeaheadRef.current.value}${event.key}`;
+			typeaheadRef.current = {
+				value: query,
+				timestamp: now
+			};
+			const normalizedQuery = query.toLocaleLowerCase();
+			const activeIndex = optionCollection.enabledOptions.findIndex((option) => option.key === activeOptionKey);
+			const match = [...optionCollection.enabledOptions.slice(activeIndex + 1), ...optionCollection.enabledOptions.slice(0, activeIndex + 1)].find((option) => String(option.label ?? option.value).toLocaleLowerCase().startsWith(normalizedQuery));
+			if (match) {
+				event.preventDefault();
+				setActiveOptionKey(match.key);
+			}
+		}
+	}, [
+		activeOptionKey,
+		disabled,
+		getInitialActiveOptionKey,
+		mergedOpen,
+		moveActiveOption,
+		onCollectionOptionSelect,
+		onToggleOpen,
+		optionCollection,
+		isSearchableCollection
+	]);
+	const onSearchInputKeyDown = React$1.useCallback((event) => {
+		onInputKeyDown?.(event);
+		if (event.defaultPrevented) return;
+		if (event.key === " " || event.key.length === 1 && !event.altKey && !event.ctrlKey && !event.metaKey) return;
+		onCollectionKeyDown(event);
+	}, [onCollectionKeyDown, onInputKeyDown]);
+	const onSearchInputChange = React$1.useCallback((event) => {
+		const nextValue = event.target.value;
+		if (isComposingSearchRef.current) {
+			setComposingSearchValue(nextValue);
+			return;
+		}
+		setInnerSearchValue?.(nextValue);
+	}, [setInnerSearchValue]);
+	const searchInputValue = composingSearchValue ?? innerSearchValue ?? "";
+	const collectionContent = optionCollection ? /* @__PURE__ */ jsx(OptionCollection, {
+		collection: optionCollection,
+		selectedValues: displayValues.map((item) => item.value),
+		activeOptionKey,
+		multiple: isMultipleMode,
+		loading,
+		listHeight: props.listHeight ?? 256,
+		notFoundContent,
+		onSelect: (value) => {
+			if (!isMultipleMode) onToggleOpen(false);
+			onCollectionOptionSelect?.(value);
+		}
+	}) : void 0;
 	return /* @__PURE__ */ jsxs("div", {
 		className: mergedClassName,
 		style: {
@@ -177,10 +347,11 @@ var BaseSelect = React$1.forwardRef((props, ref) => {
 		"data-testid": dataTestid,
 		"aria-label": ariaLabel,
 		children: [/* @__PURE__ */ jsx(RefSelectTrigger, {
-			...restProps,
+			...passthroughProps,
 			open: !!mergedOpen,
 			notFoundContent,
 			menu: showMenu,
+			collection: collectionContent,
 			ref: dropdownRef,
 			showSearch,
 			searchValue: innerSearchValue,
@@ -197,35 +368,61 @@ var BaseSelect = React$1.forwardRef((props, ref) => {
 				else onToggleOpen(open);
 			},
 			children: /* @__PURE__ */ jsxs("div", {
+				...!isSearchableCollection ? ownerAriaProps : {},
 				ref: triggerRef,
-				tabIndex: disabled ? void 0 : 0,
-				role: "combobox",
-				"aria-disabled": disabled || void 0,
-				"aria-expanded": mergedOpen,
+				tabIndex: isSearchableCollection || disabled ? void 0 : 0,
+				role: isSearchableCollection ? void 0 : "combobox",
+				"aria-disabled": isSearchableCollection ? void 0 : disabled || void 0,
+				"aria-expanded": isSearchableCollection ? void 0 : mergedOpen,
+				"aria-haspopup": isSearchableCollection ? void 0 : optionCollection ? "listbox" : void 0,
+				"aria-controls": isSearchableCollection ? void 0 : mergedOpen && optionCollection ? optionCollection.listboxId : void 0,
+				"aria-activedescendant": isSearchableCollection ? void 0 : mergedOpen && optionCollection ? activeOptionId : void 0,
+				onKeyDown: isSearchableCollection ? void 0 : optionCollection ? onCollectionKeyDown : void 0,
 				className: cn(setClassNames("trigger"), "ant-select-selector"),
-				children: [
-					prefix && /* @__PURE__ */ jsx("div", {
-						className: setClassNames("prefix"),
-						children: prefix
-					}),
-					_.isEmpty(displayValues) && /* @__PURE__ */ jsx("div", {
-						className: cn(setClassNames("placeholder"), "ant-select-selection-placeholder"),
-						children: placeholder
-					}),
-					!_.isEmpty(displayValues) && /* @__PURE__ */ jsx(Selector, {
-						...restProps,
-						suffixIcon,
-						size,
-						disabled,
-						mode,
-						dropdownRef,
-						displayValues,
-						onToggleOpen,
-						onRemove: onSelectorRemove,
-						showResponsiveSelectedSection,
-						onOverflowCollapsedChange: setOverflowCollapsed
-					})
-				]
+				children: [prefix && /* @__PURE__ */ jsx("div", {
+					className: setClassNames("prefix"),
+					children: prefix
+				}), isSearchableCollection ? /* @__PURE__ */ jsx("input", {
+					...ownerAriaProps,
+					ref: searchInputRef,
+					type: "text",
+					role: "combobox",
+					className: setClassNames("search-input"),
+					value: searchInputValue,
+					disabled,
+					placeholder: typeof placeholder === "string" ? placeholder : void 0,
+					"aria-disabled": disabled || void 0,
+					"aria-expanded": mergedOpen,
+					"aria-haspopup": "listbox",
+					"aria-controls": mergedOpen ? optionCollection?.listboxId : void 0,
+					"aria-activedescendant": mergedOpen ? activeOptionId : void 0,
+					onFocus: () => onToggleOpen(true),
+					onChange: onSearchInputChange,
+					onCompositionStart: () => {
+						isComposingSearchRef.current = true;
+					},
+					onCompositionEnd: (event) => {
+						isComposingSearchRef.current = false;
+						setComposingSearchValue(void 0);
+						setInnerSearchValue?.(event.currentTarget.value);
+					},
+					onKeyDown: onSearchInputKeyDown
+				}) : /* @__PURE__ */ jsxs(Fragment, { children: [_.isEmpty(displayValues) && /* @__PURE__ */ jsx("div", {
+					className: cn(setClassNames("placeholder"), "ant-select-selection-placeholder"),
+					children: placeholder
+				}), !_.isEmpty(displayValues) && /* @__PURE__ */ jsx(Selector, {
+					...passthroughProps,
+					suffixIcon,
+					size,
+					disabled,
+					mode,
+					dropdownRef,
+					displayValues,
+					onToggleOpen,
+					onRemove: onSelectorRemove,
+					showResponsiveSelectedSection,
+					onOverflowCollapsedChange: setOverflowCollapsed
+				})] })]
 			})
 		}), /* @__PURE__ */ jsx(Suffix, {
 			showArrow,

package/dist/Select/BaseSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseSelect.js","names":[],"sources":["../../src/Select/BaseSelect.tsx"],"sourcesContent":["import './ald-select.css';\nimport * as React from 'react';\nimport useMergedState from 'rc-util/es/hooks/useMergedState';\nimport { cn } from '../lib/utils';\nimport prefixCls from '../_utils/prefixCls';\n\n/** Align config type (locally defined to avoid rc-trigger dependency) */\nexport interface AlignType {\n  points?: string[];\n  offset?: (number | string)[];\n  targetOffset?: (number | string)[];\n  overflow?: { adjustX?: boolean; adjustY?: boolean };\n  _experimental?: Record<string, any>;\n}\nimport SelectTrigger, { RefTriggerProps } from './SelectTrigger';\nimport Selector from './Selector';\nimport _ from 'lodash';\nimport { useContext, useRef, useState } from 'react';\nimport { FormItemInputContext } from '../Form/FormItemContext';\nimport getWidthStyle from './utils/getWidthStyle';\nimport Suffix from './components/Suffix';\nimport { PlacementType } from '../Dropdown';\nimport {\n  BaseSelectRef,\n  DisplayValueType,\n  ISelectProps,\n  LabelInValueType,\n  SelectMenuProps,\n} from './interface';\nimport SizeContext from '../ConfigProvider/sizeContext';\nimport { ConfigContext } from '../ConfigProvider';\nimport { useCompactItemContext } from '../Space/CompactContext';\nimport { MenuInfo } from '../Menu';\nimport { toString } from './utils/commonUtil';\n\nexport type RenderNode = React.ReactNode | ((props: any) => React.ReactNode);\n\nexport type RenderDOMFunc = (props: any) => HTMLElement;\n\nexport type Mode =\n  | 'multiple'\n  | {\n      type: 'multiple';\n      responsive?: boolean;\n      maxRows?: number;\n      showSelectedSection?: boolean;\n    };\n\nexport type RawValueType = string | number;\n\nexport type CustomTagProps = {\n  label: React.ReactNode;\n  value: any;\n  disabled: boolean;\n  onClose: (event?: React.MouseEvent<HTMLElement, MouseEvent>) => void;\n  closable: boolean;\n};\nexport interface BaseSelectPrivateProps {\n  // >>> MISC\n  omitDomProps?: string[];\n\n  // >>> Value\n  displayValues: LabelInValueType[];\n  onDisplayValuesChange: (\n    values: LabelInValueType[],\n    info: {\n      type: 'add' | 'remove' | 'clear';\n      values: LabelInValueType[];\n    },\n  ) => void;\n\n  // >>> Active\n  /** Current dropdown list active item string value */\n  activeValue?: string;\n  /** Link search input with target element */\n  activeDescendantId?: string;\n  onActiveValueChange?: (value: string | null) => void;\n}\n\nexport type BaseSelectPropsWithoutPrivate = Omit<\n  BaseSelectProps,\n  keyof BaseSelectPrivateProps\n>;\n\nexport interface BaseSelectProps\n  extends BaseSelectPrivateProps,\n    ISelectProps,\n    React.AriaAttributes {\n  className?: string;\n  style?: React.CSSProperties;\n  notFoundContent?: React.ReactNode;\n  onClear?: () => void;\n  innerSearchValue?: string;\n  setInnerSearchValue?: (value: string) => void;\n  displayMenu?: SelectMenuProps;\n  // >>> Open\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  onOptionSelect?: (val: RawValueType) => void;\n\n  // >>> Icons\n  allowClear?: boolean;\n  showArrow?: boolean;\n  suffixIcon?: React.ReactNode;\n\n  // >>> Dropdown\n  dropdownAlign?: AlignType;\n  placement?: PlacementType;\n  getPopupContainer?: () => HTMLElement;\n\n  // >>> Focus\n  onBlur?: React.FocusEventHandler<HTMLElement>;\n  onFocus?: React.FocusEventHandler<HTMLElement>;\n\n  // >>> Rest Events\n  onKeyUp?: React.KeyboardEventHandler<HTMLDivElement>;\n  onKeyDown?: React.KeyboardEventHandler<HTMLDivElement>;\n  onMouseDown?: React.MouseEventHandler<HTMLDivElement>;\n  onPopupScroll?: React.UIEventHandler<HTMLDivElement>;\n  onInputKeyDown?: React.KeyboardEventHandler<\n    HTMLInputElement | HTMLTextAreaElement\n  >;\n  onMouseEnter?: React.MouseEventHandler<HTMLDivElement>;\n  onMouseLeave?: React.MouseEventHandler<HTMLDivElement>;\n  onClick?: React.MouseEventHandler<HTMLDivElement>;\n}\n\nexport function isMultiple(mode?: Mode) {\n  return !!mode;\n}\nexport function isResponsive(mode?: Mode) {\n  return mode === 'multiple' || (typeof mode === 'object' && mode?.responsive);\n}\nexport function isShowSelectedSection(mode?: Mode) {\n  if (!mode || mode === 'multiple') {\n    return false;\n  }\n\n  return (\n    typeof mode === 'object' && mode.showSelectedSection && mode.responsive\n  );\n}\nconst BaseSelect = React.forwardRef(\n  (props: BaseSelectProps, ref: React.Ref<BaseSelectRef>) => {\n    const {\n      id,\n      className,\n      // Value\n      displayValues,\n      onDisplayValuesChange,\n      displayMenu,\n      notFoundContent,\n      onClear,\n      width,\n      mode,\n      status: customStatus,\n      onOptionSelect,\n      onClick,\n      size: customSize,\n      borderLess = false,\n      // Status\n      disabled,\n      placeholder,\n      loading = false,\n\n      // Open\n      open,\n      defaultOpen,\n      onOpenChange,\n      showSearch,\n      innerSearchValue,\n      setInnerSearchValue,\n      // Icons\n      allowClear,\n      showArrow = true,\n      prefix,\n      suffixIcon,\n      dropdownRender,\n      overlayStyle,\n      dropdownStyle,\n      popupMatchSelectWidth = true,\n      placement,\n      popupClassName,\n      allowOverlap,\n      style,\n      'data-testid': dataTestid,\n      'aria-label': ariaLabel,\n      ...restProps\n      // Rest Props\n    } = props;\n    const setClassNames = prefixCls('select');\n    const selectRef = useRef<HTMLDivElement>(null);\n    const triggerRef = useRef<HTMLDivElement>(null);\n    const widthStyle = getWidthStyle(width);\n    const dropdownRef = useRef<RefTriggerProps>(null);\n    const [matchedPopupWidth, setMatchedPopupWidth] = useState<\n      number | undefined\n    >();\n    const isResponsiveMode = isResponsive(mode);\n    const isMultipleMode = isMultiple(mode);\n    /** Used for component focused management */\n    const contentSize = useContext(SizeContext);\n    const { direction } = React.useContext(ConfigContext);\n    // ===================== Compact Item =====================\n    const { compactSize, compactItemClassnames } = useCompactItemContext(\n      'ald-select',\n      direction,\n    );\n    const size = compactSize || customSize || contentSize || 'middle';\n    const {\n      status: contextStatus,\n      // hasFeedback,\n      // isFormItemInput,\n      // feedbackIcon,\n    } = useContext(FormItemInputContext);\n\n    const mergedStatus =\n      customStatus === null ? undefined : customStatus || contextStatus;\n\n    // =========================== Imperative ===========================\n    React.useImperativeHandle(ref, () => ({\n      // The trigger is the Select focus owner. Keeping this as a real DOM\n      // focus target makes keyboard focus, the Focus State Layer, and the\n      // public imperative API describe the same element.\n      focus: () => triggerRef.current?.focus(),\n      blur: () => triggerRef.current?.blur(),\n      open: () => onToggleOpen(true),\n      close: () => {\n        console.log('ref close');\n        onToggleOpen(false);\n      },\n    }));\n    const [isHover, setIsHover] = useState(false);\n    // ============================== Open ==============================\n    const [innerOpen, setInnerOpen] = useMergedState<boolean>(false, {\n      defaultValue: defaultOpen,\n      value: open,\n    });\n    const mergedOpen = innerOpen;\n    const shouldMatchPopupWidth =\n      !!popupMatchSelectWidth && typeof popupMatchSelectWidth !== 'number';\n    const updateMatchedPopupWidth = React.useCallback(() => {\n      if (!shouldMatchPopupWidth) {\n        return;\n      }\n\n      const nextWidth = selectRef.current?.getBoundingClientRect().width;\n      if (nextWidth !== undefined) {\n        setMatchedPopupWidth((currentWidth) =>\n          currentWidth === nextWidth ? currentWidth : nextWidth,\n        );\n      }\n    }, [shouldMatchPopupWidth]);\n    const onToggleOpen = React.useCallback(\n      (newOpen?: boolean) => {\n        const nextOpen = newOpen !== undefined ? newOpen : !mergedOpen;\n        if (nextOpen) {\n          updateMatchedPopupWidth();\n        }\n        if (!nextOpen) {\n          setShowResponsiveSelectedSection(false);\n        }\n        if (mergedOpen !== nextOpen && !disabled) {\n          setInnerOpen(nextOpen);\n          onOpenChange?.(nextOpen);\n        }\n      },\n      [\n        mergedOpen,\n        disabled,\n        setInnerOpen,\n        onOpenChange,\n        updateMatchedPopupWidth,\n      ],\n    );\n    React.useLayoutEffect(() => {\n      if (!mergedOpen || !shouldMatchPopupWidth) {\n        return;\n      }\n\n      const element = selectRef.current;\n      if (!element) {\n        return;\n      }\n\n      const updateMatchedWidth = () => {\n        const nextWidth = element.getBoundingClientRect().width;\n        setMatchedPopupWidth((currentWidth) =>\n          currentWidth === nextWidth ? currentWidth : nextWidth,\n        );\n      };\n\n      updateMatchedWidth();\n\n      if (typeof ResizeObserver === 'undefined') {\n        window.addEventListener('resize', updateMatchedWidth);\n        return () => {\n          window.removeEventListener('resize', updateMatchedWidth);\n        };\n      }\n\n      let resizeAnimationFrame: number | undefined;\n      const scheduleMatchedWidthUpdate = () => {\n        if (resizeAnimationFrame !== undefined) {\n          cancelAnimationFrame(resizeAnimationFrame);\n        }\n        resizeAnimationFrame = requestAnimationFrame(updateMatchedWidth);\n      };\n\n      const observer = new ResizeObserver(scheduleMatchedWidthUpdate);\n      observer.observe(element);\n\n      return () => {\n        if (resizeAnimationFrame !== undefined) {\n          cancelAnimationFrame(resizeAnimationFrame);\n        }\n        observer.disconnect();\n      };\n    }, [mergedOpen, shouldMatchPopupWidth]);\n    const [showResponsiveSelectedSection, setShowResponsiveSelectedSection] =\n      useState(false);\n    // 多选 responsive 进入 -1 收纳态（仅\"首 tag + +N\"）时为 true，\n    // width:auto 下据此给根节点加 overflow-collapsed 钳住 min-width 链，\n    // 抵抗父 flex 行因 intrinsic 低估造成的假压缩（详见 ald-select.css 对应段）\n    const [overflowCollapsed, setOverflowCollapsed] = useState(false);\n\n    // ============================ Selector ============================\n    const onSelectorRemove = (val: DisplayValueType) => {\n      const newValues = displayValues.filter(\n        (item) => toString(item.value) !== toString(val.value),\n      );\n\n      onDisplayValuesChange(newValues, {\n        type: 'remove',\n        values: [\n          {\n            label: val.label,\n            value: val.value as RawValueType,\n          },\n        ],\n      });\n    };\n\n    const mergedClassName = cn(\n      setClassNames('beta-ald-select', size, {\n        // Popup visibility is not focus. The trigger's :focus-visible state\n        // owns the Focus State Layer in ald-select.css.\n        open: mergedOpen,\n        // Retain the legacy hook for consumers that style the open state.\n        // It no longer represents trigger focus.\n        active: mergedOpen,\n        borderless: borderLess,\n        disabled: disabled,\n        loading: loading,\n        [`${mergedStatus}`]: !!mergedStatus,\n        'multiple-responsive': isResponsiveMode,\n        'multiple-default': isMultipleMode && !isResponsiveMode,\n        // 仅 width:auto 生效：固定宽度下 -1 收纳态的收缩省略是预期行为，\n        // 钳 min-width 反而会把固定宽撑破\n        'overflow-collapsed':\n          overflowCollapsed && width === 'auto' && !_.isEmpty(displayValues),\n      }),\n      'tw-text-typography-body-dense',\n      className,\n      compactItemClassnames,\n    );\n    const showMenu = React.useMemo(() => {\n      if (!displayMenu) {\n        return undefined;\n      }\n\n      return {\n        ...displayMenu,\n        onClick: (info: MenuInfo) => {\n          displayMenu?.onClick?.(info);\n          if (isMultipleMode) {\n            // 多选默认选中后不收起下拉：Dropdown 在 menu.onClick 之后读\n            // info.keepOpen 决定是否 onChangeOpen(false)，不设则每次点击都被\n            // 当成关闭信号。用 ?? 保留用户在自己的 onClick 里显式设 false 的能力\n            info.keepOpen = info.keepOpen ?? true;\n          } else if (displayMenu) {\n            onToggleOpen(false);\n          }\n          setIsHover(false);\n          onOptionSelect?.(info.key);\n        },\n      };\n    }, [displayMenu, isMultipleMode, onToggleOpen, onOptionSelect]);\n    const onSelectClick = React.useCallback(\n      (e: React.MouseEvent<HTMLDivElement>) => {\n        if (disabled) {\n          return;\n        }\n        onClick?.(e);\n      },\n      [disabled, onClick],\n    );\n    React.useEffect(() => {\n      const element = selectRef.current;\n      if (element) {\n        const handleMouseOver = () => setIsHover(true);\n        const handleMouseOut = () => setIsHover(false);\n\n        element.addEventListener('mouseover', handleMouseOver);\n        element.addEventListener('mouseout', handleMouseOut);\n\n        return () => {\n          element.removeEventListener('mouseover', handleMouseOver);\n          element.removeEventListener('mouseout', handleMouseOut);\n        };\n      }\n    }, []);\n    const mergedPopupMatchSelectWidth =\n      shouldMatchPopupWidth && matchedPopupWidth !== undefined\n        ? matchedPopupWidth\n        : popupMatchSelectWidth;\n    return (\n      <div\n        className={mergedClassName}\n        style={{\n          ...widthStyle,\n          // width:auto 且无选中值时锁 shrink：Chromium 对该子树给父 flex 行的\n          // intrinsic 宽度贡献恒少约 14px，父行按低估值布局后回头压缩根节点，\n          // placeholder 右侧会被裁；有选中值时必须保持可压缩，rc-overflow\n          // 才能在父行变窄时把放不下的 tag 收纳成 \"+N\"\n          ...(width === 'auto' && _.isEmpty(displayValues)\n            ? { flexShrink: 0 }\n            : {}),\n          ...style,\n        }}\n        ref={selectRef}\n        id={id}\n        onClick={onSelectClick}\n        data-testid={dataTestid}\n        aria-label={ariaLabel}\n      >\n        <SelectTrigger\n          {...restProps}\n          open={!!mergedOpen}\n          notFoundContent={notFoundContent}\n          menu={showMenu}\n          ref={dropdownRef}\n          showSearch={showSearch}\n          searchValue={innerSearchValue}\n          setInnerSearchValue={setInnerSearchValue}\n          popupMatchSelectWidth={mergedPopupMatchSelectWidth}\n          overlayClassName={popupClassName}\n          // @ts-ignore\n          dropdownRender={dropdownRender}\n          overlayStyle={overlayStyle || dropdownStyle}\n          placement={placement}\n          allowOverlap={allowOverlap}\n          onOpenChange={(open) => {\n            if (isResponsiveMode) {\n              if (\n                !mergedOpen &&\n                !showResponsiveSelectedSection &&\n                displayValues.length > 0 &&\n                isShowSelectedSection(mode)\n              ) {\n                setShowResponsiveSelectedSection(true);\n              } else {\n                onToggleOpen(open);\n              }\n            } else {\n              onToggleOpen(open);\n            }\n          }}\n        >\n          {/* antd 兼容：保留 ant-* class，消费方 CSS 可能依赖该选择器 */}\n          <div\n            ref={triggerRef}\n            tabIndex={disabled ? undefined : 0}\n            role=\"combobox\"\n            aria-disabled={disabled || undefined}\n            aria-expanded={mergedOpen}\n            className={cn(setClassNames('trigger'), 'ant-select-selector')}\n          >\n            {prefix && <div className={setClassNames('prefix')}>{prefix}</div>}\n            {_.isEmpty(displayValues) && (\n              <div\n                className={cn(\n                  setClassNames('placeholder'),\n                  'ant-select-selection-placeholder',\n                )}\n              >\n                {placeholder}\n              </div>\n            )}\n            {!_.isEmpty(displayValues) && (\n              <Selector\n                {...restProps}\n                suffixIcon={suffixIcon}\n                size={size}\n                disabled={disabled}\n                mode={mode}\n                dropdownRef={dropdownRef}\n                displayValues={displayValues}\n                onToggleOpen={onToggleOpen}\n                onRemove={onSelectorRemove}\n                showResponsiveSelectedSection={showResponsiveSelectedSection}\n                onOverflowCollapsedChange={setOverflowCollapsed}\n              ></Selector>\n            )}\n          </div>\n        </SelectTrigger>\n        <Suffix\n          showArrow={showArrow}\n          allowClear={allowClear}\n          disabled={disabled}\n          loading={loading}\n          isHover={isHover}\n          onClear={() => {\n            onToggleOpen(false);\n\n            onDisplayValuesChange([], {\n              type: 'clear',\n              values: displayValues,\n            });\n            onClear?.();\n          }}\n          isActive={innerOpen}\n          icon={suffixIcon}\n          displayValues={displayValues}\n        ></Suffix>\n      </div>\n    );\n  },\n);\n\nexport default BaseSelect;\n"],"mappings":"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"}
+{"version":3,"file":"BaseSelect.js","names":[],"sources":["../../src/Select/BaseSelect.tsx"],"sourcesContent":["import './ald-select.css';\nimport * as React from 'react';\nimport useMergedState from 'rc-util/es/hooks/useMergedState';\nimport { cn } from '../lib/utils';\nimport prefixCls from '../_utils/prefixCls';\n\n/** Align config type (locally defined to avoid rc-trigger dependency) */\nexport interface AlignType {\n  points?: string[];\n  offset?: (number | string)[];\n  targetOffset?: (number | string)[];\n  overflow?: { adjustX?: boolean; adjustY?: boolean };\n  _experimental?: Record<string, any>;\n}\nimport SelectTrigger, { RefTriggerProps } from './SelectTrigger';\nimport Selector from './Selector';\nimport _ from 'lodash';\nimport { useContext, useRef, useState } from 'react';\nimport { FormItemInputContext } from '../Form/FormItemContext';\nimport getWidthStyle from './utils/getWidthStyle';\nimport Suffix from './components/Suffix';\nimport { PlacementType } from '../Dropdown';\nimport {\n  BaseSelectRef,\n  DisplayValueType,\n  ISelectProps,\n  LabelInValueType,\n  SelectMenuProps,\n} from './interface';\nimport SizeContext from '../ConfigProvider/sizeContext';\nimport { ConfigContext } from '../ConfigProvider';\nimport { useCompactItemContext } from '../Space/CompactContext';\nimport { MenuInfo } from '../Menu';\nimport { toString } from './utils/commonUtil';\nimport OptionCollection, {\n  SelectOptionCollection,\n} from './components/OptionCollection';\n\nexport type RenderNode = React.ReactNode | ((props: any) => React.ReactNode);\n\nexport type RenderDOMFunc = (props: any) => HTMLElement;\n\nexport type Mode =\n  | 'multiple'\n  | {\n      type: 'multiple';\n      responsive?: boolean;\n      maxRows?: number;\n      showSelectedSection?: boolean;\n    };\n\nexport type RawValueType = string | number;\n\nfunction splitAriaProps(props: Record<string, any>) {\n  return Object.keys(props).reduce<{\n    ariaProps: Record<string, any>;\n    restProps: Record<string, any>;\n  }>(\n    (result, key) => {\n      if (key.startsWith('aria-')) {\n        result.ariaProps[key] = props[key];\n      } else {\n        result.restProps[key] = props[key];\n      }\n      return result;\n    },\n    { ariaProps: {}, restProps: {} },\n  );\n}\n\nexport type CustomTagProps = {\n  label: React.ReactNode;\n  value: any;\n  disabled: boolean;\n  onClose: (event?: React.MouseEvent<HTMLElement, MouseEvent>) => void;\n  closable: boolean;\n};\nexport interface BaseSelectPrivateProps {\n  // >>> MISC\n  omitDomProps?: string[];\n\n  // >>> Value\n  displayValues: LabelInValueType[];\n  onDisplayValuesChange: (\n    values: LabelInValueType[],\n    info: {\n      type: 'add' | 'remove' | 'clear';\n      values: LabelInValueType[];\n    },\n  ) => void;\n\n  // >>> Active\n  /** Current dropdown list active item string value */\n  activeValue?: string;\n  /** Link search input with target element */\n  activeDescendantId?: string;\n  onActiveValueChange?: (value: string | null) => void;\n}\n\nexport type BaseSelectPropsWithoutPrivate = Omit<\n  BaseSelectProps,\n  keyof BaseSelectPrivateProps\n>;\n\nexport interface BaseSelectProps\n  extends BaseSelectPrivateProps,\n    ISelectProps,\n    React.AriaAttributes {\n  className?: string;\n  style?: React.CSSProperties;\n  notFoundContent?: React.ReactNode;\n  onClear?: () => void;\n  innerSearchValue?: string;\n  setInnerSearchValue?: (value: string) => void;\n  displayMenu?: SelectMenuProps;\n  optionCollection?: SelectOptionCollection;\n  // >>> Open\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  onOptionSelect?: (val: RawValueType) => void;\n  onCollectionOptionSelect?: (val: RawValueType) => void;\n\n  // >>> Icons\n  allowClear?: boolean;\n  showArrow?: boolean;\n  suffixIcon?: React.ReactNode;\n\n  // >>> Dropdown\n  dropdownAlign?: AlignType;\n  placement?: PlacementType;\n  getPopupContainer?: () => HTMLElement;\n\n  // >>> Focus\n  onBlur?: React.FocusEventHandler<HTMLElement>;\n  onFocus?: React.FocusEventHandler<HTMLElement>;\n\n  // >>> Rest Events\n  onKeyUp?: React.KeyboardEventHandler<HTMLDivElement>;\n  onKeyDown?: React.KeyboardEventHandler<HTMLDivElement>;\n  onMouseDown?: React.MouseEventHandler<HTMLDivElement>;\n  onPopupScroll?: React.UIEventHandler<HTMLDivElement>;\n  onInputKeyDown?: React.KeyboardEventHandler<\n    HTMLInputElement | HTMLTextAreaElement\n  >;\n  onMouseEnter?: React.MouseEventHandler<HTMLDivElement>;\n  onMouseLeave?: React.MouseEventHandler<HTMLDivElement>;\n  onClick?: React.MouseEventHandler<HTMLDivElement>;\n}\n\nexport function isMultiple(mode?: Mode) {\n  return !!mode;\n}\nexport function isResponsive(mode?: Mode) {\n  return mode === 'multiple' || (typeof mode === 'object' && mode?.responsive);\n}\nexport function isShowSelectedSection(mode?: Mode) {\n  if (!mode || mode === 'multiple') {\n    return false;\n  }\n\n  return (\n    typeof mode === 'object' && mode.showSelectedSection && mode.responsive\n  );\n}\nconst BaseSelect = React.forwardRef(\n  (props: BaseSelectProps, ref: React.Ref<BaseSelectRef>) => {\n    const {\n      id,\n      className,\n      // Value\n      displayValues,\n      onDisplayValuesChange,\n      displayMenu,\n      optionCollection,\n      notFoundContent,\n      onClear,\n      width,\n      mode,\n      status: customStatus,\n      onOptionSelect,\n      onCollectionOptionSelect,\n      onClick,\n      size: customSize,\n      borderLess = false,\n      // Status\n      disabled,\n      placeholder,\n      loading = false,\n\n      // Open\n      open,\n      defaultOpen,\n      onOpenChange,\n      showSearch,\n      innerSearchValue,\n      setInnerSearchValue,\n      onInputKeyDown,\n      // Icons\n      allowClear,\n      showArrow = true,\n      prefix,\n      suffixIcon,\n      dropdownRender,\n      overlayStyle,\n      dropdownStyle,\n      popupMatchSelectWidth = true,\n      placement,\n      popupClassName,\n      allowOverlap,\n      style,\n      'data-testid': dataTestid,\n      'aria-label': ariaLabel,\n      ...restProps\n      // Rest Props\n    } = props;\n    const { ariaProps, restProps: passthroughProps } = React.useMemo(\n      () => splitAriaProps(restProps),\n      [restProps],\n    );\n    const triggerAriaProps = React.useMemo<React.AriaAttributes>(\n      () => ({\n        ...ariaProps,\n        'aria-label': ariaLabel,\n      }),\n      [ariaLabel, ariaProps],\n    );\n    const setClassNames = prefixCls('select');\n    const selectRef = useRef<HTMLDivElement>(null);\n    const triggerRef = useRef<HTMLDivElement>(null);\n    const searchInputRef = useRef<HTMLInputElement>(null);\n    const widthStyle = getWidthStyle(width);\n    const dropdownRef = useRef<RefTriggerProps>(null);\n    const [matchedPopupWidth, setMatchedPopupWidth] = useState<\n      number | undefined\n    >();\n    const isResponsiveMode = isResponsive(mode);\n    const isMultipleMode = isMultiple(mode);\n    /** Used for component focused management */\n    const contentSize = useContext(SizeContext);\n    const { direction } = React.useContext(ConfigContext);\n    // ===================== Compact Item =====================\n    const { compactSize, compactItemClassnames } = useCompactItemContext(\n      'ald-select',\n      direction,\n    );\n    const size = compactSize || customSize || contentSize || 'middle';\n    const {\n      status: contextStatus,\n      // hasFeedback,\n      // isFormItemInput,\n      // feedbackIcon,\n    } = useContext(FormItemInputContext);\n\n    const mergedStatus =\n      customStatus === null ? undefined : customStatus || contextStatus;\n\n    // =========================== Imperative ===========================\n    React.useImperativeHandle(ref, () => ({\n      // The trigger is the Select focus owner. Keeping this as a real DOM\n      // focus target makes keyboard focus, the Focus State Layer, and the\n      // public imperative API describe the same element.\n      focus: () => {\n        if (showSearch && optionCollection) {\n          searchInputRef.current?.focus();\n        } else {\n          triggerRef.current?.focus();\n        }\n      },\n      blur: () => {\n        if (showSearch && optionCollection) {\n          searchInputRef.current?.blur();\n        } else {\n          triggerRef.current?.blur();\n        }\n      },\n      open: () => onToggleOpen(true),\n      close: () => {\n        console.log('ref close');\n        onToggleOpen(false);\n      },\n    }));\n    const [isHover, setIsHover] = useState(false);\n    const [activeOptionKey, setActiveOptionKey] = useState<string>();\n    const [composingSearchValue, setComposingSearchValue] = useState<\n      string | undefined\n    >();\n    const isComposingSearchRef = useRef(false);\n    const isSearchableCollection = !!optionCollection && !!showSearch;\n    const ownerAriaProps = React.useMemo(\n      () => ({\n        ...triggerAriaProps,\n        'aria-busy': loading || triggerAriaProps['aria-busy'] || undefined,\n        'aria-invalid':\n          triggerAriaProps['aria-invalid'] ??\n          (mergedStatus === 'error' ? true : undefined),\n      }),\n      [loading, mergedStatus, triggerAriaProps],\n    );\n    // ============================== Open ==============================\n    const [innerOpen, setInnerOpen] = useMergedState<boolean>(false, {\n      defaultValue: defaultOpen,\n      value: open,\n    });\n    const mergedOpen = innerOpen;\n    const shouldMatchPopupWidth =\n      !!popupMatchSelectWidth && typeof popupMatchSelectWidth !== 'number';\n    const updateMatchedPopupWidth = React.useCallback(() => {\n      if (!shouldMatchPopupWidth) {\n        return;\n      }\n\n      const nextWidth = selectRef.current?.getBoundingClientRect().width;\n      if (nextWidth !== undefined) {\n        setMatchedPopupWidth((currentWidth) =>\n          currentWidth === nextWidth ? currentWidth : nextWidth,\n        );\n      }\n    }, [shouldMatchPopupWidth]);\n    const onToggleOpen = React.useCallback(\n      (newOpen?: boolean) => {\n        const nextOpen = newOpen !== undefined ? newOpen : !mergedOpen;\n        if (nextOpen) {\n          updateMatchedPopupWidth();\n        }\n        if (!nextOpen) {\n          setShowResponsiveSelectedSection(false);\n        }\n        if (mergedOpen !== nextOpen && !disabled) {\n          setInnerOpen(nextOpen);\n          onOpenChange?.(nextOpen);\n        }\n      },\n      [\n        mergedOpen,\n        disabled,\n        setInnerOpen,\n        onOpenChange,\n        updateMatchedPopupWidth,\n      ],\n    );\n    const getInitialActiveOptionKey = React.useCallback(\n      (position: 'first' | 'last') => {\n        if (!optionCollection) {\n          return undefined;\n        }\n\n        if (position === 'last') {\n          return optionCollection.enabledOptions[\n            optionCollection.enabledOptions.length - 1\n          ]?.key;\n        }\n\n        const selected = optionCollection.options.find(\n          (option) =>\n            !option.disabled &&\n            displayValues.some(\n              (value) => toString(value.value) === toString(option.value),\n            ),\n        );\n        return selected?.key ?? optionCollection.enabledOptions[0]?.key;\n      },\n      [displayValues, optionCollection],\n    );\n    React.useEffect(() => {\n      if (!optionCollection || !mergedOpen) {\n        setActiveOptionKey(undefined);\n        return;\n      }\n\n      setActiveOptionKey((current) =>\n        optionCollection.enabledOptions.some((option) => option.key === current)\n          ? current\n          : getInitialActiveOptionKey('first'),\n      );\n    }, [getInitialActiveOptionKey, mergedOpen, optionCollection]);\n    React.useLayoutEffect(() => {\n      if (!mergedOpen || !shouldMatchPopupWidth) {\n        return;\n      }\n\n      const element = selectRef.current;\n      if (!element) {\n        return;\n      }\n\n      const updateMatchedWidth = () => {\n        const nextWidth = element.getBoundingClientRect().width;\n        setMatchedPopupWidth((currentWidth) =>\n          currentWidth === nextWidth ? currentWidth : nextWidth,\n        );\n      };\n\n      updateMatchedWidth();\n\n      if (typeof ResizeObserver === 'undefined') {\n        window.addEventListener('resize', updateMatchedWidth);\n        return () => {\n          window.removeEventListener('resize', updateMatchedWidth);\n        };\n      }\n\n      let resizeAnimationFrame: number | undefined;\n      const scheduleMatchedWidthUpdate = () => {\n        if (resizeAnimationFrame !== undefined) {\n          cancelAnimationFrame(resizeAnimationFrame);\n        }\n        resizeAnimationFrame = requestAnimationFrame(updateMatchedWidth);\n      };\n\n      const observer = new ResizeObserver(scheduleMatchedWidthUpdate);\n      observer.observe(element);\n\n      return () => {\n        if (resizeAnimationFrame !== undefined) {\n          cancelAnimationFrame(resizeAnimationFrame);\n        }\n        observer.disconnect();\n      };\n    }, [mergedOpen, shouldMatchPopupWidth]);\n    const [showResponsiveSelectedSection, setShowResponsiveSelectedSection] =\n      useState(false);\n    // 多选 responsive 进入 -1 收纳态（仅\"首 tag + +N\"）时为 true，\n    // width:auto 下据此给根节点加 overflow-collapsed 钳住 min-width 链，\n    // 抵抗父 flex 行因 intrinsic 低估造成的假压缩（详见 ald-select.css 对应段）\n    const [overflowCollapsed, setOverflowCollapsed] = useState(false);\n\n    // ============================ Selector ============================\n    const onSelectorRemove = (val: DisplayValueType) => {\n      const newValues = displayValues.filter(\n        (item) => toString(item.value) !== toString(val.value),\n      );\n\n      onDisplayValuesChange(newValues, {\n        type: 'remove',\n        values: [\n          {\n            label: val.label,\n            value: val.value as RawValueType,\n          },\n        ],\n      });\n    };\n\n    const mergedClassName = cn(\n      setClassNames('beta-ald-select', size, {\n        // Popup visibility is not focus. The trigger's :focus-visible state\n        // owns the Focus State Layer in ald-select.css.\n        open: mergedOpen,\n        // Retain the legacy hook for consumers that style the open state.\n        // It no longer represents trigger focus.\n        active: mergedOpen,\n        borderless: borderLess,\n        disabled: disabled,\n        loading: loading,\n        [`${mergedStatus}`]: !!mergedStatus,\n        'multiple-responsive': isResponsiveMode,\n        'multiple-default': isMultipleMode && !isResponsiveMode,\n        // 仅 width:auto 生效：固定宽度下 -1 收纳态的收缩省略是预期行为，\n        // 钳 min-width 反而会把固定宽撑破\n        'overflow-collapsed':\n          overflowCollapsed && width === 'auto' && !_.isEmpty(displayValues),\n      }),\n      'tw-text-typography-body-dense',\n      className,\n      compactItemClassnames,\n    );\n    const showMenu = React.useMemo(() => {\n      if (!displayMenu) {\n        return undefined;\n      }\n\n      return {\n        ...displayMenu,\n        onClick: (info: MenuInfo) => {\n          displayMenu?.onClick?.(info);\n          if (isMultipleMode) {\n            // 多选默认选中后不收起下拉：Dropdown 在 menu.onClick 之后读\n            // info.keepOpen 决定是否 onChangeOpen(false)，不设则每次点击都被\n            // 当成关闭信号。用 ?? 保留用户在自己的 onClick 里显式设 false 的能力\n            info.keepOpen = info.keepOpen ?? true;\n          } else if (displayMenu) {\n            onToggleOpen(false);\n          }\n          setIsHover(false);\n          onOptionSelect?.(info.key);\n        },\n      };\n    }, [displayMenu, isMultipleMode, onToggleOpen, onOptionSelect]);\n    const onSelectClick = React.useCallback(\n      (e: React.MouseEvent<HTMLDivElement>) => {\n        if (disabled) {\n          return;\n        }\n        onClick?.(e);\n      },\n      [disabled, onClick],\n    );\n    React.useEffect(() => {\n      const element = selectRef.current;\n      if (element) {\n        const handleMouseOver = () => setIsHover(true);\n        const handleMouseOut = () => setIsHover(false);\n\n        element.addEventListener('mouseover', handleMouseOver);\n        element.addEventListener('mouseout', handleMouseOut);\n\n        return () => {\n          element.removeEventListener('mouseover', handleMouseOver);\n          element.removeEventListener('mouseout', handleMouseOut);\n        };\n      }\n    }, []);\n    const mergedPopupMatchSelectWidth =\n      shouldMatchPopupWidth && matchedPopupWidth !== undefined\n        ? matchedPopupWidth\n        : popupMatchSelectWidth;\n    const activeOptionId = optionCollection?.options.find(\n      (option) => option.key === activeOptionKey,\n    )?.id;\n    const moveActiveOption = React.useCallback(\n      (direction: 1 | -1) => {\n        if (!optionCollection || optionCollection.enabledOptions.length === 0) {\n          return;\n        }\n\n        const currentIndex = optionCollection.enabledOptions.findIndex(\n          (option) => option.key === activeOptionKey,\n        );\n        const nextIndex =\n          currentIndex === -1\n            ? direction === 1\n              ? 0\n              : optionCollection.enabledOptions.length - 1\n            : (currentIndex +\n                direction +\n                optionCollection.enabledOptions.length) %\n              optionCollection.enabledOptions.length;\n        setActiveOptionKey(optionCollection.enabledOptions[nextIndex].key);\n      },\n      [activeOptionKey, optionCollection],\n    );\n    const typeaheadRef = useRef({ value: '', timestamp: 0 });\n    const onCollectionKeyDown = React.useCallback(\n      (event: React.KeyboardEvent<HTMLElement>) => {\n        if (!optionCollection || disabled) {\n          return;\n        }\n\n        const openCollection = (position: 'first' | 'last') => {\n          event.preventDefault();\n          setActiveOptionKey(getInitialActiveOptionKey(position));\n          onToggleOpen(true);\n        };\n\n        if (!mergedOpen) {\n          if (event.key === 'ArrowDown') {\n            openCollection('first');\n          } else if (event.key === 'ArrowUp') {\n            openCollection('last');\n          } else if (event.key === 'Enter' || event.key === ' ') {\n            openCollection('first');\n          }\n          return;\n        }\n\n        if (event.key === 'ArrowDown') {\n          event.preventDefault();\n          moveActiveOption(1);\n          return;\n        }\n        if (event.key === 'ArrowUp') {\n          event.preventDefault();\n          moveActiveOption(-1);\n          return;\n        }\n        if (event.key === 'Home') {\n          event.preventDefault();\n          setActiveOptionKey(optionCollection.enabledOptions[0]?.key);\n          return;\n        }\n        if (event.key === 'End') {\n          event.preventDefault();\n          setActiveOptionKey(\n            optionCollection.enabledOptions[\n              optionCollection.enabledOptions.length - 1\n            ]?.key,\n          );\n          return;\n        }\n        if (event.key === 'Enter' || event.key === ' ') {\n          event.preventDefault();\n          const activeOption = optionCollection.options.find(\n            (option) => option.key === activeOptionKey,\n          );\n          if (activeOption && !activeOption.disabled) {\n            if (!isMultipleMode) {\n              onToggleOpen(false);\n            }\n            onCollectionOptionSelect?.(activeOption.value);\n          }\n          return;\n        }\n        if (event.key === 'Escape') {\n          event.preventDefault();\n          onToggleOpen(false);\n          if (isSearchableCollection) {\n            searchInputRef.current?.focus();\n          } else {\n            triggerRef.current?.focus();\n          }\n          return;\n        }\n        if (event.key === 'Tab') {\n          onToggleOpen(false);\n          return;\n        }\n        if (\n          event.key.length === 1 &&\n          !event.altKey &&\n          !event.ctrlKey &&\n          !event.metaKey\n        ) {\n          const now = Date.now();\n          const query =\n            now - typeaheadRef.current.timestamp > 500\n              ? event.key\n              : `${typeaheadRef.current.value}${event.key}`;\n          typeaheadRef.current = { value: query, timestamp: now };\n          const normalizedQuery = query.toLocaleLowerCase();\n          const activeIndex = optionCollection.enabledOptions.findIndex(\n            (option) => option.key === activeOptionKey,\n          );\n          const orderedOptions = [\n            ...optionCollection.enabledOptions.slice(activeIndex + 1),\n            ...optionCollection.enabledOptions.slice(0, activeIndex + 1),\n          ];\n          const match = orderedOptions.find((option) =>\n            String(option.label ?? option.value)\n              .toLocaleLowerCase()\n              .startsWith(normalizedQuery),\n          );\n          if (match) {\n            event.preventDefault();\n            setActiveOptionKey(match.key);\n          }\n        }\n      },\n      [\n        activeOptionKey,\n        disabled,\n        getInitialActiveOptionKey,\n        mergedOpen,\n        moveActiveOption,\n        onCollectionOptionSelect,\n        onToggleOpen,\n        optionCollection,\n        isSearchableCollection,\n      ],\n    );\n    const onSearchInputKeyDown = React.useCallback(\n      (event: React.KeyboardEvent<HTMLInputElement>) => {\n        onInputKeyDown?.(event);\n        if (event.defaultPrevented) {\n          return;\n        }\n\n        if (\n          event.key === ' ' ||\n          (event.key.length === 1 &&\n            !event.altKey &&\n            !event.ctrlKey &&\n            !event.metaKey)\n        ) {\n          return;\n        }\n\n        onCollectionKeyDown(event);\n      },\n      [onCollectionKeyDown, onInputKeyDown],\n    );\n    const onSearchInputChange = React.useCallback(\n      (event: React.ChangeEvent<HTMLInputElement>) => {\n        const nextValue = event.target.value;\n        if (isComposingSearchRef.current) {\n          setComposingSearchValue(nextValue);\n          return;\n        }\n        setInnerSearchValue?.(nextValue);\n      },\n      [setInnerSearchValue],\n    );\n    const searchInputValue = composingSearchValue ?? innerSearchValue ?? '';\n    const collectionContent = optionCollection ? (\n      <OptionCollection\n        collection={optionCollection}\n        selectedValues={displayValues.map((item) => item.value as RawValueType)}\n        activeOptionKey={activeOptionKey}\n        multiple={isMultipleMode}\n        loading={loading}\n        listHeight={props.listHeight ?? 256}\n        notFoundContent={notFoundContent}\n        onSelect={(value) => {\n          if (!isMultipleMode) {\n            onToggleOpen(false);\n          }\n          onCollectionOptionSelect?.(value);\n        }}\n      />\n    ) : undefined;\n    return (\n      <div\n        className={mergedClassName}\n        style={{\n          ...widthStyle,\n          // width:auto 且无选中值时锁 shrink：Chromium 对该子树给父 flex 行的\n          // intrinsic 宽度贡献恒少约 14px，父行按低估值布局后回头压缩根节点，\n          // placeholder 右侧会被裁；有选中值时必须保持可压缩，rc-overflow\n          // 才能在父行变窄时把放不下的 tag 收纳成 \"+N\"\n          ...(width === 'auto' && _.isEmpty(displayValues)\n            ? { flexShrink: 0 }\n            : {}),\n          ...style,\n        }}\n        ref={selectRef}\n        id={id}\n        onClick={onSelectClick}\n        data-testid={dataTestid}\n        aria-label={ariaLabel}\n      >\n        <SelectTrigger\n          {...passthroughProps}\n          open={!!mergedOpen}\n          notFoundContent={notFoundContent}\n          menu={showMenu}\n          collection={collectionContent}\n          ref={dropdownRef}\n          showSearch={showSearch}\n          searchValue={innerSearchValue}\n          setInnerSearchValue={setInnerSearchValue}\n          popupMatchSelectWidth={mergedPopupMatchSelectWidth}\n          overlayClassName={popupClassName}\n          // @ts-ignore\n          dropdownRender={dropdownRender}\n          overlayStyle={overlayStyle || dropdownStyle}\n          placement={placement}\n          allowOverlap={allowOverlap}\n          onOpenChange={(open) => {\n            if (isResponsiveMode) {\n              if (\n                !mergedOpen &&\n                !showResponsiveSelectedSection &&\n                displayValues.length > 0 &&\n                isShowSelectedSection(mode)\n              ) {\n                setShowResponsiveSelectedSection(true);\n              } else {\n                onToggleOpen(open);\n              }\n            } else {\n              onToggleOpen(open);\n            }\n          }}\n        >\n          {/* antd 兼容：保留 ant-* class，消费方 CSS 可能依赖该选择器 */}\n          <div\n            {...(!isSearchableCollection ? ownerAriaProps : {})}\n            ref={triggerRef}\n            tabIndex={isSearchableCollection || disabled ? undefined : 0}\n            role={isSearchableCollection ? undefined : 'combobox'}\n            aria-disabled={\n              isSearchableCollection ? undefined : disabled || undefined\n            }\n            aria-expanded={isSearchableCollection ? undefined : mergedOpen}\n            aria-haspopup={\n              isSearchableCollection\n                ? undefined\n                : optionCollection\n                ? 'listbox'\n                : undefined\n            }\n            aria-controls={\n              isSearchableCollection\n                ? undefined\n                : mergedOpen && optionCollection\n                ? optionCollection.listboxId\n                : undefined\n            }\n            aria-activedescendant={\n              isSearchableCollection\n                ? undefined\n                : mergedOpen && optionCollection\n                ? activeOptionId\n                : undefined\n            }\n            onKeyDown={\n              isSearchableCollection\n                ? undefined\n                : optionCollection\n                ? onCollectionKeyDown\n                : undefined\n            }\n            className={cn(setClassNames('trigger'), 'ant-select-selector')}\n          >\n            {prefix && <div className={setClassNames('prefix')}>{prefix}</div>}\n            {isSearchableCollection ? (\n              <input\n                {...ownerAriaProps}\n                ref={searchInputRef}\n                type=\"text\"\n                role=\"combobox\"\n                className={setClassNames('search-input')}\n                value={searchInputValue}\n                disabled={disabled}\n                placeholder={\n                  typeof placeholder === 'string' ? placeholder : undefined\n                }\n                aria-disabled={disabled || undefined}\n                aria-expanded={mergedOpen}\n                aria-haspopup=\"listbox\"\n                aria-controls={\n                  mergedOpen ? optionCollection?.listboxId : undefined\n                }\n                aria-activedescendant={mergedOpen ? activeOptionId : undefined}\n                onFocus={() => onToggleOpen(true)}\n                onChange={onSearchInputChange}\n                onCompositionStart={() => {\n                  isComposingSearchRef.current = true;\n                }}\n                onCompositionEnd={(event) => {\n                  isComposingSearchRef.current = false;\n                  setComposingSearchValue(undefined);\n                  setInnerSearchValue?.(event.currentTarget.value);\n                }}\n                onKeyDown={onSearchInputKeyDown}\n              />\n            ) : (\n              <>\n                {_.isEmpty(displayValues) && (\n                  <div\n                    className={cn(\n                      setClassNames('placeholder'),\n                      'ant-select-selection-placeholder',\n                    )}\n                  >\n                    {placeholder}\n                  </div>\n                )}\n                {!_.isEmpty(displayValues) && (\n                  <Selector\n                    {...passthroughProps}\n                    suffixIcon={suffixIcon}\n                    size={size}\n                    disabled={disabled}\n                    mode={mode}\n                    dropdownRef={dropdownRef}\n                    displayValues={displayValues}\n                    onToggleOpen={onToggleOpen}\n                    onRemove={onSelectorRemove}\n                    showResponsiveSelectedSection={\n                      showResponsiveSelectedSection\n                    }\n                    onOverflowCollapsedChange={setOverflowCollapsed}\n                  ></Selector>\n                )}\n              </>\n            )}\n          </div>\n        </SelectTrigger>\n        <Suffix\n          showArrow={showArrow}\n          allowClear={allowClear}\n          disabled={disabled}\n          loading={loading}\n          isHover={isHover}\n          onClear={() => {\n            onToggleOpen(false);\n\n            onDisplayValuesChange([], {\n              type: 'clear',\n              values: displayValues,\n            });\n            onClear?.();\n          }}\n          isActive={innerOpen}\n          icon={suffixIcon}\n          displayValues={displayValues}\n        ></Suffix>\n      </div>\n    );\n  },\n);\n\nexport default BaseSelect;\n"],"mappings":"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"}

package/dist/Select/SelectTrigger.d.ts

@@ -18,6 +18,8 @@ export interface SelectTriggerProps extends IDropdownProps {
     searchValue?: string;
     setInnerSearchValue?: (value: string) => void;
     filterOption?: (inputValue: string, option: SelectOptionType) => boolean;
+    /** Private Select-owned popup collection for the flat standard path. */
+    collection?: React.ReactNode;
 }
 declare const RefSelectTrigger: React.ForwardRefExoticComponent<SelectTriggerProps & React.RefAttributes<RefTriggerProps>>;
 export default RefSelectTrigger;

package/dist/Select/SelectTrigger.js

@@ -7,20 +7,20 @@ import React, { useCallback } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/Select/SelectTrigger.tsx
 var RefSelectTrigger = React.forwardRef((props, ref) => {
-	const { overlayStyle, disabled, open, children, dropdownRender, getPopupContainer, onOpenChange, showSearch, searchValue, setInnerSearchValue, menu: menuProps, overlayClassName, placement = "bottom-start", popupMatchSelectWidth, notFoundContent = /* @__PURE__ */ jsx(Empty, { size: "small" }), ...restProps } = props;
+	const { overlayStyle, disabled, open, children, dropdownRender, getPopupContainer, onOpenChange, showSearch, searchValue, setInnerSearchValue, menu: menuProps, collection, overlayClassName, placement = "bottom-start", popupMatchSelectWidth, notFoundContent = /* @__PURE__ */ jsx(Empty, { size: "small" }), ...restProps } = props;
 	const popupRef = React.useRef(null);
 	React.useImperativeHandle(ref, () => ({ getPopupElement: () => popupRef.current }));
 	const customDropdownRender = useCallback((menu) => {
 		return /* @__PURE__ */ jsxs("div", {
 			className: "beta-ald-select-popup",
 			ref: popupRef,
-			children: [/* @__PURE__ */ jsx(SearchBox_default, {
+			children: [!collection && /* @__PURE__ */ jsx(SearchBox_default, {
 				showSearch,
 				value: searchValue,
 				onChange: (value) => {
 					setInnerSearchValue?.(value);
 				}
-			}), /* @__PURE__ */ jsx(PopupContent, {
+			}), collection || /* @__PURE__ */ jsx(PopupContent, {
 				content: menu,
 				notFoundContent,
 				dropdownRender,
@@ -29,6 +29,7 @@ var RefSelectTrigger = React.forwardRef((props, ref) => {
 		});
 	}, [
 		dropdownRender,
+		collection,
 		menuProps,
 		notFoundContent,
 		searchValue,
@@ -39,7 +40,7 @@ var RefSelectTrigger = React.forwardRef((props, ref) => {
 		...restProps,
 		disabled,
 		open,
-		menu: menuProps,
+		menu: collection ? void 0 : menuProps,
 		placement,
 		popupMatchTriggerWidth: popupMatchSelectWidth,
 		overlayStyle,
@@ -50,7 +51,14 @@ var RefSelectTrigger = React.forwardRef((props, ref) => {
 		onOpenChange: (o) => {
 			onOpenChange?.(o);
 		},
-		children
+		children: collection ? /* @__PURE__ */ jsx("span", {
+			style: {
+				display: "flex",
+				flex: "1 1 auto",
+				minWidth: 0
+			},
+			children
+		}) : children
 	});
 });
 RefSelectTrigger.displayName = "SelectTrigger";

package/dist/Select/SelectTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectTrigger.js","names":[],"sources":["../../src/Select/SelectTrigger.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport type { ScrollTo } from 'rc-virtual-list/es/List';\nimport Dropdown from '../Dropdown';\nimport { cn } from '../lib/utils';\nimport { IDropdownProps } from '../Dropdown';\nimport { DefaultOptionType as SelectOptionType } from './interface';\nimport SearchBox from './components/SearchBox';\nimport PopupContent from './components/PopupContent';\nimport Empty from '../Empty';\n\nexport interface RefTriggerProps {\n  getPopupElement: () => HTMLDivElement | null;\n}\nexport interface RefSelectorProps {\n  focus: (options?: FocusOptions) => void;\n  blur: () => void;\n  scrollTo?: ScrollTo;\n}\nexport interface SelectTriggerProps extends IDropdownProps {\n  open: boolean;\n  notFoundContent?: React.ReactNode;\n  popupMatchSelectWidth?: boolean | number;\n  showSearch?: boolean;\n  searchValue?: string;\n  setInnerSearchValue?: (value: string) => void;\n  filterOption?: (inputValue: string, option: SelectOptionType) => boolean;\n}\n\nconst RefSelectTrigger = React.forwardRef<RefTriggerProps, SelectTriggerProps>(\n  (props, ref) => {\n    const {\n      // prefixCls,\n      overlayStyle,\n      disabled,\n      open,\n      children,\n      dropdownRender,\n      getPopupContainer,\n      onOpenChange,\n      showSearch,\n      searchValue,\n      setInnerSearchValue,\n      menu: menuProps,\n      overlayClassName,\n      placement = 'bottom-start',\n      popupMatchSelectWidth,\n      notFoundContent = <Empty size=\"small\" />,\n      ...restProps\n    } = props;\n\n    // ======================= Ref =======================\n    const popupRef = React.useRef<HTMLDivElement>(null);\n    React.useImperativeHandle(ref, () => ({\n      getPopupElement: () => popupRef.current,\n    }));\n\n    const customDropdownRender = useCallback(\n      (menu: React.ReactNode) => {\n        return (\n          <div className=\"beta-ald-select-popup\" ref={popupRef}>\n            <SearchBox\n              showSearch={showSearch}\n              value={searchValue}\n              onChange={(value) => {\n                setInnerSearchValue?.(value);\n              }}\n            />\n            <PopupContent\n              content={menu}\n              notFoundContent={notFoundContent}\n              dropdownRender={dropdownRender}\n              menuProps={menuProps}\n            />\n          </div>\n        );\n      },\n      [\n        dropdownRender,\n        menuProps,\n        notFoundContent,\n        searchValue,\n        setInnerSearchValue,\n        showSearch,\n      ],\n    );\n\n    return (\n      <Dropdown\n        {...restProps}\n        disabled={disabled}\n        open={open}\n        menu={menuProps}\n        placement={placement}\n        popupMatchTriggerWidth={popupMatchSelectWidth}\n        overlayStyle={overlayStyle}\n        overlayClassName={cn(\n          'beta-ald-select-popup-container',\n          overlayClassName,\n        )}\n        autoUpdatePos\n        dropdownRender={customDropdownRender}\n        getPopupContainer={getPopupContainer}\n        onOpenChange={(o) => {\n          onOpenChange?.(o);\n        }}\n      >\n        {children}\n      </Dropdown>\n    );\n  },\n);\n\nRefSelectTrigger.displayName = 'SelectTrigger';\n\nexport default RefSelectTrigger;\n"],"mappings":";;;;;;;;AA4BA,IAAM,mBAAmB,MAAM,YAC5B,OAAO,QAAQ;CACd,MAAM,EAEJ,cACA,UACA,MACA,UACA,gBACA,mBACA,cACA,YACA,aACA,qBACA,MAAM,WACN,kBACA,YAAY,gBACZ,uBACA,kBAAkB,oBAAC,OAAD,EAAO,MAAK,SAAU,CAAA,EACxC,GAAG,cACD;CAGJ,MAAM,WAAW,MAAM,OAAuB,KAAK;AACnD,OAAM,oBAAoB,YAAY,EACpC,uBAAuB,SAAS,SACjC,EAAE;CAEH,MAAM,uBAAuB,aAC1B,SAA0B;AACzB,SACE,qBAAC,OAAD;GAAK,WAAU;GAAwB,KAAK;aAA5C,CACE,oBAAC,mBAAD;IACc;IACZ,OAAO;IACP,WAAW,UAAU;AACnB,2BAAsB,MAAM;;IAE9B,CAAA,EACF,oBAAC,cAAD;IACE,SAAS;IACQ;IACD;IACL;IACX,CAAA,CACE;;IAGV;EACE;EACA;EACA;EACA;EACA;EACA;EACD,CACF;AAED,QACE,oBAAC,UAAD;EACE,GAAI;EACM;EACJ;EACN,MAAM;EACK;EACX,wBAAwB;EACV;EACd,kBAAkB,GAChB,mCACA,iBACD;EACD,eAAA;EACA,gBAAgB;EACG;EACnB,eAAe,MAAM;AACnB,kBAAe,EAAE;;EAGlB;EACQ,CAAA;EAGhB;AAED,iBAAiB,cAAc"}
+{"version":3,"file":"SelectTrigger.js","names":[],"sources":["../../src/Select/SelectTrigger.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport type { ScrollTo } from 'rc-virtual-list/es/List';\nimport Dropdown from '../Dropdown';\nimport { cn } from '../lib/utils';\nimport { IDropdownProps } from '../Dropdown';\nimport { DefaultOptionType as SelectOptionType } from './interface';\nimport SearchBox from './components/SearchBox';\nimport PopupContent from './components/PopupContent';\nimport Empty from '../Empty';\n\nexport interface RefTriggerProps {\n  getPopupElement: () => HTMLDivElement | null;\n}\nexport interface RefSelectorProps {\n  focus: (options?: FocusOptions) => void;\n  blur: () => void;\n  scrollTo?: ScrollTo;\n}\nexport interface SelectTriggerProps extends IDropdownProps {\n  open: boolean;\n  notFoundContent?: React.ReactNode;\n  popupMatchSelectWidth?: boolean | number;\n  showSearch?: boolean;\n  searchValue?: string;\n  setInnerSearchValue?: (value: string) => void;\n  filterOption?: (inputValue: string, option: SelectOptionType) => boolean;\n  /** Private Select-owned popup collection for the flat standard path. */\n  collection?: React.ReactNode;\n}\n\nconst RefSelectTrigger = React.forwardRef<RefTriggerProps, SelectTriggerProps>(\n  (props, ref) => {\n    const {\n      // prefixCls,\n      overlayStyle,\n      disabled,\n      open,\n      children,\n      dropdownRender,\n      getPopupContainer,\n      onOpenChange,\n      showSearch,\n      searchValue,\n      setInnerSearchValue,\n      menu: menuProps,\n      collection,\n      overlayClassName,\n      placement = 'bottom-start',\n      popupMatchSelectWidth,\n      notFoundContent = <Empty size=\"small\" />,\n      ...restProps\n    } = props;\n\n    // ======================= Ref =======================\n    const popupRef = React.useRef<HTMLDivElement>(null);\n    React.useImperativeHandle(ref, () => ({\n      getPopupElement: () => popupRef.current,\n    }));\n\n    const customDropdownRender = useCallback(\n      (menu: React.ReactNode) => {\n        return (\n          <div className=\"beta-ald-select-popup\" ref={popupRef}>\n            {!collection && (\n              <SearchBox\n                showSearch={showSearch}\n                value={searchValue}\n                onChange={(value) => {\n                  setInnerSearchValue?.(value);\n                }}\n              />\n            )}\n            {collection || (\n              <PopupContent\n                content={menu}\n                notFoundContent={notFoundContent}\n                dropdownRender={dropdownRender}\n                menuProps={menuProps}\n              />\n            )}\n          </div>\n        );\n      },\n      [\n        dropdownRender,\n        collection,\n        menuProps,\n        notFoundContent,\n        searchValue,\n        setInnerSearchValue,\n        showSearch,\n      ],\n    );\n\n    return (\n      <Dropdown\n        {...restProps}\n        disabled={disabled}\n        open={open}\n        // Dropdown still receives the existing menu input to preserve its\n        // trigger lifecycle. For the private collection path, its rendered\n        // Menu node is ignored by customDropdownRender above.\n        menu={collection ? undefined : menuProps}\n        placement={placement}\n        popupMatchTriggerWidth={popupMatchSelectWidth}\n        overlayStyle={overlayStyle}\n        overlayClassName={cn(\n          'beta-ald-select-popup-container',\n          overlayClassName,\n        )}\n        autoUpdatePos\n        dropdownRender={customDropdownRender}\n        getPopupContainer={getPopupContainer}\n        onOpenChange={(o) => {\n          onOpenChange?.(o);\n        }}\n      >\n        {collection ? (\n          <span style={{ display: 'flex', flex: '1 1 auto', minWidth: 0 }}>\n            {children}\n          </span>\n        ) : (\n          children\n        )}\n      </Dropdown>\n    );\n  },\n);\n\nRefSelectTrigger.displayName = 'SelectTrigger';\n\nexport default RefSelectTrigger;\n"],"mappings":";;;;;;;;AA8BA,IAAM,mBAAmB,MAAM,YAC5B,OAAO,QAAQ;CACd,MAAM,EAEJ,cACA,UACA,MACA,UACA,gBACA,mBACA,cACA,YACA,aACA,qBACA,MAAM,WACN,YACA,kBACA,YAAY,gBACZ,uBACA,kBAAkB,oBAAC,OAAD,EAAO,MAAK,SAAU,CAAA,EACxC,GAAG,cACD;CAGJ,MAAM,WAAW,MAAM,OAAuB,KAAK;AACnD,OAAM,oBAAoB,YAAY,EACpC,uBAAuB,SAAS,SACjC,EAAE;CAEH,MAAM,uBAAuB,aAC1B,SAA0B;AACzB,SACE,qBAAC,OAAD;GAAK,WAAU;GAAwB,KAAK;aAA5C,CACG,CAAC,cACA,oBAAC,mBAAD;IACc;IACZ,OAAO;IACP,WAAW,UAAU;AACnB,2BAAsB,MAAM;;IAE9B,CAAA,EAEH,cACC,oBAAC,cAAD;IACE,SAAS;IACQ;IACD;IACL;IACX,CAAA,CAEA;;IAGV;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CACF;AAED,QACE,oBAAC,UAAD;EACE,GAAI;EACM;EACJ;EAIN,MAAM,aAAa,SAAY;EACpB;EACX,wBAAwB;EACV;EACd,kBAAkB,GAChB,mCACA,iBACD;EACD,eAAA;EACA,gBAAgB;EACG;EACnB,eAAe,MAAM;AACnB,kBAAe,EAAE;;YAGlB,aACC,oBAAC,QAAD;GAAM,OAAO;IAAE,SAAS;IAAQ,MAAM;IAAY,UAAU;IAAG;GAC5D;GACI,CAAA,GAEP;EAEO,CAAA;EAGhB;AAED,iBAAiB,cAAc"}

package/dist/Select/components/OptionCollection.d.ts

@@ -0,0 +1,41 @@
+import { default as React } from 'react';
+import { RawValueType, SelectItemType } from '../interface';
+export interface SelectOptionCollectionItem {
+    id: string;
+    key: string;
+    value: RawValueType;
+    label: React.ReactNode;
+    disabled: boolean;
+    option: SelectItemType;
+}
+export interface SelectOptionCollection {
+    listboxId: string;
+    options: SelectOptionCollectionItem[];
+    enabledOptions: SelectOptionCollectionItem[];
+}
+/**
+ * Private Select collection seam for normalized, flat option data.
+ *
+ * It intentionally consumes the existing useOptions result instead of adding
+ * another public normalization path. Menu-shaped and hierarchical inputs stay
+ * on the legacy compatibility path until their Select contract is migrated.
+ */
+export declare function createSelectOptionCollection(listboxId: string, keyMenuItems: Map<string, SelectItemType>): SelectOptionCollection;
+interface OptionCollectionProps {
+    collection: SelectOptionCollection;
+    selectedValues: RawValueType[];
+    activeOptionKey?: string;
+    multiple?: boolean;
+    loading?: boolean;
+    listHeight: number;
+    notFoundContent: React.ReactNode;
+    onSelect: (value: RawValueType) => void;
+}
+/**
+ * Visual collection renderer for the standard flat single-select popup.
+ *
+ * The legacy Menu class hooks are retained only to preserve existing Select
+ * geometry and option presentation while ownership moves to Select.
+ */
+export default function OptionCollection({ collection, selectedValues, activeOptionKey, multiple, loading, listHeight, notFoundContent, onSelect, }: OptionCollectionProps): import("react/jsx-runtime").JSX.Element;
+export {};