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

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

@@ -1 +1 @@
-{"version":3,"file":"FixedOverflow.js","names":[],"sources":["../../../src/Select/Selector/FixedOverflow.tsx"],"sourcesContent":["// 修复 rc-overflow 的 restReady 卡 false bug。\n//\n// 根因（rc-overflow@1.5 es/Overflow.js updateDisplayCount）：\n//   if (displayCount === count && ...) return;   // <-- 这一行\n//   setDisplayCount(count);\n//   if (!notReady) { setRestReady(count < data.length - 1); onVisibleChange?.(count); }\n//\n// 触发条件：modal 首开等首屏渲染时，半测量阶段（部分 itemWidth 还没注册）\n// 会先以 notReady=true 把 displayCount 推到「最终值 N」（比如 9 个 tag 都已\n// 测过，第 10 个还没到时调用 updateDisplayCount(9, undefined, true)，\n// 而最终稳定态恰好也是 displayCount=9）。后续 ready 路径 displayCount===count\n// 早返回，setRestReady 永远没被调用 → restReady 始终是 false →\n// rest 节点 opacity:0, position:absolute, height:0 不可见。\n//\n// 修复：把 setRestReady 和 onVisibleChange 移到 early-return 之前。只要本次\n// 是 ready 路径，无论 displayCount 是否变化，都把 rest 状态推到位。\n//\n// 其它逻辑 1:1 复刻 rc-overflow 的 responsive 分支（ald 只用 maxCount='responsive'\n// 一种模式，prefix/suffix/raw render 等都没用），删掉用不到的代码以降复杂度。\n// 用 React 18 自动批处理，不再重写 channelUpdate / unstable_batchedUpdates。\n\nimport React, {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport ResizeObserver from 'rc-resize-observer';\nimport useLayoutEffect from 'rc-util/es/hooks/useLayoutEffect';\nimport cn from 'classnames';\n\ninterface ResizeInfo {\n  width: number;\n  height: number;\n  offsetWidth: number;\n  offsetHeight: number;\n}\n\ninterface InternalItemProps {\n  prefixCls: string;\n  display: boolean;\n  order: number;\n  itemKey: React.Key;\n  registerSize: (key: React.Key, width: number | null) => void;\n  className?: string;\n  children?: React.ReactNode;\n}\n\nfunction InternalItem(props: InternalItemProps) {\n  const {\n    prefixCls,\n    display,\n    order,\n    itemKey,\n    registerSize,\n    className,\n    children,\n  } = props;\n  const mergedHidden = !display;\n  // 卸载时把本 item 的 width 从 Map 里删掉。registerSize/itemKey 用 ref 抓最新，\n  // 这样 effect 自身依赖只有 []，不需要 eslint-disable。\n  const registerSizeRef = useRef(registerSize);\n  const itemKeyRef = useRef(itemKey);\n  registerSizeRef.current = registerSize;\n  itemKeyRef.current = itemKey;\n  useEffect(\n    () => () => {\n      registerSizeRef.current(itemKeyRef.current, null);\n    },\n    [],\n  );\n  const overflowStyle: React.CSSProperties = {\n    opacity: mergedHidden ? 0 : 1,\n    height: mergedHidden ? 0 : undefined,\n    overflowY: mergedHidden ? 'hidden' : undefined,\n    order,\n    pointerEvents: mergedHidden ? 'none' : undefined,\n    position: mergedHidden ? 'absolute' : undefined,\n  };\n  return (\n    <ResizeObserver\n      onResize={({ offsetWidth }: ResizeInfo) =>\n        registerSize(itemKey, offsetWidth)\n      }\n    >\n      <div\n        className={cn(prefixCls, className)}\n        style={overflowStyle}\n        aria-hidden={mergedHidden || undefined}\n      >\n        {children}\n      </div>\n    </ResizeObserver>\n  );\n}\n\nexport interface FixedOverflowProps<T> {\n  prefixCls?: string;\n  data: T[];\n  renderItem: (item: T, info: { index: number }) => React.ReactNode;\n  itemKey: (item: T) => React.Key;\n  renderRest: (omittedItems: T[]) => React.ReactNode;\n  gap?: number;\n  className?: string;\n  onVisibleChange?: (count: number) => void;\n}\n\nconst ITEM_WIDTH = 10;\n// rest 节点的固定 React key。假设调用方传入的 itemKey 不会返回此常量\n// （ald 内部 Select 的 itemKey 取 value/key 字段，不会等于这个字符串）。\nconst REST_KEY: React.Key = '__OVERFLOW_REST__';\n\nfunction OverflowInner<T>(\n  props: FixedOverflowProps<T>,\n  ref: React.ForwardedRef<HTMLDivElement>,\n) {\n  const {\n    prefixCls = 'rc-overflow',\n    data,\n    renderItem,\n    itemKey,\n    renderRest,\n    gap = 0,\n    className,\n    onVisibleChange,\n  } = props;\n\n  const [containerWidth, setContainerWidth] = useState<number | null>(null);\n  const mergedContainerWidth = containerWidth || 0;\n  const [itemWidths, setItemWidths] = useState<Map<React.Key, number>>(\n    () => new Map(),\n  );\n  const [prevRestWidth, setPrevRestWidth] = useState(0);\n  const [restWidth, setRestWidth] = useState(0);\n  const [displayCount, setDisplayCount] = useState<number | null>(null);\n  const [restReady, setRestReady] = useState(false);\n\n  const mergedDisplayCount = displayCount || 0;\n  const itemPrefixCls = `${prefixCls}-item`;\n  const mergedRestWidth = Math.max(prevRestWidth, restWidth);\n\n  const getKey = useCallback(\n    (item: T, index: number): React.Key => {\n      if (item == null) return index;\n      return itemKey(item) ?? index;\n    },\n    [itemKey],\n  );\n\n  const mergedData = useMemo(() => {\n    if (!data.length) return data;\n    return data.slice(\n      0,\n      Math.min(data.length, mergedContainerWidth / ITEM_WIDTH),\n    );\n  }, [data, mergedContainerWidth]);\n\n  const omittedItems = useMemo(\n    () => data.slice(mergedDisplayCount + 1),\n    [data, mergedDisplayCount],\n  );\n\n  const updateDisplayCount = (count: number, notReady?: boolean) => {\n    // === BUG FIX ===\n    // 不论 displayCount 是否变化，只要本次是 ready 路径，立即把 restReady /\n    // onVisibleChange 推到位。原版在 displayCount===count 时早返回，会跳过\n    // 这两步，造成 restReady 卡死在 false。\n    if (!notReady) {\n      setRestReady(count < data.length - 1);\n      onVisibleChange?.(count);\n    }\n    if (displayCount !== count) {\n      setDisplayCount(count);\n    }\n  };\n\n  const registerSize = useCallback((key: React.Key, width: number | null) => {\n    setItemWidths((origin) => {\n      const clone = new Map(origin);\n      if (width === null) clone.delete(key);\n      else clone.set(key, width);\n      return clone;\n    });\n  }, []);\n\n  const registerRestSize = useCallback(\n    (_key: React.Key, width: number | null) => {\n      if (width === null) return;\n      setRestWidth((prev) => {\n        setPrevRestWidth(prev);\n        return width;\n      });\n    },\n    [],\n  );\n\n  const onOverflowResize = (_: ResizeInfo, element: HTMLElement) => {\n    setContainerWidth(element.clientWidth);\n  };\n\n  // 故意不加依赖数组：测量回路依赖每次渲染都重跑——itemWidths 变 → 重算 displayCount\n  // → 触发再渲染 → 再测量。加 deps 会破坏 rc-overflow 原版的测量-更新循环。\n  useLayoutEffect(() => {\n    if (!mergedContainerWidth || !mergedData) return;\n    const len = mergedData.length;\n    const lastIndex = len - 1;\n    if (!len) {\n      updateDisplayCount(0);\n      return;\n    }\n    let totalWidth = 0;\n    const getItemWidth = (index: number): number | undefined =>\n      itemWidths.get(getKey(mergedData[index], index));\n    for (let i = 0; i < len; i += 1) {\n      const currentItemWidth = getItemWidth(i);\n      if (currentItemWidth === undefined) {\n        // 半测量：先把 displayCount 推到 i-1，但不动 restReady（notReady=true）。\n        updateDisplayCount(i - 1, true);\n        return;\n      }\n      totalWidth += currentItemWidth;\n      if (\n        (lastIndex === 0 && totalWidth <= mergedContainerWidth) ||\n        (i === lastIndex - 1 &&\n          totalWidth + (getItemWidth(lastIndex) ?? 0) + lastIndex * gap <=\n            mergedContainerWidth)\n      ) {\n        // 全部塞得下\n        updateDisplayCount(lastIndex);\n        return;\n      }\n      if (totalWidth + mergedRestWidth + (i + 1) * gap > mergedContainerWidth) {\n        // 当前这个塞不下了，需要展示 \"+N\"\n        updateDisplayCount(i - 1);\n        return;\n      }\n    }\n  });\n\n  const displayRest = restReady && !!omittedItems.length;\n\n  return (\n    <ResizeObserver onResize={onOverflowResize} disabled={!data.length}>\n      <div className={cn(prefixCls, className)} ref={ref}>\n        {mergedData.map((item, index) => {\n          const key = getKey(item, index);\n          return (\n            <InternalItem\n              key={key}\n              prefixCls={itemPrefixCls}\n              display={index <= mergedDisplayCount}\n              order={index}\n              itemKey={key}\n              registerSize={registerSize}\n            >\n              {renderItem(item, { index })}\n            </InternalItem>\n          );\n        })}\n        <InternalItem\n          prefixCls={itemPrefixCls}\n          display={displayRest}\n          order={displayRest ? mergedDisplayCount : Number.MAX_SAFE_INTEGER}\n          itemKey={REST_KEY}\n          registerSize={registerRestSize}\n          className={`${itemPrefixCls}-rest`}\n        >\n          {renderRest(omittedItems)}\n        </InternalItem>\n      </div>\n    </ResizeObserver>\n  );\n}\n\nconst FixedOverflow = forwardRef(OverflowInner) as <T>(\n  props: FixedOverflowProps<T> & { ref?: React.Ref<HTMLDivElement> },\n) => React.ReactElement;\n\nexport default FixedOverflow;\n"],"mappings":"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"}
+{"version":3,"file":"FixedOverflow.js","names":["React","forwardRef","useCallback","useEffect","useMemo","useRef","useState","ResizeObserver","useLayoutEffect","cn","ResizeInfo","width","height","offsetWidth","offsetHeight","InternalItemProps","prefixCls","display","order","itemKey","Key","registerSize","key","className","children","ReactNode","InternalItem","props","mergedHidden","registerSizeRef","itemKeyRef","current","overflowStyle","CSSProperties","opacity","undefined","overflowY","pointerEvents","position","FixedOverflowProps","data","T","renderItem","item","info","index","renderRest","omittedItems","gap","onVisibleChange","count","ITEM_WIDTH","REST_KEY","OverflowInner","ref","$","_c","t0","t1","containerWidth","setContainerWidth","mergedContainerWidth","itemWidths","setItemWidths","_temp","prevRestWidth","setPrevRestWidth","restWidth","setRestWidth","displayCount","setDisplayCount","restReady","setRestReady","mergedDisplayCount","itemPrefixCls","mergedRestWidth","Math","max","t2","getKey","t3","bb0","length","t4","slice","min","mergedData","t5","notReady","updateDisplayCount","t6","Symbol","for","origin","clone","Map","delete","set","t7","_key","width_0","prev","registerRestSize","t8","_","element","clientWidth","onOverflowResize","t9","len","lastIndex","totalWidth","getItemWidth","index_0","get","i","currentItemWidth","displayRest","t10","t11","t12","t13","item_0","index_1","key_0","map","Number","MAX_SAFE_INTEGER","t14","t15","t16","t17","t18","FixedOverflow","Ref","HTMLDivElement","ReactElement"],"sources":["../../../src/Select/Selector/FixedOverflow.tsx"],"sourcesContent":["// 修复 rc-overflow 的 restReady 卡 false bug。\n//\n// 根因（rc-overflow@1.5 es/Overflow.js updateDisplayCount）：\n//   if (displayCount === count && ...) return;   // <-- 这一行\n//   setDisplayCount(count);\n//   if (!notReady) { setRestReady(count < data.length - 1); onVisibleChange?.(count); }\n//\n// 触发条件：modal 首开等首屏渲染时，半测量阶段（部分 itemWidth 还没注册）\n// 会先以 notReady=true 把 displayCount 推到「最终值 N」（比如 9 个 tag 都已\n// 测过，第 10 个还没到时调用 updateDisplayCount(9, undefined, true)，\n// 而最终稳定态恰好也是 displayCount=9）。后续 ready 路径 displayCount===count\n// 早返回，setRestReady 永远没被调用 → restReady 始终是 false →\n// rest 节点 opacity:0, position:absolute, height:0 不可见。\n//\n// 修复：把 setRestReady 和 onVisibleChange 移到 early-return 之前。只要本次\n// 是 ready 路径，无论 displayCount 是否变化，都把 rest 状态推到位。\n//\n// 其它逻辑 1:1 复刻 rc-overflow 的 responsive 分支（ald 只用 maxCount='responsive'\n// 一种模式，prefix/suffix/raw render 等都没用），删掉用不到的代码以降复杂度。\n// 用 React 18 自动批处理，不再重写 channelUpdate / unstable_batchedUpdates。\n\nimport React, {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport ResizeObserver from 'rc-resize-observer';\nimport useLayoutEffect from 'rc-util/es/hooks/useLayoutEffect';\nimport cn from 'classnames';\n\ninterface ResizeInfo {\n  width: number;\n  height: number;\n  offsetWidth: number;\n  offsetHeight: number;\n}\n\ninterface InternalItemProps {\n  prefixCls: string;\n  display: boolean;\n  order: number;\n  itemKey: React.Key;\n  registerSize: (key: React.Key, width: number | null) => void;\n  className?: string;\n  children?: React.ReactNode;\n}\n\nfunction InternalItem(props: InternalItemProps) {\n  const {\n    prefixCls,\n    display,\n    order,\n    itemKey,\n    registerSize,\n    className,\n    children,\n  } = props;\n  const mergedHidden = !display;\n  // 卸载时把本 item 的 width 从 Map 里删掉。registerSize/itemKey 用 ref 抓最新，\n  // 这样 effect 自身依赖只有 []，不需要 eslint-disable。\n  const registerSizeRef = useRef(registerSize);\n  const itemKeyRef = useRef(itemKey);\n  registerSizeRef.current = registerSize;\n  itemKeyRef.current = itemKey;\n  useEffect(\n    () => () => {\n      registerSizeRef.current(itemKeyRef.current, null);\n    },\n    [],\n  );\n  const overflowStyle: React.CSSProperties = {\n    opacity: mergedHidden ? 0 : 1,\n    height: mergedHidden ? 0 : undefined,\n    overflowY: mergedHidden ? 'hidden' : undefined,\n    order,\n    pointerEvents: mergedHidden ? 'none' : undefined,\n    position: mergedHidden ? 'absolute' : undefined,\n  };\n  return (\n    <ResizeObserver\n      onResize={({ offsetWidth }: ResizeInfo) =>\n        registerSize(itemKey, offsetWidth)\n      }\n    >\n      <div\n        className={cn(prefixCls, className)}\n        style={overflowStyle}\n        aria-hidden={mergedHidden || undefined}\n      >\n        {children}\n      </div>\n    </ResizeObserver>\n  );\n}\n\nexport interface FixedOverflowProps<T> {\n  prefixCls?: string;\n  data: T[];\n  renderItem: (item: T, info: { index: number }) => React.ReactNode;\n  itemKey: (item: T) => React.Key;\n  renderRest: (omittedItems: T[]) => React.ReactNode;\n  gap?: number;\n  className?: string;\n  onVisibleChange?: (count: number) => void;\n}\n\nconst ITEM_WIDTH = 10;\n// rest 节点的固定 React key。假设调用方传入的 itemKey 不会返回此常量\n// （ald 内部 Select 的 itemKey 取 value/key 字段，不会等于这个字符串）。\nconst REST_KEY: React.Key = '__OVERFLOW_REST__';\n\nfunction OverflowInner<T>(\n  props: FixedOverflowProps<T>,\n  ref: React.ForwardedRef<HTMLDivElement>,\n) {\n  const {\n    prefixCls = 'rc-overflow',\n    data,\n    renderItem,\n    itemKey,\n    renderRest,\n    gap = 0,\n    className,\n    onVisibleChange,\n  } = props;\n\n  const [containerWidth, setContainerWidth] = useState<number | null>(null);\n  const mergedContainerWidth = containerWidth || 0;\n  const [itemWidths, setItemWidths] = useState<Map<React.Key, number>>(\n    () => new Map(),\n  );\n  const [prevRestWidth, setPrevRestWidth] = useState(0);\n  const [restWidth, setRestWidth] = useState(0);\n  const [displayCount, setDisplayCount] = useState<number | null>(null);\n  const [restReady, setRestReady] = useState(false);\n\n  const mergedDisplayCount = displayCount || 0;\n  const itemPrefixCls = `${prefixCls}-item`;\n  const mergedRestWidth = Math.max(prevRestWidth, restWidth);\n\n  const getKey = useCallback(\n    (item: T, index: number): React.Key => {\n      if (item == null) return index;\n      return itemKey(item) ?? index;\n    },\n    [itemKey],\n  );\n\n  const mergedData = useMemo(() => {\n    if (!data.length) return data;\n    return data.slice(\n      0,\n      Math.min(data.length, mergedContainerWidth / ITEM_WIDTH),\n    );\n  }, [data, mergedContainerWidth]);\n\n  const omittedItems = useMemo(\n    () => data.slice(mergedDisplayCount + 1),\n    [data, mergedDisplayCount],\n  );\n\n  const updateDisplayCount = (count: number, notReady?: boolean) => {\n    // === BUG FIX ===\n    // 不论 displayCount 是否变化，只要本次是 ready 路径，立即把 restReady /\n    // onVisibleChange 推到位。原版在 displayCount===count 时早返回，会跳过\n    // 这两步，造成 restReady 卡死在 false。\n    if (!notReady) {\n      setRestReady(count < data.length - 1);\n      onVisibleChange?.(count);\n    }\n    if (displayCount !== count) {\n      setDisplayCount(count);\n    }\n  };\n\n  const registerSize = useCallback((key: React.Key, width: number | null) => {\n    setItemWidths((origin) => {\n      const clone = new Map(origin);\n      if (width === null) clone.delete(key);\n      else clone.set(key, width);\n      return clone;\n    });\n  }, []);\n\n  const registerRestSize = useCallback(\n    (_key: React.Key, width: number | null) => {\n      if (width === null) return;\n      setRestWidth((prev) => {\n        setPrevRestWidth(prev);\n        return width;\n      });\n    },\n    [],\n  );\n\n  const onOverflowResize = (_: ResizeInfo, element: HTMLElement) => {\n    setContainerWidth(element.clientWidth);\n  };\n\n  // 故意不加依赖数组：测量回路依赖每次渲染都重跑——itemWidths 变 → 重算 displayCount\n  // → 触发再渲染 → 再测量。加 deps 会破坏 rc-overflow 原版的测量-更新循环。\n  useLayoutEffect(() => {\n    if (!mergedContainerWidth || !mergedData) return;\n    const len = mergedData.length;\n    const lastIndex = len - 1;\n    if (!len) {\n      updateDisplayCount(0);\n      return;\n    }\n    let totalWidth = 0;\n    const getItemWidth = (index: number): number | undefined =>\n      itemWidths.get(getKey(mergedData[index], index));\n    for (let i = 0; i < len; i += 1) {\n      const currentItemWidth = getItemWidth(i);\n      if (currentItemWidth === undefined) {\n        // 半测量：先把 displayCount 推到 i-1，但不动 restReady（notReady=true）。\n        updateDisplayCount(i - 1, true);\n        return;\n      }\n      totalWidth += currentItemWidth;\n      if (\n        (lastIndex === 0 && totalWidth <= mergedContainerWidth) ||\n        (i === lastIndex - 1 &&\n          totalWidth + (getItemWidth(lastIndex) ?? 0) + lastIndex * gap <=\n            mergedContainerWidth)\n      ) {\n        // 全部塞得下\n        updateDisplayCount(lastIndex);\n        return;\n      }\n      if (totalWidth + mergedRestWidth + (i + 1) * gap > mergedContainerWidth) {\n        // 当前这个塞不下了，需要展示 \"+N\"\n        updateDisplayCount(i - 1);\n        return;\n      }\n    }\n  });\n\n  const displayRest = restReady && !!omittedItems.length;\n\n  return (\n    <ResizeObserver onResize={onOverflowResize} disabled={!data.length}>\n      <div className={cn(prefixCls, className)} ref={ref}>\n        {mergedData.map((item, index) => {\n          const key = getKey(item, index);\n          return (\n            <InternalItem\n              key={key}\n              prefixCls={itemPrefixCls}\n              display={index <= mergedDisplayCount}\n              order={index}\n              itemKey={key}\n              registerSize={registerSize}\n            >\n              {renderItem(item, { index })}\n            </InternalItem>\n          );\n        })}\n        <InternalItem\n          prefixCls={itemPrefixCls}\n          display={displayRest}\n          order={displayRest ? mergedDisplayCount : Number.MAX_SAFE_INTEGER}\n          itemKey={REST_KEY}\n          registerSize={registerRestSize}\n          className={`${itemPrefixCls}-rest`}\n        >\n          {renderRest(omittedItems)}\n        </InternalItem>\n      </div>\n    </ResizeObserver>\n  );\n}\n\nconst FixedOverflow = forwardRef(OverflowInner) as <T>(\n  props: FixedOverflowProps<T> & { ref?: React.Ref<HTMLDivElement> },\n) => React.ReactElement;\n\nexport default FixedOverflow;\n"],"mappings":"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"}

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

