@aloudata/aloudata-design 1.9.16 → 1.10.0

package/dist/Icon/components/FoldUpFill.js

@@ -2,8 +2,8 @@ var _excluded = ["title", "titleId", "desc", "descId"];
 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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import * as React from "react";
-import { forwardRef, memo } from "react";
+import * as React from 'react';
+import { forwardRef, memo } from 'react';
 var FoldUpFill = function FoldUpFill(_ref, ref) {
   var title = _ref.title,
     titleId = _ref.titleId,
@@ -24,12 +24,12 @@ var FoldUpFill = function FoldUpFill(_ref, ref) {
   }, desc) : null, title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
   }, title) : null, /*#__PURE__*/React.createElement("path", {
-    fill: props.color || "currentColor",
+    fill: props.color || 'currentColor',
     fillRule: "evenodd",
     d: "m17 15-5-7-5 7h10Z",
     clipRule: "evenodd",
     style: {
-      mixBlendMode: "luminosity"
+      mixBlendMode: 'luminosity'
     }
   }));
 };

package/dist/Icon/components/InfoCircleDuotone.d.ts

@@ -1,4 +1,5 @@
-import * as React from "react";
+import type { SVGProps } from 'react';
+import * as React from 'react';
 interface SVGRProps {
     size?: number;
     title?: string;
@@ -6,5 +7,5 @@ interface SVGRProps {
     desc?: string;
     descId?: string;
 }
-declare const Memo: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement> & SVGRProps, "ref"> & React.RefAttributes<SVGSVGElement>>>;
+declare const Memo: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement> & SVGRProps, "ref"> & React.RefAttributes<SVGSVGElement>>>;
 export default Memo;

package/dist/Icon/components/InfoCircleDuotone.js

@@ -2,8 +2,8 @@ var _excluded = ["title", "titleId", "desc", "descId"];
 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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import * as React from "react";
-import { forwardRef, memo } from "react";
+import * as React from 'react';
+import { forwardRef, memo } from 'react';
 var InfoCircleDuotone = function InfoCircleDuotone(_ref, ref) {
   var title = _ref.title,
     titleId = _ref.titleId,
@@ -24,7 +24,7 @@ var InfoCircleDuotone = function InfoCircleDuotone(_ref, ref) {
   }, desc) : null, title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
   }, title) : null, /*#__PURE__*/React.createElement("path", {
-    fill: props.color || "currentColor",
+    fill: props.color || 'currentColor',
     fillRule: "evenodd",
     d: "M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10ZM12 9a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm-2 2v-1h3v6h2v1h-5v-1h2v-5h-2Z",
     clipRule: "evenodd"

package/dist/Icon/components/InfoCircleLine.d.ts

@@ -1,4 +1,5 @@
-import * as React from "react";
+import type { SVGProps } from 'react';
+import * as React from 'react';
 interface SVGRProps {
     size?: number;
     title?: string;
@@ -6,5 +7,5 @@ interface SVGRProps {
     desc?: string;
     descId?: string;
 }
-declare const Memo: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement> & SVGRProps, "ref"> & React.RefAttributes<SVGSVGElement>>>;
+declare const Memo: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement> & SVGRProps, "ref"> & React.RefAttributes<SVGSVGElement>>>;
 export default Memo;

package/dist/Icon/components/InfoCircleLine.js

@@ -2,8 +2,8 @@ var _excluded = ["title", "titleId", "desc", "descId"];
 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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import * as React from "react";
-import { forwardRef, memo } from "react";
+import * as React from 'react';
+import { forwardRef, memo } from 'react';
 var InfoCircleLine = function InfoCircleLine(_ref, ref) {
   var title = _ref.title,
     titleId = _ref.titleId,
@@ -24,7 +24,7 @@ var InfoCircleLine = function InfoCircleLine(_ref, ref) {
   }, desc) : null, title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
   }, title) : null, /*#__PURE__*/React.createElement("path", {
-    fill: props.color || "currentColor",
+    fill: props.color || 'currentColor',
     fillRule: "evenodd",
     d: "M12 19a7 7 0 1 0 0-14 7 7 0 0 0 0 14Zm0 1a8 8 0 1 0 0-16 8 8 0 0 0 0 16Zm0-11a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm-2 1v1h2v5h-2v1h5v-1h-2v-6h-3Z",
     clipRule: "evenodd"

package/dist/Icon/components/LoadingLine.d.ts

@@ -1,4 +1,5 @@
-import * as React from "react";
+import type { SVGProps } from 'react';
+import * as React from 'react';
 interface SVGRProps {
     size?: number;
     title?: string;
@@ -6,5 +7,5 @@ interface SVGRProps {
     desc?: string;
     descId?: string;
 }
-declare const Memo: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement> & SVGRProps, "ref"> & React.RefAttributes<SVGSVGElement>>>;
+declare const Memo: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement> & SVGRProps, "ref"> & React.RefAttributes<SVGSVGElement>>>;
 export default Memo;

package/dist/Icon/components/LoadingLine.js

@@ -2,8 +2,8 @@ var _excluded = ["title", "titleId", "desc", "descId"];
 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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import * as React from "react";
-import { forwardRef, memo } from "react";
+import * as React from 'react';
+import { forwardRef, memo } from 'react';
 var LoadingLine = function LoadingLine(_ref, ref) {
   var title = _ref.title,
     titleId = _ref.titleId,
@@ -24,7 +24,7 @@ var LoadingLine = function LoadingLine(_ref, ref) {
   }, desc) : null, title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
   }, title) : null, /*#__PURE__*/React.createElement("path", {
-    fill: props.color || "currentColor",
+    fill: props.color || 'currentColor',
     fillRule: "evenodd",
     d: "M7.286 3.18A10 10 0 0 1 22 12h-2a8 8 0 1 0-2.343 5.657l1.414 1.414A10 10 0 1 1 7.286 3.181Z",
     clipRule: "evenodd"

package/dist/Icon/components/MoreVerticalLine.d.ts

@@ -1,4 +1,5 @@
-import * as React from "react";
+import type { SVGProps } from 'react';
+import * as React from 'react';
 interface SVGRProps {
     size?: number;
     title?: string;
@@ -6,5 +7,5 @@ interface SVGRProps {
     desc?: string;
     descId?: string;
 }
-declare const Memo: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement> & SVGRProps, "ref"> & React.RefAttributes<SVGSVGElement>>>;
+declare const Memo: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement> & SVGRProps, "ref"> & React.RefAttributes<SVGSVGElement>>>;
 export default Memo;

package/dist/Icon/components/MoreVerticalLine.js

@@ -2,8 +2,8 @@ var _excluded = ["title", "titleId", "desc", "descId"];
 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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import * as React from "react";
-import { forwardRef, memo } from "react";
+import * as React from 'react';
+import { forwardRef, memo } from 'react';
 var MoreVerticalLine = function MoreVerticalLine(_ref, ref) {
   var title = _ref.title,
     titleId = _ref.titleId,
@@ -24,7 +24,7 @@ var MoreVerticalLine = function MoreVerticalLine(_ref, ref) {
   }, desc) : null, title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
   }, title) : null, /*#__PURE__*/React.createElement("path", {
-    fill: props.color || "currentColor",
+    fill: props.color || 'currentColor',
     fillRule: "evenodd",
     d: "M13 6a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm0 12a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm-1-5a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z",
     clipRule: "evenodd"

package/dist/Icon/components/SearchLine.d.ts

@@ -1,4 +1,5 @@
-import * as React from "react";
+import type { SVGProps } from 'react';
+import * as React from 'react';
 interface SVGRProps {
     size?: number;
     title?: string;
@@ -6,5 +7,5 @@ interface SVGRProps {
     desc?: string;
     descId?: string;
 }
-declare const Memo: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement> & SVGRProps, "ref"> & React.RefAttributes<SVGSVGElement>>>;
+declare const Memo: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement> & SVGRProps, "ref"> & React.RefAttributes<SVGSVGElement>>>;
 export default Memo;

package/dist/Icon/components/SearchLine.js

@@ -2,8 +2,8 @@ var _excluded = ["title", "titleId", "desc", "descId"];
 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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import * as React from "react";
-import { forwardRef, memo } from "react";
+import * as React from 'react';
+import { forwardRef, memo } from 'react';
 var SearchLine = function SearchLine(_ref, ref) {
   var title = _ref.title,
     titleId = _ref.titleId,
@@ -24,7 +24,7 @@ var SearchLine = function SearchLine(_ref, ref) {
   }, desc) : null, title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
   }, title) : null, /*#__PURE__*/React.createElement("path", {
-    fill: props.color || "currentColor",
+    fill: props.color || 'currentColor',
     fillRule: "evenodd",
     d: "M15.438 16.145a7.5 7.5 0 1 1 .707-.707l4.709 4.708-.707.708-4.709-4.709ZM17 10.5a6.5 6.5 0 1 1-13 0 6.5 6.5 0 0 1 13 0Z",
     clipRule: "evenodd"

package/dist/Icon/index.d.ts

@@ -7,6 +7,7 @@ export { default as ChevronLeftLine } from './components/ChevronLeftLine';
 export { default as ChevronRightLine } from './components/ChevronRightLine';
 export { default as CloseLLine } from './components/CloseLLine';
 export { default as CloseMLine } from './components/CloseMLine';
+export { default as DragLine } from './components/DragLine';
 export { default as EyeOffLine } from './components/EyeOffLine';
 export { default as EyeOnLine } from './components/EyeOnLine';
 export { default as FoldDownFill } from './components/FoldDownFill';

package/dist/Icon/index.js

@@ -7,6 +7,7 @@ export { default as ChevronLeftLine } from "./components/ChevronLeftLine";
 export { default as ChevronRightLine } from "./components/ChevronRightLine";
 export { default as CloseLLine } from "./components/CloseLLine";
 export { default as CloseMLine } from "./components/CloseMLine";
+export { default as DragLine } from "./components/DragLine";
 export { default as EyeOffLine } from "./components/EyeOffLine";
 export { default as EyeOnLine } from "./components/EyeOnLine";
 export { default as FoldDownFill } from "./components/FoldDownFill";

package/dist/Icon/svg/drag-line.svg

@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="drag-line">
+<path id="Icon" fill-rule="evenodd" clip-rule="evenodd" d="M9 7C9.55228 7 10 6.55228 10 6C10 5.44772 9.55228 5 9 5C8.44772 5 8 5.44772 8 6C8 6.55228 8.44772 7 9 7ZM9 19C9.55228 19 10 18.5523 10 18C10 17.4477 9.55228 17 9 17C8.44772 17 8 17.4477 8 18C8 18.5523 8.44772 19 9 19ZM10 12C10 12.5523 9.55228 13 9 13C8.44772 13 8 12.5523 8 12C8 11.4477 8.44772 11 9 11C9.55228 11 10 11.4477 10 12ZM15 7C15.5523 7 16 6.55228 16 6C16 5.44772 15.5523 5 15 5C14.4477 5 14 5.44772 14 6C14 6.55228 14.4477 7 15 7ZM15 19C15.5523 19 16 18.5523 16 18C16 17.4477 15.5523 17 15 17C14.4477 17 14 17.4477 14 18C14 18.5523 14.4477 19 15 19ZM16 12C16 12.5523 15.5523 13 15 13C14.4477 13 14 12.5523 14 12C14 11.4477 14.4477 11 15 11C15.5523 11 16 11.4477 16 12Z" fill="black"/>
+</g>
+</svg>

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

@@ -3,7 +3,7 @@ import { IUser } from '../interface';
 interface IMemberSelectionProps {
     className?: string;
     userList: IUser[];
-    multiple: boolean;
+    multiple?: boolean;
     onChange: (selected: boolean, user: IUser) => void;
     selectedUsers: IUser[];
     onSearchValueChange?: (value: string) => void;

package/dist/MemberPicker/components/MemberSelection.js

@@ -11,13 +11,14 @@ import Empty from "../../Empty";
 import Input from "../../Input";
 import ScrollArea from "../../ScrollArea";
 import Spin from "../../Spin";
+import { isUser } from "../utils/getUsersWithUserId";
 import MultipleOption from "./MultipleOption";
 import SingleOption from "./SingleOption";
 export default function MemberSelection(props) {
   var className = props.className,
     userList = props.userList,
     multiple = props.multiple,
-    onChange = props.onChange,
+    _onChange = props.onChange,
     selectedUsers = props.selectedUsers,
     onSearchValueChange = props.onSearchValueChange,
     loading = props.loading,
@@ -73,12 +74,16 @@ export default function MemberSelection(props) {
       key: user.userId,
       user: user,
       selected: isSelected,
-      onChange: onChange
+      onChange: function onChange(selected, user) {
+        if (isUser(user)) _onChange(selected, user);
+      }
     }) : /*#__PURE__*/React.createElement(SingleOption, {
       key: user.userId,
       user: user,
       selected: isSelected,
-      onChange: onChange
+      onChange: function onChange(selected, user) {
+        if (isUser(user)) _onChange(selected, user);
+      }
     });
   })))));
 }

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

