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

package/dist/MemberPicker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/MemberPicker/index.tsx"],"sourcesContent":["import { usePrevious, useRequest } from 'ahooks';\nimport { cn } from '../lib/utils';\nimport _ from 'lodash';\nimport React, {\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport Avatar from '../Avatar';\nimport ConfigProvider from '../ConfigProvider';\nimport './member-picker.css';\nimport {\n  EUserType,\n  IUser,\n  IUserGroup,\n  TUser,\n} from '../ConfigProvider/getUserList';\nimport { LocaleContext, getTranslator } from '../locale/default';\nimport message from '../message';\nimport Panel from './components/Panel';\nimport MemberPanel from './components/PanelWrapper';\nimport {\n  EMemberPicker,\n  IMemberPickerProps,\n  TUserGroupValue,\n  TUserValue,\n} from './interface';\nimport { isUser, isUserGroup } from './utils/getUsersWithUserId';\nimport Select from '../Select';\nimport { Mode } from '../Select/BaseSelect';\n\nconst Component: React.FC<IMemberPickerProps> = (props) => {\n  const { locale } = useContext(LocaleContext);\n  const t = getTranslator(locale);\n\n  const {\n    value,\n    type = EMemberPicker.USER,\n    onChange,\n    multiple,\n    dropdownWidth,\n    open,\n    onOpenChange,\n    placeholder = t.MemberPicker.select,\n    className,\n    allowClear,\n    disabled,\n    onClear,\n    size,\n    prefix: propPrefix,\n    lockedIds = [],\n    footer,\n    onCancel,\n    filterItem,\n    mode: propsMode,\n    renderItem,\n    renderSelectedTag,\n    ...restProps\n  } = props;\n  const { getUsersByIds, getUsersByKeywords } = ConfigProvider.useGetUserList();\n  const [selectedUserList, setSelectedUserList] = useState<TUser>([]);\n  const prevValue = usePrevious(value);\n  const [searchUserList, setSearchUserList] = useState<TUser>([]);\n  const [searchString, setSearchString] = useState<string>('');\n  const [dropdownContentWidth, setDropdownContentWidth] =\n    useState(dropdownWidth);\n\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const onSearchValueChange = useCallback((v: string) => {\n    setSearchString(v);\n  }, []);\n  const [dropdownOpen, setDropdownOpen] = useState<boolean>(!!open);\n  const queryByKeywords = useMemo(() => {\n    if (getUsersByKeywords) {\n      return getUsersByKeywords;\n    }\n\n    return (_params = {}) =>\n      Promise.reject({\n        message: t.MemberPicker.pleaseConfigGetUserByKeywordsMethod,\n      });\n  }, [getUsersByKeywords, t.MemberPicker.pleaseConfigGetUserByKeywordsMethod]);\n  const queryByIds = useMemo(() => {\n    if (getUsersByIds) {\n      return getUsersByIds;\n    }\n\n    return (_params = {}) =>\n      Promise.reject({\n        message: t.MemberPicker.pleaseConfigGetUserByIdsMethod,\n      });\n  }, [getUsersByIds, t.MemberPicker.pleaseConfigGetUserByIdsMethod]);\n  const { loading, run } = useRequest(() => queryByKeywords(searchString), {\n    refreshDeps: [searchString],\n    manual: true,\n    cacheKey: 'member-selector',\n    cacheTime: 1000 * 60 * 2, // 2分钟内不重复请求\n    onSuccess: (result) => {\n      setSearchUserList(result);\n    },\n    onError: (error) => {\n      message.error(error.message);\n    },\n  });\n\n  const totalUserList: TUser = useMemo(() => {\n    const totalUsers = searchUserList.concat(\n      selectedUserList.filter((item) => {\n        const name =\n          (item.type === EUserType.USER ? item.nickname : item.name) || '';\n\n        return name.toUpperCase().includes(searchString.trim().toUpperCase());\n      }),\n    );\n\n    return _.uniqBy(totalUsers, (data: IUser | IUserGroup) => {\n      if (data.type === EUserType.USER) return data.userId;\n\n      return data.groupId;\n    }).filter((item) => {\n      if (filterItem) {\n        return filterItem(item);\n      }\n\n      return true;\n    });\n  }, [filterItem, searchString, searchUserList, selectedUserList]);\n\n  useEffect(() => {\n    if (!dropdownOpen) return;\n    run();\n  }, [dropdownOpen, run, searchString]);\n\n  useEffect(() => {\n    if (_.isEqual(value, prevValue)) {\n      return;\n    }\n    if (Array.isArray(value) && (isUser(value[0]) || isUserGroup(value[0]))) {\n      setSelectedUserList(value as TUser);\n    } else if (isUser(value) || isUserGroup(value)) {\n      setSelectedUserList([value]);\n    } else {\n      let param: Array<TUserValue | TUserGroupValue> = [];\n      if (!value) return;\n      if (Array.isArray(value) && value.length === 0) {\n        setSelectedUserList([]);\n\n        return;\n      }\n      if (!Array.isArray(value)) {\n        param = [value];\n      } else {\n        param = value;\n      }\n      queryByIds(param).then((result) => {\n        // 如果用户已被删除，则需要展示出id\n        const valueNotInResult: TUser = param\n          .filter((item) => {\n            if (item.type === EUserType.USER) {\n              return result\n                .filter(isUser)\n                .every((user) => user.userId !== item.userId);\n            }\n\n            return result\n              .filter(isUserGroup)\n              .every((user) => user.groupId !== item.groupId);\n          })\n          .map((item) => {\n            if (item.type === EUserType.USER) {\n              return {\n                type: EUserType.USER,\n                userId: item.userId,\n              } as IUser;\n            }\n\n            return {\n              type: EUserType.USER_GROUP,\n              groupId: item.groupId,\n            } as IUserGroup;\n          });\n\n        setSelectedUserList([...result, ...valueNotInResult]);\n      });\n    }\n  }, [value, queryByIds, prevValue]);\n\n  const onSelectedChange = useCallback(\n    (users: TUser) => {\n      if (multiple) {\n        setSelectedUserList(users);\n        onChange?.(users);\n      } else {\n        setSelectedUserList(users);\n        onChange?.(users[0]);\n      }\n      setDropdownOpen(false);\n    },\n    [multiple, onChange, setDropdownOpen],\n  );\n\n  useEffect(() => {\n    if (typeof open === 'boolean') {\n      setDropdownOpen(open);\n    }\n  }, [open]);\n\n  useEffect(() => {\n    if (!dropdownContentWidth) {\n      const resizeEle = triggerRef.current;\n      if (!resizeEle) return;\n      const resizeObserver = new ResizeObserver((entries) => {\n        for (const entry of entries) {\n          const { width } = entry.contentRect;\n          setDropdownContentWidth(width);\n        }\n      });\n      resizeObserver.observe(resizeEle);\n\n      return () => {\n        resizeObserver.unobserve(resizeEle);\n      };\n    }\n  }, [triggerRef, dropdownContentWidth]);\n  const onDropdownOpenChange = useCallback(\n    (open: boolean) => {\n      setDropdownOpen(open);\n      onOpenChange?.(open);\n    },\n    [onOpenChange],\n  );\n  const panelKey = useMemo(() => {\n    if (dropdownOpen) {\n      return _.sampleSize('abcdefghijklmnopqrstuvwxyz0123456789', 8).join('');\n    }\n  }, [dropdownOpen]);\n  const mode = useMemo(() => {\n    if (multiple === true) {\n      if (typeof propsMode === 'object')\n        return {\n          ...(propsMode || {}),\n          type: 'multiple',\n          responsive: _.isNil(propsMode.responsive)\n            ? true\n            : propsMode.responsive,\n        } as Mode;\n      return {\n        type: 'multiple',\n        responsive: true,\n      } as Mode;\n    }\n\n    return multiple ? (multiple as Mode) : propsMode;\n  }, [multiple, propsMode]);\n\n  console.log(mode);\n\n  const selectOpen = typeof open === 'boolean' ? open : dropdownOpen;\n\n  return (\n    <Select\n      prefix={propPrefix}\n      {...restProps}\n      size={size}\n      className={cn('ald-member-picker-select', className)}\n      value={selectedUserList.map((item) => {\n        if (item.type === EUserType.USER_GROUP) {\n          return item.groupId;\n        } else {\n          return item.userId;\n        }\n      })}\n      onChange={(value) => {\n        if (_.isEmpty(value)) {\n          setSelectedUserList([]);\n          if (multiple) {\n            onChange?.([]);\n          } else {\n            onChange?.();\n          }\n        } else {\n          const valueList = Array.isArray(value) ? value : [value];\n          if (multiple) {\n            const users = valueList\n              .map((item) => {\n                const user = totalUserList.find((user) => {\n                  if (user.type === EUserType.USER) {\n                    return user.userId === item;\n                  }\n\n                  return user.groupId === item;\n                });\n\n                return user;\n              })\n              .filter(Boolean) as TUser;\n            setSelectedUserList(users);\n            onChange?.(users);\n          } else {\n            const user = totalUserList.find((user) => {\n              if (user.type === EUserType.USER) {\n                return user.userId === value;\n              }\n\n              return user.groupId === value;\n            });\n            if (user) {\n              setSelectedUserList([user]);\n              onChange?.(user);\n            } else {\n              setSelectedUserList([]);\n              onChange?.();\n            }\n          }\n        }\n      }}\n      disabled={disabled}\n      allowClear={allowClear}\n      onClear={() => {\n        setSelectedUserList([]);\n        if (multiple) {\n          onChange?.([]);\n        } else {\n          onChange?.();\n        }\n        onClear?.();\n      }}\n      popupClassName={cn('ald-member-picker-popup', props.popupClassName)}\n      mode={mode}\n      options={selectedUserList.map((item) => {\n        if (item.type === EUserType.USER_GROUP)\n          return {\n            label: item.name || item.groupId,\n            value: item.groupId,\n            tag: (\n              <div className={'ald-member-picker-tag'}>\n                <Avatar type=\"userGroup\" size={20}>\n                  {item.name || item.groupId}\n                </Avatar>\n                {item.name || item.groupId}\n              </div>\n            ),\n          };\n\n        return {\n          label: item.nickname || item.name || item.userId,\n          value: item.userId,\n          tag: (\n            <div className={'ald-member-picker-tag'}>\n              <Avatar\n                size={20}\n                src={item.photo}\n                type={item.type === EUserType.USER ? 'user' : 'userGroup'}\n              >\n                {item.nickname || item.name || item.userId}\n              </Avatar>\n              {item.nickname || item.name || item.userId}\n            </div>\n          ),\n        };\n      })}\n      optionLabelProp={multiple ? 'label' : 'tag'}\n      open={selectOpen}\n      onOpenChange={onDropdownOpenChange}\n      popupMatchSelectWidth={false}\n      placeholder={placeholder}\n      dropdownRender={() => {\n        return (\n          <div ref={triggerRef}>\n            <Panel\n              type={type}\n              footer={footer}\n              value={selectedUserList}\n              dataList={totalUserList}\n              lockedIds={lockedIds}\n              multiple={!!multiple}\n              key={panelKey}\n              loading={loading}\n              dropdownWidth={dropdownContentWidth}\n              onSearchValueChange={onSearchValueChange}\n              onChange={onSelectedChange}\n              onCancel={() => {\n                onCancel?.();\n                setDropdownOpen(false);\n              }}\n              renderItem={renderItem}\n              renderSelectedTag={renderSelectedTag}\n            ></Panel>\n          </div>\n        );\n      }}\n    ></Select>\n  );\n};\n\nconst MemberSelector = Component as React.FC<IMemberPickerProps> & {\n  MemberPanel: typeof MemberPanel;\n};\n\nMemberSelector.MemberPanel = MemberPanel;\nexport default MemberSelector;\n"],"mappings":"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"}

package/dist/MemberPicker/interface.d.ts

@@ -1,8 +1,8 @@
 import { ReactNode } from 'react';
 import { IUser, IUserGroup, TUser } from '../ConfigProvider/getUserList';
-import { ISelectProps } from '../AldSelect/interface';
+import { ISelectProps } from '../Select/interface';
 import { RequiredProperties } from '../_utils/type';
-import { Mode } from '../AldSelect/BaseSelect';
+import { Mode } from '../Select/BaseSelect';
 export type TUserValue = RequiredProperties<IUser, 'type' | 'userId'>;
 export type TUserGroupValue = RequiredProperties<IUserGroup, 'type' | 'groupId'>;
 export type TMemberPickerValue = TUserValue | TUserGroupValue | Array<TUserValue | TUserGroupValue>;

package/dist/MemberPicker/interface.js

@@ -1,6 +1,11 @@
-export var EMemberPicker = /*#__PURE__*/function (EMemberPicker) {
-  EMemberPicker["GROUP"] = "GROUP";
-  EMemberPicker["USER"] = "USER";
-  EMemberPicker["BOTH"] = "BOTH";
-  return EMemberPicker;
-}({});
+//#region src/MemberPicker/interface.ts
+var EMemberPicker = /* @__PURE__ */ function(EMemberPicker) {
+	EMemberPicker["GROUP"] = "GROUP";
+	EMemberPicker["USER"] = "USER";
+	EMemberPicker["BOTH"] = "BOTH";
+	return EMemberPicker;
+}({});
+//#endregion
+export { EMemberPicker };
+
+//# sourceMappingURL=interface.js.map

package/dist/MemberPicker/interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interface.js","names":[],"sources":["../../src/MemberPicker/interface.ts"],"sourcesContent":["import { ReactNode } from 'react';\nimport { IUser, IUserGroup, TUser } from '../ConfigProvider/getUserList';\nimport { ISelectProps } from '../Select/interface';\nimport { RequiredProperties } from '../_utils/type';\nimport { Mode } from '../Select/BaseSelect';\n\nexport type TUserValue = RequiredProperties<IUser, 'type' | 'userId'>;\nexport type TUserGroupValue = RequiredProperties<\n  IUserGroup,\n  'type' | 'groupId'\n>;\n\nexport type TMemberPickerValue =\n  | TUserValue\n  | TUserGroupValue\n  | Array<TUserValue | TUserGroupValue>;\n\nexport enum EMemberPicker {\n  GROUP = 'GROUP',\n  USER = 'USER',\n  BOTH = 'BOTH',\n}\n\nexport interface IBaseMemberSelectorProps extends Omit<ISelectProps, 'type'> {\n  value?: TMemberPickerValue;\n  dropdownWidth?: number;\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  type?: EMemberPicker;\n  lockedIds?: Array<TUserValue | TUserGroupValue>;\n  footer?: ReactNode;\n  onCancel?: () => void;\n  filterItem?: (item: IUser | IUserGroup) => boolean;\n  renderItem?: (\n    item: IUser | IUserGroup,\n    context: {\n      isSelected: boolean;\n      disabled: boolean;\n      onClick: () => void;\n      onNextLevel?: () => void;\n      originNode: ReactNode;\n    },\n  ) => ReactNode;\n  renderSelectedTag?: (\n    user: IUser | IUserGroup,\n    originNode: ReactNode,\n  ) => ReactNode;\n}\n\nexport interface IMultipleMemberSelectorProps extends IBaseMemberSelectorProps {\n  multiple: true | Mode;\n  onChange?(v: TUser): void;\n}\n\nexport interface ISingleMemberSelectorProps extends IBaseMemberSelectorProps {\n  multiple?: false;\n  onChange?(v?: IUser | IUserGroup): void;\n}\n\nexport type IMemberPickerProps =\n  | IMultipleMemberSelectorProps\n  | ISingleMemberSelectorProps;\n\nexport type { IUser };\n"],"mappings":";AAiBA,IAAY,gBAAL,yBAAA,eAAA;AACL,eAAA,WAAA;AACA,eAAA,UAAA;AACA,eAAA,UAAA;;KACD"}

package/dist/MemberPicker/tests/mockPort.js

@@ -1,147 +1,2 @@
-/* eslint-disable i18n/no-chinese-character */
-import { EUserType } from "../../ConfigProvider/getUserList";
-export function genUserListByKeywords(keywords) {
-  var userList = [];
-  for (var i = 0; i < 20; i++) {
-    var user = {
-      type: EUserType.USER,
-      userId: "user".concat(i),
-      name: "\u7528\u6237".concat(i).concat(keywords ? '-' : '').concat(keywords),
-      nickname: "\u7528\u6237".concat(i).concat(keywords ? '-' : '').concat(keywords)
-    };
-    userList.push(user);
-  }
-  userList.push({
-    type: EUserType.USER,
-    userId: "user".concat(123123),
-    name: "\u7528\u6237".concat(1, keywords ? '-' : '').concat(keywords),
-    nickname: "\u7528\u6237".concat(1, keywords ? '-' : '').concat(keywords)
-  });
-  var userGroupList = [{
-    type: EUserType.USER_GROUP,
-    groupId: 'userGroup0',
-    parentId: null,
-    name: '用户组0',
-    frontId: null
-  }, {
-    type: EUserType.USER_GROUP,
-    groupId: 'userGroup0-1',
-    parentId: 'userGroup0',
-    name: '用户组0-1',
-    frontId: null
-  }, {
-    type: EUserType.USER_GROUP,
-    groupId: 'userGroup0-1-1',
-    parentId: 'userGroup0-1',
-    name: '用户组0-1-1',
-    frontId: null
-  }, {
-    type: EUserType.USER_GROUP,
-    groupId: 'userGroup0-1-1-1',
-    parentId: 'userGroup0-1-1',
-    name: '用户组0-1-1-1',
-    frontId: null
-  }, {
-    type: EUserType.USER_GROUP,
-    groupId: 'userGroup0-1-1-1-1',
-    parentId: 'userGroup0-1-1-1',
-    name: '用户组0-1-1-1-1',
-    frontId: null
-  }, {
-    type: EUserType.USER_GROUP,
-    groupId: 'userGroup0-1-1-1-1-1',
-    parentId: 'userGroup0-1-1-1-1',
-    name: '用户组0-1-1-1-1-1',
-    frontId: null
-  }, {
-    type: EUserType.USER_GROUP,
-    groupId: 'userGroup0-1-1-1-1-2',
-    parentId: 'userGroup0-1-1-1-1',
-    name: '用户组0-1-1-1-1-2',
-    frontId: null
-  }, {
-    type: EUserType.USER_GROUP,
-    groupId: 'userGroup0-1-1-1-1-3',
-    parentId: 'userGroup0-1-1-1-1',
-    name: '用户组0-1-1-1-1-3',
-    frontId: null
-  }, {
-    type: EUserType.USER_GROUP,
-    groupId: 'userGroup0-1-1-1-1-4',
-    parentId: 'userGroup0-1-1-1-1',
-    name: '用户组0-1-1-1-1-4',
-    frontId: null
-  }, {
-    type: EUserType.USER_GROUP,
-    groupId: 'userGroup0-1-1-1-1-5',
-    parentId: 'userGroup0-1-1-1-1',
-    name: '用户组0-1-1-1-1-5',
-    frontId: null
-  }, {
-    type: EUserType.USER_GROUP,
-    groupId: 'userGroup0-1-1-1-1-6',
-    parentId: 'userGroup0-1-1-1-1',
-    name: '用户组0-1-1-1-1-6',
-    frontId: null
-  }, {
-    type: EUserType.USER_GROUP,
-    groupId: 'userGroup0-1-1-1-1-7',
-    parentId: 'userGroup0-1-1-1-1',
-    name: '用户组0-1-1-1-1-7',
-    frontId: null
-  }, {
-    type: EUserType.USER_GROUP,
-    groupId: 'userGroup0-1-1-1-1-8',
-    parentId: 'userGroup0-1-1-1-1',
-    name: '用户组0-1-1-1-1-8',
-    frontId: null
-  }, {
-    type: EUserType.USER_GROUP,
-    groupId: 'userGroup1',
-    parentId: null,
-    name: '用户组1',
-    frontId: 'userGroup0'
-  }, {
-    type: EUserType.USER_GROUP,
-    groupId: 'userGroup' + '1-1',
-    parentId: 'userGroup1',
-    name: '用户组1-1',
-    frontId: null
-  }, {
-    type: EUserType.USER_GROUP,
-    groupId: 'userGroup' + '1-2',
-    parentId: 'userGroup1',
-    name: '用户组1-2',
-    frontId: 'userGroup1-1'
-  }, {
-    type: EUserType.USER_GROUP,
-    groupId: 'userGroup' + '2',
-    parentId: null,
-    name: '用户组2',
-    frontId: 'userGroup1'
-  }];
-  return [].concat(userList, userGroupList);
-}
-export function genUserListByIds(ids) {
-  var userList = [];
-  var regex = /\d+/g;
-  for (var i = 0; i < ids.length; i++) {
-    var _ids$i$match;
-    var user = {
-      type: EUserType.USER,
-      userId: ids[i],
-      name: 'name' + i,
-      nickname: "\u7528\u6237".concat(((_ids$i$match = ids[i].match(regex)) === null || _ids$i$match === void 0 ? void 0 : _ids$i$match[0]) || ids[i])
-    };
-    userList.push(user);
-  }
-  return userList;
-}
-export var getUserByIds = function getUserByIds(ids) {
-  return Promise.resolve(genUserListByIds(ids.map(function (item) {
-    return item.type === EUserType.USER ? item.userId : item.groupId;
-  })));
-};
-export var getUsersByKeywords = function getUsersByKeywords(keywords) {
-  return Promise.resolve(genUserListByKeywords(keywords));
-};
+// type-only module stub
+export {};

package/dist/MemberPicker/utils/getUsersWithUserId.js

@@ -1,25 +1,12 @@
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-import { EUserType } from "../../ConfigProvider/getUserList";
-export function isUser(value) {
-  return value && _typeof(value) === 'object' && value.type === EUserType.USER && (value.nickname || value.name);
+import { EUserType } from "../../ConfigProvider/getUserList.js";
+//#region src/MemberPicker/utils/getUsersWithUserId.tsx
+function isUser(value) {
+	return value && typeof value === "object" && value.type === EUserType.USER && (value.nickname || value.name);
 }
-export function isUserGroup(value) {
-  return value && _typeof(value) === 'object' && value.type === EUserType.USER_GROUP && value.name;
+function isUserGroup(value) {
+	return value && typeof value === "object" && value.type === EUserType.USER_GROUP && value.name;
 }
-function getUsersWithUserId(obj) {
-  var users = [];
-  var findUsers = function findUsers(value) {
-    if (Object.isFrozen(users)) return;
-    if (Array.isArray(value) && value.find(isUser)) {
-      users = value;
-      Object.freeze(users);
-    } else if (_typeof(value) === 'object') {
-      Object.values(value).forEach(function (item) {
-        return findUsers(item);
-      });
-    }
-  };
-  findUsers(obj);
-  return users;
-}
-export default getUsersWithUserId;
+//#endregion
+export { isUser, isUserGroup };
+
+//# sourceMappingURL=getUsersWithUserId.js.map

package/dist/MemberPicker/utils/getUsersWithUserId.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getUsersWithUserId.js","names":[],"sources":["../../../src/MemberPicker/utils/getUsersWithUserId.tsx"],"sourcesContent":["import { EUserType, IUserGroup } from '../../ConfigProvider/getUserList';\nimport { IUser } from '../interface';\n\nexport function isUser(value: any): value is IUser {\n  return (\n    value &&\n    typeof value === 'object' &&\n    value.type === EUserType.USER &&\n    (value.nickname || value.name)\n  );\n}\nexport function isUserGroup(value: any): value is IUserGroup {\n  return (\n    value &&\n    typeof value === 'object' &&\n    value.type === EUserType.USER_GROUP &&\n    value.name\n  );\n}\nfunction getUsersWithUserId(obj: any): IUser[] {\n  let users: IUser[] = [];\n\n  const findUsers = (value: any): void => {\n    if (Object.isFrozen(users)) return;\n    if (Array.isArray(value) && value.find(isUser)) {\n      users = value as IUser[];\n      Object.freeze(users);\n    } else if (typeof value === 'object') {\n      Object.values(value).forEach((item) => findUsers(item));\n    }\n  };\n\n  findUsers(obj);\n\n  return users;\n}\n\nexport default getUsersWithUserId;\n"],"mappings":";;AAGA,SAAgB,OAAO,OAA4B;AACjD,QACE,SACA,OAAO,UAAU,YACjB,MAAM,SAAS,UAAU,SACxB,MAAM,YAAY,MAAM;;AAG7B,SAAgB,YAAY,OAAiC;AAC3D,QACE,SACA,OAAO,UAAU,YACjB,MAAM,SAAS,UAAU,cACzB,MAAM"}

package/dist/MemberPicker/utils/index.d.ts

@@ -1,6 +1,5 @@
-import React from 'react';
 import { IUserGroup } from '../../ConfigProvider/getUserList';
 import { IUser } from '../interface';
 export declare const getId: (user: IUser | IUserGroup) => string;
-export declare const getPhoto: (user: IUser | IUserGroup) => React.JSX.Element | null;
+export declare const getPhoto: (user: IUser | IUserGroup) => import("react/jsx-runtime").JSX.Element | null;
 export declare const getAccount: (user: IUser | IUserGroup) => string | undefined;

package/dist/MemberPicker/utils/index.js

@@ -1,16 +1,20 @@
-import React from 'react';
-import { EUserType } from "../../ConfigProvider/getUserList";
-export var getId = function getId(user) {
-  if (user.type === EUserType.USER) return user.userId;
-  return user.groupId;
+import { EUserType } from "../../ConfigProvider/getUserList.js";
+import "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/MemberPicker/utils/index.tsx
+var getId = (user) => {
+	if (user.type === EUserType.USER) return user.userId;
+	return user.groupId;
 };
-export var getPhoto = function getPhoto(user) {
-  if (user.type === EUserType.USER) return !!user.photo ? /*#__PURE__*/React.createElement("img", {
-    src: user.photo
-  }) : null;
-  return null;
+var getPhoto = (user) => {
+	if (user.type === EUserType.USER) return user.photo ? /* @__PURE__ */ jsx("img", { src: user.photo }) : null;
+	return null;
 };
-export var getAccount = function getAccount(user) {
-  if (user.type === EUserType.USER) return user.account;
-  return '';
-};
+var getAccount = (user) => {
+	if (user.type === EUserType.USER) return user.account;
+	return "";
+};
+//#endregion
+export { getAccount, getId, getPhoto };
+
+//# sourceMappingURL=index.js.map

package/dist/MemberPicker/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/MemberPicker/utils/index.tsx"],"sourcesContent":["import React from 'react';\nimport { EUserType, IUserGroup } from '../../ConfigProvider/getUserList';\nimport { IUser } from '../interface';\n\nexport const getId = (user: IUser | IUserGroup) => {\n  if (user.type === EUserType.USER) return user.userId;\n  return user.groupId;\n};\n\nexport const getPhoto = (user: IUser | IUserGroup) => {\n  if (user.type === EUserType.USER)\n    return user.photo ? <img src={user.photo} /> : null;\n  return null;\n};\n\nexport const getAccount = (user: IUser | IUserGroup) => {\n  if (user.type === EUserType.USER) return user.account;\n  return '';\n};\n"],"mappings":";;;;AAIA,IAAa,SAAS,SAA6B;AACjD,KAAI,KAAK,SAAS,UAAU,KAAM,QAAO,KAAK;AAC9C,QAAO,KAAK;;AAGd,IAAa,YAAY,SAA6B;AACpD,KAAI,KAAK,SAAS,UAAU,KAC1B,QAAO,KAAK,QAAQ,oBAAC,OAAD,EAAK,KAAK,KAAK,OAAS,CAAA,GAAG;AACjD,QAAO;;AAGT,IAAa,cAAc,SAA6B;AACtD,KAAI,KAAK,SAAS,UAAU,KAAM,QAAO,KAAK;AAC9C,QAAO"}

package/dist/Menu/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 export interface MenuProps {
     onClick?: (info: MenuInfo) => void;
     className?: string;
@@ -6,7 +6,7 @@ export interface MenuProps {
     selectedKeys?: string[];
     menuStyle?: React.CSSProperties;
 }
-export default function Menu(props: MenuProps): React.JSX.Element;
+export default function Menu(props: MenuProps): import("react/jsx-runtime").JSX.Element;
 export declare function isHeaderMenuItem(menuItem: MenuItemType): menuItem is MenuHeaderType;
 export declare function isDivideMenuItem(menuItem: MenuItemType): menuItem is MenuDividerType;
 export declare function isSubMenuItem(menuItem: MenuItemType): menuItem is SubMenuType;

package/dist/Menu/index.js

@@ -1,129 +1,117 @@
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-import { ControlledMenu, MenuDivider, MenuHeader, MenuItem, SubMenu } from '@szhsin/react-menu';
-import classNames from 'classnames';
-import _ from 'lodash';
-import React, { useRef } from 'react';
-import { CheckLightLine, ChevronRightLine } from "../Icon";
-export default function Menu(props) {
-  var className = props.className,
-    items = props.items,
-    onMenuClick = props.onClick,
-    selectedKeys = props.selectedKeys,
-    menuStyle = props.menuStyle;
-  var getMenuItems = function getMenuItems(items) {
-    var parentPath = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-    return items.map(function (item, index) {
-      if (isDivideMenuItem(item)) {
-        return /*#__PURE__*/React.createElement(MenuDivider, {
-          key: "divider_".concat(index)
-        });
-      }
-      if (isHeaderMenuItem(item)) {
-        return /*#__PURE__*/React.createElement(MenuHeader, {
-          key: "header_".concat(index)
-        }, item.label);
-      }
-      var currPath = [].concat(_toConsumableArray(parentPath), [item.key]);
-      var titleStr = _.isString(item.label) ? item.label : '';
-      if (isSubMenuItem(item)) {
-        var subMenuItemLabel = /*#__PURE__*/React.createElement("div", {
-          className: "ald-menu-item-label",
-          title: titleStr
-        }, item.icon ? /*#__PURE__*/React.createElement("div", {
-          className: "ald-menu-item-label-icon"
-        }, item.icon) : null, /*#__PURE__*/React.createElement("div", {
-          className: "ald-menu-item-label-text"
-        }, item.label), /*#__PURE__*/React.createElement("div", {
-          className: "ald-menu-item-right"
-        }, /*#__PURE__*/React.createElement(ChevronRightLine, {
-          size: 16
-        })));
-        return /*#__PURE__*/React.createElement(SubMenu, {
-          key: item.key,
-          label: subMenuItemLabel,
-          disabled: item.disabled,
-          gap: 0,
-          menuStyle: _objectSpread(_objectSpread({}, menuStyle), {}, {
-            overflow: isLeafMenu(item.children) ? 'auto' : undefined
-          }),
-          menuClassName: classNames('ald-menu-submenu-popup', item.popupClassName),
-          overflow: isLeafMenu(item.children) ? 'auto' : undefined
-        }, getMenuItems(item.children, currPath));
-      }
-      return /*#__PURE__*/React.createElement(MenuItem, {
-        key: item.key,
-        className: classNames(item.className, {
-          'ald-menu-item-danger': item.danger,
-          'ald-menu-item-selected': selectedKeys === null || selectedKeys === void 0 ? void 0 : selectedKeys.includes(item.key)
-        }),
-        disabled: item.disabled,
-        onClick: function onClick(_ref) {
-          var syntheticEvent = _ref.syntheticEvent;
-          var menuInfo = {
-            key: item.key,
-            keyPath: currPath,
-            domEvent: syntheticEvent
-          };
-          if (item.onClick) {
-            item.onClick(menuInfo);
-          }
-          if (onMenuClick) {
-            onMenuClick(menuInfo);
-          }
-        }
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "ald-menu-item-label",
-        title: titleStr
-      }, item.icon ? /*#__PURE__*/React.createElement("div", {
-        className: "ald-menu-item-label-icon"
-      }, item.icon) : null, /*#__PURE__*/React.createElement("div", {
-        className: "ald-menu-item-label-text"
-      }, item.label), (selectedKeys === null || selectedKeys === void 0 ? void 0 : selectedKeys.includes(item.key)) && /*#__PURE__*/React.createElement("div", {
-        className: "ald-menu-item-selected-icon"
-      }, /*#__PURE__*/React.createElement(CheckLightLine, null))));
-    });
-  };
-  var ref = useRef(null);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    style: {
-      display: 'none '
-    },
-    ref: ref
-  }), /*#__PURE__*/React.createElement(ControlledMenu, {
-    state: "open",
-    menuStyle: _objectSpread(_objectSpread({}, menuStyle), {}, {
-      overflow: isLeafMenu(items) ? 'auto' : undefined
-    }),
-    anchorRef: ref,
-    className: classNames(className, 'ald-menu'),
-    position: "auto",
-    captureFocus: false,
-    viewScroll: "auto",
-    overflow: isLeafMenu(items) ? 'auto' : undefined
-  }, getMenuItems(items || [])));
+import { cn } from "../lib/utils.js";
+import Memo from "../Icon/components/CheckLightLine.js";
+import Memo$1 from "../Icon/components/ChevronRightLine.js";
+/* empty css     */
+import { useRef } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import _ from "lodash";
+import { ControlledMenu, MenuDivider, MenuHeader, MenuItem, SubMenu } from "@szhsin/react-menu";
+//#region src/Menu/index.tsx
+function Menu(props) {
+	const { className, items, onClick: onMenuClick, selectedKeys, menuStyle } = props;
+	const getMenuItems = (items, parentPath = []) => {
+		return items.map((item, index) => {
+			if (isDivideMenuItem(item)) return /* @__PURE__ */ jsx(MenuDivider, {}, `divider_${index}`);
+			if (isHeaderMenuItem(item)) return /* @__PURE__ */ jsx(MenuHeader, { children: item.label }, `header_${index}`);
+			const currPath = [...parentPath, item.key];
+			const titleStr = _.isString(item.label) ? item.label : "";
+			if (isSubMenuItem(item)) return /* @__PURE__ */ jsx(SubMenu, {
+				label: /* @__PURE__ */ jsxs("div", {
+					className: "ald-menu-item-label",
+					title: titleStr,
+					children: [
+						item.icon ? /* @__PURE__ */ jsx("div", {
+							className: "ald-menu-item-label-icon",
+							children: item.icon
+						}) : null,
+						/* @__PURE__ */ jsx("div", {
+							className: "ald-menu-item-label-text",
+							children: item.label
+						}),
+						/* @__PURE__ */ jsx("div", {
+							className: "ald-menu-item-right",
+							children: /* @__PURE__ */ jsx(Memo$1, { size: 16 })
+						})
+					]
+				}),
+				disabled: item.disabled,
+				gap: 0,
+				menuStyle: {
+					...menuStyle,
+					overflow: isLeafMenu(item.children) ? "auto" : void 0
+				},
+				menuClassName: cn("ald-menu-submenu-popup", item.popupClassName),
+				overflow: isLeafMenu(item.children) ? "auto" : void 0,
+				children: getMenuItems(item.children, currPath)
+			}, item.key);
+			return /* @__PURE__ */ jsx(MenuItem, {
+				className: cn(item.className, {
+					"ald-menu-item-danger": item.danger,
+					"ald-menu-item-selected": selectedKeys?.includes(item.key)
+				}),
+				disabled: item.disabled,
+				onClick: ({ syntheticEvent }) => {
+					const menuInfo = {
+						key: item.key,
+						keyPath: currPath,
+						domEvent: syntheticEvent
+					};
+					if (item.onClick) item.onClick(menuInfo);
+					if (onMenuClick) onMenuClick(menuInfo);
+				},
+				children: /* @__PURE__ */ jsxs("div", {
+					className: "ald-menu-item-label",
+					title: titleStr,
+					children: [
+						item.icon ? /* @__PURE__ */ jsx("div", {
+							className: "ald-menu-item-label-icon",
+							children: item.icon
+						}) : null,
+						/* @__PURE__ */ jsx("div", {
+							className: "ald-menu-item-label-text",
+							children: item.label
+						}),
+						selectedKeys?.includes(item.key) && /* @__PURE__ */ jsx("div", {
+							className: "ald-menu-item-selected-icon",
+							children: /* @__PURE__ */ jsx(Memo, {})
+						})
+					]
+				})
+			}, item.key);
+		});
+	};
+	const ref = useRef(null);
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("div", {
+		style: { display: "none " },
+		ref
+	}), /* @__PURE__ */ jsx(ControlledMenu, {
+		state: "open",
+		menuStyle: {
+			...menuStyle,
+			overflow: isLeafMenu(items) ? "auto" : void 0
+		},
+		anchorRef: ref,
+		className: cn(className, "ald-menu"),
+		position: "auto",
+		captureFocus: false,
+		viewScroll: "auto",
+		overflow: isLeafMenu(items) ? "auto" : void 0,
+		children: getMenuItems(items || [])
+	})] });
 }
-export function isHeaderMenuItem(menuItem) {
-  return 'type' in menuItem && menuItem.type === 'header';
+function isHeaderMenuItem(menuItem) {
+	return "type" in menuItem && menuItem.type === "header";
 }
-export function isDivideMenuItem(menuItem) {
-  return 'type' in menuItem && menuItem.type === 'divider';
+function isDivideMenuItem(menuItem) {
+	return "type" in menuItem && menuItem.type === "divider";
 }
-export function isSubMenuItem(menuItem) {
-  return 'children' in menuItem && !!menuItem.children;
+function isSubMenuItem(menuItem) {
+	return "children" in menuItem && !!menuItem.children;
 }
-export function isLeafMenu(menuItems) {
-  return !_.some(menuItems, function (item) {
-    return isSubMenuItem(item);
-  });
-}
+function isLeafMenu(menuItems) {
+	return !_.some(menuItems, (item) => isSubMenuItem(item));
+}
+//#endregion
+export { Menu as default, isDivideMenuItem, isHeaderMenuItem, isSubMenuItem };
+
+//# sourceMappingURL=index.js.map

package/dist/Menu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/Menu/index.tsx"],"sourcesContent":["import {\n  ControlledMenu,\n  MenuDivider,\n  MenuHeader,\n  MenuItem,\n  SubMenu,\n} from '@szhsin/react-menu';\nimport { cn } from '../lib/utils';\nimport _ from 'lodash';\nimport React, { useRef } from 'react';\nimport { CheckLightLine, ChevronRightLine } from '../Icon';\nimport './menu.css';\n\nexport interface MenuProps {\n  onClick?: (info: MenuInfo) => void;\n  className?: string;\n  items: MenuItemType[];\n  selectedKeys?: string[];\n  menuStyle?: React.CSSProperties;\n}\n\nexport default function Menu(props: MenuProps) {\n  const {\n    className,\n    items,\n    onClick: onMenuClick,\n    selectedKeys,\n    menuStyle,\n  } = props;\n\n  const getMenuItems = (items: MenuItemType[], parentPath: string[] = []) => {\n    return items.map((item, index) => {\n      if (isDivideMenuItem(item)) {\n        return <MenuDivider key={`divider_${index}`} />;\n      }\n      if (isHeaderMenuItem(item)) {\n        return <MenuHeader key={`header_${index}`}>{item.label}</MenuHeader>;\n      }\n      const currPath = [...parentPath, item.key];\n      const titleStr = _.isString(item.label) ? item.label : '';\n\n      if (isSubMenuItem(item)) {\n        const subMenuItemLabel = (\n          <div className=\"ald-menu-item-label\" title={titleStr}>\n            {item.icon ? (\n              <div className=\"ald-menu-item-label-icon\">{item.icon}</div>\n            ) : null}\n            <div className=\"ald-menu-item-label-text\">{item.label}</div>\n            <div className=\"ald-menu-item-right\">\n              <ChevronRightLine size={16} />\n            </div>\n          </div>\n        );\n\n        return (\n          <SubMenu\n            key={item.key}\n            label={subMenuItemLabel}\n            disabled={item.disabled}\n            gap={0}\n            menuStyle={{\n              ...menuStyle,\n              overflow: isLeafMenu(item.children) ? 'auto' : undefined,\n            }}\n            menuClassName={cn('ald-menu-submenu-popup', item.popupClassName)}\n            overflow={isLeafMenu(item.children) ? 'auto' : undefined}\n          >\n            {getMenuItems(item.children, currPath)}\n          </SubMenu>\n        );\n      }\n\n      return (\n        <MenuItem\n          key={item.key}\n          className={cn(item.className, {\n            'ald-menu-item-danger': item.danger,\n            'ald-menu-item-selected': selectedKeys?.includes(item.key),\n          })}\n          disabled={item.disabled}\n          onClick={({ syntheticEvent }) => {\n            const menuInfo = {\n              key: item.key,\n              keyPath: currPath,\n              domEvent: syntheticEvent,\n            };\n            if (item.onClick) {\n              item.onClick(menuInfo);\n            }\n            if (onMenuClick) {\n              onMenuClick(menuInfo);\n            }\n          }}\n        >\n          <div className=\"ald-menu-item-label\" title={titleStr}>\n            {item.icon ? (\n              <div className=\"ald-menu-item-label-icon\">{item.icon}</div>\n            ) : null}\n            <div className=\"ald-menu-item-label-text\">{item.label}</div>\n            {selectedKeys?.includes(item.key) && (\n              <div className=\"ald-menu-item-selected-icon\">\n                <CheckLightLine />\n              </div>\n            )}\n          </div>\n        </MenuItem>\n      );\n    });\n  };\n\n  const ref = useRef(null);\n\n  return (\n    <>\n      <div style={{ display: 'none ' }} ref={ref} />\n      <ControlledMenu\n        state=\"open\"\n        menuStyle={{\n          ...menuStyle,\n          overflow: isLeafMenu(items) ? 'auto' : undefined,\n        }}\n        anchorRef={ref}\n        className={cn(className, 'ald-menu')}\n        position=\"auto\"\n        captureFocus={false}\n        viewScroll=\"auto\"\n        overflow={isLeafMenu(items) ? 'auto' : undefined}\n      >\n        {getMenuItems(items || [])}\n      </ControlledMenu>\n    </>\n  );\n}\n\nexport function isHeaderMenuItem(\n  menuItem: MenuItemType,\n): menuItem is MenuHeaderType {\n  return 'type' in menuItem && menuItem.type === 'header';\n}\n\nexport function isDivideMenuItem(\n  menuItem: MenuItemType,\n): menuItem is MenuDividerType {\n  return 'type' in menuItem && menuItem.type === 'divider';\n}\n\nexport function isSubMenuItem(menuItem: MenuItemType): menuItem is SubMenuType {\n  return 'children' in menuItem && !!menuItem.children;\n}\n\nexport function isLeafMenu(menuItems: MenuItemType[]) {\n  return !_.some(menuItems, (item) => isSubMenuItem(item));\n}\n\nexport type MenuItemType =\n  | ItemType\n  | MenuDividerType\n  | SubMenuType\n  | MenuHeaderType;\n\nexport interface ItemType {\n  key: string;\n  label: React.ReactNode;\n  icon?: React.ReactNode;\n  onClick?: (info: MenuInfo) => void;\n  danger?: boolean;\n  disabled?: boolean;\n  className?: string;\n}\n\nexport interface MenuDividerType {\n  key?: string;\n  type: 'divider';\n}\n\nexport interface MenuHeaderType {\n  key?: string;\n  type: 'header';\n  label: string;\n}\n\nexport interface SubMenuType {\n  children: MenuItemType[];\n  key: string;\n  label: React.ReactNode;\n  icon?: React.ReactNode;\n  popupClassName?: string;\n  disabled?: boolean;\n}\n\nexport interface MenuInfo {\n  key: string;\n  keyPath: string[];\n  domEvent: MouseEvent | KeyboardEvent;\n  // 阻止菜单关闭\n  keepOpen?: boolean;\n}\n"],"mappings":"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"}