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

package/dist/MemberPicker/components/UserGroupSelection.js.map

@@ -1 +1 @@
-{"version":3,"file":"UserGroupSelection.js","names":[],"sources":["../../../src/MemberPicker/components/UserGroupSelection.tsx"],"sourcesContent":["import Breadcrumb from '../../Breadcrumb';\nimport { cn } from '../../lib/utils';\nimport _ from 'lodash';\nimport React, { useContext, useEffect, useMemo, useState } from 'react';\nimport GetUserListContext, {\n  IUserGroup,\n  TUserGroupValue,\n  TUserValue,\n} from '../../ConfigProvider/getUserList';\nimport Empty from '../../Empty';\nimport { ChevronLeftLine, SearchLine } from '../../Icon';\nimport Input from '../../Input';\nimport ScrollArea from '../../ScrollArea';\nimport Spin from '../../Spin';\nimport { LocaleContext, getTranslator } from '../../locale/default';\nimport { isUserGroup } from '../utils/getUsersWithUserId';\nimport MultipleOption from './MultipleOption';\nimport SingleOption from './SingleOption';\n\ninterface IProps {\n  className?: string;\n  userGroupList: IUserGroup[];\n  multiple?: boolean;\n  onChange: (selected: boolean, userGroup: IUserGroup) => void;\n  selectedUsersGroup: IUserGroup[];\n  loading: boolean;\n  onSearchValueChange?: (value: string) => void;\n  width: number;\n  lockedIds: Array<TUserValue | TUserGroupValue>;\n  filterItem?: (item: IUserGroup) => boolean;\n  searchValue?: string;\n  showSearch?: boolean;\n  renderItem?: (\n    item: IUserGroup,\n    context: {\n      isSelected: boolean;\n      disabled: boolean;\n      onClick: () => void;\n      onNextLevel?: () => void;\n      originNode: React.ReactNode;\n    },\n  ) => React.ReactNode;\n}\n\nconst UserGroupSelection = ({\n  className,\n  userGroupList,\n  multiple,\n  onChange,\n  selectedUsersGroup: selectedUsersGroups,\n  loading,\n  onSearchValueChange,\n  width,\n  lockedIds,\n  filterItem,\n  searchValue = '',\n  showSearch,\n  renderItem,\n}: IProps) => {\n  const { locale } = useContext(LocaleContext);\n  const t = getTranslator(locale);\n\n  const { getNextLevelGroup } = useContext(GetUserListContext);\n\n  const isAsync = !!getNextLevelGroup;\n\n  const [groupPath, setGroupPath] = useState<IUserGroup[]>([]);\n  const [asyncUserGroupList, setAsyncUserGroupList] = useState<IUserGroup[]>(\n    [],\n  );\n  const parentGroupId = _.last(groupPath)?.groupId;\n\n  useEffect(() => {\n    if (!getNextLevelGroup) {\n      return;\n    }\n\n    let ignore = false;\n    getNextLevelGroup({\n      parentGroupId,\n      keyword: searchValue,\n    }).then((userGroups) => {\n      if (!ignore) {\n        setAsyncUserGroupList(userGroups);\n      }\n    });\n\n    return () => {\n      ignore = true;\n    };\n  }, [getNextLevelGroup, parentGroupId, searchValue]);\n\n  const filterUserList = useMemo(() => {\n    let currentLevelGroups = asyncUserGroupList;\n\n    if (!isAsync) {\n      currentLevelGroups = userGroupList.filter((userGroup) => {\n        if (groupPath.length === 0) {\n          return !userGroup.parentId;\n        }\n\n        return userGroup.parentId === parentGroupId;\n      });\n\n      const normalizedKeyword = searchValue.trim().toLowerCase();\n      currentLevelGroups = currentLevelGroups.filter((group) => {\n        if (!normalizedKeyword) {\n          return true;\n        }\n\n        return group.name.toLowerCase().includes(normalizedKeyword);\n      });\n    }\n\n    return currentLevelGroups.filter((userGroup) => {\n      if (filterItem) {\n        return filterItem(userGroup);\n      }\n\n      return true;\n    });\n  }, [\n    asyncUserGroupList,\n    filterItem,\n    groupPath.length,\n    isAsync,\n    parentGroupId,\n    searchValue,\n    userGroupList,\n  ]);\n\n  return (\n    <div className={cn(className, 'ald-member-picker-member-list-wrap')}>\n      {showSearch && (\n        <Input\n          prefix={<SearchLine size={16} />}\n          className=\"ald-member-picker-search-input\"\n          aria-label={t.InputSearch.search}\n          autoFocus\n          value={searchValue}\n          onChange={(event) => onSearchValueChange?.(event.target.value)}\n        />\n      )}\n      {userGroupList.length === 0 && !loading && (\n        <Empty\n          title={t.MemberPicker.noData}\n          size=\"small\"\n          image={Empty.PRESENTED_IMAGE_SEARCH}\n          className=\"ald-member-picker-member-list-empty\"\n        />\n      )}\n      {groupPath.length !== 0 && (\n        <ScrollArea className=\"ald-member-picker-breadcrumb-scroll\">\n          <Breadcrumb className=\"ald-member-picker-breadcrumb\">\n            <Breadcrumb.Item\n              className=\"ald-member-picker-breadcrumb-item\"\n              onClick={() => {\n                setGroupPath([]);\n              }}\n            >\n              <div className=\"ald-member-picker-breadcrumb-item-inner\">\n                <ChevronLeftLine size={16} />\n                {t.MemberPicker.userGroups}\n              </div>\n            </Breadcrumb.Item>\n            {groupPath.map((group) => (\n              <Breadcrumb.Item\n                className=\"ald-member-picker-breadcrumb-item\"\n                key={group.groupId}\n                onClick={() => {\n                  setGroupPath((groups) => {\n                    const groupIndex = groups.findIndex(\n                      (tempGroup) => tempGroup.groupId === group.groupId,\n                    );\n                    return groups.filter(\n                      (tempGroup, index) => index <= groupIndex,\n                    );\n                  });\n                }}\n              >\n                <div className=\"ald-member-picker-breadcrumb-item-inner\">\n                  {group.name}\n                </div>\n              </Breadcrumb.Item>\n            ))}\n          </Breadcrumb>\n        </ScrollArea>\n      )}\n      <Spin\n        tip=\"Loading\"\n        spinning={loading}\n        size=\"small\"\n        className=\"ald-member-picker-user-list\"\n      >\n        <ScrollArea\n          className={cn('ald-member-picker-member-list', {\n            'ald-member-picker-member-list-null':\n              userGroupList.length === 0 && !loading,\n          })}\n          innerClassName=\"ald-member-picker-member-scroll\"\n        >\n          <div\n            role=\"listbox\"\n            aria-label=\"Groups\"\n            aria-multiselectable={multiple || undefined}\n            className=\"ald-member-picker-member-list-inner\"\n            style={{ width: multiple ? width : undefined, overflow: 'hidden' }}\n          >\n            {filterUserList.map((userGroup) => {\n              const isSelected = selectedUsersGroups.some(\n                (selectUserGroup) =>\n                  selectUserGroup.groupId === userGroup.groupId,\n              );\n\n              const index = _.findIndex(lockedIds, {\n                groupId: userGroup.groupId,\n                type: userGroup.type,\n              });\n              const disabled = index !== -1;\n\n              const hasNextLevel =\n                userGroupList.some(\n                  (group) => group.parentId === userGroup.groupId,\n                ) || isAsync;\n              const onNextLevel = () => {\n                setGroupPath((prev) => [...prev, userGroup]);\n                onSearchValueChange?.('');\n              };\n\n              const originNode = multiple ? (\n                <MultipleOption\n                  key={userGroup.groupId}\n                  user={userGroup}\n                  disabled={disabled}\n                  selected={isSelected}\n                  onChange={(selected, userGroup) => {\n                    if (isUserGroup(userGroup)) {\n                      onChange(selected, userGroup);\n                    }\n                  }}\n                  hasNextLevel={hasNextLevel}\n                  onNextLevel={onNextLevel}\n                ></MultipleOption>\n              ) : (\n                <SingleOption\n                  key={userGroup.groupId}\n                  user={userGroup}\n                  disabled={disabled}\n                  selected={isSelected}\n                  onChange={(selected, userGroup) => {\n                    if (isUserGroup(userGroup)) {\n                      onChange(selected, userGroup);\n                    }\n                  }}\n                  hasNextLevel={hasNextLevel}\n                  onNextLevel={onNextLevel}\n                ></SingleOption>\n              );\n\n              if (renderItem) {\n                return (\n                  <div\n                    key={userGroup.groupId}\n                    role=\"option\"\n                    id={`ald-member-picker-option-${userGroup.groupId}`}\n                    aria-selected={isSelected}\n                    aria-disabled={disabled || undefined}\n                  >\n                    {renderItem(userGroup, {\n                      isSelected,\n                      disabled,\n                      onClick: () => {\n                        if (isUserGroup(userGroup) && !disabled) {\n                          onChange(!isSelected, userGroup);\n                        }\n                      },\n                      onNextLevel: hasNextLevel ? onNextLevel : undefined,\n                      originNode,\n                    })}\n                  </div>\n                );\n              }\n\n              return originNode;\n            })}\n          </div>\n        </ScrollArea>\n      </Spin>\n    </div>\n  );\n};\n\nexport default UserGroupSelection;\n"],"mappings":"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"}
+{"version":3,"file":"UserGroupSelection.js","names":["useCallback","useMemberSearch","SearchFeedback","Breadcrumb","cn","_","React","useContext","useMemo","useState","GetUserListContext","IUserGroup","TUserGroupValue","TUserValue","Empty","ChevronLeftLine","SearchLine","Input","ScrollArea","Spin","LocaleContext","getTranslator","isUserGroup","MultipleOption","SingleOption","IProps","active","useProvidedSearch","parentSearchFailed","className","userGroupList","multiple","onChange","selected","userGroup","selectedUsersGroup","loading","onSearchValueChange","value","width","lockedIds","Array","filterItem","item","searchValue","showSearch","renderItem","context","isSelected","disabled","onClick","onNextLevel","originNode","ReactNode","UserGroupSelection","t0","$","_c","t1","t2","t3","selectedUsersGroups","t4","undefined","locale","t5","t","getNextLevelGroup","getNextLevelGroupWithMeta","isAsync","t6","Symbol","for","groupPath","setGroupPath","t7","last","groupId","parentGroupId","t8","keyword","params","Promise","resolve","queryGroups","result","groupLoading","failed","retry","asyncUserGroupList","items","currentLevelGroups","t9","length","t10","trim","parentId","filter","normalizedKeyword","toLowerCase","group","name","includes","userGroup_0","filterUserList","t11","InputSearch","search","event","target","t12","MemberPicker","noData","PRESENTED_IMAGE_SEARCH","t13","userGroups","map","group_0","groups","groupIndex","findIndex","tempGroup","tempGroup_0","index","t14","hasMore","pathWarningCode","t15","t16","t17","t18","t19","t20","overflow","t21","t22","userGroup_1","some","selectUserGroup","index_0","type","hasNextLevel","group_1","prev","userGroup_2","selected_0","userGroup_3","t23","t24","t25"],"sources":["../../../src/MemberPicker/components/UserGroupSelection.tsx"],"sourcesContent":["import { useCallback } from 'react';\nimport useMemberSearch from '../useMemberSearch';\nimport SearchFeedback from './SearchFeedback';\nimport Breadcrumb from '../../Breadcrumb';\nimport { cn } from '../../lib/utils';\nimport _ from 'lodash';\nimport React, { useContext, useMemo, useState } from 'react';\nimport GetUserListContext, {\n  IUserGroup,\n  TUserGroupValue,\n  TUserValue,\n} from '../../ConfigProvider/getUserList';\nimport Empty from '../../Empty';\nimport { ChevronLeftLine, SearchLine } from '../../Icon';\nimport Input from '../../Input';\nimport ScrollArea from '../../ScrollArea';\nimport Spin from '../../Spin';\nimport { LocaleContext, getTranslator } from '../../locale/default';\nimport { isUserGroup } from '../utils/getUsersWithUserId';\nimport MultipleOption from './MultipleOption';\nimport SingleOption from './SingleOption';\n\ninterface IProps {\n  active?: boolean;\n  useProvidedSearch?: boolean;\n  parentSearchFailed?: boolean;\n  className?: string;\n  userGroupList: IUserGroup[];\n  multiple?: boolean;\n  onChange: (selected: boolean, userGroup: IUserGroup) => void;\n  selectedUsersGroup: IUserGroup[];\n  loading: boolean;\n  onSearchValueChange?: (value: string) => void;\n  width: number;\n  lockedIds: Array<TUserValue | TUserGroupValue>;\n  filterItem?: (item: IUserGroup) => boolean;\n  searchValue?: string;\n  showSearch?: boolean;\n  renderItem?: (\n    item: IUserGroup,\n    context: {\n      isSelected: boolean;\n      disabled: boolean;\n      onClick: () => void;\n      onNextLevel?: () => void;\n      originNode: React.ReactNode;\n    },\n  ) => React.ReactNode;\n}\n\nconst UserGroupSelection = ({\n  active = true,\n  useProvidedSearch = false,\n  parentSearchFailed = false,\n  className,\n  userGroupList,\n  multiple,\n  onChange,\n  selectedUsersGroup: selectedUsersGroups,\n  loading,\n  onSearchValueChange,\n  width,\n  lockedIds,\n  filterItem,\n  searchValue = '',\n  showSearch,\n  renderItem,\n}: IProps) => {\n  const { locale } = useContext(LocaleContext);\n  const t = getTranslator(locale);\n\n  const { getNextLevelGroup, getNextLevelGroupWithMeta } =\n    useContext(GetUserListContext);\n\n  const isAsync = !!(getNextLevelGroup || getNextLevelGroupWithMeta);\n\n  const [groupPath, setGroupPath] = useState<IUserGroup[]>([]);\n  const parentGroupId = _.last(groupPath)?.groupId;\n  const queryGroups = useCallback(\n    (keyword: string) => {\n      const params = { parentGroupId, keyword };\n      if (getNextLevelGroupWithMeta) return getNextLevelGroupWithMeta(params);\n      return getNextLevelGroup\n        ? getNextLevelGroup(params)\n        : Promise.resolve([]);\n    },\n    [getNextLevelGroup, getNextLevelGroupWithMeta, parentGroupId],\n  );\n  const {\n    result,\n    loading: groupLoading,\n    failed,\n    retry,\n  } = useMemberSearch<IUserGroup>(\n    queryGroups,\n    searchValue,\n    isAsync && active && !useProvidedSearch,\n  );\n  const asyncUserGroupList = result.items;\n\n  const filterUserList = useMemo(() => {\n    let currentLevelGroups = asyncUserGroupList;\n\n    if (!isAsync || useProvidedSearch) {\n      currentLevelGroups = userGroupList.filter((userGroup) => {\n        if (searchValue.trim()) return true;\n        if (groupPath.length === 0) {\n          return !userGroup.parentId;\n        }\n\n        return userGroup.parentId === parentGroupId;\n      });\n\n      const normalizedKeyword = searchValue.trim().toLowerCase();\n      currentLevelGroups = currentLevelGroups.filter((group) => {\n        if (!normalizedKeyword) {\n          return true;\n        }\n\n        return group.name.toLowerCase().includes(normalizedKeyword);\n      });\n    }\n\n    return currentLevelGroups.filter((userGroup) => {\n      if (filterItem) {\n        return filterItem(userGroup);\n      }\n\n      return true;\n    });\n  }, [\n    asyncUserGroupList,\n    filterItem,\n    groupPath.length,\n    isAsync,\n    useProvidedSearch,\n    parentGroupId,\n    searchValue,\n    userGroupList,\n  ]);\n\n  return (\n    <div className={cn(className, 'ald-member-picker-member-list-wrap')}>\n      {showSearch && (\n        <Input\n          prefix={<SearchLine size={16} />}\n          className=\"ald-member-picker-search-input\"\n          aria-label={t.InputSearch.search}\n          autoFocus\n          value={searchValue}\n          onChange={(event) => onSearchValueChange?.(event.target.value)}\n        />\n      )}\n      {filterUserList.length === 0 &&\n        !loading &&\n        !(useProvidedSearch ? parentSearchFailed : groupLoading || failed) && (\n          <Empty\n            title={t.MemberPicker.noData}\n            size=\"small\"\n            image={Empty.PRESENTED_IMAGE_SEARCH}\n            className=\"ald-member-picker-member-list-empty\"\n          />\n        )}\n      {groupPath.length !== 0 && (\n        <ScrollArea className=\"ald-member-picker-breadcrumb-scroll\">\n          <Breadcrumb className=\"ald-member-picker-breadcrumb\">\n            <Breadcrumb.Item\n              className=\"ald-member-picker-breadcrumb-item\"\n              onClick={() => {\n                setGroupPath([]);\n              }}\n            >\n              <div className=\"ald-member-picker-breadcrumb-item-inner\">\n                <ChevronLeftLine size={16} />\n                {t.MemberPicker.userGroups}\n              </div>\n            </Breadcrumb.Item>\n            {groupPath.map((group) => (\n              <Breadcrumb.Item\n                className=\"ald-member-picker-breadcrumb-item\"\n                key={group.groupId}\n                onClick={() => {\n                  setGroupPath((groups) => {\n                    const groupIndex = groups.findIndex(\n                      (tempGroup) => tempGroup.groupId === group.groupId,\n                    );\n                    return groups.filter(\n                      (tempGroup, index) => index <= groupIndex,\n                    );\n                  });\n                }}\n              >\n                <div className=\"ald-member-picker-breadcrumb-item-inner\">\n                  {group.name}\n                </div>\n              </Breadcrumb.Item>\n            ))}\n          </Breadcrumb>\n        </ScrollArea>\n      )}\n      {isAsync && !useProvidedSearch && (\n        <SearchFeedback\n          failed={failed}\n          hasMore={result.hasMore}\n          pathWarningCode={result.pathWarningCode}\n          retry={retry}\n        />\n      )}\n      <Spin\n        tip=\"Loading\"\n        spinning={loading || (!useProvidedSearch && groupLoading)}\n        size=\"small\"\n        className=\"ald-member-picker-user-list\"\n      >\n        <ScrollArea\n          className={cn('ald-member-picker-member-list', {\n            'ald-member-picker-member-list-null':\n              filterUserList.length === 0 && !loading && !groupLoading,\n          })}\n          innerClassName=\"ald-member-picker-member-scroll\"\n        >\n          <div\n            role=\"listbox\"\n            aria-label=\"Groups\"\n            aria-multiselectable={multiple || undefined}\n            className=\"ald-member-picker-member-list-inner\"\n            style={{ width: multiple ? width : undefined, overflow: 'hidden' }}\n          >\n            {filterUserList.map((userGroup) => {\n              const isSelected = selectedUsersGroups.some(\n                (selectUserGroup) =>\n                  selectUserGroup.groupId === userGroup.groupId,\n              );\n\n              const index = _.findIndex(lockedIds, {\n                groupId: userGroup.groupId,\n                type: userGroup.type,\n              });\n              const disabled = index !== -1;\n\n              const hasNextLevel =\n                userGroupList.some(\n                  (group) => group.parentId === userGroup.groupId,\n                ) || isAsync;\n              const onNextLevel = () => {\n                setGroupPath((prev) => [...prev, userGroup]);\n                onSearchValueChange?.('');\n              };\n\n              const originNode = multiple ? (\n                <MultipleOption\n                  key={userGroup.groupId}\n                  searchValue={searchValue}\n                  user={userGroup}\n                  disabled={disabled}\n                  selected={isSelected}\n                  onChange={(selected, userGroup) => {\n                    if (isUserGroup(userGroup)) {\n                      onChange(selected, userGroup);\n                    }\n                  }}\n                  hasNextLevel={hasNextLevel}\n                  onNextLevel={onNextLevel}\n                ></MultipleOption>\n              ) : (\n                <SingleOption\n                  key={userGroup.groupId}\n                  searchValue={searchValue}\n                  user={userGroup}\n                  disabled={disabled}\n                  selected={isSelected}\n                  onChange={(selected, userGroup) => {\n                    if (isUserGroup(userGroup)) {\n                      onChange(selected, userGroup);\n                    }\n                  }}\n                  hasNextLevel={hasNextLevel}\n                  onNextLevel={onNextLevel}\n                ></SingleOption>\n              );\n\n              if (renderItem) {\n                return (\n                  <div\n                    key={userGroup.groupId}\n                    role=\"option\"\n                    id={`ald-member-picker-option-${userGroup.groupId}`}\n                    aria-selected={isSelected}\n                    aria-disabled={disabled || undefined}\n                  >\n                    {renderItem(userGroup, {\n                      isSelected,\n                      disabled,\n                      onClick: () => {\n                        if (isUserGroup(userGroup) && !disabled) {\n                          onChange(!isSelected, userGroup);\n                        }\n                      },\n                      onNextLevel: hasNextLevel ? onNextLevel : undefined,\n                      originNode,\n                    })}\n                  </div>\n                );\n              }\n\n              return originNode;\n            })}\n          </div>\n        </ScrollArea>\n      </Spin>\n    </div>\n  );\n};\n\nexport default UserGroupSelection;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAkDA,IAAMsD,sBAAqBC,OAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAAC,MAAA,EAAA/B,QAAAgC,IAAA/B,mBAAAgC,IAAA/B,oBAAAgC,IAAA/B,WAAAC,eAAAC,UAAAC,UAAAG,oBAAA0B,qBAAAzB,SAAAC,qBAAAE,OAAAC,WAAAE,YAAAE,aAAAkB,IAAAjB,YAAAC,eAAAS;CAC1B,MAAA7B,SAAAgC,OAAAK,SAAA,OAAAL;CACA,MAAA/B,oBAAAgC,OAAAI,SAAA,QAAAJ;CACA,MAAA/B,qBAAAgC,OAAAG,SAAA,QAAAH;CAWA,MAAAhB,cAAAkB,OAAAC,SAAA,KAAAD;CAIA,MAAA,EAAAE,WAAmBzD,WAAWa,cAAc;CAAC,IAAA6C;AAAA,KAAAT,EAAA,OAAAQ,QAAA;AACnCC,OAAA5C,cAAc2C,OAAO;AAAAR,IAAA,KAAAQ;AAAAR,IAAA,KAAAS;OAAAA,MAAAT,EAAA;CAA/B,MAAAU,IAAUD;CAEV,MAAA,EAAAE,mBAAAC,8BACE7D,WAAWG,mBAAmB;CAEhC,MAAA2D,UAAgB,CAAC,EAAEF,qBAAAC;CAAgD,IAAAE;AAAA,KAAAd,EAAA,OAAAe,OAAAC,IAAA,4BAAA,EAAA;AAEVF,OAAA,EAAE;AAAAd,IAAA,KAAAc;OAAAA,MAAAd,EAAA;CAA3D,MAAA,CAAAiB,WAAAC,gBAAkCjE,SAAuB6D,GAAG;CAAC,IAAAK;AAAA,KAAAnB,EAAA,OAAAiB,WAAA;AACvCE,OAAAtE,EAACuE,KAAMH,UAAmB,EAAAI;AAAArB,IAAA,KAAAiB;AAAAjB,IAAA,KAAAmB;OAAAA,MAAAnB,EAAA;CAAhD,MAAAsB,gBAAsBH;CAA2B,IAAAI;AAAA,KAAAvB,EAAA,OAAAW,qBAAAX,EAAA,OAAAY,6BAAAZ,EAAA,OAAAsB,eAAA;AAE/CC,QAAAC,YAAA;GACE,MAAAC,SAAe;IAAAH;IAAAE;IAA0B;AACzC,OAAIZ,0BAAyB,QAASA,0BAA0Ba,OAAO;AAAC,UACjEd,oBACHA,kBAAkBc,OACC,GAAnBC,QAAOC,QAAS,EAAE,CAAC;;AACxB3B,IAAA,KAAAW;AAAAX,IAAA,KAAAY;AAAAZ,IAAA,KAAAsB;AAAAtB,IAAA,KAAAuB;OAAAA,MAAAvB,EAAA;CAGH,MAAA,EAAA6B,QAAAjD,SAAAkD,cAAAC,QAAAC,UAKIvF,gBAfgB8E,IAiBlBnC,aACAyB,WAAA3C,UAAA,CAAsBC,kBACvB;CAIC,IAAAgE,qBAHyBN,OAAMK;AAK/B,KAAI,CAACrB,WAAD1C,mBAA6B;EAAA,IAAAiE;AAAA,MAAApC,EAAA,OAAAiB,UAAAoB,UAAArC,EAAA,QAAAsB,iBAAAtB,EAAA,QAAAZ,eAAAY,EAAA,QAAA1B,eAAA;GAAA,IAAAgE;AAAA,OAAAtC,EAAA,QAAAiB,UAAAoB,UAAArC,EAAA,QAAAsB,iBAAAtB,EAAA,QAAAZ,aAAA;AACWkD,WAAA5D,cAAA;AACxC,SAAIU,YAAWmD,MAAO,CAAA,QAAS;AAC/B,SAAItB,UAASoB,WAAY,EAAC,QACjB,CAAC3D,UAAS8D;AAClB,YAEM9D,UAAS8D,aAAclB;;AAC/BtB,MAAA,MAAAiB,UAAAoB;AAAArC,MAAA,MAAAsB;AAAAtB,MAAA,MAAAZ;AAAAY,MAAA,MAAAsC;SAAAA,OAAAtC,EAAA;AAPDmC,wBAAqB7D,cAAamE,OAAQH,IAOxC;GAEF,MAAAI,oBAA0BtD,YAAWmD,MAAO,CAAAI,aAAc;AACrCP,QAAAD,mBAAkBM,QAAQG,UAAA;AAC7C,QAAI,CAACF,kBAAiB,QACb;AACR,WAEME,MAAKC,KAAKF,aAAc,CAAAG,SAAUJ,kBAAkB;KAC3D;AAAA1C,KAAA,KAAAiB,UAAAoB;AAAArC,KAAA,MAAAsB;AAAAtB,KAAA,MAAAZ;AAAAY,KAAA,MAAA1B;AAAA0B,KAAA,MAAAoC;AAAApC,KAAA,MAAAmC;SAAA;AAAAC,QAAApC,EAAA;AAAAmC,wBAAAnC,EAAA;;AANFmC,uBAAqBA;;CAOtB,IAAAC;AAAA,KAAApC,EAAA,QAAAmC,sBAAAnC,EAAA,QAAAd,YAAA;EAAA,IAAAoD;AAAA,MAAAtC,EAAA,QAAAd,YAAA;AAEgCoD,UAAAS,gBAAA;AAC/B,QAAI7D,WAAU,QACLA,WAAWR,YAAU;AAC7B,WAEM;;AACRsB,KAAA,MAAAd;AAAAc,KAAA,MAAAsC;QAAAA,OAAAtC,EAAA;AANMoC,OAAAD,mBAAkBM,OAAQH,IAM/B;AAAAtC,IAAA,MAAAmC;AAAAnC,IAAA,MAAAd;AAAAc,IAAA,MAAAoC;OAAAA,MAAApC,EAAA;CA7BJ,MAAAgD,iBAuBEZ;CAgBC,IAAAE;AAAA,KAAAtC,EAAA,QAAA3B,WAAA;AAGeiE,QAAA1F,GAAGyB,WAAW,qCAAqC;AAAA2B,IAAA,MAAA3B;AAAA2B,IAAA,MAAAsC;OAAAA,OAAAtC,EAAA;CAAA,IAAAiD;AAAA,KAAAjD,EAAA,QAAAnB,uBAAAmB,EAAA,QAAAZ,eAAAY,EAAA,QAAAX,cAAAW,EAAA,QAAAU,GAAA;AAChEuC,QAAA5D,cACC,oBAAC,OAAD;GACU,QAAA,oBAAC,QAAD,EAAkB,MAAA,IAAK,CAAA;GACrB,WAAA;GACE,cAAAqB,EAACwC,YAAYC;GACzB,WAAA;GACO/D,OAAAA;GACG,WAAAgE,UAAWvE,sBAAsBuE,MAAKC,OAAOvE,MAAM;GAEhE,CAAA;AAAAkB,IAAA,MAAAnB;AAAAmB,IAAA,MAAAZ;AAAAY,IAAA,MAAAX;AAAAW,IAAA,MAAAU;AAAAV,IAAA,MAAAiD;OAAAA,OAAAjD,EAAA;CAAA,IAAAsD;AAAA,KAAAtD,EAAA,QAAA+B,UAAA/B,EAAA,QAAAgD,eAAAX,UAAArC,EAAA,QAAA8B,gBAAA9B,EAAA,QAAApB,WAAAoB,EAAA,QAAA5B,sBAAA4B,EAAA,QAAAU,KAAAV,EAAA,QAAA7B,mBAAA;AACAmF,QAAAN,eAAcX,WAAY,KAA1B,CACEzD,WADF,EAEGT,oBAAAC,qBAAyC0D,gBAAAC,WACzC,oBAAC,OAAD;GACS,OAAArB,EAAC6C,aAAaC;GAChB,MAAA;GACE,OAAAlG,MAAKmG;GACF,WAAA;GAEb,CAAA;AAAAzD,IAAA,MAAA+B;AAAA/B,IAAA,MAAAgD,eAAAX;AAAArC,IAAA,MAAA8B;AAAA9B,IAAA,MAAApB;AAAAoB,IAAA,MAAA5B;AAAA4B,IAAA,MAAAU;AAAAV,IAAA,MAAA7B;AAAA6B,IAAA,MAAAsD;OAAAA,OAAAtD,EAAA;CAAA,IAAA0D;AAAA,KAAA1D,EAAA,QAAAiB,aAAAjB,EAAA,QAAAU,GAAA;AACFgD,QAAAzC,UAASoB,WAAY,KACpB,oBAAC,oBAAD;GAAsB,WAAA;aACpB,qBAAC,YAAD;IAAsB,WAAA;cAAtB,CACE,oBAAA,WAAA,MAAA;KACY,WAAA;KACD,eAAA;AACPnB,mBAAa,EAAE,CAAC;;eAGlB,qBAAA,OAAA;MAAe,WAAA;gBAAf,CACE,oBAAC,MAAD,EAAuB,MAAA,IACtB,CAAA,EAAAR,EAAC6C,aAAaI,WAEnB;;KACC,CAAA,EAAA1C,UAAS2C,KAAKC,YACb,oBAAA,WAAA,MAAA;KACY,WAAA;KAED,eAAA;AACP3C,oBAAa4C,WAAA;OACX,MAAAC,aAAmBD,OAAME,WACvBC,cAAeA,UAAS5C,YAAauB,QAAKvB,QAC3C;AAAC,cACKyC,OAAMrB,QACXyB,aAAAC,UAAsBA,SAASJ,WAChC;QACD;;eAGJ,oBAAA,OAAA;MAAe,WAAA;gBACZnB,QAAKC;MAEV,CAAA;KACD,EAhBQD,QAAKvB,QAgBb,CAAA,CAEL;;GACD,CAAA;AAAArB,IAAA,MAAAiB;AAAAjB,IAAA,MAAAU;AAAAV,IAAA,MAAA0D;OAAAA,OAAA1D,EAAA;CAAA,IAAAoE;AAAA,KAAApE,EAAA,QAAA+B,UAAA/B,EAAA,QAAAa,WAAAb,EAAA,QAAA6B,OAAAwC,WAAArE,EAAA,QAAA6B,OAAAyC,mBAAAtE,EAAA,QAAAgC,SAAAhC,EAAA,QAAA7B,mBAAA;AACAiG,QAAAvD,WAAA,CAAY1C,qBACX,oBAAC,gBAAD;GACU4D;GACC,SAAAF,OAAMwC;GACE,iBAAAxC,OAAMyC;GAChBtC;GAEV,CAAA;AAAAhC,IAAA,MAAA+B;AAAA/B,IAAA,MAAAa;AAAAb,IAAA,MAAA6B,OAAAwC;AAAArE,IAAA,MAAA6B,OAAAyC;AAAAtE,IAAA,MAAAgC;AAAAhC,IAAA,MAAA7B;AAAA6B,IAAA,MAAAoE;OAAAA,OAAApE,EAAA;CAGW,MAAAuE,MAAA3F,WAAY,CAACT,qBAAD2D;CAOhB,MAAA0C,MAAAxB,eAAcX,WAAY,KAA1B,CAAgCzD,WAAhC,CAA4CkD;CAAY,IAAA2C;AAAA,KAAAzE,EAAA,QAAAwE,KAAA;AAFjDC,QAAA7H,GAAG,iCAAiC,EAAA,sCAE3C4H,KACH,CAAC;AAAAxE,IAAA,MAAAwE;AAAAxE,IAAA,MAAAyE;OAAAA,OAAAzE,EAAA;CAMsB,MAAA0E,MAAAnG,YAAAgC;CAEN,MAAAoE,MAAApG,WAAAQ,QAAAwB;CAA4B,IAAAqE;AAAA,KAAA5E,EAAA,QAAA2E,KAAA;AAArCC,QAAA;GAAA7F,OAAS4F;GAA4BE,UAAY;GAAU;AAAA7E,IAAA,MAAA2E;AAAA3E,IAAA,MAAA4E;OAAAA,OAAA5E,EAAA;CAAA,IAAA8E;AAAA,KAAA9E,EAAA,QAAAgD,kBAAAhD,EAAA,QAAAa,WAAAb,EAAA,QAAAhB,aAAAgB,EAAA,QAAAzB,YAAAyB,EAAA,QAAAxB,YAAAwB,EAAA,QAAAnB,uBAAAmB,EAAA,QAAAV,cAAAU,EAAA,QAAAZ,eAAAY,EAAA,QAAAK,uBAAAL,EAAA,QAAA1B,eAAA;EAAA,IAAAyG;AAAA,MAAA/E,EAAA,QAAAa,WAAAb,EAAA,QAAAhB,aAAAgB,EAAA,QAAAzB,YAAAyB,EAAA,QAAAxB,YAAAwB,EAAA,QAAAnB,uBAAAmB,EAAA,QAAAV,cAAAU,EAAA,QAAAZ,eAAAY,EAAA,QAAAK,uBAAAL,EAAA,QAAA1B,eAAA;AAE9CyG,UAAAC,gBAAA;IAClB,MAAAxF,aAAmBa,oBAAmB4E,MACpCC,oBACEA,gBAAe7D,YAAa3C,YAAS2C,QACxC;IAMD,MAAA5B,WAJc5C,EAACmH,UAAWhF,WAAW;KAAAqC,SAC1B3C,YAAS2C;KAAQ+D,MACpB1G,YAAS0G;KAChB,CAAC,KACyB;IAE3B,MAAAC,eACE/G,cAAa2G,MACXK,YAAW1C,QAAKJ,aAAc9D,YAAS2C,QAC7B,IAFZR;IAGF,MAAAlB,oBAAoB;AAClBuB,mBAAaqE,SAAU,CAAA,GAAIA,MAAM7G,YAAU,CAAC;AAC5CG,2BAAsB,GAAG;;IAG3B,MAAAe,aAAmBrB,WACjB,oBAAC,cAAD;KAEea;KACPV,MAAAA;KACIe;KACAD,UAAAA;KACA,WAAAf,UAAA+G,gBAAA;AACR,UAAI1H,YAAYY,YAAU,CACxBF,UAASC,UAAUC,YAAU;;KAGnB2G;KACD1F;KAiBhB,EA5BQjB,YAAS2C,QA4BjB,GAdC,oBAAC,cAAD;KAEejC;KACPV,MAAAA;KACIe;KACAD,UAAAA;KACA,WAAAiG,YAAAC,gBAAA;AACR,UAAI5H,YAAYY,YAAU,CACxBF,UAASC,YAAUC,YAAU;;KAGnB2G;KACD1F;KAEhB,EAbQjB,YAAS2C,QAajB;AAED,QAAI/B,WAAU,QAEV,oBAAA,OAAA;KAEO,MAAA;KACD,IAAA,4BAA4BZ,YAAS2C;KAC1B7B,iBAAAA;KACA,iBAAAC,YAAAc;eAEdjB,WAAWZ,aAAW;MAAAc;MAAAC;MAAAC,eAGZ;AACP,WAAI5B,YAAYY,YAAuB,IAAnC,CAA2Be,SAC7BjB,UAAS,CAACgB,YAAYd,YAAU;;MAEnCiB,aACY0F,eAAA1F,cAAAY;MAAsCX;MAEpD,CAAA;KACG,EAjBClB,YAAS2C,QAiBV;AAET,WAEMzB;;AACRI,KAAA,MAAAa;AAAAb,KAAA,MAAAhB;AAAAgB,KAAA,MAAAzB;AAAAyB,KAAA,MAAAxB;AAAAwB,KAAA,MAAAnB;AAAAmB,KAAA,MAAAV;AAAAU,KAAA,MAAAZ;AAAAY,KAAA,MAAAK;AAAAL,KAAA,MAAA1B;AAAA0B,KAAA,MAAA+E;QAAAA,OAAA/E,EAAA;AA9EA8E,QAAA9B,eAAcY,IAAKmB,IA8ElB;AAAA/E,IAAA,MAAAgD;AAAAhD,IAAA,MAAAa;AAAAb,IAAA,MAAAhB;AAAAgB,IAAA,MAAAzB;AAAAyB,IAAA,MAAAxB;AAAAwB,IAAA,MAAAnB;AAAAmB,IAAA,MAAAV;AAAAU,IAAA,MAAAZ;AAAAY,IAAA,MAAAK;AAAAL,IAAA,MAAA1B;AAAA0B,IAAA,MAAA8E;OAAAA,OAAA9E,EAAA;CAAA,IAAA+E;AAAA,KAAA/E,EAAA,QAAA0E,OAAA1E,EAAA,QAAA4E,OAAA5E,EAAA,QAAA8E,KAAA;AArFJC,QAAA,oBAAA,OAAA;GACO,MAAA;GACM,cAAA;GACW,wBAAAL;GACZ,WAAA;GACH,OAAAE;aAENE;GA+EG,CAAA;AAAA9E,IAAA,MAAA0E;AAAA1E,IAAA,MAAA4E;AAAA5E,IAAA,MAAA8E;AAAA9E,IAAA,MAAA+E;OAAAA,OAAA/E,EAAA;CAAA,IAAA2F;AAAA,KAAA3F,EAAA,QAAAyE,OAAAzE,EAAA,QAAA+E,KAAA;AA7FRY,QAAA,oBAAC,oBAAD;GACa,WAAAlB;GAII,gBAAA;aAEfM;GAuFW,CAAA;AAAA/E,IAAA,MAAAyE;AAAAzE,IAAA,MAAA+E;AAAA/E,IAAA,MAAA2F;OAAAA,OAAA3F,EAAA;CAAA,IAAA4F;AAAA,KAAA5F,EAAA,QAAAuE,OAAAvE,EAAA,QAAA2F,KAAA;AApGfC,QAAA,oBAAC,YAAD;GACM,KAAA;GACM,UAAArB;GACL,MAAA;GACK,WAAA;aAEVoB;GA+FK,CAAA;AAAA3F,IAAA,MAAAuE;AAAAvE,IAAA,MAAA2F;AAAA3F,IAAA,MAAA4F;OAAAA,OAAA5F,EAAA;CAAA,IAAA6F;AAAA,KAAA7F,EAAA,QAAAsC,OAAAtC,EAAA,QAAAiD,OAAAjD,EAAA,QAAAsD,OAAAtD,EAAA,QAAA0D,OAAA1D,EAAA,QAAAoE,OAAApE,EAAA,QAAA4F,KAAA;AAvKTC,QAAA,qBAAA,OAAA;GAAgB,WAAAvD;aAAhB;IACGW;IAUAK;IAUAI;IAqCAU;IAQDwB;IAsGI;;AAAA5F,IAAA,MAAAsC;AAAAtC,IAAA,MAAAiD;AAAAjD,IAAA,MAAAsD;AAAAtD,IAAA,MAAA0D;AAAA1D,IAAA,MAAAoE;AAAApE,IAAA,MAAA4F;AAAA5F,IAAA,MAAA6F;OAAAA,OAAA7F,EAAA;AAAA,QAxKN6F"}

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

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+/** 两栏分隔器仅持有比例；指针与键盘共用边界，避免全屏切换后像素宽度失效。 */
+export default function DialogColumns({ children, }: {
+    children: [ReactNode, ReactNode];
+}): import("react").JSX.Element;

package/dist/MemberPicker/dialog/DialogColumns.js

@@ -0,0 +1,119 @@
+import useDialogLocale from "./useDialogLocale.js";
+import { c } from "react-compiler-runtime";
+import { useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/MemberPicker/dialog/DialogColumns.tsx
+/** 两栏分隔器仅持有比例；指针与键盘共用边界，避免全屏切换后像素宽度失效。 */
+function DialogColumns(t0) {
+	const $ = c(16);
+	const { children } = t0;
+	const root = useRef(null);
+	const [percent, setPercent] = useState(58);
+	const t = useDialogLocale();
+	const clamp = _temp;
+	const t1 = `minmax(0, ${percent}fr) 8px minmax(0, ${100 - percent}fr)`;
+	let t2;
+	if ($[0] !== t1) {
+		t2 = { gridTemplateColumns: t1 };
+		$[0] = t1;
+		$[1] = t2;
+	} else t2 = $[1];
+	const t3 = children[0];
+	const t4 = t.MemberPickerDialog.resizePanels;
+	let t5;
+	if ($[2] !== percent) {
+		t5 = Math.round(percent);
+		$[2] = percent;
+		$[3] = t5;
+	} else t5 = $[3];
+	let t6;
+	if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+		t6 = (event) => {
+			const offset = event.key === "ArrowLeft" ? -2 : event.key === "ArrowRight" ? 2 : 0;
+			if (offset || event.key === "Home" || event.key === "End") {
+				event.preventDefault();
+				setPercent((current) => event.key === "Home" ? 35 : event.key === "End" ? 70 : clamp(current + offset));
+			}
+		};
+		$[4] = t6;
+	} else t6 = $[4];
+	let t7;
+	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+		t7 = (event_1) => {
+			if (!event_1.currentTarget.hasPointerCapture(event_1.pointerId)) return;
+			const bounds = root.current?.getBoundingClientRect();
+			if (bounds?.width) setPercent(clamp((event_1.clientX - bounds.left) / bounds.width * 100));
+		};
+		$[5] = t7;
+	} else t7 = $[5];
+	let t8;
+	let t9;
+	if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+		t8 = /* @__PURE__ */ jsx("span", {
+			"aria-hidden": "true",
+			className: "tw-pointer-events-none tw-h-full tw-w-px tw-bg-border-default group-hover:tw-bg-[var(--border-brand-strong)] group-focus-visible:tw-bg-[var(--border-brand-strong)]"
+		});
+		t9 = /* @__PURE__ */ jsx("span", {
+			"aria-hidden": "true",
+			className: "tw-pointer-events-none tw-absolute tw-h-sp-300 tw-w-full tw-rounded-r-50 tw-border tw-border-solid tw-border-border-default tw-bg-bg-default group-hover:tw-border-[var(--border-brand-strong)] group-focus-visible:tw-border-[var(--border-brand-strong)]"
+		});
+		$[6] = t8;
+		$[7] = t9;
+	} else {
+		t8 = $[6];
+		t9 = $[7];
+	}
+	let t10;
+	if ($[8] !== t.MemberPickerDialog.resizePanels || $[9] !== t5) {
+		t10 = /* @__PURE__ */ jsxs("div", {
+			role: "separator",
+			tabIndex: 0,
+			"aria-label": t4,
+			"aria-orientation": "vertical",
+			"aria-valuemin": 35,
+			"aria-valuemax": 70,
+			"aria-valuenow": t5,
+			className: "tw-group tw-relative tw-flex tw-cursor-col-resize tw-touch-none tw-items-center tw-justify-center tw-rounded-r-50 focus-visible:tw-outline focus-visible:tw-outline-2 focus-visible:tw-outline-offset-2 focus-visible:tw-outline-[var(--focus-ring)]",
+			onKeyDown: t6,
+			onPointerDown: _temp2,
+			onPointerMove: t7,
+			onPointerUp: _temp3,
+			children: [t8, t9]
+		});
+		$[8] = t.MemberPickerDialog.resizePanels;
+		$[9] = t5;
+		$[10] = t10;
+	} else t10 = $[10];
+	let t11;
+	if ($[11] !== children[0] || $[12] !== children[1] || $[13] !== t10 || $[14] !== t2) {
+		t11 = /* @__PURE__ */ jsxs("div", {
+			ref: root,
+			className: "tw-grid tw-h-full tw-min-h-0 tw-min-w-0",
+			style: t2,
+			children: [
+				t3,
+				t10,
+				children[1]
+			]
+		});
+		$[11] = children[0];
+		$[12] = children[1];
+		$[13] = t10;
+		$[14] = t2;
+		$[15] = t11;
+	} else t11 = $[15];
+	return t11;
+}
+function _temp3(event_2) {
+	if (event_2.currentTarget.hasPointerCapture(event_2.pointerId)) event_2.currentTarget.releasePointerCapture(event_2.pointerId);
+}
+function _temp2(event_0) {
+	event_0.currentTarget.setPointerCapture(event_0.pointerId);
+}
+function _temp(value) {
+	return Math.min(70, Math.max(35, value));
+}
+//#endregion
+export { DialogColumns as default };
+
+//# sourceMappingURL=DialogColumns.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DialogColumns.js","names":["useRef","useState","ReactNode","useDialogLocale","DialogColumns","t0","$","_c","children","root","percent","setPercent","t","clamp","_temp","t1","t2","gridTemplateColumns","t3","t4","MemberPickerDialog","resizePanels","t5","Math","round","t6","Symbol","for","event","offset","key","preventDefault","current","t7","event_1","currentTarget","hasPointerCapture","pointerId","bounds","getBoundingClientRect","width","clientX","left","t8","t9","t10","_temp2","_temp3","t11","event_2","releasePointerCapture","event_0","setPointerCapture","value","min","max"],"sources":["../../../src/MemberPicker/dialog/DialogColumns.tsx"],"sourcesContent":["import { useRef, useState, type ReactNode } from 'react';\nimport useDialogLocale from './useDialogLocale';\n\n/** 两栏分隔器仅持有比例；指针与键盘共用边界，避免全屏切换后像素宽度失效。 */\nexport default function DialogColumns({\n  children,\n}: {\n  children: [ReactNode, ReactNode];\n}) {\n  const root = useRef<HTMLDivElement>(null);\n  const [percent, setPercent] = useState(58);\n  const t = useDialogLocale();\n  const clamp = (value: number) => Math.min(70, Math.max(35, value));\n  return (\n    <div\n      ref={root}\n      className=\"tw-grid tw-h-full tw-min-h-0 tw-min-w-0\"\n      style={{\n        gridTemplateColumns: `minmax(0, ${percent}fr) 8px minmax(0, ${\n          100 - percent\n        }fr)`,\n      }}\n    >\n      {children[0]}\n      <div\n        role=\"separator\"\n        tabIndex={0}\n        aria-label={t.MemberPickerDialog.resizePanels}\n        aria-orientation=\"vertical\"\n        aria-valuemin={35}\n        aria-valuemax={70}\n        aria-valuenow={Math.round(percent)}\n        className=\"tw-group tw-relative tw-flex tw-cursor-col-resize tw-touch-none tw-items-center tw-justify-center tw-rounded-r-50 focus-visible:tw-outline focus-visible:tw-outline-2 focus-visible:tw-outline-offset-2 focus-visible:tw-outline-[var(--focus-ring)]\"\n        onKeyDown={(event) => {\n          const offset =\n            event.key === 'ArrowLeft' ? -2 : event.key === 'ArrowRight' ? 2 : 0;\n          if (offset || event.key === 'Home' || event.key === 'End') {\n            event.preventDefault();\n            setPercent((current) =>\n              event.key === 'Home'\n                ? 35\n                : event.key === 'End'\n                ? 70\n                : clamp(current + offset),\n            );\n          }\n        }}\n        onPointerDown={(event) => {\n          event.currentTarget.setPointerCapture(event.pointerId);\n        }}\n        onPointerMove={(event) => {\n          if (!event.currentTarget.hasPointerCapture(event.pointerId)) return;\n          const bounds = root.current?.getBoundingClientRect();\n          if (bounds?.width)\n            setPercent(\n              clamp(((event.clientX - bounds.left) / bounds.width) * 100),\n            );\n        }}\n        onPointerUp={(event) => {\n          if (event.currentTarget.hasPointerCapture(event.pointerId))\n            event.currentTarget.releasePointerCapture(event.pointerId);\n        }}\n      >\n        <span\n          aria-hidden=\"true\"\n          className=\"tw-pointer-events-none tw-h-full tw-w-px tw-bg-border-default group-hover:tw-bg-[var(--border-brand-strong)] group-focus-visible:tw-bg-[var(--border-brand-strong)]\"\n        />\n        <span\n          aria-hidden=\"true\"\n          className=\"tw-pointer-events-none tw-absolute tw-h-sp-300 tw-w-full tw-rounded-r-50 tw-border tw-border-solid tw-border-border-default tw-bg-bg-default group-hover:tw-border-[var(--border-brand-strong)] group-focus-visible:tw-border-[var(--border-brand-strong)]\"\n        />\n      </div>\n      {children[1]}\n    </div>\n  );\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,3 @@
+import { MemberPickerDialogProps } from './MemberPickerDialog.js';
+/** 打开期间拥有选择草稿；确认才通知业务，取消与卸载均释放请求和临时选择。 */
+export default function DialogContent({ value, onChange, onClose, type, lockedIds, filterItem, renderItem, renderSelectedTag, zIndex, footer, onCancel, }: MemberPickerDialogProps): import("react").JSX.Element;

