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

package/dist/Select/Selector/MultipleSelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultipleSelector.js","names":[],"sources":["../../../src/Select/Selector/MultipleSelector.tsx"],"sourcesContent":["import React, { RefObject, useEffect, useMemo, useState } from 'react';\nimport { SelectorProps } from './index';\nimport Tag from '../../Tag';\nimport { DisplayValueType, RawValueType } from '../interface';\nimport {\n  CustomTagProps,\n  isMultiple,\n  isResponsive,\n  isShowSelectedSection,\n} from '../BaseSelect';\nimport ScrollArea from '../../ScrollArea';\nimport { cn } from '../../lib/utils';\nimport _ from 'lodash';\n// 用 ald 内部 fork 的 FixedOverflow 替代 rc-overflow。\n// 原因：rc-overflow 1.5 的 updateDisplayCount 在 displayCount===count 时早返回，\n// 会跳过 setRestReady，导致 modal 首开等场景下半测量阶段把 displayCount 提前\n// 推到「最终值 N」后，restReady 卡在 false → \"+N\" 节点 opacity:0 不可见。\n// FixedOverflow 把 setRestReady/onVisibleChange 上移到 early-return 之前，\n// 其它逻辑 1:1 复刻 rc-overflow 的 responsive 分支。\nimport Overflow from './FixedOverflow';\nimport MultipleResponsiveSelectedSection from './MultipleResponsiveSelectedSection';\nimport { RefTriggerProps } from '../SelectTrigger';\nconst overflowPrefixCls = 'beta-ald-select-selector-overflow';\nconst tagHeight = 20;\nconst gap = 4;\ninterface MultipleSelectorProps extends SelectorProps {\n  // Event\n  onRemove: (value: DisplayValueType) => void;\n  onToggleOpen: (open?: boolean) => void;\n  tagRender?: (props: CustomTagProps, isPreview?: boolean) => React.ReactNode;\n  maxTagPlaceholder?:\n    | React.ReactNode\n    | ((omittedValues: DisplayValueType[]) => React.ReactNode);\n  dropdownRef: RefObject<RefTriggerProps>;\n}\nconst onPreventMouseDown = (event: React.MouseEvent) => {\n  event.preventDefault();\n  event.stopPropagation();\n};\n\nfunction itemKey(value: DisplayValueType): React.Key {\n  return (value.key ?? value.value) || '';\n}\n\nexport default function MultipleSelector(props: MultipleSelectorProps) {\n  const {\n    displayValues,\n    tagRender,\n    onRemove,\n    onToggleOpen,\n    mode,\n    disabled,\n    maxTagPlaceholder,\n    showResponsiveSelectedSection,\n    dropdownRef,\n    suffixIcon,\n    onOverflowCollapsedChange,\n  } = props;\n  const innerMaxTagPlaceholder = (omittedValues: DisplayValueType[]) => {\n    return `+ ${\n      omittedValues.length === displayValues.length\n        ? omittedValues.length - 1\n        : omittedValues.length\n    }`;\n  };\n  const [showItemIndex, setShowItemIndex] = useState(0);\n  const isCollapsed = showItemIndex === -1 && displayValues.length > 0;\n  useEffect(() => {\n    onOverflowCollapsedChange?.(isCollapsed);\n  }, [isCollapsed, onOverflowCollapsedChange]);\n  const customizeRenderSelector = (\n    value: RawValueType | undefined,\n    content: React.ReactNode,\n    itemDisabled: boolean,\n    closable?: boolean,\n    onClose?: (event?: React.MouseEvent) => void,\n    isPreview?: boolean,\n    uniqueKey?: React.Key,\n  ) => {\n    const onMouseDown = (e: React.MouseEvent) => {\n      onPreventMouseDown(e);\n    };\n\n    return (\n      <span\n        className=\"beta-ald-select-custom-tag-render-wrapper\"\n        onMouseDown={onMouseDown}\n        key={uniqueKey ?? value}\n      >\n        {tagRender?.(\n          {\n            label: content,\n            value,\n            disabled: itemDisabled,\n            closable: isPreview ? false : closable ?? false,\n            onClose: onClose ?? (() => {}),\n          },\n          isPreview,\n        )}\n      </span>\n    );\n  };\n  const defaultRenderSelector = (\n    item: DisplayValueType | undefined,\n    content: React.ReactNode,\n    itemDisabled: boolean,\n    closable?: boolean,\n    onClose?: React.MouseEventHandler,\n    isPreview?: boolean,\n    uniqueKey?: React.Key,\n  ) => (\n    <Tag\n      disabled={itemDisabled}\n      key={uniqueKey ?? item?.value}\n      size=\"small\"\n      closable={isPreview ? false : closable}\n      onClose={(e) => {\n        onPreventMouseDown(e);\n        onClose?.(e);\n      }}\n    >\n      {content}\n    </Tag>\n  );\n  const isResponsiveMode = isResponsive(mode);\n  const showSelectedSection = isShowSelectedSection(mode);\n  const renderItem = (valueItem: DisplayValueType, index?: number) => {\n    const { disabled: itemDisabled, label, value } = valueItem;\n    const closable = !disabled && !itemDisabled;\n    let isPreview = !showResponsiveSelectedSection;\n    if (!isResponsiveMode) {\n      isPreview = false;\n    }\n    if (!showSelectedSection) {\n      isPreview = false;\n    }\n    if (disabled) {\n      isPreview = true;\n    }\n    const displayLabel: React.ReactNode = label;\n\n    const onClose = (event?: React.MouseEvent) => {\n      if (event) {\n        event.stopPropagation();\n      }\n      onRemove(valueItem);\n    };\n    if (_.isNil(value)) {\n      return null;\n    }\n\n    // 生成唯一的 key，如果 value 可能重复，使用 value + index 组合\n    const uniqueKey =\n      valueItem.key ??\n      (value !== undefined && value !== null\n        ? `${value}-${index ?? ''}`\n        : `item-${index ?? ''}`);\n\n    return typeof tagRender === 'function'\n      ? customizeRenderSelector(\n          value,\n          displayLabel,\n          !!itemDisabled,\n          closable,\n          onClose,\n          isPreview,\n          uniqueKey,\n        )\n      : defaultRenderSelector(\n          valueItem,\n          displayLabel,\n          !!itemDisabled,\n          closable,\n          onClose,\n          isPreview,\n          uniqueKey,\n        );\n  };\n\n  const renderRest = (omittedValues: DisplayValueType[]) => {\n    if (displayValues.length === 1) {\n      return null;\n    }\n\n    const content =\n      typeof maxTagPlaceholder === 'function'\n        ? maxTagPlaceholder(\n            omittedValues.length === displayValues.length\n              ? omittedValues.slice(1, omittedValues.length)\n              : omittedValues,\n          )\n        : innerMaxTagPlaceholder(\n            omittedValues.length === displayValues.length\n              ? omittedValues.slice(1, omittedValues.length)\n              : omittedValues,\n          );\n\n    return typeof maxTagPlaceholder === 'function'\n      ? content\n      : defaultRenderSelector({ title: content }, content, false);\n  };\n  const onVisibleChange = (visibleCount: number) => {\n    setShowItemIndex(visibleCount);\n  };\n  const maxHeight = useMemo(() => {\n    if (isMultiple(mode)) {\n      let maxRows: number | undefined;\n      if (typeof mode === 'object') {\n        maxRows = mode.maxRows;\n      }\n      if (!maxRows) {\n        // 2.5行高+2行间距\n        return 2.5 * tagHeight + 2 * gap;\n      } else {\n        // 总行高+总行间距\n        return maxRows * tagHeight + (maxRows - 1) * gap;\n      }\n    }\n\n    return undefined;\n  }, [mode]);\n  if (isResponsiveMode) {\n    return (\n      <div className=\"beta-ald-select-selector beta-ald-select-selector-multiple-responsive\">\n        {showItemIndex === -1 && displayValues.length > 0 && (\n          <div className=\"beta-ald-select-selector-overflow-item-first\">\n            {renderItem(displayValues[0], 0)}\n          </div>\n        )}\n        <Overflow\n          prefixCls={overflowPrefixCls}\n          data={displayValues}\n          renderItem={(item, info) => renderItem(item, info?.index)}\n          className={cn({\n            'beta-ald-select-selector-overflow-hidden':\n              showItemIndex === -1 && displayValues.length === 1,\n          })}\n          renderRest={renderRest}\n          itemKey={itemKey}\n          gap={gap}\n          onVisibleChange={onVisibleChange}\n        />\n        {showResponsiveSelectedSection && (\n          <MultipleResponsiveSelectedSection\n            displayValues={displayValues}\n            renderItem={renderItem}\n            maxHeight={maxHeight}\n            suffixIcon={suffixIcon}\n            onToggleOpen={onToggleOpen}\n            dropdownRef={dropdownRef}\n          />\n        )}\n      </div>\n    );\n  }\n\n  return (\n    <ScrollArea\n      innerClassName=\"beta-ald-select-selector-multiple-default-inner\"\n      className=\"beta-ald-select-selector beta-ald-select-selector-multiple-default\"\n      innerStyle={{\n        maxHeight: maxHeight,\n      }}\n    >\n      <div className=\"beta-ald-select-selector-multiple-default-tags\">\n        {displayValues.map((item, index) => renderItem(item, index))}\n      </div>\n    </ScrollArea>\n  );\n}\n"],"mappings":";;;;;;;;;;AAsBA,IAAM,oBAAoB;AAC1B,IAAM,YAAY;AAClB,IAAM,MAAM;AAWZ,IAAM,sBAAsB,UAA4B;AACtD,OAAM,gBAAgB;AACtB,OAAM,iBAAiB;;AAGzB,SAAS,QAAQ,OAAoC;AACnD,SAAQ,MAAM,OAAO,MAAM,UAAU;;AAGvC,SAAwB,iBAAiB,OAA8B;CACrE,MAAM,EACJ,eACA,WACA,UACA,cACA,MACA,UACA,mBACA,+BACA,aACA,YACA,8BACE;CACJ,MAAM,0BAA0B,kBAAsC;AACpE,SAAO,KACL,cAAc,WAAW,cAAc,SACnC,cAAc,SAAS,IACvB,cAAc;;CAGtB,MAAM,CAAC,eAAe,oBAAoB,SAAS,EAAE;CACrD,MAAM,cAAc,kBAAkB,MAAM,cAAc,SAAS;AACnE,iBAAgB;AACd,8BAA4B,YAAY;IACvC,CAAC,aAAa,0BAA0B,CAAC;CAC5C,MAAM,2BACJ,OACA,SACA,cACA,UACA,SACA,WACA,cACG;EACH,MAAM,eAAe,MAAwB;AAC3C,sBAAmB,EAAE;;AAGvB,SACE,oBAAC,QAAD;GACE,WAAU;GACG;aAGZ,YACC;IACE,OAAO;IACP;IACA,UAAU;IACV,UAAU,YAAY,QAAQ,YAAY;IAC1C,SAAS,kBAAkB;IAC5B,EACD,UACD;GACI,EAZA,aAAa,MAYb;;CAGX,MAAM,yBACJ,MACA,SACA,cACA,UACA,SACA,WACA,cAEA,oBAAC,KAAD;EACE,UAAU;EAEV,MAAK;EACL,UAAU,YAAY,QAAQ;EAC9B,UAAU,MAAM;AACd,sBAAmB,EAAE;AACrB,aAAU,EAAE;;YAGb;EACG,EATC,aAAa,MAAM,MASpB;CAER,MAAM,mBAAmB,aAAa,KAAK;CAC3C,MAAM,sBAAsB,sBAAsB,KAAK;CACvD,MAAM,cAAc,WAA6B,UAAmB;EAClE,MAAM,EAAE,UAAU,cAAc,OAAO,UAAU;EACjD,MAAM,WAAW,CAAC,YAAY,CAAC;EAC/B,IAAI,YAAY,CAAC;AACjB,MAAI,CAAC,iBACH,aAAY;AAEd,MAAI,CAAC,oBACH,aAAY;AAEd,MAAI,SACF,aAAY;EAEd,MAAM,eAAgC;EAEtC,MAAM,WAAW,UAA6B;AAC5C,OAAI,MACF,OAAM,iBAAiB;AAEzB,YAAS,UAAU;;AAErB,MAAI,EAAE,MAAM,MAAM,CAChB,QAAO;EAIT,MAAM,YACJ,UAAU,QACT,UAAU,UAAa,UAAU,OAC9B,GAAG,MAAM,GAAG,SAAS,OACrB,QAAQ,SAAS;AAEvB,SAAO,OAAO,cAAc,aACxB,wBACE,OACA,cACA,CAAC,CAAC,cACF,UACA,SACA,WACA,UACD,GACD,sBACE,WACA,cACA,CAAC,CAAC,cACF,UACA,SACA,WACA,UACD;;CAGP,MAAM,cAAc,kBAAsC;AACxD,MAAI,cAAc,WAAW,EAC3B,QAAO;EAGT,MAAM,UACJ,OAAO,sBAAsB,aACzB,kBACE,cAAc,WAAW,cAAc,SACnC,cAAc,MAAM,GAAG,cAAc,OAAO,GAC5C,cACL,GACD,uBACE,cAAc,WAAW,cAAc,SACnC,cAAc,MAAM,GAAG,cAAc,OAAO,GAC5C,cACL;AAEP,SAAO,OAAO,sBAAsB,aAChC,UACA,sBAAsB,EAAE,OAAO,SAAS,EAAE,SAAS,MAAM;;CAE/D,MAAM,mBAAmB,iBAAyB;AAChD,mBAAiB,aAAa;;CAEhC,MAAM,YAAY,cAAc;AAC9B,MAAI,WAAW,KAAK,EAAE;GACpB,IAAI;AACJ,OAAI,OAAO,SAAS,SAClB,WAAU,KAAK;AAEjB,OAAI,CAAC,QAEH,QAAO,MAAM,YAAY,IAAI;OAG7B,QAAO,UAAU,aAAa,UAAU,KAAK;;IAKhD,CAAC,KAAK,CAAC;AACV,KAAI,iBACF,QACE,qBAAC,OAAD;EAAK,WAAU;YAAf;GACG,kBAAkB,MAAM,cAAc,SAAS,KAC9C,oBAAC,OAAD;IAAK,WAAU;cACZ,WAAW,cAAc,IAAI,EAAE;IAC5B,CAAA;GAER,oBAAC,eAAD;IACE,WAAW;IACX,MAAM;IACN,aAAa,MAAM,SAAS,WAAW,MAAM,MAAM,MAAM;IACzD,WAAW,GAAG,EACZ,4CACE,kBAAkB,MAAM,cAAc,WAAW,GACpD,CAAC;IACU;IACH;IACJ;IACY;IACjB,CAAA;GACD,iCACC,oBAAC,mCAAD;IACiB;IACH;IACD;IACC;IACE;IACD;IACb,CAAA;GAEA;;AAIV,QACE,oBAAC,oBAAD;EACE,gBAAe;EACf,WAAU;EACV,YAAY,EACC,WACZ;YAED,oBAAC,OAAD;GAAK,WAAU;aACZ,cAAc,KAAK,MAAM,UAAU,WAAW,MAAM,MAAM,CAAC;GACxD,CAAA;EACK,CAAA"}
+{"version":3,"file":"MultipleSelector.js","names":["React","RefObject","useEffect","useMemo","useState","SelectorProps","Tag","DisplayValueType","RawValueType","CustomTagProps","isMultiple","isResponsive","isShowSelectedSection","ScrollArea","cn","_","Overflow","MultipleResponsiveSelectedSection","RefTriggerProps","overflowPrefixCls","tagHeight","gap","MultipleSelectorProps","onRemove","value","onToggleOpen","open","tagRender","props","isPreview","ReactNode","maxTagPlaceholder","omittedValues","dropdownRef","onPreventMouseDown","event","MouseEvent","preventDefault","stopPropagation","itemKey","Key","key","MultipleSelector","$","_c","displayValues","mode","disabled","showResponsiveSelectedSection","suffixIcon","onOverflowCollapsedChange","t0","length","innerMaxTagPlaceholder","showItemIndex","setShowItemIndex","isCollapsed","t1","t2","t3","content","itemDisabled","closable","onClose","uniqueKey","onMouseDown","_temp","label","_temp2","customizeRenderSelector","defaultRenderSelector","_temp3","t4","isResponsiveMode","t5","showSelectedSection","t6","valueItem","index","itemDisabled_1","value_0","closable_1","isPreview_1","displayLabel","onClose_1","isNil","uniqueKey_1","undefined","renderItem","t7","omittedValues_0","content_1","slice","title","renderRest","t8","Symbol","for","visibleCount","onVisibleChange","t9","bb0","maxRows","maxHeight","t10","t11","item_0","info","item","t12","t13","t14","t15","t16","item_1","index_0","map","content_0","itemDisabled_0","closable_0","onClose_0","isPreview_0","uniqueKey_0","e_0","e"],"sources":["../../../src/Select/Selector/MultipleSelector.tsx"],"sourcesContent":["import React, { RefObject, useEffect, useMemo, useState } from 'react';\nimport { SelectorProps } from './index';\nimport Tag from '../../Tag';\nimport { DisplayValueType, RawValueType } from '../interface';\nimport {\n  CustomTagProps,\n  isMultiple,\n  isResponsive,\n  isShowSelectedSection,\n} from '../BaseSelect';\nimport ScrollArea from '../../ScrollArea';\nimport { cn } from '../../lib/utils';\nimport _ from 'lodash';\n// 用 ald 内部 fork 的 FixedOverflow 替代 rc-overflow。\n// 原因：rc-overflow 1.5 的 updateDisplayCount 在 displayCount===count 时早返回，\n// 会跳过 setRestReady，导致 modal 首开等场景下半测量阶段把 displayCount 提前\n// 推到「最终值 N」后，restReady 卡在 false → \"+N\" 节点 opacity:0 不可见。\n// FixedOverflow 把 setRestReady/onVisibleChange 上移到 early-return 之前，\n// 其它逻辑 1:1 复刻 rc-overflow 的 responsive 分支。\nimport Overflow from './FixedOverflow';\nimport MultipleResponsiveSelectedSection from './MultipleResponsiveSelectedSection';\nimport { RefTriggerProps } from '../SelectTrigger';\nconst overflowPrefixCls = 'beta-ald-select-selector-overflow';\nconst tagHeight = 20;\nconst gap = 4;\ninterface MultipleSelectorProps extends SelectorProps {\n  // Event\n  onRemove: (value: DisplayValueType) => void;\n  onToggleOpen: (open?: boolean) => void;\n  tagRender?: (props: CustomTagProps, isPreview?: boolean) => React.ReactNode;\n  maxTagPlaceholder?:\n    | React.ReactNode\n    | ((omittedValues: DisplayValueType[]) => React.ReactNode);\n  dropdownRef: RefObject<RefTriggerProps | null>;\n}\nconst onPreventMouseDown = (event: React.MouseEvent) => {\n  event.preventDefault();\n  event.stopPropagation();\n};\n\nfunction itemKey(value: DisplayValueType): React.Key {\n  return (value.key ?? value.value) || '';\n}\n\nexport default function MultipleSelector(props: MultipleSelectorProps) {\n  const {\n    displayValues,\n    tagRender,\n    onRemove,\n    onToggleOpen,\n    mode,\n    disabled,\n    maxTagPlaceholder,\n    showResponsiveSelectedSection,\n    dropdownRef,\n    suffixIcon,\n    onOverflowCollapsedChange,\n  } = props;\n  const innerMaxTagPlaceholder = (omittedValues: DisplayValueType[]) => {\n    return `+ ${\n      omittedValues.length === displayValues.length\n        ? omittedValues.length - 1\n        : omittedValues.length\n    }`;\n  };\n  const [showItemIndex, setShowItemIndex] = useState(0);\n  const isCollapsed = showItemIndex === -1 && displayValues.length > 0;\n  useEffect(() => {\n    onOverflowCollapsedChange?.(isCollapsed);\n  }, [isCollapsed, onOverflowCollapsedChange]);\n  const customizeRenderSelector = (\n    value: RawValueType | undefined,\n    content: React.ReactNode,\n    itemDisabled: boolean,\n    closable?: boolean,\n    onClose?: (event?: React.MouseEvent) => void,\n    isPreview?: boolean,\n    uniqueKey?: React.Key,\n  ) => {\n    const onMouseDown = (e: React.MouseEvent) => {\n      onPreventMouseDown(e);\n    };\n\n    return (\n      <span\n        className=\"beta-ald-select-custom-tag-render-wrapper\"\n        onMouseDown={onMouseDown}\n        key={uniqueKey ?? value}\n      >\n        {tagRender?.(\n          {\n            label: content,\n            value,\n            disabled: itemDisabled,\n            closable: isPreview ? false : closable ?? false,\n            onClose: onClose ?? (() => {}),\n          },\n          isPreview,\n        )}\n      </span>\n    );\n  };\n  const defaultRenderSelector = (\n    item: DisplayValueType | undefined,\n    content: React.ReactNode,\n    itemDisabled: boolean,\n    closable?: boolean,\n    onClose?: React.MouseEventHandler,\n    isPreview?: boolean,\n    uniqueKey?: React.Key,\n  ) => (\n    <Tag\n      disabled={itemDisabled}\n      key={uniqueKey ?? item?.value}\n      size=\"small\"\n      closable={isPreview ? false : closable}\n      onClose={(e) => {\n        onPreventMouseDown(e);\n        onClose?.(e);\n      }}\n    >\n      {content}\n    </Tag>\n  );\n  const isResponsiveMode = isResponsive(mode);\n  const showSelectedSection = isShowSelectedSection(mode);\n  const renderItem = (valueItem: DisplayValueType, index?: number) => {\n    const { disabled: itemDisabled, label, value } = valueItem;\n    const closable = !disabled && !itemDisabled;\n    let isPreview = !showResponsiveSelectedSection;\n    if (!isResponsiveMode) {\n      isPreview = false;\n    }\n    if (!showSelectedSection) {\n      isPreview = false;\n    }\n    if (disabled) {\n      isPreview = true;\n    }\n    const displayLabel: React.ReactNode = label;\n\n    const onClose = (event?: React.MouseEvent) => {\n      if (event) {\n        event.stopPropagation();\n      }\n      onRemove(valueItem);\n    };\n    if (_.isNil(value)) {\n      return null;\n    }\n\n    // 生成唯一的 key，如果 value 可能重复，使用 value + index 组合\n    const uniqueKey =\n      valueItem.key ??\n      (value !== undefined && value !== null\n        ? `${value}-${index ?? ''}`\n        : `item-${index ?? ''}`);\n\n    return typeof tagRender === 'function'\n      ? customizeRenderSelector(\n          value,\n          displayLabel,\n          !!itemDisabled,\n          closable,\n          onClose,\n          isPreview,\n          uniqueKey,\n        )\n      : defaultRenderSelector(\n          valueItem,\n          displayLabel,\n          !!itemDisabled,\n          closable,\n          onClose,\n          isPreview,\n          uniqueKey,\n        );\n  };\n\n  const renderRest = (omittedValues: DisplayValueType[]) => {\n    if (displayValues.length === 1) {\n      return null;\n    }\n\n    const content =\n      typeof maxTagPlaceholder === 'function'\n        ? maxTagPlaceholder(\n            omittedValues.length === displayValues.length\n              ? omittedValues.slice(1, omittedValues.length)\n              : omittedValues,\n          )\n        : innerMaxTagPlaceholder(\n            omittedValues.length === displayValues.length\n              ? omittedValues.slice(1, omittedValues.length)\n              : omittedValues,\n          );\n\n    return typeof maxTagPlaceholder === 'function'\n      ? content\n      : defaultRenderSelector({ title: content }, content, false);\n  };\n  const onVisibleChange = (visibleCount: number) => {\n    setShowItemIndex(visibleCount);\n  };\n  const maxHeight = useMemo(() => {\n    if (isMultiple(mode)) {\n      let maxRows: number | undefined;\n      if (typeof mode === 'object') {\n        maxRows = mode.maxRows;\n      }\n      if (!maxRows) {\n        // 2.5行高+2行间距\n        return 2.5 * tagHeight + 2 * gap;\n      } else {\n        // 总行高+总行间距\n        return maxRows * tagHeight + (maxRows - 1) * gap;\n      }\n    }\n\n    return undefined;\n  }, [mode]);\n  if (isResponsiveMode) {\n    return (\n      <div className=\"beta-ald-select-selector beta-ald-select-selector-multiple-responsive\">\n        {showItemIndex === -1 && displayValues.length > 0 && (\n          <div className=\"beta-ald-select-selector-overflow-item-first\">\n            {renderItem(displayValues[0], 0)}\n          </div>\n        )}\n        <Overflow\n          prefixCls={overflowPrefixCls}\n          data={displayValues}\n          renderItem={(item, info) => renderItem(item, info?.index)}\n          className={cn({\n            'beta-ald-select-selector-overflow-hidden':\n              showItemIndex === -1 && displayValues.length === 1,\n          })}\n          renderRest={renderRest}\n          itemKey={itemKey}\n          gap={gap}\n          onVisibleChange={onVisibleChange}\n        />\n        {showResponsiveSelectedSection && (\n          <MultipleResponsiveSelectedSection\n            displayValues={displayValues}\n            renderItem={renderItem}\n            maxHeight={maxHeight}\n            suffixIcon={suffixIcon}\n            onToggleOpen={onToggleOpen}\n            dropdownRef={dropdownRef}\n          />\n        )}\n      </div>\n    );\n  }\n\n  return (\n    <ScrollArea\n      innerClassName=\"beta-ald-select-selector-multiple-default-inner\"\n      className=\"beta-ald-select-selector beta-ald-select-selector-multiple-default\"\n      innerStyle={{\n        maxHeight: maxHeight,\n      }}\n    >\n      <div className=\"beta-ald-select-selector-multiple-default-tags\">\n        {displayValues.map((item, index) => renderItem(item, index))}\n      </div>\n    </ScrollArea>\n  );\n}\n"],"mappings":"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"}

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

