@aloudata/aloudata-design 2.19.5 → 3.0.0-beta.2

package/dist/Select/Selector/MultipleSelector.js

@@ -0,0 +1,128 @@
+import { cn } from "../../lib/utils.js";
+import Tag from "../../Tag/index.js";
+import ScrollArea_default from "../../ScrollArea/index.js";
+import SimpleOverflow from "../../_utils/SimpleOverflow.js";
+import MultipleResponsiveSelectedSection from "./MultipleResponsiveSelectedSection.js";
+import { isMultiple, isResponsive, isShowSelectedSection } from "../BaseSelect.js";
+import { useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import _ from "lodash";
+//#region src/Select/Selector/MultipleSelector.tsx
+var overflowPrefixCls = "beta-ald-select-selector-overflow";
+var tagHeight = 20;
+var gap = 4;
+var onPreventMouseDown = (event) => {
+	event.preventDefault();
+	event.stopPropagation();
+};
+function itemKey(value) {
+	return String((value.key ?? value.value) || "");
+}
+function MultipleSelector(props) {
+	const { displayValues, tagRender, onRemove, onToggleOpen, mode, disabled, maxTagPlaceholder, showResponsiveSelectedSection, dropdownRef, suffixIcon } = props;
+	const innerMaxTagPlaceholder = (omittedValues) => {
+		return `+ ${omittedValues.length === displayValues.length ? omittedValues.length - 1 : omittedValues.length}`;
+	};
+	const [showItemIndex, setShowItemIndex] = useState(0);
+	const customizeRenderSelector = (value, content, itemDisabled, closable, onClose, isPreview, uniqueKey) => {
+		const onMouseDown = (e) => {
+			onPreventMouseDown(e);
+		};
+		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);
+		};
+		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(() => {
+		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;
+		}
+	}, [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", {
+				className: "beta-ald-select-selector-overflow-item-first",
+				children: renderItem(displayValues[0], 0)
+			}),
+			/* @__PURE__ */ jsx(SimpleOverflow, {
+				prefixCls: overflowPrefixCls,
+				data: displayValues,
+				renderItem,
+				className: cn({ "beta-ald-select-selector-overflow-hidden": showItemIndex === -1 && displayValues.length === 1 }),
+				renderRest,
+				suffix: null,
+				itemKey,
+				maxCount: "responsive",
+				onVisibleChange
+			}),
+			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", {
+			className: "beta-ald-select-selector-multiple-default-tags",
+			children: displayValues.map((item, index) => renderItem(item, index))
+		})
+	});
+}
+//#endregion
+export { MultipleSelector as default };
+
+//# sourceMappingURL=MultipleSelector.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MultipleSelector.js","names":[],"sources":["../../../src/Select/Selector/MultipleSelector.tsx"],"sourcesContent":["import React, { RefObject, 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';\nimport Overflow from '../../_utils/SimpleOverflow';\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): string {\n  return String((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  } = 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 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={renderItem}\n          className={cn({\n            'beta-ald-select-selector-overflow-hidden':\n              showItemIndex === -1 && displayValues.length === 1,\n          })}\n          renderRest={renderRest}\n          suffix={null}\n          itemKey={itemKey}\n          maxCount=\"responsive\"\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":";;;;;;;;;;AAgBA,IAAM,oBAAoB;AAC1B,IAAM,YAAY;AAClB,IAAM,MAAM;AAWZ,IAAM,sBAAsB,UAA4B;AACtD,OAAM,gBAAgB;AACtB,OAAM,iBAAiB;;AAGzB,SAAS,QAAQ,OAAiC;AAChD,QAAO,QAAQ,MAAM,OAAO,MAAM,UAAU,GAAG;;AAGjD,SAAwB,iBAAiB,OAA8B;CACrE,MAAM,EACJ,eACA,WACA,UACA,cACA,MACA,UACA,mBACA,+BACA,aACA,eACE;CACJ,MAAM,0BAA0B,kBAAsC;AACpE,SAAO,KACL,cAAc,WAAW,cAAc,SACnC,cAAc,SAAS,IACvB,cAAc;;CAGtB,MAAM,CAAC,eAAe,oBAAoB,SAAS,EAAE;CACrD,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,gBAAD;IACE,WAAW;IACX,MAAM;IACM;IACZ,WAAW,GAAG,EACZ,4CACE,kBAAkB,MAAM,cAAc,WAAW,GACpD,CAAC;IACU;IACZ,QAAQ;IACC;IACT,UAAS;IACQ;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"}