@@ -1,11 +1,14 @@
 import React from 'react';
+import { IUserGroup } from '../../ConfigProvider/getUserList';
 import { IUser } from '../interface';
 interface IMultipleOptionProps {
     selected: boolean;
     disabled?: boolean;
-    user: IUser;
-    onChange?: (selected: boolean, user: IUser) => void;
+    user: IUser | IUserGroup;
+    onChange?: (selected: boolean, user: IUser | IUserGroup) => void;
     className?: string;
+    onNextLevel?: (userGroup: IUserGroup) => void;
+    hasNextLevel?: boolean;
 }
 export default function MultipleList(params: IMultipleOptionProps): React.JSX.Element;
 export {};

package/dist/MemberPicker/components/MultipleOption.js

@@ -1,18 +1,23 @@
 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 Button from "../../Button";
 import Checkbox from "../../Checkbox";
+import { getAccount, getId, getPhoto } from "../utils";
+import { isUserGroup } from "../utils/getUsersWithUserId";
 import NickLabel from "./NickLabel";
 export default function MultipleList(params) {
   var disabled = params.disabled,
     user = params.user,
     selected = params.selected,
     onChange = params.onChange,
-    className = params.className;
+    className = params.className,
+    onNextLevel = params.onNextLevel,
+    _params$hasNextLevel = params.hasNextLevel,
+    hasNextLevel = _params$hasNextLevel === void 0 ? true : _params$hasNextLevel;
   var onClick = function onClick() {
     if (disabled) return;
     onChange === null || onChange === void 0 ? void 0 : onChange(!selected, user);
@@ -20,11 +25,21 @@ export default function MultipleList(params) {
   return /*#__PURE__*/React.createElement("div", {
     className: classnames('ald-member-picker-option', className, _defineProperty({}, 'ald-member-picker-optionDisabled', disabled)),
     onClick: onClick
+  }, /*#__PURE__*/React.createElement("div", {
+    className: 'ald-member-picker-label'
   }, /*#__PURE__*/React.createElement(Checkbox, {
     className: 'ald-member-picker-checkbox',
     checked: selected,
     disabled: disabled
-  }), /*#__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)
+  })), isUserGroup(user) && hasNextLevel && /*#__PURE__*/React.createElement(Button, {
+    type: "link",
+    onClick: function onClick() {
+      onNextLevel === null || onNextLevel === void 0 ? void 0 : onNextLevel(user);
+    }
+  }, "\u4E0B\u7EA7"));
 }

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

@@ -1,8 +1,8 @@
 import React from 'react';
 interface INickLabelProps {
-    nickname?: string;
-    userId: string;
-    src?: string;
+    name?: string;
+    id: string;
+    photo?: React.ReactNode;
     account?: string;
 }
 declare const _default: React.NamedExoticComponent<INickLabelProps>;

package/dist/MemberPicker/components/NickLabel.js

@@ -1,20 +1,20 @@
 import React, { memo } from 'react';
 import Avatar from "../../Avatar";
 var NickLabel = function NickLabel(_ref) {
-  var src = _ref.src,
-    nickname = _ref.nickname,
-    userId = _ref.userId,
+  var photo = _ref.photo,
+    name = _ref.name,
+    id = _ref.id,
     account = _ref.account;
-  var innerName = nickname || userId;
+  var innerName = name || id;
   return /*#__PURE__*/React.createElement("div", {
     className: "ald-member-picker-nick-label"
   }, /*#__PURE__*/React.createElement(Avatar, {
     key: innerName,
-    src: src,
+    src: photo,
     size: 20
   }, innerName), /*#__PURE__*/React.createElement("div", {
     className: "ald-member-picker-nick-label-name",
-    title: "".concat(nickname, "(").concat(account, ")")
+    title: "".concat(name, "(").concat(account, ")")
   }, innerName));
 };
 export default /*#__PURE__*/memo(NickLabel);

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

@@ -1,14 +1,17 @@
+import { IUserGroup, TUser } from "../../ConfigProvider/getUserList";
 import React from 'react';
-import { IUser } from '../interface';
+import { EMemberPicker, IUser } from '../interface';
 interface IPanelProps {
+    type: EMemberPicker;
     multiple?: boolean;
-    onChange?: (value: IUser[]) => void;
+    onChange?: (value: TUser) => void;
     dropdownWidth?: number;
-    value?: IUser[] | IUser;
-    userList: IUser[];
+    value?: TUser | (IUser | IUserGroup);
+    dataList: TUser;
     onSearchValueChange?: (value: string) => void;
     onCancel?: () => void;
     loading: boolean;
+    className?: string;
 }
 export default function Panel(props: IPanelProps): React.JSX.Element;
 export {};

package/dist/MemberPicker/components/Panel.js

@@ -14,17 +14,24 @@ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefine
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import classNames from 'classnames';
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
+import Tabs from "../../Tabs";
+import { EMemberPicker } from "../interface";
+import { getId } from "../utils";
+import { isUser, isUserGroup } from "../utils/getUsersWithUserId";
 import MemberSelection from "./MemberSelection";
 import SelectedMemberTags from "./SelectedMemberTags";
 import SelectorFooter from "./SelectorFooter";
+import UserGroupSelection from "./UserGroupSelection";
 export default function Panel(props) {
   var _classNames;
-  var multiple = props.multiple,
+  var type = props.type,
+    multiple = props.multiple,
     dropdownWidth = props.dropdownWidth,
     value = props.value,
     onChange = props.onChange,
-    userList = props.userList,
-    onSearchValueChange = props.onSearchValueChange;
+    dataList = props.dataList,
+    onSearchValueChange = props.onSearchValueChange,
+    className = props.className;
   var _useState = useState([]),
     _useState2 = _slicedToArray(_useState, 2),
     selectedUsers = _useState2[0],
@@ -35,7 +42,7 @@ export default function Panel(props) {
         setSelected([].concat(_toConsumableArray(selectedUsers), [user]));
       } else {
         setSelected(selectedUsers.filter(function (item) {
-          return item.userId !== user.userId;
+          return getId(item) !== getId(user);
         }));
       }
     } else {
@@ -50,7 +57,7 @@ export default function Panel(props) {
   }, [multiple, selectedUsers, onChange]);
   var onRemove = useCallback(function (user) {
     setSelected(selectedUsers.filter(function (item) {
-      return item.userId !== user.userId;
+      return getId(item) !== getId(user);
     }));
   }, [selectedUsers]);
   var panelWidth = useMemo(function () {
@@ -74,21 +81,55 @@ export default function Panel(props) {
       }
     }
   }, [setSelected, value]);
+  var renderDropdown = useCallback(function () {
+    var userSelection = /*#__PURE__*/React.createElement(MemberSelection, {
+      className: 'ald-member-picker-member-selection-multiple',
+      userList: dataList.filter(isUser),
+      width: (panelWidth - 3) / 2,
+      selectedUsers: selectedUsers.filter(isUser),
+      onChange: onSelectionChange,
+      onSearchValueChange: onSearchValueChange,
+      multiple: true,
+      loading: props.loading
+    });
+    var userGroupSelection = /*#__PURE__*/React.createElement(UserGroupSelection, {
+      className: 'ald-member-picker-member-selection-multiple',
+      userGroupList: dataList.filter(isUserGroup),
+      width: (panelWidth - 3) / 2,
+      selectedUsersGroup: selectedUsers.filter(isUserGroup),
+      onChange: onSelectionChange,
+      onSearchValueChange: onSearchValueChange,
+      multiple: true,
+      loading: props.loading
+    });
+    if (type === EMemberPicker.USER) {
+      return userSelection;
+    }
+    if (type === EMemberPicker.GROUP) {
+      return userGroupSelection;
+    }
+    if (type === EMemberPicker.BOTH) {
+      return /*#__PURE__*/React.createElement(Tabs, {
+        centered: true,
+        items: [{
+          key: 'user',
+          label: '用户',
+          children: userSelection
+        }, {
+          key: 'userGroup',
+          label: '用户组',
+          children: userGroupSelection
+        }],
+        className: "ald-member-tabs"
+      });
+    }
+  }, [onSearchValueChange, onSelectionChange, panelWidth, props.loading, selectedUsers, type, dataList]);
   return /*#__PURE__*/React.createElement("div", {
-    className: classNames('ald-member-picker-wrapper', (_classNames = {}, _defineProperty(_classNames, 'ald-member-picker-multiple', multiple), _defineProperty(_classNames, 'ald-member-picker-single', !multiple), _classNames)),
+    className: classNames(className, 'ald-member-picker-wrapper', (_classNames = {}, _defineProperty(_classNames, 'ald-member-picker-multiple', multiple), _defineProperty(_classNames, 'ald-member-picker-single', !multiple), _classNames)),
     style: {
       width: panelWidth
     }
-  }, multiple ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(MemberSelection, {
-    className: 'ald-member-picker-member-selection-multiple',
-    userList: userList,
-    width: (panelWidth - 3) / 2,
-    selectedUsers: selectedUsers,
-    onChange: onSelectionChange,
-    onSearchValueChange: onSearchValueChange,
-    multiple: multiple,
-    loading: props.loading
-  }), /*#__PURE__*/React.createElement(SelectedMemberTags, {
+  }, multiple ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", null, renderDropdown()), /*#__PURE__*/React.createElement(SelectedMemberTags, {
     className: 'ald-member-picker-selected-member-tags',
     selectedUsers: selectedUsers,
     width: (panelWidth - 3) / 2,
@@ -97,14 +138,23 @@ export default function Panel(props) {
     className: 'ald-member-picker-selector-footer',
     onCancel: props.onCancel,
     onOk: onOk
-  })) : /*#__PURE__*/React.createElement(MemberSelection, {
+  })) : /*#__PURE__*/React.createElement(React.Fragment, null, type === EMemberPicker.USER && /*#__PURE__*/React.createElement(MemberSelection, {
     className: 'ald-member-picker-member-selection-single',
-    userList: userList,
+    userList: dataList.filter(isUser),
     width: panelWidth - 2,
     onChange: onSelectionChange,
-    selectedUsers: selectedUsers,
+    selectedUsers: selectedUsers.filter(isUser),
     onSearchValueChange: onSearchValueChange,
     multiple: false && multiple,
     loading: props.loading
-  }));
+  }), type === EMemberPicker.GROUP && /*#__PURE__*/React.createElement(UserGroupSelection, {
+    className: 'ald-member-picker-member-selection-multiple',
+    userGroupList: dataList.filter(isUserGroup),
+    width: (panelWidth - 3) / 2,
+    selectedUsersGroup: selectedUsers.filter(isUserGroup),
+    onChange: onSelectionChange,
+    onSearchValueChange: onSearchValueChange,
+    multiple: false,
+    loading: props.loading
+  })));
 }

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

@@ -0,0 +1,14 @@
+import { IUserGroup, TUser } from "../../ConfigProvider/getUserList";
+import React from 'react';
+import { EMemberPicker, IUser, MemberPickerValue } from '../interface';
+interface IProps {
+    type: EMemberPicker;
+    multiple?: boolean;
+    onChange?(v: TUser | (IUser | IUserGroup)): void;
+    dropdownWidth?: number;
+    value?: MemberPickerValue;
+    className?: string;
+    onCancel?: () => void;
+}
+export declare const PanelWrapper: ({ type, value, multiple, dropdownWidth, onChange, onCancel, className, }: IProps) => React.JSX.Element;
+export default PanelWrapper;