@@ -1,13 +1,13 @@
-import { DisplayValueType, ISelectProps, LabelInValueType } from '../interface';
-import { RefObject } from 'react';
-import { RefTriggerProps } from '../SelectTrigger';
+import { DisplayValueType, ISelectProps, LabelInValueType } from '../interface.js';
+import { default as React, RefObject } from 'react';
+import { RefTriggerProps } from '../SelectTrigger.js';
 export interface SelectorProps extends ISelectProps {
     displayValues: LabelInValueType[];
     onRemove: (value: DisplayValueType) => void;
     onToggleOpen: (open?: boolean) => void;
     showResponsiveSelectedSection: boolean;
-    dropdownRef: RefObject<RefTriggerProps>;
+    dropdownRef: RefObject<RefTriggerProps | null>;
     /** 多选 responsive 进入/退出 -1 收纳态（仅"首 tag + +N"）时上抛 */
     onOverflowCollapsedChange?: (collapsed: boolean) => void;
 }
-export default function Selector(props: SelectorProps): import("react/jsx-runtime").JSX.Element;
+export default function Selector(props: SelectorProps): React.JSX.Element;

package/dist/Select/Selector/index.js

@@ -1,23 +1,74 @@
 import prefixCls from "../../_utils/prefixCls.js";
 import MultipleSelector from "./MultipleSelector.js";
 import { isMultiple } from "../BaseSelect.js";
