@aloudata/aloudata-design 1.9.16 → 1.10.0

package/dist/MemberPicker/components/PanelWrapper.js

@@ -0,0 +1,126 @@
+function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure " + obj); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure 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 _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; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { message } from "../..";
+import ConfigProvider from "../../ConfigProvider";
+import { useRequest } from 'ahooks';
+import _ from 'lodash';
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
+import { isUser, isUserGroup } from "../utils/getUsersWithUserId";
+import Panel from "./Panel";
+export var PanelWrapper = function PanelWrapper(_ref) {
+  var type = _ref.type,
+    value = _ref.value,
+    multiple = _ref.multiple,
+    dropdownWidth = _ref.dropdownWidth,
+    onChange = _ref.onChange,
+    onCancel = _ref.onCancel,
+    className = _ref.className;
+  var _ConfigProvider$useGe = ConfigProvider.useGetUserList(),
+    getUsersByIds = _ConfigProvider$useGe.getUsersByIds,
+    getUsersByKeywords = _ConfigProvider$useGe.getUsersByKeywords;
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    selectedUserList = _useState2[0],
+    setSelectedUserList = _useState2[1];
+  var _useState3 = useState([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    searchUserList = _useState4[0],
+    setSearchUserList = _useState4[1];
+  var _useState5 = useState(''),
+    _useState6 = _slicedToArray(_useState5, 2),
+    searchString = _useState6[0],
+    setSearchString = _useState6[1];
+  var onSearchValueChange = useCallback(function (v) {
+    setSearchString(v);
+  }, []);
+  var queryByKeywords = useMemo(function () {
+    if (getUsersByKeywords) {
+      return getUsersByKeywords;
+    }
+    return function (_ref2) {
+      _objectDestructuringEmpty(_ref2);
+      return Promise.reject({
+        message: '请在ConfigProvider中配置getUsersByKeywords方法'
+      });
+    };
+  }, [getUsersByKeywords]);
+  var queryByIds = useMemo(function () {
+    if (getUsersByIds) {
+      return getUsersByIds;
+    }
+    return function (_ref3) {
+      _objectDestructuringEmpty(_ref3);
+      return Promise.reject({
+        message: '请在ConfigProvider中配置getUsersByIds方法'
+      });
+    };
+  }, [getUsersByIds]);
+  var _useRequest = useRequest(function () {
+      return queryByKeywords(searchString);
+    }, {
+      refreshDeps: [searchString],
+      manual: true,
+      cacheKey: 'member-selector',
+      cacheTime: 1000 * 60 * 2,
+      // 2分钟内不重复请求
+      onSuccess: function onSuccess(result) {
+        setSearchUserList(result);
+      },
+      onError: function onError(error) {
+        message.error(error.message);
+      }
+    }),
+    loading = _useRequest.loading,
+    run = _useRequest.run;
+  var totalUserList = useMemo(function () {
+    var totalUsers = searchUserList.concat(selectedUserList);
+    return _.uniqBy(totalUsers, 'userId');
+  }, [searchUserList, selectedUserList]);
+  useEffect(function () {
+    run();
+  }, [run, searchString]);
+  useEffect(function () {
+    if (Array.isArray(value) && (isUser(value[0]) || isUserGroup(value[0]))) {
+      setSelectedUserList(value);
+    } else if (isUser(value) || isUserGroup(value)) {
+      setSelectedUserList([value]);
+    } else {
+      var id = [];
+      if (!value) return;
+      if (Array.isArray(value) && value.length === 0) return;
+      if (!Array.isArray(value)) {
+        id = [value];
+      } else {
+        id = value;
+      }
+      queryByIds(id).then(function (result) {
+        setSelectedUserList(result);
+      });
+    }
+  }, [value, queryByIds]);
+  var onSelectedChange = useCallback(function (users) {
+    if (multiple) {
+      onChange === null || onChange === void 0 ? void 0 : onChange(users);
+    } else {
+      onChange === null || onChange === void 0 ? void 0 : onChange(users[0]);
+    }
+  }, [multiple, onChange]);
+  return /*#__PURE__*/React.createElement(Panel, {
+    type: type,
+    value: selectedUserList,
+    dataList: totalUserList,
+    multiple: multiple,
+    loading: loading,
+    dropdownWidth: dropdownWidth,
+    onSearchValueChange: onSearchValueChange,
+    onChange: onSelectedChange,
+    className: className,
+    onCancel: onCancel
+  });
+};
+export default PanelWrapper;

package/dist/MemberPicker/components/SelectedMemberTags.d.ts

@@ -1,9 +1,10 @@
 import React from 'react';
+import { IUserGroup, TUser } from '../../ConfigProvider/getUserList';
 import { IUser } from '../interface';
 interface ISelectedMemberTagsProps {
     className?: string;
-    selectedUsers: IUser[];
-    onRemove?: (user: IUser) => void;
+    selectedUsers: TUser;
+    onRemove?: (user: IUser | IUserGroup) => void;
     width: number;
 }
 export default function SelectedMemberTags(props: ISelectedMemberTagsProps): React.JSX.Element;

package/dist/MemberPicker/components/SelectedMemberTags.js

@@ -1,8 +1,8 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import classNames from 'classnames';
 import React from 'react';
 import { CloseMLine } from "../../Icon";
 import ScrollArea from "../../ScrollArea";
+import { getAccount, getId, getPhoto } from "../utils";
 import NickLabel from "./NickLabel";
 export default function SelectedMemberTags(props) {
   var className = props.className,
@@ -25,10 +25,13 @@ export default function SelectedMemberTags(props) {
   }, selectedUsers.map(function (user) {
     return /*#__PURE__*/React.createElement("div", {
       className: 'ald-member-picker-selected-member-tag',
-      key: user.userId
-    }, /*#__PURE__*/React.createElement(NickLabel, _extends({}, user, {
-      src: user.photo
-    })), /*#__PURE__*/React.createElement(CloseMLine, {
+      key: getId(user)
+    }, /*#__PURE__*/React.createElement(NickLabel, {
+      id: getId(user),
+      name: user.name,
+      photo: getPhoto(user),
+      account: getAccount(user)
+    }), /*#__PURE__*/React.createElement(CloseMLine, {
       size: 20,
       className: 'ald-member-picker-close',
       color: "#98A2B3",

package/dist/MemberPicker/components/SelectorFooter.js

@@ -1,6 +1,6 @@
-import { Button } from "../..";
 import classNames from 'classnames';
 import React from 'react';
+import Button from "../../Button";
 export default function SelectorFooter(props) {
   var className = props.className;
   return /*#__PURE__*/React.createElement("div", {

package/dist/MemberPicker/components/SingleOption.d.ts

@@ -1,9 +1,10 @@
 import React from 'react';
+import { IUserGroup } from '../../ConfigProvider/getUserList';
 import { IUser } from '../interface';
 interface ISelectProps {
     selected: boolean;
-    user: IUser;
-    onChange: (selected: boolean, user: IUser) => void;
+    user: IUser | IUserGroup;
+    onChange: (selected: boolean, user: IUser | IUserGroup) => void;
     disabled?: boolean;
     className?: string;
 }

package/dist/MemberPicker/components/SingleOption.js

@@ -1,10 +1,10 @@
 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 _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 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); }
 import classnames from 'classnames';
 import React from 'react';
+import { getAccount, getId, getPhoto } from "../utils";
 import NickLabel from "./NickLabel";
 export default function SingleOption(params) {
   var disabled = params.disabled,
@@ -20,7 +20,10 @@ export default function SingleOption(params) {
   return /*#__PURE__*/React.createElement("div", {
     className: classnames('ald-member-picker-option', className, 'ald-member-picker-singleOption', _defineProperty({}, 'ald-member-picker-single-option-selected', selected)),
     onClick: onClick
-  }, /*#__PURE__*/React.createElement(NickLabel, _extends({}, user, {
-    src: user.photo
-  })));
+  }, /*#__PURE__*/React.createElement(NickLabel, {
+    id: getId(user),
+    name: user.name,
+    photo: getPhoto(user),
+    account: getAccount(user)
+  }));
 }

package/dist/MemberPicker/components/UserGroupSelection.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { IUserGroup } from '../../ConfigProvider/getUserList';
+interface IProps {
+    className?: string;
+    userGroupList: IUserGroup[];
+    multiple?: boolean;
+    onChange: (selected: boolean, userGroup: IUserGroup) => void;
+    selectedUsersGroup: IUserGroup[];
+    loading: boolean;
+    onSearchValueChange?: (value: string) => void;
+    width: number;
+}
+declare const UserGroupSelection: ({ className, userGroupList, multiple, onChange, selectedUsersGroup: selectedUsersGroups, onSearchValueChange, loading, width, }: IProps) => React.JSX.Element;
+export default UserGroupSelection;

package/dist/MemberPicker/components/UserGroupSelection.js

@@ -0,0 +1,130 @@
+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 _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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure 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 _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; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { Breadcrumb } from 'antd';
+import classNames from 'classnames';
+import _ from 'lodash';
+import React, { useDeferredValue, useEffect, useState } from 'react';
+import Empty from "../../Empty";
+import { SearchLine } from "../../Icon";
+import Input from "../../Input";
+import ScrollArea from "../../ScrollArea";
+import Spin from "../../Spin";
+import { isUserGroup } from "../utils/getUsersWithUserId";
+import MultipleOption from "./MultipleOption";
+import SingleOption from "./SingleOption";
+var UserGroupSelection = function UserGroupSelection(_ref) {
+  var className = _ref.className,
+    userGroupList = _ref.userGroupList,
+    multiple = _ref.multiple,
+    _onChange = _ref.onChange,
+    selectedUsersGroups = _ref.selectedUsersGroup,
+    onSearchValueChange = _ref.onSearchValueChange,
+    loading = _ref.loading,
+    width = _ref.width;
+  var _useState = useState(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    searchKey = _useState2[0],
+    setSearchKey = _useState2[1];
+  var _useState3 = useState([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    groupPath = _useState4[0],
+    setGroupPath = _useState4[1];
+  var deferredSearchValue = useDeferredValue(searchKey);
+  useEffect(function () {
+    onSearchValueChange === null || onSearchValueChange === void 0 ? void 0 : onSearchValueChange(deferredSearchValue);
+  }, [deferredSearchValue, onSearchValueChange]);
+  var userGroupListInLevel = userGroupList.filter(function (userGroup) {
+    var _$last;
+    if (groupPath.length === 0) return !userGroup.parentId;else return userGroup.parentId === ((_$last = _.last(groupPath)) === null || _$last === void 0 ? void 0 : _$last.groupId);
+  });
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames(className, 'ald-member-picker-member-list-wrap')
+  }, /*#__PURE__*/React.createElement(Input, {
+    prefix: /*#__PURE__*/React.createElement(SearchLine, {
+      size: 16
+    }),
+    className: 'ald-member-picker-search-input',
+    autoFocus: true,
+    onChange: function onChange(e) {
+      setSearchKey(e.target.value);
+    }
+  }), userGroupList.length === 0 && !loading && /*#__PURE__*/React.createElement(Empty, {
+    title: "\u65E0\u6570\u636E",
+    size: "small",
+    image: Empty.PRESENTED_IMAGE_SEARCH,
+    className: "ald-member-picker-member-list-empty"
+  }), groupPath.length !== 0 && /*#__PURE__*/React.createElement(Breadcrumb, null, /*#__PURE__*/React.createElement(Breadcrumb.Item, {
+    onClick: function onClick() {
+      setGroupPath([]);
+    }
+  }, "\u7528\u6237\u7EC4"), groupPath.map(function (group) {
+    return /*#__PURE__*/React.createElement(Breadcrumb.Item, {
+      key: group.groupId,
+      onClick: function onClick() {
+        setGroupPath(function (groups) {
+          var groupIndex = groups.findIndex(function (tempGroup) {
+            return tempGroup.groupId === group.groupId;
+          });
+          return groups.filter(function (tempGroup, index) {
+            return index <= groupIndex;
+          });
+        });
+      }
+    }, group.name);
+  })), /*#__PURE__*/React.createElement(Spin, {
+    tip: "Loading",
+    spinning: loading,
+    size: "small"
+  }, /*#__PURE__*/React.createElement(ScrollArea, {
+    className: classNames('ald-member-picker-member-list', {
+      'ald-member-picker-member-list-null': userGroupList.length === 0 && !loading
+    }),
+    innerClassName: "ald-member-picker-member-scroll"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "ald-member-picker-member-list-inner",
+    style: {
+      width: width,
+      overflow: 'hidden'
+    }
+  }, userGroupListInLevel.map(function (userGroup) {
+    var isSelected = selectedUsersGroups.some(function (selectUserGroup) {
+      return selectUserGroup.groupId === userGroup.groupId;
+    });
+    return multiple ? /*#__PURE__*/React.createElement(MultipleOption, {
+      key: userGroup.groupId,
+      user: userGroup,
+      selected: isSelected,
+      onChange: function onChange(selected, userGroup) {
+        if (isUserGroup(userGroup)) {
+          _onChange(selected, userGroup);
+        }
+      },
+      hasNextLevel: userGroupList.some(function (group) {
+        return group.parentId === userGroup.groupId;
+      }),
+      onNextLevel: function onNextLevel(userGroup) {
+        setGroupPath(function (groupPath) {
+          return [].concat(_toConsumableArray(groupPath), [userGroup]);
+        });
+      }
+    }) : /*#__PURE__*/React.createElement(SingleOption, {
+      key: userGroup.groupId,
+      user: userGroup,
+      selected: isSelected,
+      onChange: function onChange(selected, userGroup) {
+        if (isUserGroup(userGroup)) {
+          _onChange(selected, userGroup);
+        }
+      }
+    });
+  })))));
+};
+export default UserGroupSelection;

package/dist/MemberPicker/index.d.ts

@@ -1,4 +1,6 @@
 import React from 'react';
+import MemberPanel from './components/PanelWrapper';
 import { IMemberPickerProps } from './interface';
 declare const MemberSelector: React.FC<IMemberPickerProps>;
 export default MemberSelector;
+export { MemberPanel };

package/dist/MemberPicker/index.js

@@ -1,4 +1,3 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 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 _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
@@ -13,17 +12,22 @@ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefine
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { useRequest } from 'ahooks';
 import classNames from 'classnames';
-import _ from 'lodash';
 import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import ConfigProvider from "../ConfigProvider";
+import { EUserType } from "../ConfigProvider/getUserList";
 import Dropdown from "../Dropdown";
 import { FoldDownFill } from "../Icon";
 import message from "../message";
 import NickLabel from "./components/NickLabel";
 import Panel from "./components/Panel";
-import { isUser } from "./utils/getUsersWithUserId";
+import MemberPanel from "./components/PanelWrapper";
+import { EMemberPicker } from "./interface";
+import { getId, getPhoto } from "./utils";
+import { isUser, isUserGroup } from "./utils/getUsersWithUserId";
 var MemberSelector = function MemberSelector(_ref) {
   var value = _ref.value,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? EMemberPicker.USER : _ref$type,
     onChange = _ref.onChange,
     multiple = _ref.multiple,
     dropdownWidth = _ref.dropdownWidth,
@@ -100,17 +104,16 @@ var MemberSelector = function MemberSelector(_ref) {
     loading = _useRequest.loading,
     run = _useRequest.run;
   var totalUserList = useMemo(function () {
-    var totalUsers = searchUserList.concat(selectedUserList);
-    return _.uniqBy(totalUsers, 'userId');
+    return searchUserList.concat(selectedUserList);
   }, [searchUserList, selectedUserList]);
   useEffect(function () {
     if (!dropdownOpen) return;
     run();
   }, [dropdownOpen, run, searchString]);
   useEffect(function () {
-    if (Array.isArray(value) && isUser(value[0])) {
+    if (Array.isArray(value) && (isUser(value[0]) || isUserGroup(value[0]))) {
       setSelectedUserList(value);
-    } else if (isUser(value)) {
+    } else if (isUser(value) || isUserGroup(value)) {
       setSelectedUserList([value]);
     } else {
       var id = [];
@@ -173,8 +176,9 @@ var MemberSelector = function MemberSelector(_ref) {
     destroyPopupOnHide: true,
     dropdownRender: function dropdownRender() {
       return /*#__PURE__*/React.createElement(Panel, {
+        type: type,
         value: selectedUserList,
-        userList: totalUserList,
+        dataList: totalUserList,
         multiple: multiple,
         loading: loading,
         dropdownWidth: dropdownWidth || dropdownContentWidth,
@@ -198,15 +202,21 @@ var MemberSelector = function MemberSelector(_ref) {
     className: "ald-member-picker-placeholder"
   }, placeholder) : selectedUserList.reduce(function (prev, cur) {
     if (prev.length > 0) {
-      return [].concat(_toConsumableArray(prev), [',', /*#__PURE__*/React.createElement(NickLabel, _extends({
-        key: cur.userId
-      }, cur, {
-        src: cur.photo
-      }))]);
+      return [].concat(_toConsumableArray(prev), [',', /*#__PURE__*/React.createElement(NickLabel, {
+        key: getId(cur),
+        id: getId(cur),
+        photo: getPhoto(cur),
+        name: cur.name,
+        account: cur.type === EUserType.USER ? cur.account : ''
+      })]);
     } else {
-      return [/*#__PURE__*/React.createElement(NickLabel, _extends({
-        key: cur.userId
-      }, cur))];
+      return [/*#__PURE__*/React.createElement(NickLabel, {
+        key: getId(cur),
+        id: getId(cur),
+        photo: getPhoto(cur),
+        name: cur.name,
+        account: cur.type === EUserType.USER ? cur.account : ''
+      })];
     }
   }, [])), /*#__PURE__*/React.createElement(FoldDownFill, {
     size: 20,
@@ -214,4 +224,5 @@ var MemberSelector = function MemberSelector(_ref) {
     fill: "#858585"
   }))));
 };
-export default MemberSelector;
+export default MemberSelector;
+export { MemberPanel };

package/dist/MemberPicker/interface.d.ts

@@ -1,6 +1,11 @@
-/// <reference types="react" />
-import { IUser } from '../ConfigProvider/getUserList';
-export type MemberPickerValue = IUser | IUser[] | string | string[];
+import React from 'react';
+import { IUser, IUserGroup, TUser } from '../ConfigProvider/getUserList';
+export type MemberPickerValue = IUser | IUser[] | string | string[] | IUserGroup | IUserGroup[];
+export declare enum EMemberPicker {
+    GROUP = "GROUP",
+    USER = "USER",
+    BOTH = "BOTH"
+}
 export interface IBaseMemberSelectorProps {
     value?: MemberPickerValue;
     className?: string;
@@ -9,14 +14,15 @@ export interface IBaseMemberSelectorProps {
     open?: boolean;
     onOpenChange?: (open: boolean) => void;
     placeholder?: string;
+    type?: EMemberPicker;
 }
 export interface IMultipleMemberSelectorProps extends IBaseMemberSelectorProps {
     multiple: true;
-    onChange?(v: IUser[]): void;
+    onChange?(v: TUser): void;
 }
 export interface ISingleMemberSelectorProps extends IBaseMemberSelectorProps {
     multiple?: false;
-    onChange?(v: IUser): void;
+    onChange?(v: IUser | IUserGroup): void;
 }
 export type IMemberPickerProps = IMultipleMemberSelectorProps | ISingleMemberSelectorProps;
 export type { IUser };

package/dist/MemberPicker/interface.js

@@ -1 +1,6 @@
-export {};
+export var EMemberPicker = /*#__PURE__*/function (EMemberPicker) {
+  EMemberPicker["GROUP"] = "GROUP";
+  EMemberPicker["USER"] = "USER";
+  EMemberPicker["BOTH"] = "BOTH";
+  return EMemberPicker;
+}({});

package/dist/MemberPicker/style/index.less

@@ -32,7 +32,7 @@
 
 .ald-member-picker-member-list-wrap {
   &.ald-member-picker-member-selection-multiple {
-    width: 50%;
+    width: 100%;
   }
 
   &.ald-member-picker-member-selection-single {
@@ -54,7 +54,7 @@
   }
 
   .ald-member-picker-member-list {
-    height: calc(100% - 32px);
+    height: calc(100% - 64px);
     min-height: 180px;
 
     &.ald-member-picker-member-list-null {
@@ -62,7 +62,7 @@
     }
 
     .ald-member-picker-member-scroll {
-      max-height: 288px;
+      height: 240px;
     }
   }
 }
@@ -130,6 +130,12 @@
   line-height: 20px;
   gap: 4px;
   cursor: pointer;
+  justify-content: space-between;
+
+  .ald-member-picker-label {
+    display: flex;
+    gap: 4px;
+  }
 
   &:hover {
     background: var(--colors-gray-98, #f4f4f4);
@@ -228,3 +234,12 @@
     overflow: hidden;
   }
 }
+
+.ald-member-tabs {
+  background-color: #fff;
+  height: 100%;
+
+  .ant-tabs-nav {
+    margin-bottom: 0 !important;
+  }
+}

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

@@ -1,2 +1,6 @@
+import { IUserGroup } from "../../ConfigProvider/getUserList";
 import { IUser } from '../interface';
 export declare function isUser(value: any): value is IUser;
+export declare function isUserGroup(value: any): value is IUserGroup;
+declare function getUsersWithUserId(obj: any): IUser[];
+export default getUsersWithUserId;

package/dist/MemberPicker/utils/getUsersWithUserId.js

@@ -1,4 +1,25 @@
 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' && 'userId' in value;
-}
+  return value && _typeof(value) === 'object' && value.type === EUserType.USER;
+}
+export function isUserGroup(value) {
+  return value && _typeof(value) === 'object' && value.type === EUserType.USER_GROUP;
+}
+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;

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

@@ -0,0 +1,6 @@
+import { IUserGroup } from "../../ConfigProvider/getUserList";
+import React from 'react';
+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 getAccount: (user: IUser | IUserGroup) => string | undefined;

package/dist/MemberPicker/utils/index.js

@@ -0,0 +1,16 @@
+import { EUserType } from "../../ConfigProvider/getUserList";
+import React from 'react';
+export var getId = function 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;
+};
+export var getAccount = function getAccount(user) {
+  if (user.type === EUserType.USER) return user.account;
+  return '';
+};

package/dist/Modal/index.js

@@ -18,10 +18,10 @@ import { Modal as AntdModal } from 'antd';
 import { modalGlobalConfig } from 'antd/lib/modal/confirm';
 import useModal from 'antd/lib/modal/useModal/index';
 import classNames from 'classnames';
-import IconButton from "../IconButton";
 import React from 'react';
 import { btnPrefix, getButtonSizeClass, getButtonType, getDangerStatus, getShape } from "../Button";
 import { AlertTriangleDuotone, CancelCircleDuotone, CheckCircleDuotone, CloseLLine, InfoCircleDuotone } from "../Icon";
+import IconButton from "../IconButton";
 import ScrollArea from "../ScrollArea";
 
 // export type { ModalProps, ModalFuncProps };

package/dist/Radio/style/index.less

@@ -264,7 +264,7 @@
 
     .ald-radio-desc {
       position: relative;
-      color: @NL0;
+      color: @ND0;
       transition: text-shadow 0.3s ease, color 0.3s ease;
     }
   }