package/dist/MemberPicker/dialog/DialogContent.js

@@ -0,0 +1,270 @@
+import IconButton from "../../IconButton/index.js";
+import Modal from "../../Modal/index.js";
+import Tabs from "../../Tabs/index.js";
+import SelectorFooter from "../components/SelectorFooter.js";
+import { EMemberPicker } from "../interface.js";
+import useDialogLocale from "./useDialogLocale.js";
+import DialogColumns from "./DialogColumns.js";
+import SelectedMemberPanel from "./SelectedMemberPanel.js";
+import UserCandidatePanel from "./UserCandidatePanel.js";
+import UserGroupCandidatePanel from "./UserGroupCandidatePanel.js";
+import { useMemberPickerDraft } from "./useMemberPickerDraft.js";
+import { c } from "react-compiler-runtime";
+import { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { MaximizeLine, MinimizeLine } from "@aloudata/icons-react";
+//#region src/MemberPicker/dialog/DialogContent.tsx
+/** 打开期间拥有选择草稿；确认才通知业务，取消与卸载均释放请求和临时选择。 */
+function DialogContent(t0) {
+	const $ = c(73);
+	const { value, onChange, onClose, type: t1, lockedIds, filterItem, renderItem, renderSelectedTag, zIndex, footer, onCancel } = t0;
+	const type = t1 === void 0 ? EMemberPicker.BOTH : t1;
+	const t = useDialogLocale();
+	const [fullscreen, setFullscreen] = useState(false);
+	let t2;
+	if ($[0] !== lockedIds || $[1] !== onChange || $[2] !== type || $[3] !== value) {
+		t2 = {
+			value,
+			onChange,
+			type,
+			lockedIds
+		};
+		$[0] = lockedIds;
+		$[1] = onChange;
+		$[2] = type;
+		$[3] = value;
+		$[4] = t2;
+	} else t2 = $[4];
+	const draft = useMemberPickerDraft(t2);
+	let t3;
+	if ($[5] !== draft.selectedByKey || $[6] !== draft.toggleMember || $[7] !== draft.toggleMembers || $[8] !== filterItem || $[9] !== lockedIds || $[10] !== renderItem) {
+		t3 = {
+			selectedByKey: draft.selectedByKey,
+			onToggle: draft.toggleMember,
+			onToggleAll: draft.toggleMembers,
+			lockedIds,
+			filterItem,
+			renderItem
+		};
+		$[5] = draft.selectedByKey;
+		$[6] = draft.toggleMember;
+		$[7] = draft.toggleMembers;
+		$[8] = filterItem;
+		$[9] = lockedIds;
+		$[10] = renderItem;
+		$[11] = t3;
+	} else t3 = $[11];
+	const panelProps = t3;
+	let t4;
+	if ($[12] !== draft || $[13] !== onClose) {
+		t4 = () => {
+			if (draft.hydrating) return;
+			draft.confirm();
+			onClose();
+		};
+		$[12] = draft;
+		$[13] = onClose;
+		$[14] = t4;
+	} else t4 = $[14];
+	const confirm = t4;
+	let t5;
+	if ($[15] !== onCancel || $[16] !== onClose) {
+		t5 = () => {
+			onCancel?.();
+			onClose();
+		};
+		$[15] = onCancel;
+		$[16] = onClose;
+		$[17] = t5;
+	} else t5 = $[17];
+	const cancel = t5;
+	let t6;
+	if ($[18] !== panelProps) {
+		t6 = /* @__PURE__ */ jsx(UserCandidatePanel, { ...panelProps });
+		$[18] = panelProps;
+		$[19] = t6;
+	} else t6 = $[19];
+	const users = t6;
+	let t7;
+	if ($[20] !== panelProps) {
+		t7 = /* @__PURE__ */ jsx(UserGroupCandidatePanel, { ...panelProps });
+		$[20] = panelProps;
+		$[21] = t7;
+	} else t7 = $[21];
+	const groups = t7;
+	const t8 = fullscreen ? "calc(100vw - 24px)" : "min(800px, calc(100vw - 32px))";
+	let t9;
+	if ($[22] !== t.MemberPickerDialog.title) {
+		t9 = /* @__PURE__ */ jsx("span", { children: t.MemberPickerDialog.title });
+		$[22] = t.MemberPickerDialog.title;
+		$[23] = t9;
+	} else t9 = $[23];
+	const t10 = fullscreen ? t.MemberPickerDialog.exitMaximize : t.MemberPickerDialog.maximize;
+	const t11 = fullscreen ? t.MemberPickerDialog.exitMaximize : t.MemberPickerDialog.maximize;
+	let t12;
+	if ($[24] !== t11) {
+		t12 = { title: t11 };
+		$[24] = t11;
+		$[25] = t12;
+	} else t12 = $[25];
+	let t13;
+	if ($[26] !== fullscreen) {
+		t13 = fullscreen ? /* @__PURE__ */ jsx(MinimizeLine, {}) : /* @__PURE__ */ jsx(MaximizeLine, {});
+		$[26] = fullscreen;
+		$[27] = t13;
+	} else t13 = $[27];
+	let t14;
+	if ($[28] === Symbol.for("react.memo_cache_sentinel")) {
+		t14 = () => setFullscreen(_temp);
+		$[28] = t14;
+	} else t14 = $[28];
+	let t15;
+	if ($[29] !== t10 || $[30] !== t12 || $[31] !== t13) {
+		t15 = /* @__PURE__ */ jsx(IconButton, {
+			size: "small",
+			"aria-label": t10,
+			tooltip: t12,
+			icon: t13,
+			onClick: t14
+		});
+		$[29] = t10;
+		$[30] = t12;
+		$[31] = t13;
+		$[32] = t15;
+	} else t15 = $[32];
+	let t16;
+	if ($[33] !== t15 || $[34] !== t9) {
+		t16 = /* @__PURE__ */ jsxs("div", {
+			className: "tw-flex tw-items-center tw-gap-sp-150",
+			children: [t9, t15]
+		});
+		$[33] = t15;
+		$[34] = t9;
+		$[35] = t16;
+	} else t16 = $[35];
+	let t17;
+	if ($[36] !== draft.hydrating) {
+		t17 = { disabled: draft.hydrating };
+		$[36] = draft.hydrating;
+		$[37] = t17;
+	} else t17 = $[37];
+	let t18;
+	if ($[38] !== cancel || $[39] !== confirm || $[40] !== footer) {
+		t18 = footer ? /* @__PURE__ */ jsx(SelectorFooter, {
+			footer,
+			onOk: confirm,
+			onCancel: cancel
+		}) : void 0;
+		$[38] = cancel;
+		$[39] = confirm;
+		$[40] = footer;
+		$[41] = t18;
+	} else t18 = $[41];
+	const t19 = fullscreen ? "calc(100dvh - 150px)" : "min(560px, calc(100dvh - 180px))";
+	let t20;
+	if ($[42] !== t19) {
+		t20 = { height: t19 };
+		$[42] = t19;
+		$[43] = t20;
+	} else t20 = $[43];
+	let t21;
+	if ($[44] !== draft || $[45] !== groups || $[46] !== t.MemberPickerDialog.user || $[47] !== t.MemberPickerDialog.userGroup || $[48] !== type || $[49] !== users) {
+		t21 = /* @__PURE__ */ jsx("div", {
+			className: "tw-h-full tw-min-w-0 tw-overflow-hidden",
+			children: type === EMemberPicker.BOTH ? /* @__PURE__ */ jsx(Tabs, {
+				compact: true,
+				adaptHeight: true,
+				className: "tw-h-full",
+				activeKey: draft.activeTab,
+				onChange: (key) => {
+					if (key === EMemberPicker.USER || key === EMemberPicker.GROUP) draft.setActiveTab(key);
+				},
+				items: [{
+					key: EMemberPicker.USER,
+					label: t.MemberPickerDialog.user,
+					children: users
+				}, {
+					key: EMemberPicker.GROUP,
+					label: t.MemberPickerDialog.userGroup,
+					children: groups
+				}]
+			}) : type === EMemberPicker.GROUP ? groups : users
+		});
+		$[44] = draft;
+		$[45] = groups;
+		$[46] = t.MemberPickerDialog.user;
+		$[47] = t.MemberPickerDialog.userGroup;
+		$[48] = type;
+		$[49] = users;
+		$[50] = t21;
+	} else t21 = $[50];
+	let t22;
+	if ($[51] !== draft.removeMember || $[52] !== draft.selectedMembers || $[53] !== lockedIds || $[54] !== renderSelectedTag) {
+		t22 = /* @__PURE__ */ jsx(SelectedMemberPanel, {
+			members: draft.selectedMembers,
+			lockedIds,
+			onRemove: draft.removeMember,
+			renderSelectedTag
+		});
+		$[51] = draft.removeMember;
+		$[52] = draft.selectedMembers;
+		$[53] = lockedIds;
+		$[54] = renderSelectedTag;
+		$[55] = t22;
+	} else t22 = $[55];
+	let t23;
+	if ($[56] !== t21 || $[57] !== t22) {
+		t23 = /* @__PURE__ */ jsxs(DialogColumns, { children: [t21, t22] });
+		$[56] = t21;
+		$[57] = t22;
+		$[58] = t23;
+	} else t23 = $[58];
+	let t24;
+	if ($[59] !== t20 || $[60] !== t23) {
+		t24 = /* @__PURE__ */ jsx("div", {
+			className: "ald-member-picker-dialog tw-min-h-0 tw-p-sp-200",
+			style: t20,
+			children: t23
+		});
+		$[59] = t20;
+		$[60] = t23;
+		$[61] = t24;
+	} else t24 = $[61];
+	let t25;
+	if ($[62] !== cancel || $[63] !== confirm || $[64] !== t.MemberPickerDialog.cancel || $[65] !== t.MemberPickerDialog.ok || $[66] !== t16 || $[67] !== t17 || $[68] !== t18 || $[69] !== t24 || $[70] !== t8 || $[71] !== zIndex) {
+		t25 = /* @__PURE__ */ jsx(Modal, {
+			open: true,
+			centered: true,
+			paddingLess: true,
+			zIndex,
+			width: t8,
+			title: t16,
+			okText: t.MemberPickerDialog.ok,
+			cancelText: t.MemberPickerDialog.cancel,
+			okButtonProps: t17,
+			onOk: confirm,
+			footer: t18,
+			onCancel: cancel,
+			children: t24
+		});
+		$[62] = cancel;
+		$[63] = confirm;
+		$[64] = t.MemberPickerDialog.cancel;
+		$[65] = t.MemberPickerDialog.ok;
+		$[66] = t16;
+		$[67] = t17;
+		$[68] = t18;
+		$[69] = t24;
+		$[70] = t8;
+		$[71] = zIndex;
+		$[72] = t25;
+	} else t25 = $[72];
+	return t25;
+}
+function _temp(current) {
+	return !current;
+}
+//#endregion
+export { DialogContent as default };
+
+//# sourceMappingURL=DialogContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DialogContent.js","names":["useState","MaximizeLine","MinimizeLine","IconButton","Modal","Tabs","SelectorFooter","EMemberPicker","MemberPickerDialogProps","DialogColumns","SelectedMemberPanel","UserCandidatePanel","UserGroupCandidatePanel","useMemberPickerDraft","useDialogLocale","DialogContent","t0","$","_c","value","onChange","onClose","type","t1","lockedIds","filterItem","renderItem","renderSelectedTag","zIndex","footer","onCancel","undefined","BOTH","t","fullscreen","setFullscreen","t2","draft","t3","selectedByKey","toggleMember","toggleMembers","onToggle","onToggleAll","panelProps","t4","hydrating","confirm","t5","cancel","t6","users","t7","groups","t8","t9","MemberPickerDialog","title","t10","exitMaximize","maximize","t11","t12","t13","t14","Symbol","for","_temp","t15","t16","t17","disabled","t18","t19","t20","height","t21","user","userGroup","activeTab","key","USER","GROUP","setActiveTab","label","children","t22","removeMember","selectedMembers","t23","t24","t25","ok","current"],"sources":["../../../src/MemberPicker/dialog/DialogContent.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { MaximizeLine, MinimizeLine } from '@aloudata/icons-react';\nimport IconButton from '../../IconButton';\nimport Modal from '../../Modal';\nimport Tabs from '../../Tabs';\nimport SelectorFooter from '../components/SelectorFooter';\nimport { EMemberPicker } from '../interface';\nimport type { MemberPickerDialogProps } from './MemberPickerDialog';\nimport DialogColumns from './DialogColumns';\nimport SelectedMemberPanel from './SelectedMemberPanel';\nimport UserCandidatePanel from './UserCandidatePanel';\nimport UserGroupCandidatePanel from './UserGroupCandidatePanel';\nimport { useMemberPickerDraft } from './useMemberPickerDraft';\nimport useDialogLocale from './useDialogLocale';\n\n/** 打开期间拥有选择草稿；确认才通知业务，取消与卸载均释放请求和临时选择。 */\nexport default function DialogContent({\n  value,\n  onChange,\n  onClose,\n  type = EMemberPicker.BOTH,\n  lockedIds,\n  filterItem,\n  renderItem,\n  renderSelectedTag,\n  zIndex,\n  footer,\n  onCancel,\n}: MemberPickerDialogProps) {\n  const t = useDialogLocale();\n  const [fullscreen, setFullscreen] = useState(false);\n  const draft = useMemberPickerDraft({ value, onChange, type, lockedIds });\n  const panelProps = {\n    selectedByKey: draft.selectedByKey,\n    onToggle: draft.toggleMember,\n    onToggleAll: draft.toggleMembers,\n    lockedIds,\n    filterItem,\n    renderItem,\n  };\n  const confirm = () => {\n    if (draft.hydrating) return;\n    draft.confirm();\n    onClose();\n  };\n  const cancel = () => {\n    onCancel?.();\n    onClose();\n  };\n  const users = <UserCandidatePanel {...panelProps} />;\n  const groups = <UserGroupCandidatePanel {...panelProps} />;\n  return (\n    <Modal\n      open\n      centered\n      paddingLess\n      zIndex={zIndex}\n      width={\n        fullscreen ? 'calc(100vw - 24px)' : 'min(800px, calc(100vw - 32px))'\n      }\n      title={\n        <div className=\"tw-flex tw-items-center tw-gap-sp-150\">\n          <span>{t.MemberPickerDialog.title}</span>\n          <IconButton\n            size=\"small\"\n            aria-label={\n              fullscreen\n                ? t.MemberPickerDialog.exitMaximize\n                : t.MemberPickerDialog.maximize\n            }\n            tooltip={{\n              title: fullscreen\n                ? t.MemberPickerDialog.exitMaximize\n                : t.MemberPickerDialog.maximize,\n            }}\n            icon={fullscreen ? <MinimizeLine /> : <MaximizeLine />}\n            onClick={() => setFullscreen((current) => !current)}\n          />\n        </div>\n      }\n      okText={t.MemberPickerDialog.ok}\n      cancelText={t.MemberPickerDialog.cancel}\n      okButtonProps={{ disabled: draft.hydrating }}\n      onOk={confirm}\n      footer={\n        footer ? (\n          <SelectorFooter footer={footer} onOk={confirm} onCancel={cancel} />\n        ) : undefined\n      }\n      onCancel={cancel}\n    >\n      <div\n        className=\"ald-member-picker-dialog tw-min-h-0 tw-p-sp-200\"\n        style={{\n          height: fullscreen\n            ? 'calc(100dvh - 150px)'\n            : 'min(560px, calc(100dvh - 180px))',\n        }}\n      >\n        <DialogColumns>\n          <div className=\"tw-h-full tw-min-w-0 tw-overflow-hidden\">\n            {type === EMemberPicker.BOTH ? (\n              <Tabs\n                compact\n                adaptHeight\n                className=\"tw-h-full\"\n                activeKey={draft.activeTab}\n                onChange={(key) => {\n                  if (key === EMemberPicker.USER || key === EMemberPicker.GROUP)\n                    draft.setActiveTab(key);\n                }}\n                items={[\n                  {\n                    key: EMemberPicker.USER,\n                    label: t.MemberPickerDialog.user,\n                    children: users,\n                  },\n                  {\n                    key: EMemberPicker.GROUP,\n                    label: t.MemberPickerDialog.userGroup,\n                    children: groups,\n                  },\n                ]}\n              />\n            ) : type === EMemberPicker.GROUP ? (\n              groups\n            ) : (\n              users\n            )}\n          </div>\n          <SelectedMemberPanel\n            members={draft.selectedMembers}\n            lockedIds={lockedIds}\n            onRemove={draft.removeMember}\n            renderSelectedTag={renderSelectedTag}\n          />\n        </DialogColumns>\n      </div>\n    </Modal>\n  );\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,16 @@
+import { IMemberPickerProps as MemberPickerProps } from '../interface.js';
+import { TMember } from './types.js';
+interface IProps {
+    member: TMember;
+    selected: boolean;
+    locked: boolean;
+    onToggle?: (member: TMember) => void;
+    onRemove?: (member: TMember) => void;
+    onOpenGroup?: () => void;
+    renderItem?: MemberPickerProps['renderItem'];
+    searchValue?: string;
+    renderSelectedTag?: MemberPickerProps['renderSelectedTag'];
+}
+/** 候选项统一用名称切换选择；用户组仅通过右侧独立入口进入下级。 */
+export default function MemberOption({ member, selected, locked, onToggle, onRemove, onOpenGroup, renderItem, renderSelectedTag, searchValue, }: IProps): import("react").JSX.Element;
+export {};