+import { c } from "react-compiler-runtime";
 import "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/Select/Selector/index.tsx
 function Selector(props) {
-	const classNames = prefixCls("select-selector");
-	const { mode, displayValues, onRemove, onToggleOpen, showResponsiveSelectedSection, dropdownRef } = props;
-	if (isMultiple(mode)) return /* @__PURE__ */ jsx(MultipleSelector, {
-		...props,
-		onRemove,
-		dropdownRef,
-		onToggleOpen,
-		showResponsiveSelectedSection
-	});
-	return /* @__PURE__ */ jsx("div", {
-		className: classNames("beta-ald-select-selector") + " ant-select-selection-item",
-		children: displayValues.map((item, index) => /* @__PURE__ */ jsx("span", { children: item.label }, item.value ?? `item-${index}`))
-	});
+	const $ = c(15);
+	let displayValues;
+	let t0;
+	let t1;
+	if ($[0] !== props) {
+		t1 = Symbol.for("react.early_return_sentinel");
+		bb0: {
+			const classNames = prefixCls("select-selector");
+			const { mode, displayValues: t2, onRemove, onToggleOpen, showResponsiveSelectedSection, dropdownRef } = props;
+			displayValues = t2;
+			if (isMultiple(mode)) {
+				let t3;
+				if ($[4] !== dropdownRef || $[5] !== onRemove || $[6] !== onToggleOpen || $[7] !== props || $[8] !== showResponsiveSelectedSection) {
+					t3 = /* @__PURE__ */ jsx(MultipleSelector, {
+						...props,
+						onRemove,
+						dropdownRef,
+						onToggleOpen,
+						showResponsiveSelectedSection
+					});
+					$[4] = dropdownRef;
+					$[5] = onRemove;
+					$[6] = onToggleOpen;
+					$[7] = props;
+					$[8] = showResponsiveSelectedSection;
+					$[9] = t3;
+				} else t3 = $[9];
+				t1 = t3;
+				break bb0;
+			}
+			t0 = classNames("beta-ald-select-selector");
+		}
+		$[0] = props;
+		$[1] = displayValues;
+		$[2] = t0;
+		$[3] = t1;
+	} else {
+		displayValues = $[1];
+		t0 = $[2];
+		t1 = $[3];
+	}
+	if (t1 !== Symbol.for("react.early_return_sentinel")) return t1;
+	const t2 = t0 + " ant-select-selection-item";
+	let t3;
+	if ($[10] !== displayValues) {
+		t3 = displayValues.map(_temp);
+		$[10] = displayValues;
+		$[11] = t3;
+	} else t3 = $[11];
+	let t4;
+	if ($[12] !== t2 || $[13] !== t3) {
+		t4 = /* @__PURE__ */ jsx("div", {
+			className: t2,
+			children: t3
+		});
+		$[12] = t2;
+		$[13] = t3;
+		$[14] = t4;
+	} else t4 = $[14];
+	return t4;
+}
+function _temp(item, index) {
+	return /* @__PURE__ */ jsx("span", { children: item.label }, item.value ?? `item-${index}`);
 }
 //#endregion
 export { Selector as default };

