@aloudata/aloudata-design 3.1.6 → 3.1.8

package/dist/MemberPicker/dialog/UserCandidatePanel.js

@@ -0,0 +1,168 @@
+import Button_default from "../../Button/index.js";
+import Checkbox from "../../Checkbox/index.js";
+import InputSearch from "../../InputSearch/index.js";
+import Empty from "../../Empty/index.js";
+import { EUserType } from "../../ConfigProvider/getUserList.js";
+import AldCustomConfigProvider from "../../ConfigProvider/index.js";
+import CustomSpin from "../../Spin/index.js";
+import useDialogLocale from "./useDialogLocale.js";
+import { getMemberKey, isMemberLocked } from "./helper.js";
+import MemberOption from "./MemberOption.js";
+import SearchFeedback from "../components/SearchFeedback.js";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/MemberPicker/dialog/UserCandidatePanel.tsx
+var SEARCH_DEBOUNCE_MS = 300;
+/** 用户候选继续使用设计系统既有查询语义，并在前端只接受 USER。 */
+function UserCandidatePanel({ selectedByKey, onToggle, onToggleAll, lockedIds = [], filterItem, renderItem }) {
+	const t = useDialogLocale();
+	const { getUsersByKeywords, getUsersByKeywordsWithMeta, getMemberPickerUserPage } = AldCustomConfigProvider.useGetUserList();
+	const [keyword, setKeyword] = useState("");
+	const [items, setItems] = useState([]);
+	const [loading, setLoading] = useState(false);
+	const [error, setError] = useState(false);
+	const [hasMore, setHasMore] = useState(false);
+	const [truncated, setTruncated] = useState(false);
+	const [loadingMore, setLoadingMore] = useState(false);
+	const pageRef = useRef(1);
+	const loadedKeywordRef = useRef();
+	const loadingMoreRef = useRef(false);
+	const requestVersionRef = useRef(0);
+	const selectableItems = items.filter((member) => !isMemberLocked(member, lockedIds));
+	const selectedCount = selectableItems.filter((member) => selectedByKey.has(getMemberKey(member))).length;
+	const allSelected = selectableItems.length > 0 && selectedCount === selectableItems.length;
+	const partiallySelected = selectedCount > 0 && !allSelected;
+	const queryUsers = useCallback(async (searchKeyword, pageNumber = 1) => {
+		if (pageNumber > 1 && (loadingMoreRef.current || loadedKeywordRef.current !== searchKeyword)) return;
+		const version = pageNumber === 1 ? ++requestVersionRef.current : requestVersionRef.current;
+		if (pageNumber === 1) {
+			setLoading(true);
+			setHasMore(false);
+			setTruncated(false);
+		} else {
+			loadingMoreRef.current = true;
+			setLoadingMore(true);
+		}
+		setError(false);
+		try {
+			if (!getMemberPickerUserPage && !getUsersByKeywordsWithMeta && !getUsersByKeywords) throw new Error(t.MemberPickerDialog.missingUserSource);
+			const result = getMemberPickerUserPage ? await getMemberPickerUserPage({
+				keyword: searchKeyword,
+				pager: {
+					pageNumber,
+					pageSize: 100
+				}
+			}) : getUsersByKeywordsWithMeta ? await getUsersByKeywordsWithMeta(searchKeyword) : getUsersByKeywords ? {
+				items: await getUsersByKeywords(searchKeyword),
+				hasMore: false
+			} : {
+				items: [],
+				hasMore: false
+			};
+			if (requestVersionRef.current !== version) return;
+			const members = ("data" in result ? result.data : result.items).filter((member) => member.type === EUserType.USER && (filterItem ? filterItem(member) : true));
+			setItems((current) => pageNumber === 1 ? members : Array.from(new Map([...current, ...members].map((member) => [getMemberKey(member), member])).values()));
+			loadedKeywordRef.current = searchKeyword;
+			pageRef.current = pageNumber;
+			setHasMore(Boolean(getMemberPickerUserPage && result.hasMore));
+			setTruncated(Boolean(!getMemberPickerUserPage && result.hasMore));
+		} catch {
+			if (requestVersionRef.current === version) setError(true);
+		} finally {
+			if (requestVersionRef.current === version) {
+				setLoading(false);
+				setLoadingMore(false);
+				loadingMoreRef.current = false;
+			}
+		}
+	}, [
+		filterItem,
+		getMemberPickerUserPage,
+		getUsersByKeywords,
+		getUsersByKeywordsWithMeta,
+		t.MemberPickerDialog.missingUserSource
+	]);
+	useEffect(() => {
+		setLoading(true);
+		setHasMore(false);
+		loadedKeywordRef.current = void 0;
+		loadingMoreRef.current = false;
+		setLoadingMore(false);
+		const version = requestVersionRef.current + 1;
+		requestVersionRef.current = version;
+		const timer = window.setTimeout(() => {
+			if (requestVersionRef.current === version) queryUsers(keyword.trim());
+		}, SEARCH_DEBOUNCE_MS);
+		return () => {
+			window.clearTimeout(timer);
+			requestVersionRef.current += 1;
+		};
+	}, [keyword, queryUsers]);
+	return /* @__PURE__ */ jsxs("section", {
+		className: "tw-flex tw-h-full tw-min-h-0 tw-flex-col",
+		"data-testid": "user-candidate-panel",
+		children: [
+			/* @__PURE__ */ jsx("div", {
+				className: "tw-shrink-0 tw-border-b tw-border-solid tw-border-border-default tw-p-sp-150",
+				children: /* @__PURE__ */ jsxs("div", {
+					className: "tw-flex tw-min-w-0 tw-flex-col tw-gap-sp-150",
+					children: [/* @__PURE__ */ jsx(InputSearch, {
+						inputMode: true,
+						size: "middle",
+						className: "tw-w-full",
+						debounce: false,
+						value: keyword,
+						placeholder: t.MemberPickerDialog.searchUsersPlaceholder,
+						onChange: setKeyword,
+						onSearch: setKeyword
+					}), /* @__PURE__ */ jsx(Checkbox, {
+						size: "small",
+						className: "tw-self-start",
+						checked: allSelected,
+						indeterminate: partiallySelected,
+						disabled: loading || error || selectableItems.length === 0,
+						onChange: (event) => onToggleAll(selectableItems, event.target.checked),
+						children: allSelected ? t.MemberPickerDialog.deselectCurrent(items.length) : t.MemberPickerDialog.selectCurrent(items.length)
+					})]
+				})
+			}),
+			/* @__PURE__ */ jsx(SearchFeedback, {
+				hasMore: truncated,
+				retry: () => queryUsers(keyword.trim())
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "tw-min-h-0 tw-flex-1 tw-overflow-auto tw-py-sp-100",
+				children: [
+					loading ? /* @__PURE__ */ jsx(CustomSpin, {}) : null,
+					error ? /* @__PURE__ */ jsxs("div", {
+						className: "tw-flex tw-h-full tw-flex-col tw-items-center tw-justify-center tw-gap-2",
+						children: [/* @__PURE__ */ jsx("span", { children: t.MemberPickerDialog.loadFailed }), /* @__PURE__ */ jsx(Button_default, {
+							type: "link",
+							onClick: () => queryUsers(keyword.trim()),
+							children: t.MemberPickerDialog.retry
+						})]
+					}) : null,
+					!loading && !error && !items.length ? /* @__PURE__ */ jsx(Empty, { description: t.MemberPickerDialog.emptyCandidates }) : null,
+					!loading && !error ? items.map((member) => /* @__PURE__ */ jsx(MemberOption, {
+						member,
+						selected: selectedByKey.has(getMemberKey(member)),
+						locked: isMemberLocked(member, lockedIds),
+						onToggle,
+						renderItem,
+						searchValue: keyword
+					}, getMemberKey(member))) : null,
+					hasMore && /* @__PURE__ */ jsx(Button_default, {
+						type: "link",
+						loading: loadingMore,
+						onClick: () => queryUsers(keyword.trim(), pageRef.current + 1),
+						children: t.MemberPickerDialog.loadMore
+					})
+				]
+			})
+		]
+	});
+}
+//#endregion
+export { UserCandidatePanel as default };
+
+//# sourceMappingURL=UserCandidatePanel.js.map