package/dist/{AldSelect → Select}/Selector/index.d.ts

@@ -1,5 +1,5 @@
 import { DisplayValueType, ISelectProps, LabelInValueType } from '../interface';
-import React, { RefObject } from 'react';
+import { RefObject } from 'react';
 import { RefTriggerProps } from '../SelectTrigger';
 export interface SelectorProps extends ISelectProps {
     displayValues: LabelInValueType[];
@@ -8,4 +8,4 @@ export interface SelectorProps extends ISelectProps {
     showResponsiveSelectedSection: boolean;
     dropdownRef: RefObject<RefTriggerProps>;
 }
-export default function Selector(props: SelectorProps): React.JSX.Element;
+export default function Selector(props: SelectorProps): import("react/jsx-runtime").JSX.Element;

package/dist/Select/Selector/index.js

@@ -0,0 +1,25 @@
+import prefixCls from "../../_utils/prefixCls.js";
+import MultipleSelector from "./MultipleSelector.js";
+import { isMultiple } from "../BaseSelect.js";
+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"),
+		children: displayValues.map((item, index) => /* @__PURE__ */ jsx("span", { children: item.label }, item.value ?? `item-${index}`))
+	});
+}
+//#endregion
+export { Selector as default };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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}\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  return (\n    <div className={classNames('beta-ald-select-selector')}>\n      {displayValues.map((item, index) => (\n        <span key={item.value ?? `item-${index}`}>{item.label}</span>\n      ))}\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAaA,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;AAGN,QACE,oBAAC,OAAD;EAAK,WAAW,WAAW,2BAA2B;YACnD,cAAc,KAAK,MAAM,UACxB,oBAAC,QAAD,EAAA,UAA2C,KAAK,OAAa,EAAlD,KAAK,SAAS,QAAQ,QAA4B,CAC7D;EACE,CAAA"}

package/dist/{AldSelect → Select}/components/PopupContent.d.ts

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

package/dist/Select/components/PopupContent.js

@@ -0,0 +1,25 @@
+import "react";
+import { Fragment, jsx } from "react/jsx-runtime";
+import _ from "lodash";
+//#region src/Select/components/PopupContent.tsx
+function PopupContent(props) {
+	const { content, notFoundContent, dropdownRender, menuProps } = props;
+	let popupContent;
+	if (typeof dropdownRender === "function") popupContent = dropdownRender(content);
+	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;
+	} else popupContent = content;
+	return /* @__PURE__ */ jsx(Fragment, { children: popupContent });
+}
+//#endregion
+export { PopupContent as default };
+
+//# sourceMappingURL=PopupContent.js.map

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

@@ -0,0 +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"}

package/dist/{AldSelect → Select}/components/SearchBox.d.ts

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

package/dist/Select/components/SearchBox.js

@@ -0,0 +1,23 @@
+import InputSearch from "../../InputSearch/index.js";
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/Select/components/SearchBox.tsx
+function SearchBox({ showSearch = false, value = "", onChange, onBlur }) {
+	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) => {
+			onBlur?.(e);
+		}
+	});
+}
+var SearchBox_default = React.memo(SearchBox);
+//#endregion
+export { SearchBox_default as default };
+
+//# sourceMappingURL=SearchBox.js.map

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

@@ -0,0 +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"}

package/dist/{AldSelect → Select}/components/Suffix.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { DisplayValueType } from '../interface';
 export default function Suffix({ showArrow, allowClear, isActive, isHover, icon, onClear, displayValues, disabled, }: {
     showArrow?: boolean;
@@ -9,4 +9,4 @@ export default function Suffix({ showArrow, allowClear, isActive, isHover, icon,
     icon: React.ReactNode;
     onClear?: () => void;
     displayValues: DisplayValueType[];
-}): React.JSX.Element | null;
+}): import("react/jsx-runtime").JSX.Element | null;