@@ -1,11 +1,11 @@
 import { default as React, RefObject } from 'react';
-import { DisplayValueType } from '../interface';
-import { RefTriggerProps } from '../SelectTrigger';
+import { DisplayValueType } from '../interface.js';
+import { RefTriggerProps } from '../SelectTrigger.js';
 export default function MultipleResponsiveSelectedSection(params: {
     displayValues: DisplayValueType[];
     renderItem: (valueItem: DisplayValueType, index?: number) => React.JSX.Element | null;
     onToggleOpen: (open: boolean) => void;
-    dropdownRef: RefObject<RefTriggerProps>;
+    dropdownRef: RefObject<RefTriggerProps | null>;
     maxHeight?: number;
     suffixIcon?: React.ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;

package/dist/Select/Selector/MultipleResponsiveSelectedSection.js

@@ -1,46 +1,107 @@
 import ScrollArea_default from "../../ScrollArea/index.js";
 import Suffix from "../components/Suffix.js";
+import { c } from "react-compiler-runtime";
 import { useEffect, useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/Select/Selector/MultipleResponsiveSelectedSection.tsx
 function MultipleResponsiveSelectedSection(params) {
+	const $ = c(23);
 	const { displayValues, renderItem, onToggleOpen, dropdownRef, maxHeight, suffixIcon } = params;
 	const multipleSelectedSectionRef = useRef(null);
-	useEffect(() => {
-		function isAncestorElement(ancestorClass, target) {
-			let currentElement = target;
-			while (currentElement) {
-				if (currentElement.classList.contains(ancestorClass)) return true;
-				currentElement = currentElement.parentElement;
-			}
-			return false;
-		}
-		function close(e) {
-			const target = e.target;
-			if (!isAncestorElement("beta-ald-select", target) && !isAncestorElement("beta-ald-select-popup", target)) onToggleOpen(false);
-		}
-		document.addEventListener("mousedown", close);
-		return () => {
-			document.removeEventListener("mousedown", close);
+	let t0;
+	if ($[0] !== onToggleOpen) {
+		t0 = () => {
+			const isAncestorElement = function isAncestorElement(ancestorClass, target) {
+				let currentElement = target;
+				while (currentElement) {
+					if (currentElement.classList.contains(ancestorClass)) return true;
+					currentElement = currentElement.parentElement;
+				}
+				return false;
+			};
+			const close = function close(e) {
+				const target_0 = e.target;
+				if (!isAncestorElement("beta-ald-select", target_0) && !isAncestorElement("beta-ald-select-popup", target_0)) onToggleOpen(false);
+			};
+			document.addEventListener("mousedown", close);
+			return () => {
+				document.removeEventListener("mousedown", close);
+			};
 		};
-	}, [onToggleOpen, dropdownRef]);
-	return /* @__PURE__ */ jsxs("div", {
-		ref: multipleSelectedSectionRef,
-		className: "beta-ald-select-selector-multiple-responsive-selected-section",
-		children: [/* @__PURE__ */ jsx(ScrollArea_default, {
+		$[0] = onToggleOpen;
+		$[1] = t0;
+	} else t0 = $[1];
+	let t1;
+	if ($[2] !== dropdownRef || $[3] !== onToggleOpen) {
+		t1 = [onToggleOpen, dropdownRef];
+		$[2] = dropdownRef;
+		$[3] = onToggleOpen;
+		$[4] = t1;
+	} else t1 = $[4];
+	useEffect(t0, t1);
+	let t2;
+	if ($[5] !== maxHeight) {
+		t2 = { maxHeight };
+		$[5] = maxHeight;
+		$[6] = t2;
+	} else t2 = $[6];
+	let t3;
+	if ($[7] !== displayValues || $[8] !== renderItem) {
+		let t4;
+		if ($[10] !== renderItem) {
+			t4 = (item, index) => renderItem(item, index);
+			$[10] = renderItem;
+			$[11] = t4;
+		} else t4 = $[11];
+		t3 = displayValues.map(t4);
+		$[7] = displayValues;
+		$[8] = renderItem;
+		$[9] = t3;
+	} else t3 = $[9];
+	let t4;
+	if ($[12] !== t3) {
+		t4 = /* @__PURE__ */ jsx("div", {
+			className: "beta-ald-select-selector-multiple-responsive-selected-section-tags",
+			children: t3
+		});
+		$[12] = t3;
+		$[13] = t4;
+	} else t4 = $[13];
+	let t5;
+	if ($[14] !== t2 || $[15] !== t4) {
+		t5 = /* @__PURE__ */ jsx(ScrollArea_default, {
 			innerClassName: "beta-ald-select-selector-multiple-responsive-selected-section-inner",
-			innerStyle: { maxHeight },
-			children: /* @__PURE__ */ jsx("div", {
-				className: "beta-ald-select-selector-multiple-responsive-selected-section-tags",
-				children: displayValues.map((item, index) => renderItem(item, index))
-			})
-		}), /* @__PURE__ */ jsx(Suffix, {
+			innerStyle: t2,
+			children: t4
+		});
+		$[14] = t2;
+		$[15] = t4;
+		$[16] = t5;
+	} else t5 = $[16];
+	let t6;
+	if ($[17] !== displayValues || $[18] !== suffixIcon) {
+		t6 = /* @__PURE__ */ jsx(Suffix, {
 			showArrow: true,
 			allowClear: false,
 			icon: suffixIcon,
 			displayValues
-		})]
-	});
+		});
+		$[17] = displayValues;
+		$[18] = suffixIcon;
+		$[19] = t6;
+	} else t6 = $[19];
+	let t7;
+	if ($[20] !== t5 || $[21] !== t6) {
+		t7 = /* @__PURE__ */ jsxs("div", {
+			ref: multipleSelectedSectionRef,
+			className: "beta-ald-select-selector-multiple-responsive-selected-section",
+			children: [t5, t6]
+		});
+		$[20] = t5;
+		$[21] = t6;
+		$[22] = t7;
+	} else t7 = $[22];
+	return t7;
 }
 //#endregion
 export { MultipleResponsiveSelectedSection as default };

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

@@ -1 +1 @@
-{"version":3,"file":"MultipleResponsiveSelectedSection.js","names":[],"sources":["../../../src/Select/Selector/MultipleResponsiveSelectedSection.tsx"],"sourcesContent":["import React, { RefObject, useEffect, useRef } from 'react';\nimport { DisplayValueType } from '../interface';\nimport { RefTriggerProps } from '../SelectTrigger';\nimport ScrollArea from '../../ScrollArea';\nimport Suffix from '../components/Suffix';\n\nexport default function MultipleResponsiveSelectedSection(params: {\n  displayValues: DisplayValueType[];\n  renderItem: (\n    valueItem: DisplayValueType,\n    index?: number,\n  ) => React.JSX.Element | null;\n  onToggleOpen: (open: boolean) => void;\n  dropdownRef: RefObject<RefTriggerProps>;\n  maxHeight?: number;\n  suffixIcon?: React.ReactNode;\n}) {\n  const {\n    displayValues,\n    renderItem,\n    onToggleOpen,\n    dropdownRef,\n    maxHeight,\n    suffixIcon,\n  } = params;\n  const multipleSelectedSectionRef = useRef<HTMLDivElement | null>(null);\n\n  useEffect(() => {\n    function isAncestorElement(ancestorClass: string, target: HTMLElement) {\n      let currentElement: HTMLElement | null = target;\n      while (currentElement) {\n        if (currentElement.classList.contains(ancestorClass)) {\n          return true;\n        }\n        currentElement = currentElement.parentElement;\n      }\n      return false;\n    }\n    function close(e: MouseEvent) {\n      const target = e.target as HTMLElement;\n      if (\n        !isAncestorElement('beta-ald-select', target) &&\n        !isAncestorElement('beta-ald-select-popup', target)\n      ) {\n        onToggleOpen(false);\n      }\n    }\n    document.addEventListener('mousedown', close);\n    return () => {\n      document.removeEventListener('mousedown', close);\n    };\n  }, [onToggleOpen, dropdownRef]);\n\n  return (\n    <div\n      ref={multipleSelectedSectionRef}\n      className=\"beta-ald-select-selector-multiple-responsive-selected-section\"\n    >\n      <ScrollArea\n        innerClassName=\"beta-ald-select-selector-multiple-responsive-selected-section-inner\"\n        innerStyle={{\n          maxHeight: maxHeight,\n        }}\n      >\n        <div className=\"beta-ald-select-selector-multiple-responsive-selected-section-tags\">\n          {displayValues.map((item, index) => renderItem(item, index))}\n        </div>\n      </ScrollArea>\n      <Suffix\n        showArrow={true}\n        allowClear={false}\n        icon={suffixIcon}\n        displayValues={displayValues}\n      ></Suffix>\n    </div>\n  );\n}\n"],"mappings":";;;;;AAMA,SAAwB,kCAAkC,QAUvD;CACD,MAAM,EACJ,eACA,YACA,cACA,aACA,WACA,eACE;CACJ,MAAM,6BAA6B,OAA8B,KAAK;AAEtE,iBAAgB;EACd,SAAS,kBAAkB,eAAuB,QAAqB;GACrE,IAAI,iBAAqC;AACzC,UAAO,gBAAgB;AACrB,QAAI,eAAe,UAAU,SAAS,cAAc,CAClD,QAAO;AAET,qBAAiB,eAAe;;AAElC,UAAO;;EAET,SAAS,MAAM,GAAe;GAC5B,MAAM,SAAS,EAAE;AACjB,OACE,CAAC,kBAAkB,mBAAmB,OAAO,IAC7C,CAAC,kBAAkB,yBAAyB,OAAO,CAEnD,cAAa,MAAM;;AAGvB,WAAS,iBAAiB,aAAa,MAAM;AAC7C,eAAa;AACX,YAAS,oBAAoB,aAAa,MAAM;;IAEjD,CAAC,cAAc,YAAY,CAAC;AAE/B,QACE,qBAAC,OAAD;EACE,KAAK;EACL,WAAU;YAFZ,CAIE,oBAAC,oBAAD;GACE,gBAAe;GACf,YAAY,EACC,WACZ;aAED,oBAAC,OAAD;IAAK,WAAU;cACZ,cAAc,KAAK,MAAM,UAAU,WAAW,MAAM,MAAM,CAAC;IACxD,CAAA;GACK,CAAA,EACb,oBAAC,QAAD;GACE,WAAW;GACX,YAAY;GACZ,MAAM;GACS;GACP,CAAA,CACN"}
+{"version":3,"file":"MultipleResponsiveSelectedSection.js","names":["React","RefObject","useEffect","useRef","DisplayValueType","RefTriggerProps","ScrollArea","Suffix","MultipleResponsiveSelectedSection","params","$","_c","displayValues","renderItem","onToggleOpen","dropdownRef","maxHeight","suffixIcon","multipleSelectedSectionRef","t0","isAncestorElement","ancestorClass","target","currentElement","classList","contains","parentElement","close","e","target_0","HTMLElement","document","addEventListener","removeEventListener","t1","t2","t3","t4","item","index","map","t5","t6","t7"],"sources":["../../../src/Select/Selector/MultipleResponsiveSelectedSection.tsx"],"sourcesContent":["import React, { RefObject, useEffect, useRef } from 'react';\nimport { DisplayValueType } from '../interface';\nimport { RefTriggerProps } from '../SelectTrigger';\nimport ScrollArea from '../../ScrollArea';\nimport Suffix from '../components/Suffix';\n\nexport default function MultipleResponsiveSelectedSection(params: {\n  displayValues: DisplayValueType[];\n  renderItem: (\n    valueItem: DisplayValueType,\n    index?: number,\n  ) => React.JSX.Element | null;\n  onToggleOpen: (open: boolean) => void;\n  dropdownRef: RefObject<RefTriggerProps | null>;\n  maxHeight?: number;\n  suffixIcon?: React.ReactNode;\n}) {\n  const {\n    displayValues,\n    renderItem,\n    onToggleOpen,\n    dropdownRef,\n    maxHeight,\n    suffixIcon,\n  } = params;\n  const multipleSelectedSectionRef = useRef<HTMLDivElement | null>(null);\n\n  useEffect(() => {\n    function isAncestorElement(ancestorClass: string, target: HTMLElement) {\n      let currentElement: HTMLElement | null = target;\n      while (currentElement) {\n        if (currentElement.classList.contains(ancestorClass)) {\n          return true;\n        }\n        currentElement = currentElement.parentElement;\n      }\n      return false;\n    }\n    function close(e: MouseEvent) {\n      const target = e.target as HTMLElement;\n      if (\n        !isAncestorElement('beta-ald-select', target) &&\n        !isAncestorElement('beta-ald-select-popup', target)\n      ) {\n        onToggleOpen(false);\n      }\n    }\n    document.addEventListener('mousedown', close);\n    return () => {\n      document.removeEventListener('mousedown', close);\n    };\n  }, [onToggleOpen, dropdownRef]);\n\n  return (\n    <div\n      ref={multipleSelectedSectionRef}\n      className=\"beta-ald-select-selector-multiple-responsive-selected-section\"\n    >\n      <ScrollArea\n        innerClassName=\"beta-ald-select-selector-multiple-responsive-selected-section-inner\"\n        innerStyle={{\n          maxHeight: maxHeight,\n        }}\n      >\n        <div className=\"beta-ald-select-selector-multiple-responsive-selected-section-tags\">\n          {displayValues.map((item, index) => renderItem(item, index))}\n        </div>\n      </ScrollArea>\n      <Suffix\n        showArrow={true}\n        allowClear={false}\n        icon={suffixIcon}\n        displayValues={displayValues}\n      ></Suffix>\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAMA,SAAeQ,kCAAAC,QAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAWb,MAAA,EAAAC,eAAAC,YAAAC,cAAAC,aAAAC,WAAAC,eAOIR;CACJ,MAAAS,6BAAmCf,OAA8B,KAAK;CAAC,IAAAgB;AAAA,KAAAT,EAAA,OAAAI,cAAA;AAE7DK,aAAA;GACR,MAAAC,oBAAA,SAAAA,kBAAAC,eAAAC,QAAA;IACE,IAAAC,iBAAyCD;AACzC,WAAOC,gBAAc;AACnB,SAAIA,eAAcC,UAAUC,SAAUJ,cAAc,CAAA,QAC3C;AAETE,sBAAiBA,eAAcG;;AAChC,WACM;;GAET,MAAAC,QAAA,SAAAA,MAAAC,GAAA;IACE,MAAAC,WAAeD,EAACN;AAChB,QACE,CAACF,kBAAkB,mBAAmBE,SACa,IADnD,CACCF,kBAAkB,yBAAyBE,SAAO,CAEnDR,cAAa,MAAM;;AAGvBiB,YAAQC,iBAAkB,aAAaL,MAAM;AAAA,gBACtC;AACLI,aAAQE,oBAAqB,aAAaN,MAAM;;;AAEnDjB,IAAA,KAAAI;AAAAJ,IAAA,KAAAS;OAAAA,MAAAT,EAAA;CAAA,IAAAwB;AAAA,KAAAxB,EAAA,OAAAK,eAAAL,EAAA,OAAAI,cAAA;AAAEoB,OAAA,CAACpB,cAAcC,YAAY;AAAAL,IAAA,KAAAK;AAAAL,IAAA,KAAAI;AAAAJ,IAAA,KAAAwB;OAAAA,MAAAxB,EAAA;AAxB9BR,WAAUiB,IAwBPe,GAA4B;CAAA,IAAAC;AAAA,KAAAzB,EAAA,OAAAM,WAAA;AASbmB,OAAA,EAAAnB,WAEX;AAAAN,IAAA,KAAAM;AAAAN,IAAA,KAAAyB;OAAAA,MAAAzB,EAAA;CAAA,IAAA0B;AAAA,KAAA1B,EAAA,OAAAE,iBAAAF,EAAA,OAAAG,YAAA;EAAA,IAAAwB;AAAA,MAAA3B,EAAA,QAAAG,YAAA;AAGoBwB,SAAAC,MAAAC,UAAiB1B,WAAWyB,MAAMC,MAAM;AAAA7B,KAAA,MAAAG;AAAAH,KAAA,MAAA2B;QAAAA,MAAA3B,EAAA;AAA1D0B,OAAAxB,cAAa4B,IAAKH,GAAyC;AAAA3B,IAAA,KAAAE;AAAAF,IAAA,KAAAG;AAAAH,IAAA,KAAA0B;OAAAA,MAAA1B,EAAA;CAAA,IAAA2B;AAAA,KAAA3B,EAAA,QAAA0B,IAAA;AAD9DC,OAAA,oBAAA,OAAA;GAAe,WAAA;aACZD;GACG,CAAA;AAAA1B,IAAA,MAAA0B;AAAA1B,IAAA,MAAA2B;OAAAA,MAAA3B,EAAA;CAAA,IAAA+B;AAAA,KAAA/B,EAAA,QAAAyB,MAAAzB,EAAA,QAAA2B,IAAA;AARRI,OAAA,oBAAC,oBAAD;GACiB,gBAAA;GACH,YAAAN;aAIZE;GAGW,CAAA;AAAA3B,IAAA,MAAAyB;AAAAzB,IAAA,MAAA2B;AAAA3B,IAAA,MAAA+B;OAAAA,MAAA/B,EAAA;CAAA,IAAAgC;AAAA,KAAAhC,EAAA,QAAAE,iBAAAF,EAAA,QAAAO,YAAA;AACbyB,OAAA,oBAAC,QAAD;GACa,WAAA;GACC,YAAA;GACNzB,MAAAA;GACSL;GACP,CAAA;AAAAF,IAAA,MAAAE;AAAAF,IAAA,MAAAO;AAAAP,IAAA,MAAAgC;OAAAA,MAAAhC,EAAA;CAAA,IAAAiC;AAAA,KAAAjC,EAAA,QAAA+B,MAAA/B,EAAA,QAAAgC,IAAA;AAnBZC,OAAA,qBAAA,OAAA;GACOzB,KAAAA;GACK,WAAA;aAFZ,CAIEuB,IAUAC,GAMI;;AAAAhC,IAAA,MAAA+B;AAAA/B,IAAA,MAAAgC;AAAAhC,IAAA,MAAAiC;OAAAA,MAAAjC,EAAA;AAAA,QApBNiC"}

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

@@ -1,14 +1,14 @@
 import { default as React, RefObject } from 'react';
 import { SelectorProps } from './index.js';
-import { DisplayValueType } from '../interface';
-import { CustomTagProps } from '../BaseSelect';
-import { RefTriggerProps } from '../SelectTrigger';
+import { DisplayValueType } from '../interface.js';
+import { CustomTagProps } from '../BaseSelect.js';
+import { RefTriggerProps } from '../SelectTrigger.js';
 interface MultipleSelectorProps extends SelectorProps {
     onRemove: (value: DisplayValueType) => void;
     onToggleOpen: (open?: boolean) => void;
     tagRender?: (props: CustomTagProps, isPreview?: boolean) => React.ReactNode;
     maxTagPlaceholder?: React.ReactNode | ((omittedValues: DisplayValueType[]) => React.ReactNode);
-    dropdownRef: RefObject<RefTriggerProps>;
+    dropdownRef: RefObject<RefTriggerProps | null>;
 }
-export default function MultipleSelector(props: MultipleSelectorProps): import("react/jsx-runtime").JSX.Element;
+export default function MultipleSelector(props: MultipleSelectorProps): React.JSX.Element;
 export {};

package/dist/Select/Selector/MultipleSelector.js

@@ -4,7 +4,8 @@ import ScrollArea_default from "../../ScrollArea/index.js";
 import FixedOverflow from "./FixedOverflow.js";
 import MultipleResponsiveSelectedSection from "./MultipleResponsiveSelectedSection.js";
 import { isMultiple, isResponsive, isShowSelectedSection } from "../BaseSelect.js";
-import { useEffect, useMemo, useState } from "react";
+import { c } from "react-compiler-runtime";
+import { useEffect, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import _ from "lodash";
 //#region src/Select/Selector/MultipleSelector.tsx
@@ -19,111 +20,269 @@ function itemKey(value) {
 	return (value.key ?? value.value) || "";
 }
 function MultipleSelector(props) {
+	const $ = c(63);
 	const { displayValues, tagRender, onRemove, onToggleOpen, mode, disabled, maxTagPlaceholder, showResponsiveSelectedSection, dropdownRef, suffixIcon, onOverflowCollapsedChange } = props;
-	const innerMaxTagPlaceholder = (omittedValues) => {
-		return `+ ${omittedValues.length === displayValues.length ? omittedValues.length - 1 : omittedValues.length}`;
-	};
+	let t0;
+	if ($[0] !== displayValues.length) {
+		t0 = (omittedValues) => `+ ${omittedValues.length === displayValues.length ? omittedValues.length - 1 : omittedValues.length}`;
+		$[0] = displayValues.length;
+		$[1] = t0;
+	} else t0 = $[1];
+	const innerMaxTagPlaceholder = t0;
 	const [showItemIndex, setShowItemIndex] = useState(0);
 	const isCollapsed = showItemIndex === -1 && displayValues.length > 0;
-	useEffect(() => {
-		onOverflowCollapsedChange?.(isCollapsed);
-	}, [isCollapsed, onOverflowCollapsedChange]);
-	const customizeRenderSelector = (value, content, itemDisabled, closable, onClose, isPreview, uniqueKey) => {
-		const onMouseDown = (e) => {
-			onPreventMouseDown(e);
+	let t1;
+	let t2;
+	if ($[2] !== isCollapsed || $[3] !== onOverflowCollapsedChange) {
+		t1 = () => {
+			onOverflowCollapsedChange?.(isCollapsed);
 		};
-		return /* @__PURE__ */ jsx("span", {
-			className: "beta-ald-select-custom-tag-render-wrapper",
-			onMouseDown,
-			children: tagRender?.({
-				label: content,
-				value,
-				disabled: itemDisabled,
-				closable: isPreview ? false : closable ?? false,
-				onClose: onClose ?? (() => {})
-			}, isPreview)
-		}, uniqueKey ?? value);
-	};
-	const defaultRenderSelector = (item, content, itemDisabled, closable, onClose, isPreview, uniqueKey) => /* @__PURE__ */ jsx(Tag, {
-		disabled: itemDisabled,
-		size: "small",
-		closable: isPreview ? false : closable,
-		onClose: (e) => {
-			onPreventMouseDown(e);
-			onClose?.(e);
-		},
-		children: content
-	}, uniqueKey ?? item?.value);
-	const isResponsiveMode = isResponsive(mode);
-	const showSelectedSection = isShowSelectedSection(mode);
-	const renderItem = (valueItem, index) => {
-		const { disabled: itemDisabled, label, value } = valueItem;
-		const closable = !disabled && !itemDisabled;
-		let isPreview = !showResponsiveSelectedSection;
-		if (!isResponsiveMode) isPreview = false;
-		if (!showSelectedSection) isPreview = false;
-		if (disabled) isPreview = true;
-		const displayLabel = label;
-		const onClose = (event) => {
-			if (event) event.stopPropagation();
-			onRemove(valueItem);
+		t2 = [isCollapsed, onOverflowCollapsedChange];
+		$[2] = isCollapsed;
+		$[3] = onOverflowCollapsedChange;
+		$[4] = t1;
+		$[5] = t2;
+	} else {
+		t1 = $[4];
+		t2 = $[5];
+	}
+	useEffect(t1, t2);
+	let t3;
+	if ($[6] !== tagRender) {
+		t3 = (value, content, itemDisabled, closable, onClose, isPreview, uniqueKey) => {
+			return /* @__PURE__ */ jsx("span", {
+				className: "beta-ald-select-custom-tag-render-wrapper",
+				onMouseDown: _temp,
+				children: tagRender?.({
+					label: content,
+					value,
+					disabled: itemDisabled,
+					closable: isPreview ? false : closable ?? false,
+					onClose: onClose ?? _temp2
+				}, isPreview)
+			}, uniqueKey ?? value);
+		};
+		$[6] = tagRender;
+		$[7] = t3;
+	} else t3 = $[7];
+	const customizeRenderSelector = t3;
+	const defaultRenderSelector = _temp3;
+	let t4;
+	if ($[8] !== mode) {
+		t4 = isResponsive(mode);
+		$[8] = mode;
+		$[9] = t4;
+	} else t4 = $[9];
+	const isResponsiveMode = t4;
+	let t5;
+	if ($[10] !== mode) {
+		t5 = isShowSelectedSection(mode);
+		$[10] = mode;
+		$[11] = t5;
+	} else t5 = $[11];
+	const showSelectedSection = t5;
+	let t6;
+	if ($[12] !== customizeRenderSelector || $[13] !== disabled || $[14] !== isResponsiveMode || $[15] !== onRemove || $[16] !== showResponsiveSelectedSection || $[17] !== showSelectedSection || $[18] !== tagRender) {
+		t6 = (valueItem, index) => {
+			const { disabled: itemDisabled_1, label, value: value_0 } = valueItem;
+			const closable_1 = !disabled && !itemDisabled_1;
+			let isPreview_1 = !showResponsiveSelectedSection;
+			if (!isResponsiveMode) isPreview_1 = false;
+			if (!showSelectedSection) isPreview_1 = false;
+			if (disabled) isPreview_1 = true;
+			const displayLabel = label;
+			const onClose_1 = (event) => {
+				if (event) event.stopPropagation();
+				onRemove(valueItem);
+			};
+			if (_.isNil(value_0)) return null;
+			const uniqueKey_1 = valueItem.key ?? (value_0 !== void 0 && value_0 !== null ? `${value_0}-${index ?? ""}` : `item-${index ?? ""}`);
+			return typeof tagRender === "function" ? customizeRenderSelector(value_0, displayLabel, !!itemDisabled_1, closable_1, onClose_1, isPreview_1, uniqueKey_1) : defaultRenderSelector(valueItem, displayLabel, !!itemDisabled_1, closable_1, onClose_1, isPreview_1, uniqueKey_1);
+		};
+		$[12] = customizeRenderSelector;
+		$[13] = disabled;
+		$[14] = isResponsiveMode;
+		$[15] = onRemove;
+		$[16] = showResponsiveSelectedSection;
+		$[17] = showSelectedSection;
+		$[18] = tagRender;
+		$[19] = t6;
+	} else t6 = $[19];
+	const renderItem = t6;
+	let t7;
+	if ($[20] !== displayValues.length || $[21] !== innerMaxTagPlaceholder || $[22] !== maxTagPlaceholder) {
+		t7 = (omittedValues_0) => {
+			if (displayValues.length === 1) return null;
+			const content_1 = typeof maxTagPlaceholder === "function" ? maxTagPlaceholder(omittedValues_0.length === displayValues.length ? omittedValues_0.slice(1, omittedValues_0.length) : omittedValues_0) : innerMaxTagPlaceholder(omittedValues_0.length === displayValues.length ? omittedValues_0.slice(1, omittedValues_0.length) : omittedValues_0);
+			return typeof maxTagPlaceholder === "function" ? content_1 : defaultRenderSelector({ title: content_1 }, content_1, false);
+		};
+		$[20] = displayValues.length;
+		$[21] = innerMaxTagPlaceholder;
+		$[22] = maxTagPlaceholder;
+		$[23] = t7;
+	} else t7 = $[23];
+	const renderRest = t7;
+	let t8;
+	if ($[24] === Symbol.for("react.memo_cache_sentinel")) {
+		t8 = (visibleCount) => {
+			setShowItemIndex(visibleCount);
 		};
-		if (_.isNil(value)) return null;
-		const uniqueKey = valueItem.key ?? (value !== void 0 && value !== null ? `${value}-${index ?? ""}` : `item-${index ?? ""}`);
-		return typeof tagRender === "function" ? customizeRenderSelector(value, displayLabel, !!itemDisabled, closable, onClose, isPreview, uniqueKey) : defaultRenderSelector(valueItem, displayLabel, !!itemDisabled, closable, onClose, isPreview, uniqueKey);
-	};
-	const renderRest = (omittedValues) => {
-		if (displayValues.length === 1) return null;
-		const content = typeof maxTagPlaceholder === "function" ? maxTagPlaceholder(omittedValues.length === displayValues.length ? omittedValues.slice(1, omittedValues.length) : omittedValues) : innerMaxTagPlaceholder(omittedValues.length === displayValues.length ? omittedValues.slice(1, omittedValues.length) : omittedValues);
-		return typeof maxTagPlaceholder === "function" ? content : defaultRenderSelector({ title: content }, content, false);
-	};
-	const onVisibleChange = (visibleCount) => {
-		setShowItemIndex(visibleCount);
-	};
-	const maxHeight = useMemo(() => {
+		$[24] = t8;
+	} else t8 = $[24];
+	const onVisibleChange = t8;
+	let t9;
+	bb0: {
 		if (isMultiple(mode)) {
 			let maxRows;
 			if (typeof mode === "object") maxRows = mode.maxRows;
-			if (!maxRows) return 2.5 * tagHeight + 2 * gap;
-			else return maxRows * tagHeight + (maxRows - 1) * gap;
+			if (!maxRows) {
+				t9 = 2.5 * tagHeight + 2 * gap;
+				break bb0;
+			} else {
+				t9 = maxRows * tagHeight + (maxRows - 1) * gap;
+				break bb0;
+			}
 		}
-	}, [mode]);
-	if (isResponsiveMode) return /* @__PURE__ */ jsxs("div", {
-		className: "beta-ald-select-selector beta-ald-select-selector-multiple-responsive",
-		children: [
-			showItemIndex === -1 && displayValues.length > 0 && /* @__PURE__ */ jsx("div", {
+		t9 = void 0;
+	}
+	const maxHeight = t9;
+	if (isResponsiveMode) {
+		let t10;
+		if ($[25] !== displayValues[0] || $[26] !== displayValues.length || $[27] !== renderItem || $[28] !== showItemIndex) {
+			t10 = showItemIndex === -1 && displayValues.length > 0 && /* @__PURE__ */ jsx("div", {
 				className: "beta-ald-select-selector-overflow-item-first",
 				children: renderItem(displayValues[0], 0)
-			}),
-			/* @__PURE__ */ jsx(FixedOverflow, {
+			});
+			$[25] = displayValues[0];
+			$[26] = displayValues.length;
+			$[27] = renderItem;
+			$[28] = showItemIndex;
+			$[29] = t10;
+		} else t10 = $[29];
+		let t11;
+		if ($[30] !== renderItem) {
+			t11 = (item_0, info) => renderItem(item_0, info?.index);
+			$[30] = renderItem;
+			$[31] = t11;
+		} else t11 = $[31];
+		const t12 = showItemIndex === -1 && displayValues.length === 1;
+		let t13;
+		if ($[32] !== t12) {
+			t13 = cn({ "beta-ald-select-selector-overflow-hidden": t12 });
+			$[32] = t12;
+			$[33] = t13;
+		} else t13 = $[33];
+		let t14;
+		if ($[34] !== displayValues || $[35] !== renderRest || $[36] !== t11 || $[37] !== t13) {
+			t14 = /* @__PURE__ */ jsx(FixedOverflow, {
 				prefixCls: overflowPrefixCls,
 				data: displayValues,
-				renderItem: (item, info) => renderItem(item, info?.index),
-				className: cn({ "beta-ald-select-selector-overflow-hidden": showItemIndex === -1 && displayValues.length === 1 }),
+				renderItem: t11,
+				className: t13,
 				renderRest,
 				itemKey,
 				gap,
 				onVisibleChange
-			}),
-			showResponsiveSelectedSection && /* @__PURE__ */ jsx(MultipleResponsiveSelectedSection, {
+			});
+			$[34] = displayValues;
+			$[35] = renderRest;
+			$[36] = t11;
+			$[37] = t13;
+			$[38] = t14;
+		} else t14 = $[38];
+		let t15;
+		if ($[39] !== displayValues || $[40] !== dropdownRef || $[41] !== maxHeight || $[42] !== onToggleOpen || $[43] !== renderItem || $[44] !== showResponsiveSelectedSection || $[45] !== suffixIcon) {
+			t15 = showResponsiveSelectedSection && /* @__PURE__ */ jsx(MultipleResponsiveSelectedSection, {
 				displayValues,
 				renderItem,
 				maxHeight,
 				suffixIcon,
 				onToggleOpen,
 				dropdownRef
-			})
-		]
-	});
-	return /* @__PURE__ */ jsx(ScrollArea_default, {
-		innerClassName: "beta-ald-select-selector-multiple-default-inner",
-		className: "beta-ald-select-selector beta-ald-select-selector-multiple-default",
-		innerStyle: { maxHeight },
-		children: /* @__PURE__ */ jsx("div", {
+			});
+			$[39] = displayValues;
+			$[40] = dropdownRef;
+			$[41] = maxHeight;
+			$[42] = onToggleOpen;
+			$[43] = renderItem;
+			$[44] = showResponsiveSelectedSection;
+			$[45] = suffixIcon;
+			$[46] = t15;
+		} else t15 = $[46];
+		let t16;
+		if ($[47] !== t10 || $[48] !== t14 || $[49] !== t15) {
+			t16 = /* @__PURE__ */ jsxs("div", {
+				className: "beta-ald-select-selector beta-ald-select-selector-multiple-responsive",
+				children: [
+					t10,
+					t14,
+					t15
+				]
+			});
+			$[47] = t10;
+			$[48] = t14;
+			$[49] = t15;
+			$[50] = t16;
+		} else t16 = $[50];
+		return t16;
+	}
+	let t10;
+	if ($[51] !== maxHeight) {
+		t10 = { maxHeight };
+		$[51] = maxHeight;
+		$[52] = t10;
+	} else t10 = $[52];
+	let t11;
+	if ($[53] !== displayValues || $[54] !== renderItem) {
+		let t12;
+		if ($[56] !== renderItem) {
+			t12 = (item_1, index_0) => renderItem(item_1, index_0);
+			$[56] = renderItem;
+			$[57] = t12;
+		} else t12 = $[57];
+		t11 = displayValues.map(t12);
+		$[53] = displayValues;
+		$[54] = renderItem;
+		$[55] = t11;
+	} else t11 = $[55];
+	let t12;
+	if ($[58] !== t11) {
+		t12 = /* @__PURE__ */ jsx("div", {
 			className: "beta-ald-select-selector-multiple-default-tags",
-			children: displayValues.map((item, index) => renderItem(item, index))
-		})
-	});
+			children: t11
+		});
+		$[58] = t11;
+		$[59] = t12;
+	} else t12 = $[59];
+	let t13;
+	if ($[60] !== t10 || $[61] !== t12) {
+		t13 = /* @__PURE__ */ jsx(ScrollArea_default, {
+			innerClassName: "beta-ald-select-selector-multiple-default-inner",
+			className: "beta-ald-select-selector beta-ald-select-selector-multiple-default",
+			innerStyle: t10,
+			children: t12
+		});
+		$[60] = t10;
+		$[61] = t12;
+		$[62] = t13;
+	} else t13 = $[62];
+	return t13;
+}
+function _temp3(item, content_0, itemDisabled_0, closable_0, onClose_0, isPreview_0, uniqueKey_0) {
+	return /* @__PURE__ */ jsx(Tag, {
+		disabled: itemDisabled_0,
+		size: "small",
+		closable: isPreview_0 ? false : closable_0,
+		onClose: (e_0) => {
+			onPreventMouseDown(e_0);
+			onClose_0?.(e_0);
+		},
+		children: content_0
+	}, uniqueKey_0 ?? item?.value);
+}
+function _temp2() {}
+function _temp(e) {
+	onPreventMouseDown(e);
 }
 //#endregion
 export { MultipleSelector as default };