package/dist/MemberPicker/dialog/UserCandidatePanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserCandidatePanel.js","names":[],"sources":["../../../src/MemberPicker/dialog/UserCandidatePanel.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\nimport Button from '../../Button';\nimport Checkbox from '../../Checkbox';\nimport ConfigProvider from '../../ConfigProvider';\nimport { EUserType } from '../../ConfigProvider/getUserList';\nimport Empty from '../../Empty';\nimport InputSearch from '../../InputSearch';\nimport Spin from '../../Spin';\nimport type { IMemberPickerProps as MemberPickerProps } from '../interface';\nimport SearchFeedback from '../components/SearchFeedback';\nimport useDialogLocale from './useDialogLocale';\nimport { getMemberKey, isMemberLocked } from './helper';\nimport MemberOption from './MemberOption';\nimport type { TMember, TMemberKey } from './types';\n\nconst SEARCH_DEBOUNCE_MS = 300;\n\ninterface IProps {\n  selectedByKey: ReadonlyMap<TMemberKey, TMember>;\n  onToggle: (member: TMember) => void;\n  onToggleAll: (members: readonly TMember[], selected: boolean) => void;\n  lockedIds?: MemberPickerProps['lockedIds'];\n  filterItem?: MemberPickerProps['filterItem'];\n  renderItem?: MemberPickerProps['renderItem'];\n}\n\n/** 用户候选继续使用设计系统既有查询语义，并在前端只接受 USER。 */\nexport default function UserCandidatePanel({\n  selectedByKey,\n  onToggle,\n  onToggleAll,\n  lockedIds = [],\n  filterItem,\n  renderItem,\n}: IProps) {\n  const t = useDialogLocale();\n  const {\n    getUsersByKeywords,\n    getUsersByKeywordsWithMeta,\n    getMemberPickerUserPage,\n  } = ConfigProvider.useGetUserList();\n  const [keyword, setKeyword] = useState('');\n  const [items, setItems] = useState<TMember[]>([]);\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState(false);\n  const [hasMore, setHasMore] = useState(false);\n  const [truncated, setTruncated] = useState(false);\n  const [loadingMore, setLoadingMore] = useState(false);\n  const pageRef = useRef(1);\n  const loadedKeywordRef = useRef<string>();\n  const loadingMoreRef = useRef(false);\n  const requestVersionRef = useRef(0);\n  const selectableItems = items.filter(\n    (member) => !isMemberLocked(member, lockedIds),\n  );\n  const selectedCount = selectableItems.filter((member) =>\n    selectedByKey.has(getMemberKey(member)),\n  ).length;\n  const allSelected =\n    selectableItems.length > 0 && selectedCount === selectableItems.length;\n  const partiallySelected = selectedCount > 0 && !allSelected;\n\n  const queryUsers = useCallback(\n    async (searchKeyword: string, pageNumber = 1) => {\n      // 只能追加已成功加载首屏的关键词，避免换词防抖期间使用旧页码。\n      if (\n        pageNumber > 1 &&\n        (loadingMoreRef.current || loadedKeywordRef.current !== searchKeyword)\n      )\n        return;\n      const version =\n        pageNumber === 1\n          ? ++requestVersionRef.current\n          : requestVersionRef.current;\n      if (pageNumber === 1) {\n        setLoading(true);\n        setHasMore(false);\n        setTruncated(false);\n      } else {\n        loadingMoreRef.current = true;\n        setLoadingMore(true);\n      }\n      setError(false);\n      try {\n        if (\n          !getMemberPickerUserPage &&\n          !getUsersByKeywordsWithMeta &&\n          !getUsersByKeywords\n        )\n          throw new Error(t.MemberPickerDialog.missingUserSource);\n        const result = getMemberPickerUserPage\n          ? await getMemberPickerUserPage({\n              keyword: searchKeyword,\n              pager: { pageNumber, pageSize: 100 },\n            })\n          : getUsersByKeywordsWithMeta\n          ? await getUsersByKeywordsWithMeta(searchKeyword)\n          : getUsersByKeywords\n          ? { items: await getUsersByKeywords(searchKeyword), hasMore: false }\n          : { items: [], hasMore: false };\n        if (requestVersionRef.current !== version) return;\n        const members = ('data' in result ? result.data : result.items).filter(\n          (member) =>\n            member.type === EUserType.USER &&\n            (filterItem ? filterItem(member) : true),\n        );\n        setItems((current) =>\n          pageNumber === 1\n            ? members\n            : Array.from(\n                new Map(\n                  [...current, ...members].map((member) => [\n                    getMemberKey(member),\n                    member,\n                  ]),\n                ).values(),\n              ),\n        );\n        loadedKeywordRef.current = searchKeyword;\n        pageRef.current = pageNumber;\n        setHasMore(Boolean(getMemberPickerUserPage && result.hasMore));\n        setTruncated(Boolean(!getMemberPickerUserPage && result.hasMore));\n      } catch {\n        if (requestVersionRef.current === version) setError(true);\n      } finally {\n        if (requestVersionRef.current === version) {\n          setLoading(false);\n          setLoadingMore(false);\n          loadingMoreRef.current = false;\n        }\n      }\n    },\n    [\n      filterItem,\n      getMemberPickerUserPage,\n      getUsersByKeywords,\n      getUsersByKeywordsWithMeta,\n      t.MemberPickerDialog.missingUserSource,\n    ],\n  );\n\n  useEffect(() => {\n    // 输入改变立即隐藏旧候选和分页入口，防抖只延迟请求，不延迟失效旧结果。\n    setLoading(true);\n    setHasMore(false);\n    loadedKeywordRef.current = undefined;\n    loadingMoreRef.current = false;\n    setLoadingMore(false);\n    const version = requestVersionRef.current + 1;\n    requestVersionRef.current = version;\n    const timer = window.setTimeout(() => {\n      if (requestVersionRef.current === version) {\n        queryUsers(keyword.trim());\n      }\n    }, SEARCH_DEBOUNCE_MS);\n    return () => {\n      window.clearTimeout(timer);\n      requestVersionRef.current += 1;\n    };\n  }, [keyword, queryUsers]);\n\n  return (\n    <section\n      className=\"tw-flex tw-h-full tw-min-h-0 tw-flex-col\"\n      data-testid=\"user-candidate-panel\"\n    >\n      <div className=\"tw-shrink-0 tw-border-b tw-border-solid tw-border-border-default tw-p-sp-150\">\n        <div className=\"tw-flex tw-min-w-0 tw-flex-col tw-gap-sp-150\">\n          <InputSearch\n            inputMode\n            size=\"middle\"\n            className=\"tw-w-full\"\n            debounce={false}\n            value={keyword}\n            placeholder={t.MemberPickerDialog.searchUsersPlaceholder}\n            onChange={setKeyword}\n            onSearch={setKeyword}\n          />\n          <Checkbox\n            size=\"small\"\n            className=\"tw-self-start\"\n            checked={allSelected}\n            indeterminate={partiallySelected}\n            disabled={loading || error || selectableItems.length === 0}\n            onChange={(event) =>\n              onToggleAll(selectableItems, event.target.checked)\n            }\n          >\n            {allSelected\n              ? t.MemberPickerDialog.deselectCurrent(items.length)\n              : t.MemberPickerDialog.selectCurrent(items.length)}\n          </Checkbox>\n        </div>\n      </div>\n      <SearchFeedback\n        hasMore={truncated}\n        retry={() => queryUsers(keyword.trim())}\n      />\n      <div className=\"tw-min-h-0 tw-flex-1 tw-overflow-auto tw-py-sp-100\">\n        {loading ? <Spin /> : null}\n        {error ? (\n          <div className=\"tw-flex tw-h-full tw-flex-col tw-items-center tw-justify-center tw-gap-2\">\n            <span>{t.MemberPickerDialog.loadFailed}</span>\n            <Button type=\"link\" onClick={() => queryUsers(keyword.trim())}>\n              {t.MemberPickerDialog.retry}\n            </Button>\n          </div>\n        ) : null}\n        {!loading && !error && !items.length ? (\n          <Empty description={t.MemberPickerDialog.emptyCandidates} />\n        ) : null}\n        {!loading && !error\n          ? items.map((member) => (\n              <MemberOption\n                key={getMemberKey(member)}\n                member={member}\n                selected={selectedByKey.has(getMemberKey(member))}\n                locked={isMemberLocked(member, lockedIds)}\n                onToggle={onToggle}\n                renderItem={renderItem}\n                searchValue={keyword}\n              />\n            ))\n          : null}\n        {hasMore && (\n          <Button\n            type=\"link\"\n            loading={loadingMore}\n            onClick={() => queryUsers(keyword.trim(), pageRef.current + 1)}\n          >\n            {t.MemberPickerDialog.loadMore}\n          </Button>\n        )}\n      </div>\n    </section>\n  );\n}\n"],"mappings":"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"}

package/dist/MemberPicker/dialog/UserGroupCandidatePanel.d.ts

@@ -0,0 +1,14 @@
+import { IMemberPickerProps as MemberPickerProps } from '../interface';
+import { TMember, TMemberKey } from './types.js';
+interface IProps {
+    selectedByKey: ReadonlyMap<TMemberKey, TMember>;
+    onToggle: (member: TMember) => void;
+    onToggleAll: (members: readonly TMember[], selected: boolean) => void;
+    lockedIds?: MemberPickerProps['lockedIds'];
+    filterItem?: MemberPickerProps['filterItem'];
+    canEnterGroup?: MemberPickerProps['canEnterGroup'];
+    renderItem?: MemberPickerProps['renderItem'];
+}
+/** 用户组树与跨层搜索共用选择事实源，但互不重置彼此的浏览状态。 */
+export default function UserGroupCandidatePanel({ selectedByKey, onToggle, onToggleAll, lockedIds, filterItem, canEnterGroup, renderItem, }: IProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/MemberPicker/dialog/UserGroupCandidatePanel.js

@@ -0,0 +1,134 @@
+import Breadcrumb from "../../Breadcrumb/index.js";
+import Button_default from "../../Button/index.js";
+import Checkbox from "../../Checkbox/index.js";
+import InputSearch from "../../InputSearch/index.js";
+import Empty from "../../Empty/index.js";
+import CustomSpin from "../../Spin/index.js";
+import useDialogLocale from "./useDialogLocale.js";
+import { getMemberKey, isMemberLocked } from "./helper.js";
+import MemberOption from "./MemberOption.js";
+import SearchFeedback from "../components/SearchFeedback.js";
+import { useUserGroupCandidates } from "./useUserGroupCandidates.js";
+import { useEffect, useMemo, useRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/MemberPicker/dialog/UserGroupCandidatePanel.tsx
+var LOAD_MORE_THRESHOLD = 32;
+var ROOT_BREADCRUMB_INDEX = -1;
+/** 用户组树与跨层搜索共用选择事实源，但互不重置彼此的浏览状态。 */
+function UserGroupCandidatePanel({ selectedByKey, onToggle, onToggleAll, lockedIds = [], filterItem, canEnterGroup, renderItem }) {
+	const t = useDialogLocale();
+	const candidates = useUserGroupCandidates();
+	const listRef = useRef(null);
+	const isSearching = candidates.keyword.trim().length > 0;
+	const groups = useMemo(() => candidates.items.filter((group) => filterItem ? filterItem(group) : true), [candidates.items, filterItem]);
+	const selectableGroups = groups.filter((group) => !isMemberLocked(group, lockedIds));
+	const selectedCount = selectableGroups.filter((group) => selectedByKey.has(getMemberKey(group))).length;
+	const allSelected = selectableGroups.length > 0 && selectedCount === selectableGroups.length;
+	const partiallySelected = selectedCount > 0 && !allSelected;
+	useEffect(() => {
+		if (!isSearching && listRef.current) listRef.current.scrollTop = candidates.scrollTop;
+	}, [
+		candidates.breadcrumbPath,
+		candidates.scrollTop,
+		isSearching
+	]);
+	return /* @__PURE__ */ jsxs("section", {
+		className: "tw-flex tw-h-full tw-min-h-0 tw-flex-col",
+		"data-testid": "user-group-candidate-panel",
+		children: [
+			/* @__PURE__ */ jsx("div", {
+				className: "tw-shrink-0 tw-border-b tw-border-solid tw-border-border-default tw-p-sp-150",
+				children: /* @__PURE__ */ jsxs("div", {
+					className: "tw-flex tw-min-w-0 tw-flex-col tw-gap-sp-150",
+					children: [
+						!isSearching && candidates.breadcrumbPath.length > 0 ? /* @__PURE__ */ jsx(Breadcrumb, {
+							className: "tw-min-w-0 tw-flex-wrap",
+							items: [{
+								title: t.MemberPickerDialog.root,
+								onClick: () => candidates.returnToBreadcrumb(ROOT_BREADCRUMB_INDEX, listRef.current?.scrollTop ?? 0)
+							}, ...candidates.breadcrumbPath.map((group, index) => ({
+								title: group.name,
+								onClick: () => candidates.returnToBreadcrumb(index, listRef.current?.scrollTop ?? 0)
+							}))]
+						}) : null,
+						/* @__PURE__ */ jsx(InputSearch, {
+							inputMode: true,
+							size: "middle",
+							className: "tw-w-full",
+							debounce: false,
+							value: candidates.keyword,
+							placeholder: t.MemberPickerDialog.searchGroupsPlaceholder,
+							onChange: candidates.setKeyword,
+							onSearch: candidates.setKeyword
+						}),
+						/* @__PURE__ */ jsx(Checkbox, {
+							size: "small",
+							className: "tw-self-start",
+							checked: allSelected,
+							indeterminate: partiallySelected,
+							disabled: candidates.loading || candidates.error || selectableGroups.length === 0,
+							onChange: (event) => onToggleAll(selectableGroups, event.target.checked),
+							children: allSelected ? t.MemberPickerDialog.deselectCurrent(groups.length) : t.MemberPickerDialog.selectCurrent(groups.length)
+						})
+					]
+				})
+			}),
+			/* @__PURE__ */ jsx(SearchFeedback, {
+				pathWarningCode: candidates.pathWarningCode,
+				hasMore: candidates.truncated,
+				retry: candidates.retry
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				ref: listRef,
+				className: "tw-min-h-0 tw-flex-1 tw-overflow-auto tw-py-sp-100",
+				onScroll: (event) => {
+					const target = event.currentTarget;
+					if (!isSearching) candidates.updateScrollTop(target.scrollTop);
+					if (target.scrollHeight - target.scrollTop - target.clientHeight <= LOAD_MORE_THRESHOLD) candidates.loadMore();
+				},
+				children: [
+					candidates.loading ? /* @__PURE__ */ jsx(CustomSpin, {}) : null,
+					candidates.error ? /* @__PURE__ */ jsxs("div", {
+						className: "tw-flex tw-h-full tw-flex-col tw-items-center tw-justify-center tw-gap-2",
+						children: [/* @__PURE__ */ jsx("span", { children: t.MemberPickerDialog.loadFailed }), /* @__PURE__ */ jsx(Button_default, {
+							type: "link",
+							onClick: candidates.retry,
+							children: t.MemberPickerDialog.retry
+						})]
+					}) : null,
+					!candidates.loading && !candidates.error && !groups.length ? /* @__PURE__ */ jsx(Empty, { description: t.MemberPickerDialog.emptyCandidates }) : null,
+					!candidates.loading && !candidates.error ? groups.map((group) => /* @__PURE__ */ jsx(MemberOption, {
+						member: group,
+						searchValue: candidates.keyword,
+						selected: selectedByKey.has(getMemberKey(group)),
+						locked: isMemberLocked(group, lockedIds),
+						onToggle,
+						onOpenGroup: isSearching || canEnterGroup?.(group) === false ? void 0 : () => {
+							const sourceGroup = candidates.items.find((item) => item.groupId === group.groupId);
+							if (sourceGroup) candidates.enterGroup(sourceGroup, listRef.current?.scrollTop ?? 0);
+						},
+						renderItem
+					}, group.groupId)) : null,
+					!candidates.loading && !candidates.error && candidates.hasMore && !candidates.loadMoreError ? /* @__PURE__ */ jsx(Button_default, {
+						type: "link",
+						loading: candidates.loadingMore,
+						onClick: candidates.loadMore,
+						children: t.MemberPickerDialog.loadMore
+					}) : null,
+					candidates.loadMoreError ? /* @__PURE__ */ jsxs("div", {
+						className: "tw-flex tw-items-center tw-justify-center tw-gap-2 tw-py-2",
+						children: [/* @__PURE__ */ jsx("span", { children: t.MemberPickerDialog.loadMoreFailed }), /* @__PURE__ */ jsx(Button_default, {
+							type: "link",
+							onClick: candidates.retryLoadMore,
+							children: t.MemberPickerDialog.retry
+						})]
+					}) : null
+				]
+			})
+		]
+	});
+}
+//#endregion
+export { UserGroupCandidatePanel as default };
+
+//# sourceMappingURL=UserGroupCandidatePanel.js.map

package/dist/MemberPicker/dialog/UserGroupCandidatePanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserGroupCandidatePanel.js","names":[],"sources":["../../../src/MemberPicker/dialog/UserGroupCandidatePanel.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef } from 'react';\nimport Breadcrumb from '../../Breadcrumb';\nimport Button from '../../Button';\nimport Checkbox from '../../Checkbox';\nimport Empty from '../../Empty';\nimport InputSearch from '../../InputSearch';\nimport Spin from '../../Spin';\nimport type { IMemberPickerProps as MemberPickerProps } from '../interface';\nimport useDialogLocale from './useDialogLocale';\nimport { getMemberKey, isMemberLocked } from './helper';\nimport SearchFeedback from '../components/SearchFeedback';\nimport MemberOption from './MemberOption';\nimport type { TMember, TMemberKey } from './types';\nimport { useUserGroupCandidates } from './useUserGroupCandidates';\n\nconst LOAD_MORE_THRESHOLD = 32;\nconst ROOT_BREADCRUMB_INDEX = -1;\n\ninterface IProps {\n  selectedByKey: ReadonlyMap<TMemberKey, TMember>;\n  onToggle: (member: TMember) => void;\n  onToggleAll: (members: readonly TMember[], selected: boolean) => void;\n  lockedIds?: MemberPickerProps['lockedIds'];\n  filterItem?: MemberPickerProps['filterItem'];\n  canEnterGroup?: MemberPickerProps['canEnterGroup'];\n  renderItem?: MemberPickerProps['renderItem'];\n}\n\n/** 用户组树与跨层搜索共用选择事实源，但互不重置彼此的浏览状态。 */\nexport default function UserGroupCandidatePanel({\n  selectedByKey,\n  onToggle,\n  onToggleAll,\n  lockedIds = [],\n  filterItem,\n  canEnterGroup,\n  renderItem,\n}: IProps) {\n  const t = useDialogLocale();\n  const candidates = useUserGroupCandidates();\n  const listRef = useRef<HTMLDivElement>(null);\n  const isSearching = candidates.keyword.trim().length > 0;\n  const groups = useMemo(\n    () =>\n      candidates.items.filter((group) =>\n        filterItem ? filterItem(group) : true,\n      ),\n    [candidates.items, filterItem],\n  );\n  const selectableGroups = groups.filter(\n    (group) => !isMemberLocked(group, lockedIds),\n  );\n  const selectedCount = selectableGroups.filter((group) =>\n    selectedByKey.has(getMemberKey(group)),\n  ).length;\n  const allSelected =\n    selectableGroups.length > 0 && selectedCount === selectableGroups.length;\n  const partiallySelected = selectedCount > 0 && !allSelected;\n\n  useEffect(() => {\n    if (!isSearching && listRef.current) {\n      listRef.current.scrollTop = candidates.scrollTop;\n    }\n  }, [candidates.breadcrumbPath, candidates.scrollTop, isSearching]);\n\n  return (\n    <section\n      className=\"tw-flex tw-h-full tw-min-h-0 tw-flex-col\"\n      data-testid=\"user-group-candidate-panel\"\n    >\n      <div className=\"tw-shrink-0 tw-border-b tw-border-solid tw-border-border-default tw-p-sp-150\">\n        <div className=\"tw-flex tw-min-w-0 tw-flex-col tw-gap-sp-150\">\n          {!isSearching && candidates.breadcrumbPath.length > 0 ? (\n            <Breadcrumb\n              className=\"tw-min-w-0 tw-flex-wrap\"\n              items={[\n                {\n                  title: t.MemberPickerDialog.root,\n                  onClick: () =>\n                    candidates.returnToBreadcrumb(\n                      ROOT_BREADCRUMB_INDEX,\n                      listRef.current?.scrollTop ?? 0,\n                    ),\n                },\n                ...candidates.breadcrumbPath.map((group, index) => ({\n                  title: group.name,\n                  onClick: () =>\n                    candidates.returnToBreadcrumb(\n                      index,\n                      listRef.current?.scrollTop ?? 0,\n                    ),\n                })),\n              ]}\n            />\n          ) : null}\n          <InputSearch\n            inputMode\n            size=\"middle\"\n            className=\"tw-w-full\"\n            debounce={false}\n            value={candidates.keyword}\n            placeholder={t.MemberPickerDialog.searchGroupsPlaceholder}\n            onChange={candidates.setKeyword}\n            onSearch={candidates.setKeyword}\n          />\n          <Checkbox\n            size=\"small\"\n            className=\"tw-self-start\"\n            checked={allSelected}\n            indeterminate={partiallySelected}\n            disabled={\n              candidates.loading ||\n              candidates.error ||\n              selectableGroups.length === 0\n            }\n            onChange={(event) =>\n              onToggleAll(selectableGroups, event.target.checked)\n            }\n          >\n            {allSelected\n              ? t.MemberPickerDialog.deselectCurrent(groups.length)\n              : t.MemberPickerDialog.selectCurrent(groups.length)}\n          </Checkbox>\n        </div>\n      </div>\n      <SearchFeedback\n        pathWarningCode={candidates.pathWarningCode}\n        hasMore={candidates.truncated}\n        retry={candidates.retry}\n      />\n      <div\n        ref={listRef}\n        className=\"tw-min-h-0 tw-flex-1 tw-overflow-auto tw-py-sp-100\"\n        onScroll={(event) => {\n          const target = event.currentTarget;\n          if (!isSearching) {\n            candidates.updateScrollTop(target.scrollTop);\n          }\n          if (\n            target.scrollHeight - target.scrollTop - target.clientHeight <=\n            LOAD_MORE_THRESHOLD\n          ) {\n            candidates.loadMore();\n          }\n        }}\n      >\n        {candidates.loading ? <Spin /> : null}\n        {candidates.error ? (\n          <div className=\"tw-flex tw-h-full tw-flex-col tw-items-center tw-justify-center tw-gap-2\">\n            <span>{t.MemberPickerDialog.loadFailed}</span>\n            <Button type=\"link\" onClick={candidates.retry}>\n              {t.MemberPickerDialog.retry}\n            </Button>\n          </div>\n        ) : null}\n        {!candidates.loading && !candidates.error && !groups.length ? (\n          <Empty description={t.MemberPickerDialog.emptyCandidates} />\n        ) : null}\n        {!candidates.loading && !candidates.error\n          ? groups.map((group) => (\n              <MemberOption\n                key={group.groupId}\n                member={group}\n                searchValue={candidates.keyword}\n                selected={selectedByKey.has(getMemberKey(group))}\n                locked={isMemberLocked(group, lockedIds)}\n                onToggle={onToggle}\n                onOpenGroup={\n                  isSearching || canEnterGroup?.(group) === false\n                    ? undefined\n                    : () => {\n                        const sourceGroup = candidates.items.find(\n                          (item) => item.groupId === group.groupId,\n                        );\n                        if (sourceGroup) {\n                          candidates.enterGroup(\n                            sourceGroup,\n                            listRef.current?.scrollTop ?? 0,\n                          );\n                        }\n                      }\n                }\n                renderItem={renderItem}\n              />\n            ))\n          : null}\n        {!candidates.loading &&\n        !candidates.error &&\n        candidates.hasMore &&\n        !candidates.loadMoreError ? (\n          <Button\n            type=\"link\"\n            loading={candidates.loadingMore}\n            onClick={candidates.loadMore}\n          >\n            {t.MemberPickerDialog.loadMore}\n          </Button>\n        ) : null}\n        {candidates.loadMoreError ? (\n          <div className=\"tw-flex tw-items-center tw-justify-center tw-gap-2 tw-py-2\">\n            <span>{t.MemberPickerDialog.loadMoreFailed}</span>\n            <Button type=\"link\" onClick={candidates.retryLoadMore}>\n              {t.MemberPickerDialog.retry}\n            </Button>\n          </div>\n        ) : null}\n      </div>\n    </section>\n  );\n}\n"],"mappings":"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"}

package/dist/MemberPicker/dialog/helper.d.ts

@@ -0,0 +1,20 @@
+import { IUserGroup, TUserGroupValue, TUserValue } from '../../ConfigProvider/getUserList';
+import { TMember, TMemberKey } from './types.js';
+/** 用户和用户组可能复用同一 ID，因此唯一键必须包含成员类型。 */
+export declare function getMemberKey(member: TMember): TMemberKey;
+/** 从外部值创建独立草稿，并以首次出现顺序为准去重。 */
+export declare function createSelectedByKey(members: readonly TMember[]): Map<TMemberKey, TMember>;
+/** 增加候选时始终创建新 Map，重复项保持原插入位置。 */
+export declare function addSelectedMember(selectedByKey: ReadonlyMap<TMemberKey, TMember>, member: TMember): Map<TMemberKey, TMember>;
+/** 锁定项按类型化 key 判断，用户 ID 与用户组 ID 均受保护。 */
+export declare function removeSelectedMember(selectedByKey: ReadonlyMap<TMemberKey, TMember>, member: TMember, lockedIds: ReadonlyArray<TUserValue | TUserGroupValue>): Map<TMemberKey, TMember>;
+/** 批量更新当前候选，保留候选范围外的选择，并在取消选择时保护锁定项。 */
+export declare function setMembersSelected(selectedByKey: ReadonlyMap<TMemberKey, TMember>, members: readonly TMember[], selected: boolean, lockedIds: ReadonlyArray<TUserValue | TUserGroupValue>): Map<TMemberKey, TMember>;
+/** lockedIds 与成员使用同一类型化 key，避免不同类型的相同 ID 相互锁定。 */
+export declare function isMemberLocked(member: TMember, lockedIds: ReadonlyArray<TUserValue | TUserGroupValue>): boolean;
+/** 合并分页结果时按 groupId 去重，并保留每个用户组首次出现的位置。 */
+export declare function mergeGroupPages(currentItems: readonly IUserGroup[], nextItems: readonly IUserGroup[]): IUserGroup[];
+/** 是否仍有下一页由调用方分页契约明确提供。 */
+export declare const hasMoreGroupPages: (page: {
+    hasMore: boolean;
+}) => boolean;

package/dist/MemberPicker/dialog/helper.js

@@ -0,0 +1,61 @@
+import { EUserType } from "../../ConfigProvider/getUserList.js";
+//#region src/MemberPicker/dialog/helper.ts
+/** 用户和用户组可能复用同一 ID，因此唯一键必须包含成员类型。 */
+function getMemberKey(member) {
+	const id = member.type === EUserType.USER ? member.userId : member.groupId;
+	return `${member.type}:${id}`;
+}
+/** 从外部值创建独立草稿，并以首次出现顺序为准去重。 */
+function createSelectedByKey(members) {
+	return members.reduce((selected, member) => {
+		const key = getMemberKey(member);
+		if (!selected.has(key)) selected.set(key, member);
+		return selected;
+	}, /* @__PURE__ */ new Map());
+}
+/** 增加候选时始终创建新 Map，重复项保持原插入位置。 */
+function addSelectedMember(selectedByKey, member) {
+	const nextSelectedByKey = new Map(selectedByKey);
+	const key = getMemberKey(member);
+	if (!nextSelectedByKey.has(key)) nextSelectedByKey.set(key, member);
+	return nextSelectedByKey;
+}
+/** 锁定项按类型化 key 判断，用户 ID 与用户组 ID 均受保护。 */
+function removeSelectedMember(selectedByKey, member, lockedIds) {
+	const nextSelectedByKey = new Map(selectedByKey);
+	const key = getMemberKey(member);
+	if (!isMemberLocked(member, lockedIds)) nextSelectedByKey.delete(key);
+	return nextSelectedByKey;
+}
+/** 批量更新当前候选，保留候选范围外的选择，并在取消选择时保护锁定项。 */
+function setMembersSelected(selectedByKey, members, selected, lockedIds) {
+	return members.reduce((nextSelectedByKey, member) => {
+		const key = getMemberKey(member);
+		if (isMemberLocked(member, lockedIds)) return nextSelectedByKey;
+		if (selected) {
+			if (!nextSelectedByKey.has(key)) nextSelectedByKey.set(key, member);
+			return nextSelectedByKey;
+		}
+		nextSelectedByKey.delete(key);
+		return nextSelectedByKey;
+	}, new Map(selectedByKey));
+}
+/** lockedIds 与成员使用同一类型化 key，避免不同类型的相同 ID 相互锁定。 */
+function isMemberLocked(member, lockedIds) {
+	const key = getMemberKey(member);
+	return lockedIds.some((lockedMember) => getMemberKey(lockedMember) === key);
+}
+/** 合并分页结果时按 groupId 去重，并保留每个用户组首次出现的位置。 */
+function mergeGroupPages(currentItems, nextItems) {
+	const groupsById = [...currentItems, ...nextItems].reduce((groups, group) => {
+		if (!groups.has(group.groupId)) groups.set(group.groupId, group);
+		return groups;
+	}, /* @__PURE__ */ new Map());
+	return Array.from(groupsById.values());
+}
+/** 是否仍有下一页由调用方分页契约明确提供。 */
+var hasMoreGroupPages = (page) => page.hasMore;
+//#endregion
+export { addSelectedMember, createSelectedByKey, getMemberKey, hasMoreGroupPages, isMemberLocked, mergeGroupPages, removeSelectedMember, setMembersSelected };
+
+//# sourceMappingURL=helper.js.map

package/dist/MemberPicker/dialog/helper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helper.js","names":[],"sources":["../../../src/MemberPicker/dialog/helper.ts"],"sourcesContent":["import { EUserType } from '../../ConfigProvider/getUserList';\nimport type { IUserGroup } from '../../ConfigProvider/getUserList';\nimport type {\n  TUserGroupValue,\n  TUserValue,\n} from '../../ConfigProvider/getUserList';\nimport type { TMember, TMemberKey } from './types';\n\n/** 用户和用户组可能复用同一 ID，因此唯一键必须包含成员类型。 */\nexport function getMemberKey(member: TMember): TMemberKey {\n  const id = member.type === EUserType.USER ? member.userId : member.groupId;\n  return `${member.type}:${id}`;\n}\n\n/** 从外部值创建独立草稿，并以首次出现顺序为准去重。 */\nexport function createSelectedByKey(\n  members: readonly TMember[],\n): Map<TMemberKey, TMember> {\n  return members.reduce<Map<TMemberKey, TMember>>((selected, member) => {\n    const key = getMemberKey(member);\n    if (!selected.has(key)) selected.set(key, member);\n    return selected;\n  }, new Map());\n}\n\n/** 增加候选时始终创建新 Map，重复项保持原插入位置。 */\nexport function addSelectedMember(\n  selectedByKey: ReadonlyMap<TMemberKey, TMember>,\n  member: TMember,\n): Map<TMemberKey, TMember> {\n  const nextSelectedByKey = new Map(selectedByKey);\n  const key = getMemberKey(member);\n  if (!nextSelectedByKey.has(key)) {\n    nextSelectedByKey.set(key, member);\n  }\n  return nextSelectedByKey;\n}\n\n/** 锁定项按类型化 key 判断，用户 ID 与用户组 ID 均受保护。 */\nexport function removeSelectedMember(\n  selectedByKey: ReadonlyMap<TMemberKey, TMember>,\n  member: TMember,\n  lockedIds: ReadonlyArray<TUserValue | TUserGroupValue>,\n): Map<TMemberKey, TMember> {\n  const nextSelectedByKey = new Map(selectedByKey);\n  const key = getMemberKey(member);\n  if (!isMemberLocked(member, lockedIds)) {\n    nextSelectedByKey.delete(key);\n  }\n  return nextSelectedByKey;\n}\n\n/** 批量更新当前候选，保留候选范围外的选择，并在取消选择时保护锁定项。 */\nexport function setMembersSelected(\n  selectedByKey: ReadonlyMap<TMemberKey, TMember>,\n  members: readonly TMember[],\n  selected: boolean,\n  lockedIds: ReadonlyArray<TUserValue | TUserGroupValue>,\n): Map<TMemberKey, TMember> {\n  return members.reduce<Map<TMemberKey, TMember>>(\n    (nextSelectedByKey, member) => {\n      const key = getMemberKey(member);\n      if (isMemberLocked(member, lockedIds)) {\n        return nextSelectedByKey;\n      }\n      if (selected) {\n        if (!nextSelectedByKey.has(key)) {\n          nextSelectedByKey.set(key, member);\n        }\n        return nextSelectedByKey;\n      }\n      nextSelectedByKey.delete(key);\n      return nextSelectedByKey;\n    },\n    new Map(selectedByKey),\n  );\n}\n\n/** lockedIds 与成员使用同一类型化 key，避免不同类型的相同 ID 相互锁定。 */\nexport function isMemberLocked(\n  member: TMember,\n  lockedIds: ReadonlyArray<TUserValue | TUserGroupValue>,\n): boolean {\n  const key = getMemberKey(member);\n  return lockedIds.some(\n    (lockedMember) => getMemberKey(lockedMember as TMember) === key,\n  );\n}\n\n/** 合并分页结果时按 groupId 去重，并保留每个用户组首次出现的位置。 */\nexport function mergeGroupPages(\n  currentItems: readonly IUserGroup[],\n  nextItems: readonly IUserGroup[],\n): IUserGroup[] {\n  const groupsById = [...currentItems, ...nextItems].reduce<\n    Map<string, IUserGroup>\n  >((groups, group) => {\n    if (!groups.has(group.groupId)) groups.set(group.groupId, group);\n    return groups;\n  }, new Map());\n  return Array.from(groupsById.values());\n}\n\n/** 是否仍有下一页由调用方分页契约明确提供。 */\nexport const hasMoreGroupPages = (page: { hasMore: boolean }): boolean =>\n  page.hasMore;\n"],"mappings":";;;AASA,SAAgB,aAAa,QAA6B;CACxD,MAAM,KAAK,OAAO,SAAS,UAAU,OAAO,OAAO,SAAS,OAAO;AACnE,QAAO,GAAG,OAAO,KAAK,GAAG;;;AAI3B,SAAgB,oBACd,SAC0B;AAC1B,QAAO,QAAQ,QAAkC,UAAU,WAAW;EACpE,MAAM,MAAM,aAAa,OAAO;AAChC,MAAI,CAAC,SAAS,IAAI,IAAI,CAAE,UAAS,IAAI,KAAK,OAAO;AACjD,SAAO;oBACN,IAAI,KAAK,CAAC;;;AAIf,SAAgB,kBACd,eACA,QAC0B;CAC1B,MAAM,oBAAoB,IAAI,IAAI,cAAc;CAChD,MAAM,MAAM,aAAa,OAAO;AAChC,KAAI,CAAC,kBAAkB,IAAI,IAAI,CAC7B,mBAAkB,IAAI,KAAK,OAAO;AAEpC,QAAO;;;AAIT,SAAgB,qBACd,eACA,QACA,WAC0B;CAC1B,MAAM,oBAAoB,IAAI,IAAI,cAAc;CAChD,MAAM,MAAM,aAAa,OAAO;AAChC,KAAI,CAAC,eAAe,QAAQ,UAAU,CACpC,mBAAkB,OAAO,IAAI;AAE/B,QAAO;;;AAIT,SAAgB,mBACd,eACA,SACA,UACA,WAC0B;AAC1B,QAAO,QAAQ,QACZ,mBAAmB,WAAW;EAC7B,MAAM,MAAM,aAAa,OAAO;AAChC,MAAI,eAAe,QAAQ,UAAU,CACnC,QAAO;AAET,MAAI,UAAU;AACZ,OAAI,CAAC,kBAAkB,IAAI,IAAI,CAC7B,mBAAkB,IAAI,KAAK,OAAO;AAEpC,UAAO;;AAET,oBAAkB,OAAO,IAAI;AAC7B,SAAO;IAET,IAAI,IAAI,cAAc,CACvB;;;AAIH,SAAgB,eACd,QACA,WACS;CACT,MAAM,MAAM,aAAa,OAAO;AAChC,QAAO,UAAU,MACd,iBAAiB,aAAa,aAAwB,KAAK,IAC7D;;;AAIH,SAAgB,gBACd,cACA,WACc;CACd,MAAM,aAAa,CAAC,GAAG,cAAc,GAAG,UAAU,CAAC,QAEhD,QAAQ,UAAU;AACnB,MAAI,CAAC,OAAO,IAAI,MAAM,QAAQ,CAAE,QAAO,IAAI,MAAM,SAAS,MAAM;AAChE,SAAO;oBACN,IAAI,KAAK,CAAC;AACb,QAAO,MAAM,KAAK,WAAW,QAAQ,CAAC;;;AAIxC,IAAa,qBAAqB,SAChC,KAAK"}

package/dist/MemberPicker/dialog/types.d.ts

@@ -0,0 +1,41 @@
+import { EMemberPicker } from '../interface';
+import { EUserType, IUser, IUserGroup } from '../../ConfigProvider/getUserList';
+/** 根层没有 parentGroupId，使用显式 key 避免 Map 中混用 undefined。 */
+export declare const ROOT_GROUP_CACHE_KEY = "__ROOT_GROUP__";
+export type TMember = IUser | IUserGroup;
+export type TMemberKey = `${EUserType}:${string}`;
+export type TMemberPickerTab = EMemberPicker.USER | EMemberPicker.GROUP;
+/** 单个树层级的分页缓存，离开层级后仍保留滚动位置和已加载页。 */
+export interface IGroupLevelCache {
+    parentGroupId?: string;
+    items: IUserGroup[];
+    pageNumber: number;
+    hasMore: boolean;
+    pathWarningCode?: string | null;
+    truncated?: boolean;
+    scrollTop: number;
+    loadingMore: boolean;
+    loadMoreError: boolean;
+}
+/** 树浏览状态与搜索状态隔离，清空搜索时可原样恢复浏览上下文。 */
+export interface IGroupTreeState {
+    breadcrumbPath: IUserGroup[];
+    levelsByParent: Map<string, IGroupLevelCache>;
+}
+export interface IGroupSearchState {
+    keyword: string;
+    items: IUserGroup[];
+    pageNumber: number;
+    hasMore: boolean;
+    pathWarningCode?: string | null;
+    truncated?: boolean;
+    loading: boolean;
+    loadingMore: boolean;
+    error: boolean;
+    loadMoreError: boolean;
+}
+/** 弹窗生命周期内的选择草稿，关闭弹窗即整体释放。 */
+export interface IMemberPickerDraftState {
+    activeTab: TMemberPickerTab;
+    selectedByKey: Map<TMemberKey, TMember>;
+}

package/dist/MemberPicker/dialog/types.js

@@ -0,0 +1,7 @@
+//#region src/MemberPicker/dialog/types.ts
+/** 根层没有 parentGroupId，使用显式 key 避免 Map 中混用 undefined。 */
+var ROOT_GROUP_CACHE_KEY = "__ROOT_GROUP__";
+//#endregion
+export { ROOT_GROUP_CACHE_KEY };
+
+//# sourceMappingURL=types.js.map

package/dist/MemberPicker/dialog/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/MemberPicker/dialog/types.ts"],"sourcesContent":["import { EMemberPicker } from '../interface';\nimport { EUserType } from '../../ConfigProvider/getUserList';\nimport type { IUser } from '../../ConfigProvider/getUserList';\nimport type { IUserGroup } from '../../ConfigProvider/getUserList';\n\n/** 根层没有 parentGroupId，使用显式 key 避免 Map 中混用 undefined。 */\nexport const ROOT_GROUP_CACHE_KEY = '__ROOT_GROUP__';\n\nexport type TMember = IUser | IUserGroup;\nexport type TMemberKey = `${EUserType}:${string}`;\nexport type TMemberPickerTab = EMemberPicker.USER | EMemberPicker.GROUP;\n\n/** 单个树层级的分页缓存，离开层级后仍保留滚动位置和已加载页。 */\nexport interface IGroupLevelCache {\n  parentGroupId?: string;\n  items: IUserGroup[];\n  pageNumber: number;\n  hasMore: boolean;\n  pathWarningCode?: string | null;\n  truncated?: boolean;\n  scrollTop: number;\n  loadingMore: boolean;\n  loadMoreError: boolean;\n}\n\n/** 树浏览状态与搜索状态隔离，清空搜索时可原样恢复浏览上下文。 */\nexport interface IGroupTreeState {\n  breadcrumbPath: IUserGroup[];\n  levelsByParent: Map<string, IGroupLevelCache>;\n}\n\nexport interface IGroupSearchState {\n  keyword: string;\n  items: IUserGroup[];\n  pageNumber: number;\n  hasMore: boolean;\n  pathWarningCode?: string | null;\n  truncated?: boolean;\n  loading: boolean;\n  loadingMore: boolean;\n  error: boolean;\n  loadMoreError: boolean;\n}\n\n/** 弹窗生命周期内的选择草稿，关闭弹窗即整体释放。 */\nexport interface IMemberPickerDraftState {\n  activeTab: TMemberPickerTab;\n  selectedByKey: Map<TMemberKey, TMember>;\n}\n"],"mappings":";;AAMA,IAAa,uBAAuB"}

package/dist/MemberPicker/dialog/useDialogLocale.d.ts

@@ -0,0 +1,103 @@
+/** 文案由组件库 locale 决定，业务方不必提供 CAN 文案。 */
+export default function useDialogLocale(): {
+    locale: string;
+    DatePicker: import('rc-picker/es/interface').Locale;
+    Empty: {
+        noContentFound: string;
+    };
+    ColorPicker: {
+        default: string;
+        standardColor: string;
+        recentlyUsed: string;
+    };
+    DataPreviewTable: {
+        dataLoadFailed: string;
+        loadFailed: string;
+    };
+    InputSearch: {
+        search: string;
+    };
+    MemberPickerDialog: {
+        missingGroupSource: string;
+        missingUserSource: string;
+        loadMore: string;
+        resizePanels: string;
+        title: string;
+        user: string;
+        userGroup: string;
+        selected: string;
+        root: string;
+        subLevel: string;
+        searchUsersPlaceholder: string;
+        searchGroupsPlaceholder: string;
+        selectCurrent: (count: number) => string;
+        deselectCurrent: (count: number) => string;
+        emptyCandidates: string;
+        emptySelected: string;
+        loadFailed: string;
+        retry: string;
+        loadMoreFailed: string;
+        maximize: string;
+        exitMaximize: string;
+        ok: string;
+        cancel: string;
+    };
+    MemberPicker: {
+        searchFailed: string;
+        pathUnavailable: string;
+        moreResults: string;
+        retry: string;
+        select: string;
+        ban: string;
+        pleaseConfigGetUserByKeywordsMethod: string;
+        pleaseConfigGetUserByIdsMethod: string;
+        noData: string;
+        subLevel: string;
+        users: string;
+        userGroups: string;
+        selectedTotal: (total: number) => string;
+        cancel: string;
+        confirm: string;
+    };
+    Modal: {
+        cancel: string;
+        sure: string;
+    };
+    Select: {
+        noSearchResult: string;
+        all: string;
+    };
+    Tree: {
+        expand: string;
+    };
+    Table: {
+        cancelSelect: string;
+        selected: string;
+        item: string;
+        selectAll: string;
+    };
+    ErrorBoundary: {
+        happenedError: string;
+    };
+    LogicTree: {
+        btn: {
+            addCondition: string;
+            addRelation: string;
+        };
+        select: {
+            and: string;
+            or: string;
+        };
+    };
+    Pagination: {
+        navigationLabel: string;
+        previousPage: string;
+        nextPage: string;
+        page: (page: number) => string;
+        currentPage: (page: number) => string;
+        pageSize: string;
+        itemsPerPage: string;
+        selectPageSize: string;
+        totalItems: (total: number, range: [number, number]) => string;
+    };
+};

package/dist/MemberPicker/dialog/useDialogLocale.js

@@ -0,0 +1,12 @@
+import { LocaleContext, getTranslator } from "../../locale/default.js";
+import { useContext } from "react";
+//#region src/MemberPicker/dialog/useDialogLocale.ts
+/** 文案由组件库 locale 决定，业务方不必提供 CAN 文案。 */
+function useDialogLocale() {
+	const { locale } = useContext(LocaleContext);
+	return getTranslator(locale);
+}
+//#endregion
+export { useDialogLocale as default };
+
+//# sourceMappingURL=useDialogLocale.js.map

package/dist/MemberPicker/dialog/useDialogLocale.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDialogLocale.js","names":[],"sources":["../../../src/MemberPicker/dialog/useDialogLocale.ts"],"sourcesContent":["import { useContext } from 'react';\nimport { getTranslator, LocaleContext } from '../../locale/default';\n/** 文案由组件库 locale 决定，业务方不必提供 CAN 文案。 */\nexport default function useDialogLocale() {\n  const { locale } = useContext(LocaleContext);\n  return getTranslator(locale);\n}\n"],"mappings":";;;;AAGA,SAAwB,kBAAkB;CACxC,MAAM,EAAE,WAAW,WAAW,cAAc;AAC5C,QAAO,cAAc,OAAO"}