package/dist/Select/components/Suffix.js

@@ -0,0 +1,36 @@
+import Memo from "../../Icon/components/ArrowDownRightFill.js";
+import Memo$1 from "../../Icon/components/CloseCircleRightFill.js";
+import prefixCls from "../../_utils/prefixCls.js";
+import "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/Select/components/Suffix.tsx
+function Suffix({ showArrow, allowClear, isActive, isHover, icon, onClear, displayValues, disabled }) {
+	const classNames = prefixCls("select");
+	if ((isActive || isHover) && !disabled && allowClear && displayValues.length > 0) return /* @__PURE__ */ jsx("div", {
+		className: classNames("suffix", "clear"),
+		onClick: (event) => {
+			event.stopPropagation();
+			event.preventDefault();
+			onClear?.();
+		},
+		children: /* @__PURE__ */ jsx(Memo$1, {
+			size: 16,
+			color: "#6B7280"
+		})
+	});
+	if (showArrow) {
+		const dropdownIcon = icon || /* @__PURE__ */ jsx(Memo, {
+			color: "#6B7280",
+			size: 16
+		});
+		return /* @__PURE__ */ jsx("div", {
+			className: classNames("suffix", "arrow"),
+			children: dropdownIcon
+		});
+	}
+	return null;
+}
+//#endregion
+export { Suffix as default };
+
+//# sourceMappingURL=Suffix.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Suffix.js","names":[],"sources":["../../../src/Select/components/Suffix.tsx"],"sourcesContent":["import React from 'react';\nimport prefixCls from '../../_utils/prefixCls';\nimport { ArrowDownRightFill, CloseCircleRightFill } from '../../Icon';\nimport { DisplayValueType } from '../interface';\n\nexport default function Suffix({\n  showArrow,\n  allowClear,\n  isActive,\n  isHover,\n  icon,\n  onClear,\n  displayValues,\n  disabled,\n}: {\n  showArrow?: boolean;\n  allowClear?: boolean;\n  isActive?: boolean;\n  isHover?: boolean;\n  disabled?: boolean;\n  icon: React.ReactNode;\n  onClear?: () => void;\n  displayValues: DisplayValueType[];\n}) {\n  const classNames = prefixCls('select');\n\n  if (\n    (isActive || isHover) &&\n    !disabled &&\n    allowClear &&\n    displayValues.length > 0\n  ) {\n    return (\n      <div\n        className={classNames('suffix', 'clear')}\n        onClick={(event) => {\n          event.stopPropagation();\n          event.preventDefault();\n          onClear?.();\n        }}\n      >\n        <CloseCircleRightFill size={16} color=\"#6B7280\" />\n      </div>\n    );\n  }\n  if (showArrow) {\n    const dropdownIcon = icon || (\n      <ArrowDownRightFill color=\"#6B7280\" size={16} />\n    );\n\n    return <div className={classNames('suffix', 'arrow')}>{dropdownIcon}</div>;\n  }\n\n  return null;\n}\n"],"mappings":";;;;;;AAKA,SAAwB,OAAO,EAC7B,WACA,YACA,UACA,SACA,MACA,SACA,eACA,YAUC;CACD,MAAM,aAAa,UAAU,SAAS;AAEtC,MACG,YAAY,YACb,CAAC,YACD,cACA,cAAc,SAAS,EAEvB,QACE,oBAAC,OAAD;EACE,WAAW,WAAW,UAAU,QAAQ;EACxC,UAAU,UAAU;AAClB,SAAM,iBAAiB;AACvB,SAAM,gBAAgB;AACtB,cAAW;;YAGb,oBAAC,QAAD;GAAsB,MAAM;GAAI,OAAM;GAAY,CAAA;EAC9C,CAAA;AAGV,KAAI,WAAW;EACb,MAAM,eAAe,QACnB,oBAAC,MAAD;GAAoB,OAAM;GAAU,MAAM;GAAM,CAAA;AAGlD,SAAO,oBAAC,OAAD;GAAK,WAAW,WAAW,UAAU,QAAQ;aAAG;GAAmB,CAAA;;AAG5E,QAAO"}

