@aloudata/aloudata-design 3.1.7 → 3.2.0-beta.0

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';\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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"}
+{"version":3,"file":"BaseSelect.js","names":["React","useMergedState","cn","prefixCls","AlignType","points","offset","targetOffset","overflow","adjustX","adjustY","_experimental","Record","SelectTrigger","RefTriggerProps","Selector","_","useContext","useRef","useState","FormItemInputContext","getWidthStyle","Suffix","PlacementType","BaseSelectRef","DisplayValueType","ISelectProps","LabelInValueType","SelectMenuProps","SizeContext","ConfigContext","useCompactItemContext","MenuInfo","toString","OptionCollection","SelectOptionCollection","RenderNode","ReactNode","props","RenderDOMFunc","HTMLElement","Mode","type","responsive","maxRows","showSelectedSection","RawValueType","splitAriaProps","Object","keys","reduce","ariaProps","restProps","result","key","startsWith","CustomTagProps","label","value","disabled","onClose","event","MouseEvent","closable","BaseSelectPrivateProps","omitDomProps","displayValues","onDisplayValuesChange","values","info","activeValue","activeDescendantId","onActiveValueChange","BaseSelectPropsWithoutPrivate","Omit","BaseSelectProps","AriaAttributes","className","style","CSSProperties","notFoundContent","onClear","innerSearchValue","setInnerSearchValue","displayMenu","optionCollection","open","defaultOpen","onOpenChange","onOptionSelect","val","onCollectionOptionSelect","allowClear","showArrow","suffixIcon","dropdownAlign","placement","getPopupContainer","onBlur","FocusEventHandler","onFocus","onKeyUp","KeyboardEventHandler","HTMLDivElement","onKeyDown","onMouseDown","MouseEventHandler","onPopupScroll","UIEventHandler","onInputKeyDown","HTMLInputElement","HTMLTextAreaElement","onMouseEnter","onMouseLeave","onClick","isMultiple","mode","isResponsive","isShowSelectedSection","BaseSelect","forwardRef","ref","Ref","id","width","status","customStatus","size","customSize","borderLess","placeholder","loading","showSearch","prefix","dropdownRender","overlayStyle","dropdownStyle","popupMatchSelectWidth","popupClassName","allowOverlap","dataTestid","ariaLabel","passthroughProps","useMemo","triggerAriaProps","setClassNames","selectRef","triggerRef","searchInputRef","widthStyle","dropdownRef","matchedPopupWidth","setMatchedPopupWidth","isResponsiveMode","isMultipleMode","contentSize","direction","compactSize","compactItemClassnames","contextStatus","mergedStatus","undefined","useImperativeHandle","focus","current","blur","onToggleOpen","close","console","log","isHover","setIsHover","activeOptionKey","setActiveOptionKey","showActiveOption","setShowActiveOption","composingSearchValue","setComposingSearchValue","isComposingSearchRef","isSearchableCollection","ownerAriaProps","innerOpen","setInnerOpen","defaultValue","mergedOpen","shouldMatchPopupWidth","updateMatchedPopupWidth","useCallback","nextWidth","getBoundingClientRect","currentWidth","newOpen","nextOpen","setShowResponsiveSelectedSection","getInitialActiveOptionKey","position","enabledOptions","length","selected","options","find","option","some","useEffect","useLayoutEffect","element","updateMatchedWidth","ResizeObserver","window","addEventListener","removeEventListener","resizeAnimationFrame","scheduleMatchedWidthUpdate","cancelAnimationFrame","requestAnimationFrame","observer","observe","disconnect","showResponsiveSelectedSection","overflowCollapsed","setOverflowCollapsed","onSelectorRemove","newValues","filter","item","mergedClassName","active","borderless","isEmpty","showMenu","keepOpen","onSelectClick","e","handleMouseOver","handleMouseOut","mergedPopupMatchSelectWidth","activeOptionId","moveActiveOption","currentIndex","findIndex","nextIndex","typeaheadRef","timestamp","onCollectionKeyDown","KeyboardEvent","openCollection","preventDefault","activeOption","altKey","ctrlKey","metaKey","now","Date","query","normalizedQuery","toLocaleLowerCase","activeIndex","orderedOptions","slice","match","String","onSearchInputKeyDown","defaultPrevented","onSearchInputChange","ChangeEvent","nextValue","target","searchInputValue","collectionContent","map","listHeight","flexShrink","listboxId","currentTarget"],"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 [showActiveOption, setShowActiveOption] = useState(false);\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          setShowActiveOption(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          setShowActiveOption(true);\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          setShowActiveOption(true);\n          moveActiveOption(1);\n          return;\n        }\n        if (event.key === 'ArrowUp') {\n          event.preventDefault();\n          setShowActiveOption(true);\n          moveActiveOption(-1);\n          return;\n        }\n        if (event.key === 'Home') {\n          event.preventDefault();\n          setShowActiveOption(true);\n          setActiveOptionKey(optionCollection.enabledOptions[0]?.key);\n          return;\n        }\n        if (event.key === 'End') {\n          event.preventDefault();\n          setShowActiveOption(true);\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            setShowActiveOption(true);\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={showActiveOption ? activeOptionKey : undefined}\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        onPointerMove={() => setShowActiveOption(false)}\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            setShowActiveOption(false);\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

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
-import { ScrollTo } from 'rc-virtual-list/es/List';
-import { IDropdownProps } from '../Dropdown';
+import { ScrollTo } from 'rc-virtual-list/es/List.js';
+import { IDropdownProps } from '../Dropdown.js';
 import { DefaultOptionType as SelectOptionType } from './interface.js';
 export interface RefTriggerProps {
     getPopupElement: () => HTMLDivElement | null;

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  /** 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"}
+{"version":3,"file":"SelectTrigger.js","names":["React","useCallback","ScrollTo","Dropdown","cn","IDropdownProps","DefaultOptionType","SelectOptionType","SearchBox","PopupContent","Empty","RefTriggerProps","getPopupElement","HTMLDivElement","RefSelectorProps","focus","options","FocusOptions","blur","scrollTo","SelectTriggerProps","open","notFoundContent","ReactNode","popupMatchSelectWidth","showSearch","searchValue","setInnerSearchValue","value","filterOption","inputValue","option","collection","RefSelectTrigger","forwardRef","props","ref","overlayStyle","disabled","children","dropdownRender","getPopupContainer","onOpenChange","menu","menuProps","overlayClassName","placement","restProps","popupRef","useRef","useImperativeHandle","current","customDropdownRender","undefined","o","display","flex","minWidth","displayName"],"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,IAAMiC,mBAAmBjC,MAAMkC,YAC5BC,OAAOC,QAAQ;CACd,MAAM,EAEJC,cACAC,UACAjB,MACAkB,UACAC,gBACAC,mBACAC,cACAjB,YACAC,aACAC,qBACAgB,MAAMC,WACNZ,YACAa,kBACAC,YAAY,gBACZtB,uBACAF,kBAAkB,oBAAC,OAAD,EAAO,MAAK,SAAU,CAAA,EACxC,GAAGyB,cACDZ;CAGJ,MAAMa,WAAWhD,MAAMiD,OAAuB,KAAK;AACnDjD,OAAMkD,oBAAoBd,YAAY,EACpCxB,uBAAuBoC,SAASG,SACjC,EAAE;CAEH,MAAMC,uBAAuBnD,aAC1B0C,SAA0B;AACzB,SACE,qBAAC,OAAD;GAAK,WAAU;GAAwB,KAAKK;aAA5C,CACG,CAAChB,cACA,oBAAC,mBAAD;IACcP;IACZ,OAAOC;IACP,WAAWE,UAAU;AACnBD,2BAAsBC,MAAM;;IAGjC,CAAA,EACAI,cACC,oBAAC,cAAD;IACE,SAASW;IACQrB;IACDkB;IACLI;IAEd,CAAA,CACG;;IAGV;EACEJ;EACAR;EACAY;EACAtB;EACAI;EACAC;EACAF;EAEJ,CAAC;AAED,QACE,oBAAC,UAAD;EACE,GAAIsB;EACMT;EACJjB;EAIN,MAAMW,aAAaqB,SAAYT;EACpBE;EACX,wBAAwBtB;EACVa;EACd,kBAAkBjC,GAChB,mCACAyC,iBACD;EACD,eAAA;EACA,gBAAgBO;EACGX;EACnB,eAAea,MAAM;AACnBZ,kBAAeY,EAAE;;YAGlBtB,aACC,oBAAC,QAAD;GAAM,OAAO;IAAEuB,SAAS;IAAQC,MAAM;IAAYC,UAAU;IAAG;GAC5DlB;GACI,CAAA,GAEPA;EAEO,CAAA;EAGhB;AAEDN,iBAAiByB,cAAc"}

package/dist/Select/Selector/FixedOverflow.d.ts

@@ -12,6 +12,6 @@ export interface FixedOverflowProps<T> {
     onVisibleChange?: (count: number) => void;
 }
 declare const FixedOverflow: <T>(props: FixedOverflowProps<T> & {
-    ref?: React.Ref<HTMLDivElement> | undefined;
+    ref?: React.Ref<HTMLDivElement>;
 }) => React.ReactElement;
 export default FixedOverflow;

package/dist/Select/Selector/FixedOverflow.js

@@ -1,7 +1,8 @@
-import { forwardRef, useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { c } from "react-compiler-runtime";
+import { forwardRef, useEffect, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import ResizeObserver from "rc-resize-observer";
-import useLayoutEffect$1 from "rc-util/es/hooks/useLayoutEffect";
+import useLayoutEffect$1 from "rc-util/es/hooks/useLayoutEffect.js";
 import cn from "classnames";
 //#region src/Select/Selector/FixedOverflow.tsx
 function InternalItem(props) {
@@ -35,10 +36,13 @@ function InternalItem(props) {
 var ITEM_WIDTH = 10;
 var REST_KEY = "__OVERFLOW_REST__";
 function OverflowInner(props, ref) {
-	const { prefixCls = "rc-overflow", data, renderItem, itemKey, renderRest, gap = 0, className, onVisibleChange } = props;
+	const $ = c(54);
+	const { prefixCls: t0, data, renderItem, itemKey, renderRest, gap: t1, className, onVisibleChange } = props;
+	const prefixCls = t0 === void 0 ? "rc-overflow" : t0;
+	const gap = t1 === void 0 ? 0 : t1;
 	const [containerWidth, setContainerWidth] = useState(null);
 	const mergedContainerWidth = containerWidth || 0;
-	const [itemWidths, setItemWidths] = useState(() => /* @__PURE__ */ new Map());
+	const [itemWidths, setItemWidths] = useState(_temp);
 	const [prevRestWidth, setPrevRestWidth] = useState(0);
 	const [restWidth, setRestWidth] = useState(0);
 	const [displayCount, setDisplayCount] = useState(null);
@@ -46,95 +50,220 @@ function OverflowInner(props, ref) {
 	const mergedDisplayCount = displayCount || 0;
 	const itemPrefixCls = `${prefixCls}-item`;
 	const mergedRestWidth = Math.max(prevRestWidth, restWidth);
-	const getKey = useCallback((item, index) => {
-		if (item == null) return index;
-		return itemKey(item) ?? index;
-	}, [itemKey]);
-	const mergedData = useMemo(() => {
-		if (!data.length) return data;
-		return data.slice(0, Math.min(data.length, mergedContainerWidth / ITEM_WIDTH));
-	}, [data, mergedContainerWidth]);
-	const omittedItems = useMemo(() => data.slice(mergedDisplayCount + 1), [data, mergedDisplayCount]);
-	const updateDisplayCount = (count, notReady) => {
-		if (!notReady) {
-			setRestReady(count < data.length - 1);
-			onVisibleChange?.(count);
+	let t2;
+	if ($[0] !== itemKey) {
+		t2 = (item, index) => {
+			if (item == null) return index;
+			return itemKey(item) ?? index;
+		};
+		$[0] = itemKey;
+		$[1] = t2;
+	} else t2 = $[1];
+	const getKey = t2;
+	let t3;
+	bb0: {
+		if (!data.length) {
+			t3 = data;
+			break bb0;
 		}
-		if (displayCount !== count) setDisplayCount(count);
-	};
-	const registerSize = useCallback((key, width) => {
-		setItemWidths((origin) => {
-			const clone = new Map(origin);
-			if (width === null) clone.delete(key);
-			else clone.set(key, width);
-			return clone;
-		});
-	}, []);
-	const registerRestSize = useCallback((_key, width) => {
-		if (width === null) return;
-		setRestWidth((prev) => {
-			setPrevRestWidth(prev);
-			return width;
-		});
-	}, []);
-	const onOverflowResize = (_, element) => {
-		setContainerWidth(element.clientWidth);
-	};
-	useLayoutEffect$1(() => {
-		if (!mergedContainerWidth || !mergedData) return;
-		const len = mergedData.length;
-		const lastIndex = len - 1;
-		if (!len) {
-			updateDisplayCount(0);
-			return;
-		}
-		let totalWidth = 0;
-		const getItemWidth = (index) => itemWidths.get(getKey(mergedData[index], index));
-		for (let i = 0; i < len; i += 1) {
-			const currentItemWidth = getItemWidth(i);
-			if (currentItemWidth === void 0) {
-				updateDisplayCount(i - 1, true);
-				return;
+		let t4;
+		if ($[2] !== data || $[3] !== mergedContainerWidth) {
+			t4 = data.slice(0, Math.min(data.length, mergedContainerWidth / ITEM_WIDTH));
+			$[2] = data;
+			$[3] = mergedContainerWidth;
+			$[4] = t4;
+		} else t4 = $[4];
+		t3 = t4;
+	}
+	const mergedData = t3;
+	let t4;
+	if ($[5] !== data || $[6] !== mergedDisplayCount) {
+		t4 = data.slice(mergedDisplayCount + 1);
+		$[5] = data;
+		$[6] = mergedDisplayCount;
+		$[7] = t4;
+	} else t4 = $[7];
+	const omittedItems = t4;
+	let t5;
+	if ($[8] !== data.length || $[9] !== displayCount || $[10] !== onVisibleChange) {
+		t5 = (count, notReady) => {
+			if (!notReady) {
+				setRestReady(count < data.length - 1);
+				onVisibleChange?.(count);
 			}
-			totalWidth += currentItemWidth;
-			if (lastIndex === 0 && totalWidth <= mergedContainerWidth || i === lastIndex - 1 && totalWidth + (getItemWidth(lastIndex) ?? 0) + lastIndex * gap <= mergedContainerWidth) {
-				updateDisplayCount(lastIndex);
+			if (displayCount !== count) setDisplayCount(count);
+		};
+		$[8] = data.length;
+		$[9] = displayCount;
+		$[10] = onVisibleChange;
+		$[11] = t5;
+	} else t5 = $[11];
+	const updateDisplayCount = t5;
+	let t6;
+	if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
+		t6 = (key, width) => {
+			setItemWidths((origin) => {
+				const clone = new Map(origin);
+				if (width === null) clone.delete(key);
+				else clone.set(key, width);
+				return clone;
+			});
+		};
+		$[12] = t6;
+	} else t6 = $[12];
+	const registerSize = t6;
+	let t7;
+	if ($[13] === Symbol.for("react.memo_cache_sentinel")) {
+		t7 = (_key, width_0) => {
+			if (width_0 === null) return;
+			setRestWidth((prev) => {
+				setPrevRestWidth(prev);
+				return width_0;
+			});
+		};
+		$[13] = t7;
+	} else t7 = $[13];
+	const registerRestSize = t7;
+	let t8;
+	if ($[14] === Symbol.for("react.memo_cache_sentinel")) {
+		t8 = (_, element) => {
+			setContainerWidth(element.clientWidth);
+		};
+		$[14] = t8;
+	} else t8 = $[14];
+	const onOverflowResize = t8;
+	let t9;
+	if ($[15] !== gap || $[16] !== getKey || $[17] !== itemWidths || $[18] !== mergedContainerWidth || $[19] !== mergedData || $[20] !== mergedRestWidth || $[21] !== updateDisplayCount) {
+		t9 = () => {
+			if (!mergedContainerWidth || !mergedData) return;
+			const len = mergedData.length;
+			const lastIndex = len - 1;
+			if (!len) {
+				updateDisplayCount(0);
 				return;
 			}
-			if (totalWidth + mergedRestWidth + (i + 1) * gap > mergedContainerWidth) {
-				updateDisplayCount(i - 1);
-				return;
+			let totalWidth = 0;
+			const getItemWidth = (index_0) => itemWidths.get(getKey(mergedData[index_0], index_0));
+			for (let i = 0; i < len; i = i + 1) {
+				const currentItemWidth = getItemWidth(i);
+				if (currentItemWidth === void 0) {
+					updateDisplayCount(i - 1, true);
+					return;
+				}
+				totalWidth = totalWidth + currentItemWidth;
+				if (lastIndex === 0 && totalWidth <= mergedContainerWidth || i === lastIndex - 1 && totalWidth + (getItemWidth(lastIndex) ?? 0) + lastIndex * gap <= mergedContainerWidth) {
+					updateDisplayCount(lastIndex);
+					return;
+				}
+				if (totalWidth + mergedRestWidth + (i + 1) * gap > mergedContainerWidth) {
+					updateDisplayCount(i - 1);
+					return;
+				}
 			}
-		}
-	});
+		};
+		$[15] = gap;
+		$[16] = getKey;
+		$[17] = itemWidths;
+		$[18] = mergedContainerWidth;
+		$[19] = mergedData;
+		$[20] = mergedRestWidth;
+		$[21] = updateDisplayCount;
+		$[22] = t9;
+	} else t9 = $[22];
+	useLayoutEffect$1(t9);
 	const displayRest = restReady && !!omittedItems.length;
-	return /* @__PURE__ */ jsx(ResizeObserver, {
-		onResize: onOverflowResize,
-		disabled: !data.length,
-		children: /* @__PURE__ */ jsxs("div", {
-			className: cn(prefixCls, className),
-			ref,
-			children: [mergedData.map((item, index) => {
-				const key = getKey(item, index);
+	const t10 = !data.length;
+	let t11;
+	if ($[23] !== className || $[24] !== prefixCls) {
+		t11 = cn(prefixCls, className);
+		$[23] = className;
+		$[24] = prefixCls;
+		$[25] = t11;
+	} else t11 = $[25];
+	let t12;
+	if ($[26] !== getKey || $[27] !== itemPrefixCls || $[28] !== mergedData || $[29] !== mergedDisplayCount || $[30] !== renderItem) {
+		let t13;
+		if ($[32] !== getKey || $[33] !== itemPrefixCls || $[34] !== mergedDisplayCount || $[35] !== renderItem) {
+			t13 = (item_0, index_1) => {
+				const key_0 = getKey(item_0, index_1);
 				return /* @__PURE__ */ jsx(InternalItem, {
 					prefixCls: itemPrefixCls,
-					display: index <= mergedDisplayCount,
-					order: index,
-					itemKey: key,
+					display: index_1 <= mergedDisplayCount,
+					order: index_1,
+					itemKey: key_0,
 					registerSize,
-					children: renderItem(item, { index })
-				}, key);
-			}), /* @__PURE__ */ jsx(InternalItem, {
-				prefixCls: itemPrefixCls,
-				display: displayRest,
-				order: displayRest ? mergedDisplayCount : Number.MAX_SAFE_INTEGER,
-				itemKey: REST_KEY,
-				registerSize: registerRestSize,
-				className: `${itemPrefixCls}-rest`,
-				children: renderRest(omittedItems)
-			})]
-		})
-	});
+					children: renderItem(item_0, { index: index_1 })
+				}, key_0);
+			};
+			$[32] = getKey;
+			$[33] = itemPrefixCls;
+			$[34] = mergedDisplayCount;
+			$[35] = renderItem;
+			$[36] = t13;
+		} else t13 = $[36];
+		t12 = mergedData.map(t13);
+		$[26] = getKey;
+		$[27] = itemPrefixCls;
+		$[28] = mergedData;
+		$[29] = mergedDisplayCount;
+		$[30] = renderItem;
+		$[31] = t12;
+	} else t12 = $[31];
+	const t13 = displayRest ? mergedDisplayCount : Number.MAX_SAFE_INTEGER;
+	const t14 = `${itemPrefixCls}-rest`;
+	let t15;
+	if ($[37] !== omittedItems || $[38] !== renderRest) {
+		t15 = renderRest(omittedItems);
+		$[37] = omittedItems;
+		$[38] = renderRest;
+		$[39] = t15;
+	} else t15 = $[39];
+	let t16;
+	if ($[40] !== displayRest || $[41] !== itemPrefixCls || $[42] !== t13 || $[43] !== t14 || $[44] !== t15) {
+		t16 = /* @__PURE__ */ jsx(InternalItem, {
+			prefixCls: itemPrefixCls,
+			display: displayRest,
+			order: t13,
+			itemKey: REST_KEY,
+			registerSize: registerRestSize,
+			className: t14,
+			children: t15
+		});
+		$[40] = displayRest;
+		$[41] = itemPrefixCls;
+		$[42] = t13;
+		$[43] = t14;
+		$[44] = t15;
+		$[45] = t16;
+	} else t16 = $[45];
+	let t17;
+	if ($[46] !== ref || $[47] !== t11 || $[48] !== t12 || $[49] !== t16) {
+		t17 = /* @__PURE__ */ jsxs("div", {
+			className: t11,
+			ref,
+			children: [t12, t16]
+		});
+		$[46] = ref;
+		$[47] = t11;
+		$[48] = t12;
+		$[49] = t16;
+		$[50] = t17;
+	} else t17 = $[50];
+	let t18;
+	if ($[51] !== t10 || $[52] !== t17) {
+		t18 = /* @__PURE__ */ jsx(ResizeObserver, {
+			onResize: onOverflowResize,
+			disabled: t10,
+			children: t17
+		});
+		$[51] = t10;
+		$[52] = t17;
+		$[53] = t18;
+	} else t18 = $[53];
+	return t18;
+}
+function _temp() {
+	return /* @__PURE__ */ new Map();
 }
 var FixedOverflow = forwardRef(OverflowInner);
 //#endregion