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

package/dist/MemberPicker/index.js

@@ -1,382 +1,281 @@
-var _excluded = ["value", "type", "onChange", "multiple", "dropdownWidth", "open", "onOpenChange", "placeholder", "className", "allowClear", "disabled", "onClear", "size", "prefix", "lockedIds", "footer", "onCancel", "filterItem", "mode", "renderItem", "renderSelectedTag"];
-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 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 _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 _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e2) { throw _e2; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e3) { didErr = true; err = _e3; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
-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 _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; }
-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 { usePrevious, useRequest } from 'ahooks';
-import classNames from 'classnames';
-import _ from 'lodash';
-import React, { useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react';
-import Avatar from "../Avatar";
-import ConfigProvider from "../ConfigProvider";
-import { EUserType } from "../ConfigProvider/getUserList";
-import { LocaleContext, getTranslator } from "../locale/default";
-import message from "../message";
-import Panel from "./components/Panel";
-import MemberPanel from "./components/PanelWrapper";
-import { EMemberPicker } from "./interface";
-import { isUser, isUserGroup } from "./utils/getUsersWithUserId";
-import AldSelect from "../AldSelect";
-var Component = function Component(props) {
-  var _useContext = useContext(LocaleContext),
-    locale = _useContext.locale;
-  var t = getTranslator(locale);
-  var value = props.value,
-    _props$type = props.type,
-    type = _props$type === void 0 ? EMemberPicker.USER : _props$type,
-    _onChange = props.onChange,
-    multiple = props.multiple,
-    dropdownWidth = props.dropdownWidth,
-    open = props.open,
-    onOpenChange = props.onOpenChange,
-    _props$placeholder = props.placeholder,
-    placeholder = _props$placeholder === void 0 ? t.MemberPicker.select : _props$placeholder,
-    className = props.className,
-    allowClear = props.allowClear,
-    disabled = props.disabled,
-    _onClear = props.onClear,
-    size = props.size,
-    propPrefix = props.prefix,
-    _props$lockedIds = props.lockedIds,
-    lockedIds = _props$lockedIds === void 0 ? [] : _props$lockedIds,
-    footer = props.footer,
-    _onCancel = props.onCancel,
-    filterItem = props.filterItem,
-    propsMode = props.mode,
-    renderItem = props.renderItem,
-    renderSelectedTag = props.renderSelectedTag,
-    restProps = _objectWithoutProperties(props, _excluded);
-  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 prevValue = usePrevious(value);
-  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 _useState7 = useState(dropdownWidth),
-    _useState8 = _slicedToArray(_useState7, 2),
-    dropdownContentWidth = _useState8[0],
-    setDropdownContentWidth = _useState8[1];
-  var triggerRef = useRef(null);
-  var onSearchValueChange = useCallback(function (v) {
-    setSearchString(v);
-  }, []);
-  var _useState9 = useState(!!open),
-    _useState10 = _slicedToArray(_useState9, 2),
-    dropdownOpen = _useState10[0],
-    setDropdownOpen = _useState10[1];
-  var queryByKeywords = useMemo(function () {
-    if (getUsersByKeywords) {
-      return getUsersByKeywords;
-    }
-    return function (_ref) {
-      _objectDestructuringEmpty(_ref);
-      return Promise.reject({
-        message: t.MemberPicker.pleaseConfigGetUserByKeywordsMethod
-      });
-    };
-  }, [getUsersByKeywords, t.MemberPicker.pleaseConfigGetUserByKeywordsMethod]);
-  var queryByIds = useMemo(function () {
-    if (getUsersByIds) {
-      return getUsersByIds;
-    }
-    return function (_ref2) {
-      _objectDestructuringEmpty(_ref2);
-      return Promise.reject({
-        message: t.MemberPicker.pleaseConfigGetUserByIdsMethod
-      });
-    };
-  }, [getUsersByIds, t.MemberPicker.pleaseConfigGetUserByIdsMethod]);
-  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.filter(function (item) {
-      var name = (item.type === EUserType.USER ? item.nickname : item.name) || '';
-      return name.toUpperCase().includes(searchString.trim().toUpperCase());
-    }));
-    return _.uniqBy(totalUsers, function (data) {
-      if (data.type === EUserType.USER) return data.userId;
-      return data.groupId;
-    }).filter(function (item) {
-      if (filterItem) {
-        return filterItem(item);
-      }
-      return true;
-    });
-  }, [filterItem, searchString, searchUserList, selectedUserList]);
-  useEffect(function () {
-    if (!dropdownOpen) return;
-    run();
-  }, [dropdownOpen, run, searchString]);
-  useEffect(function () {
-    if (_.isEqual(value, prevValue)) {
-      return;
-    }
-    if (Array.isArray(value) && (isUser(value[0]) || isUserGroup(value[0]))) {
-      setSelectedUserList(value);
-    } else if (isUser(value) || isUserGroup(value)) {
-      setSelectedUserList([value]);
-    } else {
-      var param = [];
-      if (!value) return;
-      if (Array.isArray(value) && value.length === 0) {
-        setSelectedUserList([]);
-        return;
-      }
-      if (!Array.isArray(value)) {
-        param = [value];
-      } else {
-        param = value;
-      }
-      queryByIds(param).then(function (result) {
-        // 如果用户已被删除，则需要展示出id
-        var valueNotInResult = param.filter(function (item) {
-          if (item.type === EUserType.USER) {
-            return result.filter(isUser).every(function (user) {
-              return user.userId !== item.userId;
-            });
-          }
-          return result.filter(isUserGroup).every(function (user) {
-            return user.groupId !== item.groupId;
-          });
-        }).map(function (item) {
-          if (item.type === EUserType.USER) {
-            return {
-              type: EUserType.USER,
-              userId: item.userId
-            };
-          }
-          return {
-            type: EUserType.USER_GROUP,
-            groupId: item.groupId
-          };
-        });
-        setSelectedUserList([].concat(_toConsumableArray(result), _toConsumableArray(valueNotInResult)));
-      });
-    }
-  }, [value, queryByIds, prevValue]);
-  var onSelectedChange = useCallback(function (users) {
-    if (multiple) {
-      setSelectedUserList(users);
-      _onChange === null || _onChange === void 0 ? void 0 : _onChange(users);
-    } else {
-      setSelectedUserList(users);
-      _onChange === null || _onChange === void 0 ? void 0 : _onChange(users[0]);
-    }
-    setDropdownOpen(false);
-  }, [multiple, _onChange, setDropdownOpen]);
-  useEffect(function () {
-    if (typeof open === 'boolean') {
-      setDropdownOpen(open);
-    }
-  }, [open]);
-  useEffect(function () {
-    if (!dropdownContentWidth) {
-      var resizeEle = triggerRef.current;
-      if (!resizeEle) return;
-      var resizeObserver = new ResizeObserver(function (entries) {
-        var _iterator = _createForOfIteratorHelper(entries),
-          _step;
-        try {
-          for (_iterator.s(); !(_step = _iterator.n()).done;) {
-            var entry = _step.value;
-            var width = entry.contentRect.width;
-            setDropdownContentWidth(width);
-          }
-        } catch (err) {
-          _iterator.e(err);
-        } finally {
-          _iterator.f();
-        }
-      });
-      resizeObserver.observe(resizeEle);
-      return function () {
-        resizeObserver.unobserve(resizeEle);
-      };
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [triggerRef.current, triggerRef, dropdownContentWidth]);
-  var onDropdownOpenChange = useCallback(function (open) {
-    setDropdownOpen(open);
-    onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(open);
-  }, [onOpenChange]);
-  var panelKey = useMemo(function () {
-    if (dropdownOpen) {
-      return _.sampleSize('abcdefghijklmnopqrstuvwxyz0123456789', 8).join('');
-    }
-  }, [dropdownOpen]);
-  var mode = useMemo(function () {
-    if (multiple === true) {
-      if (_typeof(propsMode) === 'object') return _objectSpread(_objectSpread({}, propsMode || {}), {}, {
-        type: 'multiple',
-        responsive: _.isNil(propsMode.responsive) ? true : propsMode.responsive
-      });
-      return {
-        type: 'multiple',
-        responsive: true
-      };
-    }
-    return multiple ? multiple : propsMode;
-  }, [multiple, propsMode]);
-  var selectOpen = typeof open === 'boolean' ? open : dropdownOpen;
-  return /*#__PURE__*/React.createElement(AldSelect, _extends({
-    prefix: propPrefix
-  }, restProps, {
-    size: size,
-    className: classNames('ald-member-picker-select', className),
-    value: selectedUserList.map(function (item) {
-      if (item.type === EUserType.USER_GROUP) {
-        return item.groupId;
-      } else {
-        return item.userId;
-      }
-    }),
-    onChange: function onChange(value) {
-      if (_.isEmpty(value)) {
-        setSelectedUserList([]);
-        if (multiple) {
-          _onChange === null || _onChange === void 0 ? void 0 : _onChange([]);
-        } else {
-          _onChange === null || _onChange === void 0 ? void 0 : _onChange();
-        }
-      } else {
-        var valueList = Array.isArray(value) ? value : [value];
-        if (multiple) {
-          var users = valueList.map(function (item) {
-            var user = totalUserList.find(function (user) {
-              if (user.type === EUserType.USER) {
-                return user.userId === item;
-              }
-              return user.groupId === item;
-            });
-            return user;
-          }).filter(Boolean);
-          setSelectedUserList(users);
-          _onChange === null || _onChange === void 0 ? void 0 : _onChange(users);
-        } else {
-          var user = totalUserList.find(function (user) {
-            if (user.type === EUserType.USER) {
-              return user.userId === value;
-            }
-            return user.groupId === value;
-          });
-          if (user) {
-            setSelectedUserList([user]);
-            _onChange === null || _onChange === void 0 ? void 0 : _onChange(user);
-          } else {
-            setSelectedUserList([]);
-            _onChange === null || _onChange === void 0 ? void 0 : _onChange();
-          }
-        }
-      }
-    },
-    disabled: disabled,
-    allowClear: allowClear,
-    onClear: function onClear() {
-      setSelectedUserList([]);
-      if (multiple) {
-        _onChange === null || _onChange === void 0 ? void 0 : _onChange([]);
-      } else {
-        _onChange === null || _onChange === void 0 ? void 0 : _onChange();
-      }
-      _onClear === null || _onClear === void 0 ? void 0 : _onClear();
-    },
-    popupClassName: classNames('ald-member-picker-popup', props.popupClassName),
-    mode: mode,
-    options: selectedUserList.map(function (item) {
-      if (item.type === EUserType.USER_GROUP) return {
-        label: item.name || item.groupId,
-        value: item.groupId,
-        tag: /*#__PURE__*/React.createElement("div", {
-          className: 'ald-member-picker-tag'
-        }, /*#__PURE__*/React.createElement(Avatar, {
-          type: "userGroup",
-          size: 20
-        }, item.name || item.groupId), item.name || item.groupId)
-      };
-      return {
-        label: item.nickname || item.name || item.userId,
-        value: item.userId,
-        tag: /*#__PURE__*/React.createElement("div", {
-          className: 'ald-member-picker-tag'
-        }, /*#__PURE__*/React.createElement(Avatar, {
-          size: 20,
-          src: item.photo,
-          type: item.type === EUserType.USER ? 'user' : 'userGroup'
-        }, item.nickname || item.name || item.userId), item.nickname || item.name || item.userId)
-      };
-    }),
-    optionLabelProp: multiple ? 'label' : 'tag',
-    open: selectOpen,
-    onOpenChange: onDropdownOpenChange,
-    popupMatchSelectWidth: false,
-    placeholder: placeholder,
-    dropdownRender: function dropdownRender() {
-      return /*#__PURE__*/React.createElement("div", {
-        ref: triggerRef
-      }, /*#__PURE__*/React.createElement(Panel, {
-        type: type,
-        footer: footer,
-        value: selectedUserList,
-        dataList: totalUserList,
-        lockedIds: lockedIds,
-        multiple: !!multiple,
-        key: panelKey,
-        loading: loading,
-        dropdownWidth: dropdownContentWidth,
-        onSearchValueChange: onSearchValueChange,
-        onChange: onSelectedChange,
-        onCancel: function onCancel() {
-          _onCancel === null || _onCancel === void 0 ? void 0 : _onCancel();
-          setDropdownOpen(false);
-        },
-        renderItem: renderItem,
-        renderSelectedTag: renderSelectedTag
-      }));
-    }
-  }));
+import { cn } from "../lib/utils.js";
+import Avatar from "../Avatar/index.js";
+import { LocaleContext, getTranslator } from "../locale/default.js";
+import { EUserType } from "../ConfigProvider/getUserList.js";
+import AldCustomConfigProvider from "../ConfigProvider/index.js";
+import Select_default from "../Select/index.js";
+/* empty css              */
+import message from "../message/index.js";
+import { EMemberPicker } from "./interface.js";
+import { isUser, isUserGroup } from "./utils/getUsersWithUserId.js";
+import Panel from "./components/Panel.js";
+import PanelWrapper from "./components/PanelWrapper.js";
+import { useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import _ from "lodash";
+import { usePrevious, useRequest } from "ahooks";
+//#region src/MemberPicker/index.tsx
+var Component = (props) => {
+	const { locale } = useContext(LocaleContext);
+	const t = getTranslator(locale);
+	const { value, type = EMemberPicker.USER, onChange, multiple, dropdownWidth, open, onOpenChange, placeholder = t.MemberPicker.select, className, allowClear, disabled, onClear, size, prefix: propPrefix, lockedIds = [], footer, onCancel, filterItem, mode: propsMode, renderItem, renderSelectedTag, ...restProps } = props;
+	const { getUsersByIds, getUsersByKeywords } = AldCustomConfigProvider.useGetUserList();
+	const [selectedUserList, setSelectedUserList] = useState([]);
+	const prevValue = usePrevious(value);
+	const [searchUserList, setSearchUserList] = useState([]);
+	const [searchString, setSearchString] = useState("");
+	const [dropdownContentWidth, setDropdownContentWidth] = useState(dropdownWidth);
+	const triggerRef = useRef(null);
+	const onSearchValueChange = useCallback((v) => {
+		setSearchString(v);
+	}, []);
+	const [dropdownOpen, setDropdownOpen] = useState(!!open);
+	const queryByKeywords = useMemo(() => {
+		if (getUsersByKeywords) return getUsersByKeywords;
+		return (_params = {}) => Promise.reject({ message: t.MemberPicker.pleaseConfigGetUserByKeywordsMethod });
+	}, [getUsersByKeywords, t.MemberPicker.pleaseConfigGetUserByKeywordsMethod]);
+	const queryByIds = useMemo(() => {
+		if (getUsersByIds) return getUsersByIds;
+		return (_params = {}) => Promise.reject({ message: t.MemberPicker.pleaseConfigGetUserByIdsMethod });
+	}, [getUsersByIds, t.MemberPicker.pleaseConfigGetUserByIdsMethod]);
+	const { loading, run } = useRequest(() => queryByKeywords(searchString), {
+		refreshDeps: [searchString],
+		manual: true,
+		cacheKey: "member-selector",
+		cacheTime: 1e3 * 60 * 2,
+		onSuccess: (result) => {
+			setSearchUserList(result);
+		},
+		onError: (error) => {
+			message.error(error.message);
+		}
+	});
+	const totalUserList = useMemo(() => {
+		const totalUsers = searchUserList.concat(selectedUserList.filter((item) => {
+			return ((item.type === EUserType.USER ? item.nickname : item.name) || "").toUpperCase().includes(searchString.trim().toUpperCase());
+		}));
+		return _.uniqBy(totalUsers, (data) => {
+			if (data.type === EUserType.USER) return data.userId;
+			return data.groupId;
+		}).filter((item) => {
+			if (filterItem) return filterItem(item);
+			return true;
+		});
+	}, [
+		filterItem,
+		searchString,
+		searchUserList,
+		selectedUserList
+	]);
+	useEffect(() => {
+		if (!dropdownOpen) return;
+		run();
+	}, [
+		dropdownOpen,
+		run,
+		searchString
+	]);
+	useEffect(() => {
+		if (_.isEqual(value, prevValue)) return;
+		if (Array.isArray(value) && (isUser(value[0]) || isUserGroup(value[0]))) setSelectedUserList(value);
+		else if (isUser(value) || isUserGroup(value)) setSelectedUserList([value]);
+		else {
+			let param = [];
+			if (!value) return;
+			if (Array.isArray(value) && value.length === 0) {
+				setSelectedUserList([]);
+				return;
+			}
+			if (!Array.isArray(value)) param = [value];
+			else param = value;
+			queryByIds(param).then((result) => {
+				const valueNotInResult = param.filter((item) => {
+					if (item.type === EUserType.USER) return result.filter(isUser).every((user) => user.userId !== item.userId);
+					return result.filter(isUserGroup).every((user) => user.groupId !== item.groupId);
+				}).map((item) => {
+					if (item.type === EUserType.USER) return {
+						type: EUserType.USER,
+						userId: item.userId
+					};
+					return {
+						type: EUserType.USER_GROUP,
+						groupId: item.groupId
+					};
+				});
+				setSelectedUserList([...result, ...valueNotInResult]);
+			});
+		}
+	}, [
+		value,
+		queryByIds,
+		prevValue
+	]);
+	const onSelectedChange = useCallback((users) => {
+		if (multiple) {
+			setSelectedUserList(users);
+			onChange?.(users);
+		} else {
+			setSelectedUserList(users);
+			onChange?.(users[0]);
+		}
+		setDropdownOpen(false);
+	}, [
+		multiple,
+		onChange,
+		setDropdownOpen
+	]);
+	useEffect(() => {
+		if (typeof open === "boolean") setDropdownOpen(open);
+	}, [open]);
+	useEffect(() => {
+		if (!dropdownContentWidth) {
+			const resizeEle = triggerRef.current;
+			if (!resizeEle) return;
+			const resizeObserver = new ResizeObserver((entries) => {
+				for (const entry of entries) {
+					const { width } = entry.contentRect;
+					setDropdownContentWidth(width);
+				}
+			});
+			resizeObserver.observe(resizeEle);
+			return () => {
+				resizeObserver.unobserve(resizeEle);
+			};
+		}
+	}, [triggerRef, dropdownContentWidth]);
+	const onDropdownOpenChange = useCallback((open) => {
+		setDropdownOpen(open);
+		onOpenChange?.(open);
+	}, [onOpenChange]);
+	const panelKey = useMemo(() => {
+		if (dropdownOpen) return _.sampleSize("abcdefghijklmnopqrstuvwxyz0123456789", 8).join("");
+	}, [dropdownOpen]);
+	const mode = useMemo(() => {
+		if (multiple === true) {
+			if (typeof propsMode === "object") return {
+				...propsMode || {},
+				type: "multiple",
+				responsive: _.isNil(propsMode.responsive) ? true : propsMode.responsive
+			};
+			return {
+				type: "multiple",
+				responsive: true
+			};
+		}
+		return multiple ? multiple : propsMode;
+	}, [multiple, propsMode]);
+	console.log(mode);
+	const selectOpen = typeof open === "boolean" ? open : dropdownOpen;
+	return /* @__PURE__ */ jsx(Select_default, {
+		prefix: propPrefix,
+		...restProps,
+		size,
+		className: cn("ald-member-picker-select", className),
+		value: selectedUserList.map((item) => {
+			if (item.type === EUserType.USER_GROUP) return item.groupId;
+			else return item.userId;
+		}),
+		onChange: (value) => {
+			if (_.isEmpty(value)) {
+				setSelectedUserList([]);
+				if (multiple) onChange?.([]);
+				else onChange?.();
+			} else {
+				const valueList = Array.isArray(value) ? value : [value];
+				if (multiple) {
+					const users = valueList.map((item) => {
+						return totalUserList.find((user) => {
+							if (user.type === EUserType.USER) return user.userId === item;
+							return user.groupId === item;
+						});
+					}).filter(Boolean);
+					setSelectedUserList(users);
+					onChange?.(users);
+				} else {
+					const user = totalUserList.find((user) => {
+						if (user.type === EUserType.USER) return user.userId === value;
+						return user.groupId === value;
+					});
+					if (user) {
+						setSelectedUserList([user]);
+						onChange?.(user);
+					} else {
+						setSelectedUserList([]);
+						onChange?.();
+					}
+				}
+			}
+		},
+		disabled,
+		allowClear,
+		onClear: () => {
+			setSelectedUserList([]);
+			if (multiple) onChange?.([]);
+			else onChange?.();
+			onClear?.();
+		},
+		popupClassName: cn("ald-member-picker-popup", props.popupClassName),
+		mode,
+		options: selectedUserList.map((item) => {
+			if (item.type === EUserType.USER_GROUP) return {
+				label: item.name || item.groupId,
+				value: item.groupId,
+				tag: /* @__PURE__ */ jsxs("div", {
+					className: "ald-member-picker-tag",
+					children: [/* @__PURE__ */ jsx(Avatar, {
+						type: "userGroup",
+						size: 20,
+						children: item.name || item.groupId
+					}), item.name || item.groupId]
+				})
+			};
+			return {
+				label: item.nickname || item.name || item.userId,
+				value: item.userId,
+				tag: /* @__PURE__ */ jsxs("div", {
+					className: "ald-member-picker-tag",
+					children: [/* @__PURE__ */ jsx(Avatar, {
+						size: 20,
+						src: item.photo,
+						type: item.type === EUserType.USER ? "user" : "userGroup",
+						children: item.nickname || item.name || item.userId
+					}), item.nickname || item.name || item.userId]
+				})
+			};
+		}),
+		optionLabelProp: multiple ? "label" : "tag",
+		open: selectOpen,
+		onOpenChange: onDropdownOpenChange,
+		popupMatchSelectWidth: false,
+		placeholder,
+		dropdownRender: () => {
+			return /* @__PURE__ */ jsx("div", {
+				ref: triggerRef,
+				children: /* @__PURE__ */ jsx(Panel, {
+					type,
+					footer,
+					value: selectedUserList,
+					dataList: totalUserList,
+					lockedIds,
+					multiple: !!multiple,
+					loading,
+					dropdownWidth: dropdownContentWidth,
+					onSearchValueChange,
+					onChange: onSelectedChange,
+					onCancel: () => {
+						onCancel?.();
+						setDropdownOpen(false);
+					},
+					renderItem,
+					renderSelectedTag
+				}, panelKey)
+			});
+		}
+	});
 };
 var MemberSelector = Component;
-MemberSelector.MemberPanel = MemberPanel;
-export default MemberSelector;
+MemberSelector.MemberPanel = PanelWrapper;
+//#endregion
+export { MemberSelector as default };
+
+//# sourceMappingURL=index.js.map