package/dist/Select/hooks/useCache.js

@@ -0,0 +1,35 @@
+import * as React$1 from "react";
+//#region src/Select/hooks/useCache.ts
+/**
+* Cache `value` related LabeledValue & options.
+*/
+var useCache_default = (labeledValues, valueOptions) => {
+	const cacheRef = React$1.useRef({
+		values: /* @__PURE__ */ new Map(),
+		options: /* @__PURE__ */ new Map()
+	});
+	return [React$1.useMemo(() => {
+		const { values: prevValueCache, options: prevOptionCache } = cacheRef.current;
+		const patchedValues = labeledValues.map((item) => {
+			if (item.label === void 0) return {
+				...item,
+				label: prevValueCache.get(item.value)?.label
+			};
+			return item;
+		});
+		const valueCache = /* @__PURE__ */ new Map();
+		const optionCache = /* @__PURE__ */ new Map();
+		patchedValues.forEach((item) => {
+			valueCache.set(item.value, item);
+			const option = valueOptions.get(item.value) || prevOptionCache.get(item.value);
+			if (option) optionCache.set(item.value, option);
+		});
+		cacheRef.current.values = valueCache;
+		cacheRef.current.options = optionCache;
+		return patchedValues;
+	}, [labeledValues, valueOptions]), React$1.useCallback((val) => valueOptions.get(val) || cacheRef.current.options.get(val), [valueOptions])];
+};
+//#endregion
+export { useCache_default as default };
+
+//# sourceMappingURL=useCache.js.map