package/dist/Select/Selector/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/Select/Selector/index.tsx"],"sourcesContent":["import prefixCls from '../../_utils/prefixCls';\nimport { DisplayValueType, ISelectProps, LabelInValueType } from '../interface';\nimport React, { RefObject } from 'react';\nimport MultipleSelector from './MultipleSelector';\nimport { isMultiple } from '../BaseSelect';\nimport { RefTriggerProps } from '../SelectTrigger';\nexport interface SelectorProps extends ISelectProps {\n  displayValues: LabelInValueType[];\n  onRemove: (value: DisplayValueType) => void;\n  onToggleOpen: (open?: boolean) => void;\n  showResponsiveSelectedSection: boolean;\n  dropdownRef: RefObject<RefTriggerProps>;\n  /** 多选 responsive 进入/退出 -1 收纳态（仅\"首 tag + +N\"）时上抛 */\n  onOverflowCollapsedChange?: (collapsed: boolean) => void;\n}\nexport default function Selector(props: SelectorProps) {\n  const classNames = prefixCls('select-selector');\n  const {\n    mode,\n    displayValues,\n    onRemove,\n    onToggleOpen,\n    showResponsiveSelectedSection,\n    dropdownRef,\n  } = props;\n  if (isMultiple(mode)) {\n    return (\n      <MultipleSelector\n        {...props}\n        onRemove={onRemove}\n        dropdownRef={dropdownRef}\n        onToggleOpen={onToggleOpen}\n        showResponsiveSelectedSection={showResponsiveSelectedSection}\n      />\n    );\n  }\n  {\n    /* antd 兼容：保留 ant-* class，消费方 CSS 可能依赖该选择器 */\n  }\n  return (\n    <div\n      className={\n        classNames('beta-ald-select-selector') + ' ant-select-selection-item'\n      }\n    >\n      {displayValues.map((item, index) => (\n        <span key={item.value ?? `item-${index}`}>{item.label}</span>\n      ))}\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAeA,SAAwB,SAAS,OAAsB;CACrD,MAAM,aAAa,UAAU,kBAAkB;CAC/C,MAAM,EACJ,MACA,eACA,UACA,cACA,+BACA,gBACE;AACJ,KAAI,WAAW,KAAK,CAClB,QACE,oBAAC,kBAAD;EACE,GAAI;EACM;EACG;EACC;EACiB;EAC/B,CAAA;AAMN,QACE,oBAAC,OAAD;EACE,WACE,WAAW,2BAA2B,GAAG;YAG1C,cAAc,KAAK,MAAM,UACxB,oBAAC,QAAD,EAAA,UAA2C,KAAK,OAAa,EAAlD,KAAK,SAAS,QAAQ,QAA4B,CAC7D;EACE,CAAA"}
+{"version":3,"file":"index.js","names":["prefixCls","DisplayValueType","ISelectProps","LabelInValueType","React","RefObject","MultipleSelector","isMultiple","RefTriggerProps","SelectorProps","displayValues","onRemove","value","onToggleOpen","open","showResponsiveSelectedSection","dropdownRef","onOverflowCollapsedChange","collapsed","Selector","props","$","_c","t0","t1","Symbol","for","bb0","classNames","mode","t2","t3","map","_temp","t4","item","index","label"],"sources":["../../../src/Select/Selector/index.tsx"],"sourcesContent":["import prefixCls from '../../_utils/prefixCls';\nimport { DisplayValueType, ISelectProps, LabelInValueType } from '../interface';\nimport React, { RefObject } from 'react';\nimport MultipleSelector from './MultipleSelector';\nimport { isMultiple } from '../BaseSelect';\nimport { RefTriggerProps } from '../SelectTrigger';\nexport interface SelectorProps extends ISelectProps {\n  displayValues: LabelInValueType[];\n  onRemove: (value: DisplayValueType) => void;\n  onToggleOpen: (open?: boolean) => void;\n  showResponsiveSelectedSection: boolean;\n  dropdownRef: RefObject<RefTriggerProps | null>;\n  /** 多选 responsive 进入/退出 -1 收纳态（仅\"首 tag + +N\"）时上抛 */\n  onOverflowCollapsedChange?: (collapsed: boolean) => void;\n}\nexport default function Selector(props: SelectorProps) {\n  const classNames = prefixCls('select-selector');\n  const {\n    mode,\n    displayValues,\n    onRemove,\n    onToggleOpen,\n    showResponsiveSelectedSection,\n    dropdownRef,\n  } = props;\n  if (isMultiple(mode)) {\n    return (\n      <MultipleSelector\n        {...props}\n        onRemove={onRemove}\n        dropdownRef={dropdownRef}\n        onToggleOpen={onToggleOpen}\n        showResponsiveSelectedSection={showResponsiveSelectedSection}\n      />\n    );\n  }\n  {\n    /* antd 兼容：保留 ant-* class，消费方 CSS 可能依赖该选择器 */\n  }\n  return (\n    <div\n      className={\n        classNames('beta-ald-select-selector') + ' ant-select-selection-item'\n      }\n    >\n      {displayValues.map((item, index) => (\n        <span key={item.value ?? `item-${index}`}>{item.label}</span>\n      ))}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;AAeA,SAAemB,SAAAC,OAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAAA,IAAAZ;CAAA,IAAAa;CAAA,IAAAC;AAAA,KAAAH,EAAA,OAAAD,OAAA;AAYTI,OAAAC,OAMEC,IANF,8BAME;AAAAC,OAAA;GAjBN,MAAAC,aAAmB5B,UAAU,kBAAkB;GAC/C,MAAA,EAAA6B,MAAAnB,eAAAoB,IAAAnB,UAAAE,cAAAE,+BAAAC,gBAOII;AAPJV,mBAAAoB;AAQA,OAAIvB,WAAWsB,KAAK,EAAA;IAAA,IAAAE;AAAA,QAAAV,EAAA,OAAAL,eAAAK,EAAA,OAAAV,YAAAU,EAAA,OAAAR,gBAAAQ,EAAA,OAAAD,SAAAC,EAAA,OAAAN,+BAAA;AAEhBgB,UAAA,oBAAC,kBAAD;MAAiB,GACXX;MACMT;MACGK;MACCH;MACiBE;MAC/B,CAAA;AAAAM,OAAA,KAAAL;AAAAK,OAAA,KAAAV;AAAAU,OAAA,KAAAR;AAAAQ,OAAA,KAAAD;AAAAC,OAAA,KAAAN;AAAAM,OAAA,KAAAU;UAAAA,MAAAV,EAAA;AANFG,SAAAO;AAAA,UAAAJ;;AAeEJ,QAAAK,WAAW,2BAA2B;;AAAAP,IAAA,KAAAD;AAAAC,IAAA,KAAAX;AAAAW,IAAA,KAAAE;AAAAF,IAAA,KAAAG;QAAA;AAAAd,kBAAAW,EAAA;AAAAE,OAAAF,EAAA;AAAAG,OAAAH,EAAA;;AAAA,KAAAG,OAAAC,OAAAC,IAAA,8BAAA,CAAA,QAAAF;CAAtC,MAAAM,KAAAP,KAAyC;CAA4B,IAAAQ;AAAA,KAAAV,EAAA,QAAAX,eAAA;AAGtEqB,OAAArB,cAAasB,IAAKC,MAEjB;AAAAZ,IAAA,MAAAX;AAAAW,IAAA,MAAAU;OAAAA,MAAAV,EAAA;CAAA,IAAAa;AAAA,KAAAb,EAAA,QAAAS,MAAAT,EAAA,QAAAU,IAAA;AAPJG,OAAA,oBAAA,OAAA;GAEI,WAAAJ;aAGDC;GAGG,CAAA;AAAAV,IAAA,MAAAS;AAAAT,IAAA,MAAAU;AAAAV,IAAA,MAAAa;OAAAA,MAAAb,EAAA;AAAA,QARNa;;AAzBW,SAAAD,MAAAE,MAAAC,OAAA;AAAA,QA+BP,oBAAA,QAAA,EAAA,UAA2CD,KAAIE,OAAc,EAAlDF,KAAIvB,SAAJ,QAAsBwB,QAA4B"}

package/dist/Select/Selector.js

@@ -0,0 +1,2 @@
+export * from './Selector/index.js';
+export { default } from './Selector/index.js';

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

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { RawValueType, SelectItemType } from '../interface';
+import { RawValueType, SelectItemType } from '../interface.js';
 export interface SelectOptionCollectionItem {
     id: string;
     key: string;
@@ -30,6 +30,7 @@ interface OptionCollectionProps {
     listHeight: number;
     notFoundContent: React.ReactNode;
     onSelect: (value: RawValueType) => void;
+    onPointerMove: React.PointerEventHandler<HTMLDivElement>;
 }
 /**
  * Visual collection renderer for the standard flat single-select popup.
@@ -37,5 +38,5 @@ interface OptionCollectionProps {
  * 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 default function OptionCollection({ collection, selectedValues, activeOptionKey, multiple, loading, listHeight, notFoundContent, onSelect, onPointerMove, }: OptionCollectionProps): React.JSX.Element;
 export {};

package/dist/Select/components/OptionCollection.js

@@ -1,6 +1,7 @@
 import { cn } from "../../lib/utils.js";
 import Memo from "../../Icon/components/CheckLightLine.js";
 import { toString } from "../utils/commonUtil.js";
+import { c } from "react-compiler-runtime";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/Select/components/OptionCollection.tsx
@@ -32,49 +33,97 @@ function createSelectOptionCollection(listboxId, keyMenuItems) {
 * The legacy Menu class hooks are retained only to preserve existing Select
 * geometry and option presentation while ownership moves to Select.
 */
-function OptionCollection({ collection, selectedValues, activeOptionKey, multiple = false, loading = false, listHeight, notFoundContent, onSelect }) {
-	if (collection.options.length === 0) return /* @__PURE__ */ jsx("div", {
-		className: "ald-menu",
-		"data-select-option-collection": collection.listboxId,
-		style: {
-			height: listHeight,
-			overflow: "auto"
-		},
-		children: /* @__PURE__ */ jsx("div", {
-			className: "szh-menu",
-			id: collection.listboxId,
-			role: "listbox",
-			"aria-multiselectable": multiple || void 0,
-			"aria-busy": loading || void 0,
-			style: {
+function OptionCollection(t0) {
+	const $ = c(37);
+	const { collection, selectedValues, activeOptionKey, multiple: t1, loading: t2, listHeight, notFoundContent, onSelect, onPointerMove } = t0;
+	const multiple = t1 === void 0 ? false : t1;
+	const loading = t2 === void 0 ? false : t2;
+	if (collection.options.length === 0) {
+		let t3;
+		if ($[0] !== listHeight) {
+			t3 = {
+				height: listHeight,
+				overflow: "auto"
+			};
+			$[0] = listHeight;
+			$[1] = t3;
+		} else t3 = $[1];
+		const t4 = multiple || void 0;
+		const t5 = loading || void 0;
+		let t6;
+		if ($[2] !== listHeight) {
+			t6 = {
 				height: listHeight,
 				overflow: "auto"
-			},
-			children: /* @__PURE__ */ jsx("div", {
+			};
+			$[2] = listHeight;
+			$[3] = t6;
+		} else t6 = $[3];
+		let t7;
+		if ($[4] !== notFoundContent) {
+			t7 = /* @__PURE__ */ jsx("div", {
 				role: "status",
 				"aria-live": "polite",
 				"aria-atomic": "true",
 				children: notFoundContent
-			})
-		})
-	});
-	return /* @__PURE__ */ jsx("div", {
-		className: "ald-menu",
-		"data-select-option-collection": collection.listboxId,
-		children: /* @__PURE__ */ jsx("div", {
-			className: "szh-menu",
-			id: collection.listboxId,
-			role: "listbox",
-			"aria-multiselectable": multiple || void 0,
-			"aria-busy": loading || void 0,
-			style: {
-				width: "100%",
-				minWidth: 0,
-				maxWidth: "none",
-				maxHeight: listHeight,
-				overflowY: "auto"
-			},
-			children: collection.options.map((item) => {
+			});
+			$[4] = notFoundContent;
+			$[5] = t7;
+		} else t7 = $[5];
+		let t8;
+		if ($[6] !== collection.listboxId || $[7] !== t4 || $[8] !== t5 || $[9] !== t6 || $[10] !== t7) {
+			t8 = /* @__PURE__ */ jsx("div", {
+				className: "szh-menu",
+				id: collection.listboxId,
+				role: "listbox",
+				"aria-multiselectable": t4,
+				"aria-busy": t5,
+				style: t6,
+				children: t7
+			});
+			$[6] = collection.listboxId;
+			$[7] = t4;
+			$[8] = t5;
+			$[9] = t6;
+			$[10] = t7;
+			$[11] = t8;
+		} else t8 = $[11];
+		let t9;
+		if ($[12] !== collection.listboxId || $[13] !== t3 || $[14] !== t8) {
+			t9 = /* @__PURE__ */ jsx("div", {
+				className: "ald-menu",
+				"data-select-option-collection": collection.listboxId,
+				style: t3,
+				children: t8
+			});
+			$[12] = collection.listboxId;
+			$[13] = t3;
+			$[14] = t8;
+			$[15] = t9;
+		} else t9 = $[15];
+		return t9;
+	}
+	const t3 = collection.listboxId;
+	const t4 = collection.listboxId;
+	const t5 = multiple || void 0;
+	const t6 = loading || void 0;
+	let t7;
+	if ($[16] !== listHeight) {
+		t7 = {
+			width: "100%",
+			minWidth: 0,
+			maxWidth: "none",
+			maxHeight: listHeight,
+			overflowY: "auto"
+		};
+		$[16] = listHeight;
+		$[17] = t7;
+	} else t7 = $[17];
+	let t8;
+	if ($[18] !== activeOptionKey || $[19] !== collection.options || $[20] !== onSelect || $[21] !== selectedValues) {
+		let t9;
+		if ($[23] !== activeOptionKey || $[24] !== onSelect || $[25] !== selectedValues) {
+			t9 = (item) => {
 				const selected = selectedValues.some((value) => toString(value) === toString(item.value));
 				return /* @__PURE__ */ jsx("div", {
 					id: item.id,
@@ -114,9 +163,51 @@ function OptionCollection({ collection, selectedValues, activeOptionKey, multipl
 						]
 					})
 				}, item.key);
-			})
-		})
-	});
+			};
+			$[23] = activeOptionKey;
+			$[24] = onSelect;
+			$[25] = selectedValues;
+			$[26] = t9;
+		} else t9 = $[26];
+		t8 = collection.options.map(t9);
+		$[18] = activeOptionKey;
+		$[19] = collection.options;
+		$[20] = onSelect;
+		$[21] = selectedValues;
+		$[22] = t8;
+	} else t8 = $[22];
+	let t9;
+	if ($[27] !== collection.listboxId || $[28] !== t5 || $[29] !== t6 || $[30] !== t7 || $[31] !== t8) {
+		t9 = /* @__PURE__ */ jsx("div", {
+			className: "szh-menu",
+			id: t4,
+			role: "listbox",
+			"aria-multiselectable": t5,
+			"aria-busy": t6,
+			style: t7,
+			children: t8
+		});
+		$[27] = collection.listboxId;
+		$[28] = t5;
+		$[29] = t6;
+		$[30] = t7;
+		$[31] = t8;
+		$[32] = t9;
+	} else t9 = $[32];
+	let t10;
+	if ($[33] !== collection.listboxId || $[34] !== onPointerMove || $[35] !== t9) {
+		t10 = /* @__PURE__ */ jsx("div", {
+			className: "ald-menu",
+			"data-select-option-collection": t3,
+			onPointerMove,
+			children: t9
+		});
+		$[33] = collection.listboxId;
+		$[34] = onPointerMove;
+		$[35] = t9;
+		$[36] = t10;
+	} else t10 = $[36];
+	return t10;
 }
 //#endregion
 export { createSelectOptionCollection, OptionCollection as default };

package/dist/Select/components/OptionCollection.js.map

@@ -1 +1 @@
-{"version":3,"file":"OptionCollection.js","names":[],"sources":["../../../src/Select/components/OptionCollection.tsx"],"sourcesContent":["import React from 'react';\nimport { CheckLightLine } from '../../Icon';\nimport { cn } from '../../lib/utils';\nimport { RawValueType, SelectItemType } from '../interface';\nimport { toString } from '../utils/commonUtil';\n\nexport interface SelectOptionCollectionItem {\n  id: string;\n  key: string;\n  value: RawValueType;\n  label: React.ReactNode;\n  disabled: boolean;\n  option: SelectItemType;\n}\n\nexport interface SelectOptionCollection {\n  listboxId: string;\n  options: SelectOptionCollectionItem[];\n  enabledOptions: SelectOptionCollectionItem[];\n}\n\n/**\n * Private Select collection seam for normalized, flat option data.\n *\n * It intentionally consumes the existing useOptions result instead of adding\n * another public normalization path. Menu-shaped and hierarchical inputs stay\n * on the legacy compatibility path until their Select contract is migrated.\n */\nexport function createSelectOptionCollection(\n  listboxId: string,\n  keyMenuItems: Map<string, SelectItemType>,\n): SelectOptionCollection {\n  const options = Array.from(keyMenuItems.entries()).map(([key, option]) => ({\n    id: `${listboxId}-option-${key}`,\n    key,\n    value: (option.value ?? key) as RawValueType,\n    label: option.label,\n    disabled: !!option.disabled,\n    option,\n  }));\n\n  return {\n    listboxId,\n    options,\n    enabledOptions: options.filter((option) => !option.disabled),\n  };\n}\n\ninterface OptionCollectionProps {\n  collection: SelectOptionCollection;\n  selectedValues: RawValueType[];\n  activeOptionKey?: string;\n  multiple?: boolean;\n  loading?: boolean;\n  listHeight: number;\n  notFoundContent: React.ReactNode;\n  onSelect: (value: RawValueType) => void;\n}\n\n/**\n * Visual collection renderer for the standard flat single-select popup.\n *\n * The legacy Menu class hooks are retained only to preserve existing Select\n * geometry and option presentation while ownership moves to Select.\n */\nexport default function OptionCollection({\n  collection,\n  selectedValues,\n  activeOptionKey,\n  multiple = false,\n  loading = false,\n  listHeight,\n  notFoundContent,\n  onSelect,\n}: OptionCollectionProps) {\n  if (collection.options.length === 0) {\n    return (\n      <div\n        className=\"ald-menu\"\n        data-select-option-collection={collection.listboxId}\n        style={{ height: listHeight, overflow: 'auto' }}\n      >\n        <div\n          className=\"szh-menu\"\n          id={collection.listboxId}\n          role=\"listbox\"\n          aria-multiselectable={multiple || undefined}\n          aria-busy={loading || undefined}\n          style={{ height: listHeight, overflow: 'auto' }}\n        >\n          <div role=\"status\" aria-live=\"polite\" aria-atomic=\"true\">\n            {notFoundContent}\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div\n      className=\"ald-menu\"\n      data-select-option-collection={collection.listboxId}\n    >\n      <div\n        className=\"szh-menu\"\n        id={collection.listboxId}\n        role=\"listbox\"\n        aria-multiselectable={multiple || undefined}\n        aria-busy={loading || undefined}\n        style={{\n          width: '100%',\n          minWidth: 0,\n          maxWidth: 'none',\n          maxHeight: listHeight,\n          overflowY: 'auto',\n        }}\n      >\n        {collection.options.map((item) => {\n          const selected = selectedValues.some(\n            (value) => toString(value) === toString(item.value),\n          );\n\n          return (\n            <div\n              key={item.key}\n              id={item.id}\n              role=\"option\"\n              aria-selected={selected}\n              aria-disabled={item.disabled || undefined}\n              className={cn('szh-menu__item', 'ald-menu-item', {\n                'szh-menu__item--disabled': item.disabled,\n                'ald-menu-item-selected': selected,\n                'szh-menu__item--hover': activeOptionKey === item.key,\n              })}\n              data-select-option-id={item.id}\n              onClick={() => {\n                if (!item.disabled) {\n                  onSelect(item.value);\n                }\n              }}\n            >\n              <div className=\"ald-menu-item-label\">\n                {item.option.icon && (\n                  <div className=\"ald-menu-item-label-icon\">\n                    {item.option.icon}\n                  </div>\n                )}\n                <div className=\"ald-menu-item-label-text tw-text-typography-body-dense\">\n                  {item.label}\n                </div>\n                {(item.option.extra || selectedValues.length > 0) && (\n                  <div className=\"ald-menu-item-right\">\n                    {item.option.extra && (\n                      <span className=\"ald-menu-item-extra\">\n                        {item.option.extra}\n                      </span>\n                    )}\n                    {selectedValues.length > 0 && (\n                      <div\n                        className={cn('ald-menu-item-selection-slot', {\n                          'ald-menu-item-selection-slot-selected ald-menu-item-selected-icon':\n                            selected,\n                        })}\n                      >\n                        {selected ? <CheckLightLine /> : null}\n                      </div>\n                    )}\n                  </div>\n                )}\n              </div>\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AA4BA,SAAgB,6BACd,WACA,cACwB;CACxB,MAAM,UAAU,MAAM,KAAK,aAAa,SAAS,CAAC,CAAC,KAAK,CAAC,KAAK,aAAa;EACzE,IAAI,GAAG,UAAU,UAAU;EAC3B;EACA,OAAQ,OAAO,SAAS;EACxB,OAAO,OAAO;EACd,UAAU,CAAC,CAAC,OAAO;EACnB;EACD,EAAE;AAEH,QAAO;EACL;EACA;EACA,gBAAgB,QAAQ,QAAQ,WAAW,CAAC,OAAO,SAAS;EAC7D;;;;;;;;AAoBH,SAAwB,iBAAiB,EACvC,YACA,gBACA,iBACA,WAAW,OACX,UAAU,OACV,YACA,iBACA,YACwB;AACxB,KAAI,WAAW,QAAQ,WAAW,EAChC,QACE,oBAAC,OAAD;EACE,WAAU;EACV,iCAA+B,WAAW;EAC1C,OAAO;GAAE,QAAQ;GAAY,UAAU;GAAQ;YAE/C,oBAAC,OAAD;GACE,WAAU;GACV,IAAI,WAAW;GACf,MAAK;GACL,wBAAsB,YAAY;GAClC,aAAW,WAAW;GACtB,OAAO;IAAE,QAAQ;IAAY,UAAU;IAAQ;aAE/C,oBAAC,OAAD;IAAK,MAAK;IAAS,aAAU;IAAS,eAAY;cAC/C;IACG,CAAA;GACF,CAAA;EACF,CAAA;AAIV,QACE,oBAAC,OAAD;EACE,WAAU;EACV,iCAA+B,WAAW;YAE1C,oBAAC,OAAD;GACE,WAAU;GACV,IAAI,WAAW;GACf,MAAK;GACL,wBAAsB,YAAY;GAClC,aAAW,WAAW;GACtB,OAAO;IACL,OAAO;IACP,UAAU;IACV,UAAU;IACV,WAAW;IACX,WAAW;IACZ;aAEA,WAAW,QAAQ,KAAK,SAAS;IAChC,MAAM,WAAW,eAAe,MAC7B,UAAU,SAAS,MAAM,KAAK,SAAS,KAAK,MAAM,CACpD;AAED,WACE,oBAAC,OAAD;KAEE,IAAI,KAAK;KACT,MAAK;KACL,iBAAe;KACf,iBAAe,KAAK,YAAY;KAChC,WAAW,GAAG,kBAAkB,iBAAiB;MAC/C,4BAA4B,KAAK;MACjC,0BAA0B;MAC1B,yBAAyB,oBAAoB,KAAK;MACnD,CAAC;KACF,yBAAuB,KAAK;KAC5B,eAAe;AACb,UAAI,CAAC,KAAK,SACR,UAAS,KAAK,MAAM;;eAIxB,qBAAC,OAAD;MAAK,WAAU;gBAAf;OACG,KAAK,OAAO,QACX,oBAAC,OAAD;QAAK,WAAU;kBACZ,KAAK,OAAO;QACT,CAAA;OAER,oBAAC,OAAD;QAAK,WAAU;kBACZ,KAAK;QACF,CAAA;QACJ,KAAK,OAAO,SAAS,eAAe,SAAS,MAC7C,qBAAC,OAAD;QAAK,WAAU;kBAAf,CACG,KAAK,OAAO,SACX,oBAAC,QAAD;SAAM,WAAU;mBACb,KAAK,OAAO;SACR,CAAA,EAER,eAAe,SAAS,KACvB,oBAAC,OAAD;SACE,WAAW,GAAG,gCAAgC,EAC5C,qEACE,UACH,CAAC;mBAED,WAAW,oBAAC,MAAD,EAAkB,CAAA,GAAG;SAC7B,CAAA,CAEJ;;OAEJ;;KACF,EA9CC,KAAK,IA8CN;KAER;GACE,CAAA;EACF,CAAA"}
+{"version":3,"file":"OptionCollection.js","names":["React","CheckLightLine","cn","RawValueType","SelectItemType","toString","SelectOptionCollectionItem","id","key","value","label","ReactNode","disabled","option","SelectOptionCollection","listboxId","options","enabledOptions","createSelectOptionCollection","keyMenuItems","Map","Array","from","entries","map","filter","OptionCollectionProps","collection","selectedValues","activeOptionKey","multiple","loading","listHeight","notFoundContent","onSelect","onPointerMove","PointerEventHandler","HTMLDivElement","OptionCollection","t0","$","_c","t1","t2","undefined","length","t3","height","overflow","t4","t5","t6","t7","t8","t9","width","minWidth","maxWidth","maxHeight","overflowY","item","selected","some","icon","extra","t10"],"sources":["../../../src/Select/components/OptionCollection.tsx"],"sourcesContent":["import React from 'react';\nimport { CheckLightLine } from '../../Icon';\nimport { cn } from '../../lib/utils';\nimport { RawValueType, SelectItemType } from '../interface';\nimport { toString } from '../utils/commonUtil';\n\nexport interface SelectOptionCollectionItem {\n  id: string;\n  key: string;\n  value: RawValueType;\n  label: React.ReactNode;\n  disabled: boolean;\n  option: SelectItemType;\n}\n\nexport interface SelectOptionCollection {\n  listboxId: string;\n  options: SelectOptionCollectionItem[];\n  enabledOptions: SelectOptionCollectionItem[];\n}\n\n/**\n * Private Select collection seam for normalized, flat option data.\n *\n * It intentionally consumes the existing useOptions result instead of adding\n * another public normalization path. Menu-shaped and hierarchical inputs stay\n * on the legacy compatibility path until their Select contract is migrated.\n */\nexport function createSelectOptionCollection(\n  listboxId: string,\n  keyMenuItems: Map<string, SelectItemType>,\n): SelectOptionCollection {\n  const options = Array.from(keyMenuItems.entries()).map(([key, option]) => ({\n    id: `${listboxId}-option-${key}`,\n    key,\n    value: (option.value ?? key) as RawValueType,\n    label: option.label,\n    disabled: !!option.disabled,\n    option,\n  }));\n\n  return {\n    listboxId,\n    options,\n    enabledOptions: options.filter((option) => !option.disabled),\n  };\n}\n\ninterface OptionCollectionProps {\n  collection: SelectOptionCollection;\n  selectedValues: RawValueType[];\n  activeOptionKey?: string;\n  multiple?: boolean;\n  loading?: boolean;\n  listHeight: number;\n  notFoundContent: React.ReactNode;\n  onSelect: (value: RawValueType) => void;\n  onPointerMove: React.PointerEventHandler<HTMLDivElement>;\n}\n\n/**\n * Visual collection renderer for the standard flat single-select popup.\n *\n * The legacy Menu class hooks are retained only to preserve existing Select\n * geometry and option presentation while ownership moves to Select.\n */\nexport default function OptionCollection({\n  collection,\n  selectedValues,\n  activeOptionKey,\n  multiple = false,\n  loading = false,\n  listHeight,\n  notFoundContent,\n  onSelect,\n  onPointerMove,\n}: OptionCollectionProps) {\n  if (collection.options.length === 0) {\n    return (\n      <div\n        className=\"ald-menu\"\n        data-select-option-collection={collection.listboxId}\n        style={{ height: listHeight, overflow: 'auto' }}\n      >\n        <div\n          className=\"szh-menu\"\n          id={collection.listboxId}\n          role=\"listbox\"\n          aria-multiselectable={multiple || undefined}\n          aria-busy={loading || undefined}\n          style={{ height: listHeight, overflow: 'auto' }}\n        >\n          <div role=\"status\" aria-live=\"polite\" aria-atomic=\"true\">\n            {notFoundContent}\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div\n      className=\"ald-menu\"\n      data-select-option-collection={collection.listboxId}\n      onPointerMove={onPointerMove}\n    >\n      <div\n        className=\"szh-menu\"\n        id={collection.listboxId}\n        role=\"listbox\"\n        aria-multiselectable={multiple || undefined}\n        aria-busy={loading || undefined}\n        style={{\n          width: '100%',\n          minWidth: 0,\n          maxWidth: 'none',\n          maxHeight: listHeight,\n          overflowY: 'auto',\n        }}\n      >\n        {collection.options.map((item) => {\n          const selected = selectedValues.some(\n            (value) => toString(value) === toString(item.value),\n          );\n\n          return (\n            <div\n              key={item.key}\n              id={item.id}\n              role=\"option\"\n              aria-selected={selected}\n              aria-disabled={item.disabled || undefined}\n              className={cn('szh-menu__item', 'ald-menu-item', {\n                'szh-menu__item--disabled': item.disabled,\n                'ald-menu-item-selected': selected,\n                'szh-menu__item--hover': activeOptionKey === item.key,\n              })}\n              data-select-option-id={item.id}\n              onClick={() => {\n                if (!item.disabled) {\n                  onSelect(item.value);\n                }\n              }}\n            >\n              <div className=\"ald-menu-item-label\">\n                {item.option.icon && (\n                  <div className=\"ald-menu-item-label-icon\">\n                    {item.option.icon}\n                  </div>\n                )}\n                <div className=\"ald-menu-item-label-text tw-text-typography-body-dense\">\n                  {item.label}\n                </div>\n                {(item.option.extra || selectedValues.length > 0) && (\n                  <div className=\"ald-menu-item-right\">\n                    {item.option.extra && (\n                      <span className=\"ald-menu-item-extra\">\n                        {item.option.extra}\n                      </span>\n                    )}\n                    {selectedValues.length > 0 && (\n                      <div\n                        className={cn('ald-menu-item-selection-slot', {\n                          'ald-menu-item-selection-slot-selected ald-menu-item-selected-icon':\n                            selected,\n                        })}\n                      >\n                        {selected ? <CheckLightLine /> : null}\n                      </div>\n                    )}\n                  </div>\n                )}\n              </div>\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

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

@@ -1,8 +1,8 @@
 import { default as React } from 'react';
-import { SelectMenuProps } from '../interface';
+import { SelectMenuProps } from '../interface.js';
 export default function PopupContent(props: {
     content: React.ReactNode;
     notFoundContent: React.ReactNode;
     dropdownRender?: (menu: React.ReactNode) => React.ReactNode;
     menuProps?: SelectMenuProps;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;

package/dist/Select/components/PopupContent.js

@@ -1,23 +1,53 @@
+import { c } from "react-compiler-runtime";
 import "react";
 import { Fragment, jsx } from "react/jsx-runtime";
 import _ from "lodash";
 //#region src/Select/components/PopupContent.tsx
 function PopupContent(props) {
+	const $ = c(10);
 	const { content, notFoundContent, dropdownRender, menuProps } = props;
 	let popupContent;
-	if (typeof dropdownRender === "function") popupContent = dropdownRender(content);
-	else if (_.isNil(menuProps) || _.isEmpty(menuProps.items)) {
+	if (typeof dropdownRender === "function") {
+		let t0;
+		if ($[0] !== content || $[1] !== dropdownRender) {
+			t0 = dropdownRender(content);
+			$[0] = content;
+			$[1] = dropdownRender;
+			$[2] = t0;
+		} else t0 = $[2];
+		popupContent = t0;
+	} else if (_.isNil(menuProps) || _.isEmpty(menuProps.items)) {
 		const menuStyle = menuProps?.menuStyle;
-		if (menuStyle?.maxHeight) popupContent = /* @__PURE__ */ jsx("div", {
-			style: {
-				height: menuStyle.maxHeight,
-				overflow: "auto"
-			},
-			children: notFoundContent
-		});
-		else popupContent = notFoundContent;
+		if (menuStyle?.maxHeight) {
+			let t0;
+			if ($[3] !== menuStyle.maxHeight) {
+				t0 = {
+					height: menuStyle.maxHeight,
+					overflow: "auto"
+				};
+				$[3] = menuStyle.maxHeight;
+				$[4] = t0;
+			} else t0 = $[4];
+			let t1;
+			if ($[5] !== notFoundContent || $[6] !== t0) {
+				t1 = /* @__PURE__ */ jsx("div", {
+					style: t0,
+					children: notFoundContent
+				});
+				$[5] = notFoundContent;
+				$[6] = t0;
+				$[7] = t1;
+			} else t1 = $[7];
+			popupContent = t1;
+		} else popupContent = notFoundContent;
 	} else popupContent = content;
-	return /* @__PURE__ */ jsx(Fragment, { children: popupContent });
+	let t0;
+	if ($[8] !== popupContent) {
+		t0 = /* @__PURE__ */ jsx(Fragment, { children: popupContent });
+		$[8] = popupContent;
+		$[9] = t0;
+	} else t0 = $[9];
+	return t0;
 }
 //#endregion
 export { PopupContent as default };

package/dist/Select/components/PopupContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"PopupContent.js","names":[],"sources":["../../../src/Select/components/PopupContent.tsx"],"sourcesContent":["import _ from 'lodash';\nimport React from 'react';\nimport { SelectMenuProps } from '../interface';\n\nexport default function PopupContent(props: {\n  content: React.ReactNode;\n  notFoundContent: React.ReactNode;\n  dropdownRender?: (menu: React.ReactNode) => React.ReactNode;\n  menuProps?: SelectMenuProps;\n}) {\n  const { content, notFoundContent, dropdownRender, menuProps } = props;\n  let popupContent: React.ReactNode;\n  if (typeof dropdownRender === 'function') {\n    popupContent = dropdownRender(content);\n  } else if (_.isNil(menuProps) || _.isEmpty(menuProps.items)) {\n    const menuStyle = menuProps?.menuStyle;\n    if (menuStyle?.maxHeight) {\n      // 这个 maxHeight 来自组件的 listHeight 参数\n      popupContent = (\n        <div style={{ height: menuStyle.maxHeight, overflow: 'auto' }}>\n          {notFoundContent}\n        </div>\n      );\n    } else {\n      popupContent = notFoundContent;\n    }\n  } else {\n    popupContent = content;\n  }\n  return <>{popupContent}</>;\n}\n"],"mappings":";;;;AAIA,SAAwB,aAAa,OAKlC;CACD,MAAM,EAAE,SAAS,iBAAiB,gBAAgB,cAAc;CAChE,IAAI;AACJ,KAAI,OAAO,mBAAmB,WAC5B,gBAAe,eAAe,QAAQ;UAC7B,EAAE,MAAM,UAAU,IAAI,EAAE,QAAQ,UAAU,MAAM,EAAE;EAC3D,MAAM,YAAY,WAAW;AAC7B,MAAI,WAAW,UAEb,gBACE,oBAAC,OAAD;GAAK,OAAO;IAAE,QAAQ,UAAU;IAAW,UAAU;IAAQ;aAC1D;GACG,CAAA;MAGR,gBAAe;OAGjB,gBAAe;AAEjB,QAAO,oBAAA,UAAA,EAAA,UAAG,cAAgB,CAAA"}
+{"version":3,"file":"PopupContent.js","names":["_","React","SelectMenuProps","PopupContent","props","$","_c","content","notFoundContent","dropdownRender","menuProps","popupContent","t0","isNil","isEmpty","items","menuStyle","maxHeight","height","overflow","t1"],"sources":["../../../src/Select/components/PopupContent.tsx"],"sourcesContent":["import _ from 'lodash';\nimport React from 'react';\nimport { SelectMenuProps } from '../interface';\n\nexport default function PopupContent(props: {\n  content: React.ReactNode;\n  notFoundContent: React.ReactNode;\n  dropdownRender?: (menu: React.ReactNode) => React.ReactNode;\n  menuProps?: SelectMenuProps;\n}) {\n  const { content, notFoundContent, dropdownRender, menuProps } = props;\n  let popupContent: React.ReactNode;\n  if (typeof dropdownRender === 'function') {\n    popupContent = dropdownRender(content);\n  } else if (_.isNil(menuProps) || _.isEmpty(menuProps.items)) {\n    const menuStyle = menuProps?.menuStyle;\n    if (menuStyle?.maxHeight) {\n      // 这个 maxHeight 来自组件的 listHeight 参数\n      popupContent = (\n        <div style={{ height: menuStyle.maxHeight, overflow: 'auto' }}>\n          {notFoundContent}\n        </div>\n      );\n    } else {\n      popupContent = notFoundContent;\n    }\n  } else {\n    popupContent = content;\n  }\n  return <>{popupContent}</>;\n}\n"],"mappings":";;;;;AAIA,SAAeG,aAAAC,OAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAMb,MAAA,EAAAC,SAAAC,iBAAAC,gBAAAC,cAAgEN;CAC5DO,IAAAA;AACJ,KAAI,OAAOF,mBAAmB,YAAU;EAAA,IAAAG;AAAA,MAAAP,EAAA,OAAAE,WAAAF,EAAA,OAAAI,gBAAA;AACvBG,QAAAH,eAAeF,QAAQ;AAAAF,KAAA,KAAAE;AAAAF,KAAA,KAAAI;AAAAJ,KAAA,KAAAO;QAAAA,MAAAP,EAAA;AAAtCM,iBAAeA;YACNX,EAACa,MAAOH,UAAwC,IAA1BV,EAACc,QAASJ,UAASK,MAAO,EAAA;EACzD,MAAAC,YAAkBN,WAASM;AAC3B,MAAIA,WAASC,WAAW;GAAA,IAAAL;AAAA,OAAAP,EAAA,OAAAW,UAAAC,WAAA;AAGRL,SAAA;KAAAM,QAAUF,UAASC;KAAUE,UAAY;KAAQ;AAAAd,MAAA,KAAAW,UAAAC;AAAAZ,MAAA,KAAAO;SAAAA,MAAAP,EAAA;GAAA,IAAAe;AAAA,OAAAf,EAAA,OAAAG,mBAAAH,EAAA,OAAAO,IAAA;AAA7DQ,SAAA,oBAAA,OAAA;KAAY,OAAAR;eACTJ;KACG,CAAA;AAAAH,MAAA,KAAAG;AAAAH,MAAA,KAAAO;AAAAP,MAAA,KAAAe;SAAAA,MAAAf,EAAA;AAHRM,kBACEA;QAKFA,gBAAeH;OAGjBG,gBAAeJ;CAChB,IAAAK;AAAA,KAAAP,EAAA,OAAAM,cAAA;AACMC,OAAA,oBAAA,UAAA,EAAA,UAAGD,cAAgB,CAAA;AAAAN,IAAA,KAAAM;AAAAN,IAAA,KAAAO;OAAAA,MAAAP,EAAA;AAAA,QAAnBO"}

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

@@ -4,6 +4,6 @@ declare function SearchBox({ showSearch, value, onChange, onBlur, }: {
     value?: string;
     onChange?: (value: string) => void;
     onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;
-}): import("react/jsx-runtime").JSX.Element | null;
+}): React.JSX.Element | null;
 declare const _default: React.MemoExoticComponent<typeof SearchBox>;
 export default _default;

package/dist/Select/components/SearchBox.js

@@ -1,21 +1,42 @@
 import InputSearch from "../../InputSearch/index.js";
+import { c } from "react-compiler-runtime";
 import React from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/Select/components/SearchBox.tsx
-function SearchBox({ showSearch = false, value = "", onChange, onBlur }) {
+function SearchBox(t0) {
+	const $ = c(6);
+	const { showSearch: t1, value: t2, onChange, onBlur } = t0;
+	const showSearch = t1 === void 0 ? false : t1;
+	const value = t2 === void 0 ? "" : t2;
 	if (!showSearch) return null;
-	return /* @__PURE__ */ jsx(InputSearch, {
-		className: "beta-ald-select-search-box",
-		defaultValue: value,
-		size: "small",
-		debounce: false,
-		onSearch: onChange || (() => {}),
-		inputMode: true,
-		onBlur: (_, e) => {
+	const t3 = onChange || _temp;
+	let t4;
+	if ($[0] !== onBlur) {
+		t4 = (_, e) => {
 			onBlur?.(e);
-		}
-	});
+		};
+		$[0] = onBlur;
+		$[1] = t4;
+	} else t4 = $[1];
+	let t5;
+	if ($[2] !== t3 || $[3] !== t4 || $[4] !== value) {
+		t5 = /* @__PURE__ */ jsx(InputSearch, {
+			className: "beta-ald-select-search-box",
+			defaultValue: value,
+			size: "small",
+			debounce: false,
+			onSearch: t3,
+			inputMode: true,
+			onBlur: t4
+		});
+		$[2] = t3;
+		$[3] = t4;
+		$[4] = value;
+		$[5] = t5;
+	} else t5 = $[5];
+	return t5;
 }
+function _temp() {}
 var SearchBox_default = React.memo(SearchBox);
 //#endregion
 export { SearchBox_default as default };

package/dist/Select/components/SearchBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchBox.js","names":[],"sources":["../../../src/Select/components/SearchBox.tsx"],"sourcesContent":["import InputSearch from '../../InputSearch';\nimport React from 'react';\n\nfunction SearchBox({\n  showSearch = false,\n  value = '',\n  onChange,\n  onBlur,\n}: {\n  showSearch?: boolean;\n  value?: string;\n  onChange?: (value: string) => void;\n  onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;\n}) {\n  if (!showSearch) return null;\n  return (\n    <InputSearch\n      className=\"beta-ald-select-search-box\"\n      defaultValue={value}\n      size=\"small\"\n      debounce={false}\n      onSearch={onChange || (() => {})}\n      inputMode\n      onBlur={(_, e) => {\n        onBlur?.(e);\n      }}\n    />\n  );\n}\n\nexport default React.memo(SearchBox);\n"],"mappings":";;;;AAGA,SAAS,UAAU,EACjB,aAAa,OACb,QAAQ,IACR,UACA,UAMC;AACD,KAAI,CAAC,WAAY,QAAO;AACxB,QACE,oBAAC,aAAD;EACE,WAAU;EACV,cAAc;EACd,MAAK;EACL,UAAU;EACV,UAAU,mBAAmB;EAC7B,WAAA;EACA,SAAS,GAAG,MAAM;AAChB,YAAS,EAAE;;EAEb,CAAA;;AAIN,IAAA,oBAAe,MAAM,KAAK,UAAU"}
+{"version":3,"file":"SearchBox.js","names":["InputSearch","React","SearchBox","t0","$","_c","showSearch","t1","value","t2","onChange","onBlur","undefined","t3","_temp","t4","_","e","t5","memo"],"sources":["../../../src/Select/components/SearchBox.tsx"],"sourcesContent":["import InputSearch from '../../InputSearch';\nimport React from 'react';\n\nfunction SearchBox({\n  showSearch = false,\n  value = '',\n  onChange,\n  onBlur,\n}: {\n  showSearch?: boolean;\n  value?: string;\n  onChange?: (value: string) => void;\n  onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;\n}) {\n  if (!showSearch) return null;\n  return (\n    <InputSearch\n      className=\"beta-ald-select-search-box\"\n      defaultValue={value}\n      size=\"small\"\n      debounce={false}\n      onSearch={onChange || (() => {})}\n      inputMode\n      onBlur={(_, e) => {\n        onBlur?.(e);\n      }}\n    />\n  );\n}\n\nexport default React.memo(SearchBox);\n"],"mappings":";;;;;AAGA,SAAAE,UAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAmB,MAAA,EAAAC,YAAAC,IAAAC,OAAAC,IAAAC,UAAAC,WAAAR;CACjB,MAAAG,aAAAC,OAAAK,SAAA,QAAAL;CACA,MAAAC,QAAAC,OAAAG,SAAA,KAAAH;AASA,KAAI,CAACH,WAAU,QAAS;CAOV,MAAAO,KAAAH,YAAAI;CAAsB,IAAAC;AAAA,KAAAX,EAAA,OAAAO,QAAA;AAExBI,QAAAC,GAAAC,MAAA;AACNN,YAASM,EAAE;;AACZb,IAAA,KAAAO;AAAAP,IAAA,KAAAW;OAAAA,MAAAX,EAAA;CAAA,IAAAc;AAAA,KAAAd,EAAA,OAAAS,MAAAT,EAAA,OAAAW,MAAAX,EAAA,OAAAI,OAAA;AATHU,OAAA,oBAAC,aAAD;GACY,WAAA;GACIV,cAAAA;GACT,MAAA;GACK,UAAA;GACA,UAAAK;GACV,WAAA;GACQ,QAAAE;GAGR,CAAA;AAAAX,IAAA,KAAAS;AAAAT,IAAA,KAAAW;AAAAX,IAAA,KAAAI;AAAAJ,IAAA,KAAAc;OAAAA,MAAAd,EAAA;AAAA,QAVFc;;AAbJ,SAAAJ,QAAA;AA2BA,IAAA,oBAAeb,MAAMkB,KAAKjB,UAAU"}