package/dist/Select/hooks/useCache.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCache.js","names":[],"sources":["../../../src/Select/hooks/useCache.ts"],"sourcesContent":["import * as React from 'react';\nimport {\n  DefaultOptionType,\n  LabelInValueType,\n  RawValueType,\n} from '../interface';\n\n/**\n * Cache `value` related LabeledValue & options.\n */\nexport default (\n  labeledValues: LabelInValueType[],\n  valueOptions: Map<RawValueType, DefaultOptionType>,\n): [LabelInValueType[], (val: RawValueType) => DefaultOptionType] => {\n  const cacheRef = React.useRef({\n    values: new Map<RawValueType, LabelInValueType>(),\n    options: new Map<RawValueType, DefaultOptionType>(),\n  });\n\n  const filledLabeledValues = React.useMemo(() => {\n    const { values: prevValueCache, options: prevOptionCache } =\n      cacheRef.current;\n\n    // Fill label by cache\n    const patchedValues = labeledValues.map((item) => {\n      if (item.label === undefined) {\n        return {\n          ...item,\n          label: prevValueCache.get(item.value)?.label,\n        };\n      }\n\n      return item;\n    });\n\n    // Refresh cache\n    const valueCache = new Map<RawValueType, LabelInValueType>();\n    const optionCache = new Map<RawValueType, DefaultOptionType>();\n\n    patchedValues.forEach((item) => {\n      valueCache.set(item.value, item);\n      const option =\n        valueOptions.get(item.value) || prevOptionCache.get(item.value);\n      if (option) {\n        optionCache.set(item.value, option);\n      }\n    });\n\n    cacheRef.current.values = valueCache;\n    cacheRef.current.options = optionCache;\n\n    return patchedValues;\n  }, [labeledValues, valueOptions]);\n\n  const getOption = React.useCallback(\n    (val: RawValueType) =>\n      valueOptions.get(val) || cacheRef.current.options.get(val)!,\n    [valueOptions],\n  );\n\n  return [filledLabeledValues, getOption];\n};\n"],"mappings":";;;;;AAUA,IAAA,oBACE,eACA,iBACmE;CACnE,MAAM,WAAW,QAAM,OAAO;EAC5B,wBAAQ,IAAI,KAAqC;EACjD,yBAAS,IAAI,KAAsC;EACpD,CAAC;AA2CF,QAAO,CAzCqB,QAAM,cAAc;EAC9C,MAAM,EAAE,QAAQ,gBAAgB,SAAS,oBACvC,SAAS;EAGX,MAAM,gBAAgB,cAAc,KAAK,SAAS;AAChD,OAAI,KAAK,UAAU,OACjB,QAAO;IACL,GAAG;IACH,OAAO,eAAe,IAAI,KAAK,MAAM,EAAE;IACxC;AAGH,UAAO;IACP;EAGF,MAAM,6BAAa,IAAI,KAAqC;EAC5D,MAAM,8BAAc,IAAI,KAAsC;AAE9D,gBAAc,SAAS,SAAS;AAC9B,cAAW,IAAI,KAAK,OAAO,KAAK;GAChC,MAAM,SACJ,aAAa,IAAI,KAAK,MAAM,IAAI,gBAAgB,IAAI,KAAK,MAAM;AACjE,OAAI,OACF,aAAY,IAAI,KAAK,OAAO,OAAO;IAErC;AAEF,WAAS,QAAQ,SAAS;AAC1B,WAAS,QAAQ,UAAU;AAE3B,SAAO;IACN,CAAC,eAAe,aAAa,CAAC,EAEf,QAAM,aACrB,QACC,aAAa,IAAI,IAAI,IAAI,SAAS,QAAQ,QAAQ,IAAI,IAAI,EAC5D,CAAC,aAAa,CACf,CAEsC"}

package/dist/Select/hooks/useDisplayMenu.js

@@ -0,0 +1,42 @@
+import { isDivideMenuItem, isHeaderMenuItem, isSubMenuItem } from "../../Menu/index.js";
+import { toString } from "../utils/commonUtil.js";
+import { useCallback, useMemo } from "react";
+//#region src/Select/hooks/useDisplayMenu.ts
+function useDisplayMenu(menu, filterOptions, innerSearchValue) {
+	const { items } = menu;
+	const filter = useCallback((inputValue, option) => {
+		if (filterOptions) return filterOptions(inputValue, option);
+		return toString(option.label || option.value || "").includes(inputValue);
+	}, [filterOptions]);
+	const findFilteredItems = useCallback((currentItems) => {
+		return currentItems.filter((item) => {
+			if (isSubMenuItem(item)) return findFilteredItems(item.children);
+			else if (isHeaderMenuItem(item)) return true;
+			else if (isDivideMenuItem(item)) return true;
+			return filter?.(innerSearchValue || "", {
+				label: item.label,
+				value: item.key
+			});
+		}).reduceRight((prev, current) => {
+			const prevItem = prev[0];
+			if (isHeaderMenuItem(current) || isDivideMenuItem(current)) {
+				if (!prevItem || isHeaderMenuItem(prevItem) || isDivideMenuItem(prevItem)) return prev;
+			} else if (isSubMenuItem(current)) {
+				if (current.children.length === 0) return prev;
+			}
+			return [current, ...prev];
+		}, []);
+	}, [innerSearchValue, filter]);
+	const filteredItems = useMemo(() => {
+		return findFilteredItems(items);
+	}, [findFilteredItems, items]);
+	if (!innerSearchValue) return menu;
+	return {
+		...menu,
+		items: filteredItems
+	};
+}
+//#endregion
+export { useDisplayMenu as default };
+
+//# sourceMappingURL=useDisplayMenu.js.map

package/dist/Select/hooks/useDisplayMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDisplayMenu.js","names":[],"sources":["../../../src/Select/hooks/useDisplayMenu.ts"],"sourcesContent":["import { useCallback, useMemo } from 'react';\nimport { isDivideMenuItem, isHeaderMenuItem, isSubMenuItem } from '../../Menu';\nimport { DefaultOptionType, SelectMenuProps } from '../interface';\nimport { toString } from '../utils/commonUtil';\nexport default function useDisplayMenu(\n  menu: SelectMenuProps,\n  filterOptions?: (inputValue: string, option: DefaultOptionType) => boolean,\n  innerSearchValue?: string,\n) {\n  const { items } = menu;\n  const filter = useCallback(\n    (inputValue: string, option: DefaultOptionType) => {\n      if (filterOptions) {\n        return filterOptions(inputValue, option);\n      }\n      const toBeSearched = option.label || option.value || '';\n      return toString(toBeSearched).includes(inputValue);\n    },\n    [filterOptions],\n  );\n\n  const findFilteredItems = useCallback(\n    (currentItems: SelectMenuProps['items']): SelectMenuProps['items'] => {\n      return currentItems\n        .filter((item) => {\n          if (isSubMenuItem(item)) {\n            return findFilteredItems(item.children);\n          } else if (isHeaderMenuItem(item)) {\n            return true;\n          } else if (isDivideMenuItem(item)) {\n            return true;\n          }\n          return filter?.(innerSearchValue || '', {\n            label: item.label,\n            value: item.key,\n          });\n        })\n        .reduceRight((prev, current) => {\n          const prevItem = prev[0];\n          if (isHeaderMenuItem(current) || isDivideMenuItem(current)) {\n            if (\n              !prevItem ||\n              isHeaderMenuItem(prevItem) ||\n              isDivideMenuItem(prevItem)\n            ) {\n              return prev;\n            }\n          } else if (isSubMenuItem(current)) {\n            if (current.children.length === 0) {\n              return prev;\n            }\n          }\n          return [current, ...prev];\n        }, [] as SelectMenuProps['items']);\n    },\n    [innerSearchValue, filter],\n  );\n\n  const filteredItems: SelectMenuProps['items'] = useMemo(() => {\n    return findFilteredItems(items);\n  }, [findFilteredItems, items]);\n\n  if (!innerSearchValue) {\n    return menu;\n  }\n  return {\n    ...menu,\n    items: filteredItems,\n  };\n}\n"],"mappings":";;;;AAIA,SAAwB,eACtB,MACA,eACA,kBACA;CACA,MAAM,EAAE,UAAU;CAClB,MAAM,SAAS,aACZ,YAAoB,WAA8B;AACjD,MAAI,cACF,QAAO,cAAc,YAAY,OAAO;AAG1C,SAAO,SADc,OAAO,SAAS,OAAO,SAAS,GACxB,CAAC,SAAS,WAAW;IAEpD,CAAC,cAAc,CAChB;CAED,MAAM,oBAAoB,aACvB,iBAAqE;AACpE,SAAO,aACJ,QAAQ,SAAS;AAChB,OAAI,cAAc,KAAK,CACrB,QAAO,kBAAkB,KAAK,SAAS;YAC9B,iBAAiB,KAAK,CAC/B,QAAO;YACE,iBAAiB,KAAK,CAC/B,QAAO;AAET,UAAO,SAAS,oBAAoB,IAAI;IACtC,OAAO,KAAK;IACZ,OAAO,KAAK;IACb,CAAC;IACF,CACD,aAAa,MAAM,YAAY;GAC9B,MAAM,WAAW,KAAK;AACtB,OAAI,iBAAiB,QAAQ,IAAI,iBAAiB,QAAQ,EACxD;QACE,CAAC,YACD,iBAAiB,SAAS,IAC1B,iBAAiB,SAAS,CAE1B,QAAO;cAEA,cAAc,QAAQ,EAC/B;QAAI,QAAQ,SAAS,WAAW,EAC9B,QAAO;;AAGX,UAAO,CAAC,SAAS,GAAG,KAAK;KACxB,EAAE,CAA6B;IAEtC,CAAC,kBAAkB,OAAO,CAC3B;CAED,MAAM,gBAA0C,cAAc;AAC5D,SAAO,kBAAkB,MAAM;IAC9B,CAAC,mBAAmB,MAAM,CAAC;AAE9B,KAAI,CAAC,iBACH,QAAO;AAET,QAAO;EACL,GAAG;EACH,OAAO;EACR"}

package/dist/{AldSelect → Select}/hooks/useLayoutEffect.d.ts

@@ -2,4 +2,5 @@ import * as React from 'react';
 /**
  * Wrap `React.useLayoutEffect` which will not throw warning message in test env
  */
-export default function useLayoutEffect(effect: React.EffectCallback, deps?: React.DependencyList): void;
+declare const useLayoutEffect: typeof React.useEffect;
+export default useLayoutEffect;

package/dist/Select/hooks/useLayoutEffect.js

@@ -0,0 +1,2 @@
+// type-only module stub
+export {};

package/dist/{AldSelect → Select}/hooks/useOptions.d.ts

@@ -1,5 +1,5 @@
+import { DefaultOptionType, DraftValueType, RawValueType, SelectItemType, SelectMenuItemType, SelectMenuProps } from '../interface';
 import * as React from 'react';
-import type { DefaultOptionType, DraftValueType, RawValueType, SelectItemType, SelectMenuItemType, SelectMenuProps } from '../interface';
 export declare function isRawValue(value: DraftValueType): value is RawValueType;
 /**
  * Parse `children` to `options` if `options` is not provided.

package/dist/Select/hooks/useOptions.js

@@ -0,0 +1,60 @@
+import { isDivideMenuItem, isHeaderMenuItem, isSubMenuItem } from "../../Menu/index.js";
+import { convertOptionsToMenu, toArray, toString } from "../utils/commonUtil.js";
+import * as React$1 from "react";
+//#region src/Select/hooks/useOptions.ts
+function isRawValue(value) {
+	return !value || typeof value !== "object";
+}
+/**
+* Parse `children` to `options` if `options` is not provided.
+* Then flatten the `options`.
+*/
+function useOptions({ menu, options, value, optionLabelProp, listHeight }) {
+	return React$1.useMemo(() => {
+		const selectedKeys = [];
+		if (value) toArray(value).forEach((val) => {
+			if (isRawValue(val)) selectedKeys.push(toString(val));
+			else {
+				const key = val.value;
+				if (key) selectedKeys.push(toString(key));
+			}
+		});
+		const mergedMenu = menu ? {
+			...menu,
+			items: menu?.items || [],
+			selectedKeys
+		} : convertOptionsToMenu(options || [], selectedKeys);
+		const keyMenuItems = /* @__PURE__ */ new Map();
+		const labelMenuItems = /* @__PURE__ */ new Map();
+		function dig(menuItems) {
+			for (let i = 0; i < menuItems.length; i += 1) {
+				const menuItem = menuItems[i];
+				if (isDivideMenuItem(menuItem) || isHeaderMenuItem(menuItem)) continue;
+				if (isSubMenuItem(menuItem)) {
+					dig(menuItem.children);
+					continue;
+				} else {
+					keyMenuItems.set(menuItem.key, menuItem);
+					if (optionLabelProp) labelMenuItems.set(menuItem[optionLabelProp], menuItem);
+				}
+			}
+		}
+		dig(mergedMenu.items || []);
+		if (listHeight) mergedMenu.menuStyle = { maxHeight: listHeight };
+		return {
+			menu: mergedMenu,
+			keyMenuItems,
+			labelMenuItems
+		};
+	}, [
+		value,
+		menu,
+		options,
+		optionLabelProp,
+		listHeight
+	]);
+}
+//#endregion
+export { useOptions as default, isRawValue };
+
+//# sourceMappingURL=useOptions.js.map

package/dist/Select/hooks/useOptions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOptions.js","names":[],"sources":["../../../src/Select/hooks/useOptions.ts"],"sourcesContent":["import * as React from 'react';\nimport type {\n  DefaultOptionType,\n  DraftValueType,\n  RawValueType,\n  SelectItemType,\n  SelectMenuItemType,\n  SelectMenuProps,\n} from '../interface';\nimport { isDivideMenuItem, isHeaderMenuItem, isSubMenuItem } from '../../Menu';\nimport { convertOptionsToMenu, toArray, toString } from '../utils/commonUtil';\nexport function isRawValue(value: DraftValueType): value is RawValueType {\n  return !value || typeof value !== 'object';\n}\n/**\n * Parse `children` to `options` if `options` is not provided.\n * Then flatten the `options`.\n */\nexport default function useOptions<OptionType extends DefaultOptionType>({\n  menu,\n  options,\n  value,\n  optionLabelProp,\n  listHeight,\n}: {\n  menu?: SelectMenuProps;\n  options?: OptionType[];\n  value?: DraftValueType;\n  optionLabelProp?: string;\n  listHeight?: number;\n}) {\n  return React.useMemo(() => {\n    const selectedKeys: string[] = [];\n\n    if (value) {\n      const valueList = toArray(value);\n      valueList.forEach((val) => {\n        if (isRawValue(val)) {\n          selectedKeys.push(toString(val));\n        } else {\n          const key = val.value;\n          if (key) {\n            selectedKeys.push(toString(key));\n          }\n        }\n      });\n    }\n    const mergedMenu = menu\n      ? {\n          ...menu,\n          items: menu?.items || [],\n          selectedKeys,\n        }\n      : convertOptionsToMenu(options || [], selectedKeys);\n    const keyMenuItems = new Map<string, SelectItemType>();\n    const labelMenuItems = new Map<React.ReactNode, SelectMenuItemType>();\n\n    function dig(menuItems: SelectMenuItemType[]) {\n      // for loop to speed up collection speed\n      for (let i = 0; i < menuItems.length; i += 1) {\n        const menuItem = menuItems[i];\n        if (isDivideMenuItem(menuItem) || isHeaderMenuItem(menuItem)) {\n          continue;\n        }\n        if (isSubMenuItem(menuItem)) {\n          dig(menuItem.children);\n          continue;\n        } else {\n          keyMenuItems.set(menuItem.key, menuItem);\n          if (optionLabelProp) {\n            labelMenuItems.set(menuItem[optionLabelProp], menuItem);\n          }\n        }\n      }\n    }\n    dig(mergedMenu.items || []);\n    if (listHeight) {\n      mergedMenu.menuStyle = {\n        maxHeight: listHeight,\n      };\n    }\n    return {\n      menu: mergedMenu,\n      keyMenuItems,\n      labelMenuItems,\n    };\n  }, [value, menu, options, optionLabelProp, listHeight]);\n}\n"],"mappings":";;;;AAWA,SAAgB,WAAW,OAA8C;AACvE,QAAO,CAAC,SAAS,OAAO,UAAU;;;;;;AAMpC,SAAwB,WAAiD,EACvE,MACA,SACA,OACA,iBACA,cAOC;AACD,QAAO,QAAM,cAAc;EACzB,MAAM,eAAyB,EAAE;AAEjC,MAAI,MAEF,CADkB,QAAQ,MAAM,CACtB,SAAS,QAAQ;AACzB,OAAI,WAAW,IAAI,CACjB,cAAa,KAAK,SAAS,IAAI,CAAC;QAC3B;IACL,MAAM,MAAM,IAAI;AAChB,QAAI,IACF,cAAa,KAAK,SAAS,IAAI,CAAC;;IAGpC;EAEJ,MAAM,aAAa,OACf;GACE,GAAG;GACH,OAAO,MAAM,SAAS,EAAE;GACxB;GACD,GACD,qBAAqB,WAAW,EAAE,EAAE,aAAa;EACrD,MAAM,+BAAe,IAAI,KAA6B;EACtD,MAAM,iCAAiB,IAAI,KAA0C;EAErE,SAAS,IAAI,WAAiC;AAE5C,QAAK,IAAI,IAAI,GAAG,IAAI,UAAU,QAAQ,KAAK,GAAG;IAC5C,MAAM,WAAW,UAAU;AAC3B,QAAI,iBAAiB,SAAS,IAAI,iBAAiB,SAAS,CAC1D;AAEF,QAAI,cAAc,SAAS,EAAE;AAC3B,SAAI,SAAS,SAAS;AACtB;WACK;AACL,kBAAa,IAAI,SAAS,KAAK,SAAS;AACxC,SAAI,gBACF,gBAAe,IAAI,SAAS,kBAAkB,SAAS;;;;AAK/D,MAAI,WAAW,SAAS,EAAE,CAAC;AAC3B,MAAI,WACF,YAAW,YAAY,EACrB,WAAW,YACZ;AAEH,SAAO;GACL,MAAM;GACN;GACA;GACD;IACA;EAAC;EAAO;EAAM;EAAS;EAAiB;EAAW,CAAC"}

package/dist/{AldSelect → Select}/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import { BaseSelectRef, DefaultOptionType, ISelectProps } from './interface';
+import { default as React } from 'react';
+import { BaseSelectRef, DefaultOptionType, ISelectProps } from './interface.js';
 declare const _default: React.ForwardRefExoticComponent<ISelectProps<any, DefaultOptionType> & React.RefAttributes<BaseSelectRef>>;
 export default _default;