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

package/dist/MemberPicker/components/PanelWrapper.js

@@ -1,152 +1,100 @@
-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 { useRequest } from 'ahooks';
-import _ from 'lodash';
-import React, { useCallback, useContext, useEffect, useMemo, useState } from 'react';
-import { message } from "../../";
-import ConfigProvider from "../../ConfigProvider";
-import { EUserType } from "../../ConfigProvider/getUserList";
-import { LocaleContext, getTranslator } from "../../locale/default";
-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,
-    footer = _ref.footer,
-    _ref$lockedIds = _ref.lockedIds,
-    lockedIds = _ref$lockedIds === void 0 ? [] : _ref$lockedIds,
-    renderItem = _ref.renderItem,
-    renderSelectedTag = _ref.renderSelectedTag,
-    filterItem = _ref.filterItem;
-  var _useContext = useContext(LocaleContext),
-    locale = _useContext.locale;
-  var t = getTranslator(locale);
-  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: t.MemberPicker.pleaseConfigGetUserByKeywordsMethod
-      });
-    };
-  }, [getUsersByKeywords, t.MemberPicker.pleaseConfigGetUserByKeywordsMethod]);
-  var queryByIds = useMemo(function () {
-    if (getUsersByIds) {
-      return getUsersByIds;
-    }
-    return function (_ref3) {
-      _objectDestructuringEmpty(_ref3);
-      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) {
-      if (filterItem) {
-        return filterItem(item);
-      }
-      return true;
-    });
-    return _.uniqBy(totalUsers, function (data) {
-      if (data.type === EUserType.USER) return data.userId;
-      return data.groupId;
-    });
-  }, [searchUserList, selectedUserList, filterItem]);
-  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 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) {
-        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,
-    lockedIds: lockedIds,
-    footer: footer,
-    renderItem: renderItem,
-    renderSelectedTag: renderSelectedTag
-  });
+import { LocaleContext, getTranslator } from "../../locale/default.js";
+import { EUserType } from "../../ConfigProvider/getUserList.js";
+import AldCustomConfigProvider from "../../ConfigProvider/index.js";
+import message from "../../message/index.js";
+import { EMemberPicker } from "../interface.js";
+import { isUser, isUserGroup } from "../utils/getUsersWithUserId.js";
+import Panel from "./Panel.js";
+import { useCallback, useContext, useEffect, useMemo, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+import _ from "lodash";
+import { useRequest } from "ahooks";
+//#region src/MemberPicker/components/PanelWrapper.tsx
+var PanelWrapper = ({ type = EMemberPicker.USER, value, multiple, dropdownWidth, onChange, onCancel, className, footer, lockedIds = [], renderItem, renderSelectedTag, filterItem }) => {
+	const { locale } = useContext(LocaleContext);
+	const t = getTranslator(locale);
+	const { getUsersByIds, getUsersByKeywords } = AldCustomConfigProvider.useGetUserList();
+	const [selectedUserList, setSelectedUserList] = useState([]);
+	const [searchUserList, setSearchUserList] = useState([]);
+	const [searchString, setSearchString] = useState("");
+	const onSearchValueChange = useCallback((v) => {
+		setSearchString(v);
+	}, []);
+	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) => {
+			if (filterItem) return filterItem(item);
+			return true;
+		});
+		return _.uniqBy(totalUsers, (data) => {
+			if (data.type === EUserType.USER) return data.userId;
+			return data.groupId;
+		});
+	}, [
+		searchUserList,
+		selectedUserList,
+		filterItem
+	]);
+	useEffect(() => {
+		run();
+	}, [run, searchString]);
+	useEffect(() => {
+		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) => {
+				setSelectedUserList(result);
+			});
+		}
+	}, [value, queryByIds]);
+	return /* @__PURE__ */ jsx(Panel, {
+		type,
+		value: selectedUserList,
+		dataList: totalUserList,
+		multiple,
+		loading,
+		dropdownWidth,
+		onSearchValueChange,
+		onChange: useCallback((users) => {
+			if (multiple) onChange?.(users);
+			else onChange?.(users[0]);
+		}, [multiple, onChange]),
+		className,
+		onCancel,
+		lockedIds,
+		footer,
+		renderItem,
+		renderSelectedTag
+	});
 };
-export default PanelWrapper;
+//#endregion
+export { PanelWrapper as default };
+
+//# sourceMappingURL=PanelWrapper.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PanelWrapper.js","names":[],"sources":["../../../src/MemberPicker/components/PanelWrapper.tsx"],"sourcesContent":["import { useRequest } from 'ahooks';\nimport _ from 'lodash';\nimport React, {\n  ReactNode,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport { message } from '../../';\nimport ConfigProvider from '../../ConfigProvider';\nimport {\n  EUserType,\n  IUserGroup,\n  TUser,\n  TUserGroupValue,\n  TUserValue,\n} from '../../ConfigProvider/getUserList';\nimport { LocaleContext, getTranslator } from '../../locale/default';\nimport { EMemberPicker, IUser, TMemberPickerValue } from '../interface';\nimport { isUser, isUserGroup } from '../utils/getUsersWithUserId';\nimport Panel from './Panel';\n\ninterface IProps {\n  type?: EMemberPicker;\n  multiple?: boolean;\n  onChange?(v: TUser | (IUser | IUserGroup)): void;\n  dropdownWidth?: number;\n  value?: TMemberPickerValue;\n  className?: string;\n  onCancel?: () => void;\n  lockedIds?: Array<TUserValue | TUserGroupValue>;\n  showUserId?: boolean;\n  footer?: ReactNode;\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  filterItem?: (item: IUser | IUserGroup) => boolean;\n}\n\nexport const PanelWrapper = ({\n  type = EMemberPicker.USER,\n  value,\n  multiple,\n  dropdownWidth,\n  onChange,\n  onCancel,\n  className,\n  footer,\n  lockedIds = [],\n  renderItem,\n  renderSelectedTag,\n  filterItem,\n}: IProps) => {\n  const { locale } = useContext(LocaleContext);\n  const t = getTranslator(locale);\n\n  const { getUsersByIds, getUsersByKeywords } = ConfigProvider.useGetUserList();\n  const [selectedUserList, setSelectedUserList] = useState<TUser>([]);\n  const [searchUserList, setSearchUserList] = useState<TUser>([]);\n  const [searchString, setSearchString] = useState<string>('');\n\n  const onSearchValueChange = useCallback((v: string) => {\n    setSearchString(v);\n  }, []);\n\n  const queryByKeywords = useMemo(() => {\n    if (getUsersByKeywords) {\n      return getUsersByKeywords;\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    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  const totalUserList: TUser = useMemo(() => {\n    const totalUsers = searchUserList\n      .concat(selectedUserList)\n      .filter((item) => {\n        if (filterItem) {\n          return filterItem(item);\n        }\n        return true;\n      });\n    return _.uniqBy(totalUsers, (data: IUser | IUserGroup) => {\n      if (data.type === EUserType.USER) return data.userId;\n      return data.groupId;\n    });\n  }, [searchUserList, selectedUserList, filterItem]);\n\n  useEffect(() => {\n    run();\n  }, [run, searchString]);\n\n  useEffect(() => {\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        return;\n      }\n      if (!Array.isArray(value)) {\n        param = [value];\n      } else {\n        param = value;\n      }\n      queryByIds(param).then((result) => {\n        setSelectedUserList(result);\n      });\n    }\n  }, [value, queryByIds]);\n\n  const onSelectedChange = useCallback(\n    (users: TUser) => {\n      if (multiple) {\n        onChange?.(users);\n      } else {\n        onChange?.(users[0]);\n      }\n    },\n    [multiple, onChange],\n  );\n\n  return (\n    <Panel\n      type={type}\n      value={selectedUserList}\n      dataList={totalUserList}\n      multiple={multiple}\n      loading={loading}\n      dropdownWidth={dropdownWidth}\n      onSearchValueChange={onSearchValueChange}\n      onChange={onSelectedChange}\n      className={className}\n      onCancel={onCancel}\n      lockedIds={lockedIds}\n      footer={footer}\n      renderItem={renderItem}\n      renderSelectedTag={renderSelectedTag}\n    ></Panel>\n  );\n};\n\nexport default PanelWrapper;\n"],"mappings":";;;;;;;;;;;;AAoDA,IAAa,gBAAgB,EAC3B,OAAO,cAAc,MACrB,OACA,UACA,eACA,UACA,UACA,WACA,QACA,YAAY,EAAE,EACd,YACA,mBACA,iBACY;CACZ,MAAM,EAAE,WAAW,WAAW,cAAc;CAC5C,MAAM,IAAI,cAAc,OAAO;CAE/B,MAAM,EAAE,eAAe,uBAAuB,wBAAe,gBAAgB;CAC7E,MAAM,CAAC,kBAAkB,uBAAuB,SAAgB,EAAE,CAAC;CACnE,MAAM,CAAC,gBAAgB,qBAAqB,SAAgB,EAAE,CAAC;CAC/D,MAAM,CAAC,cAAc,mBAAmB,SAAiB,GAAG;CAE5D,MAAM,sBAAsB,aAAa,MAAc;AACrD,kBAAgB,EAAE;IACjB,EAAE,CAAC;CAEN,MAAM,kBAAkB,cAAc;AACpC,MAAI,mBACF,QAAO;AAET,UAAQ,UAAU,EAAE,KAClB,QAAQ,OAAO,EACb,SAAS,EAAE,aAAa,qCACzB,CAAC;IACH,CAAC,oBAAoB,EAAE,aAAa,oCAAoC,CAAC;CAC5E,MAAM,aAAa,cAAc;AAC/B,MAAI,cACF,QAAO;AAET,UAAQ,UAAU,EAAE,KAClB,QAAQ,OAAO,EACb,SAAS,EAAE,aAAa,gCACzB,CAAC;IACH,CAAC,eAAe,EAAE,aAAa,+BAA+B,CAAC;CAClE,MAAM,EAAE,SAAS,QAAQ,iBAAiB,gBAAgB,aAAa,EAAE;EACvE,aAAa,CAAC,aAAa;EAC3B,QAAQ;EACR,UAAU;EACV,WAAW,MAAO,KAAK;EACvB,YAAY,WAAW;AACrB,qBAAkB,OAAO;;EAE3B,UAAU,UAAU;AAClB,WAAQ,MAAM,MAAM,QAAQ;;EAE/B,CAAC;CACF,MAAM,gBAAuB,cAAc;EACzC,MAAM,aAAa,eAChB,OAAO,iBAAiB,CACxB,QAAQ,SAAS;AAChB,OAAI,WACF,QAAO,WAAW,KAAK;AAEzB,UAAO;IACP;AACJ,SAAO,EAAE,OAAO,aAAa,SAA6B;AACxD,OAAI,KAAK,SAAS,UAAU,KAAM,QAAO,KAAK;AAC9C,UAAO,KAAK;IACZ;IACD;EAAC;EAAgB;EAAkB;EAAW,CAAC;AAElD,iBAAgB;AACd,OAAK;IACJ,CAAC,KAAK,aAAa,CAAC;AAEvB,iBAAgB;AACd,MAAI,MAAM,QAAQ,MAAM,KAAK,OAAO,MAAM,GAAG,IAAI,YAAY,MAAM,GAAG,EACpE,qBAAoB,MAAe;WAC1B,OAAO,MAAM,IAAI,YAAY,MAAM,CAC5C,qBAAoB,CAAC,MAAM,CAAC;OACvB;GACL,IAAI,QAA6C,EAAE;AACnD,OAAI,CAAC,MAAO;AACZ,OAAI,MAAM,QAAQ,MAAM,IAAI,MAAM,WAAW,GAAG;AAC9C,wBAAoB,EAAE,CAAC;AACvB;;AAEF,OAAI,CAAC,MAAM,QAAQ,MAAM,CACvB,SAAQ,CAAC,MAAM;OAEf,SAAQ;AAEV,cAAW,MAAM,CAAC,MAAM,WAAW;AACjC,wBAAoB,OAAO;KAC3B;;IAEH,CAAC,OAAO,WAAW,CAAC;AAavB,QACE,oBAAC,OAAD;EACQ;EACN,OAAO;EACP,UAAU;EACA;EACD;EACM;EACM;EACrB,UApBqB,aACtB,UAAiB;AAChB,OAAI,SACF,YAAW,MAAM;OAEjB,YAAW,MAAM,GAAG;KAGxB,CAAC,UAAU,SAAS,CACrB;EAYc;EACD;EACC;EACH;EACI;EACO;EACZ,CAAA"}

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

@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react';
+import { ReactNode } from 'react';
 import { IUserGroup, TUser, TUserGroupValue, TUserValue } from '../../ConfigProvider/getUserList';
 import { IUser } from '../interface';
 interface ISelectedMemberTagsProps {
@@ -10,5 +10,5 @@ interface ISelectedMemberTagsProps {
     userList: TUser;
     renderSelectedTag?: (user: IUser | IUserGroup, originNode: ReactNode) => ReactNode;
 }
-export default function SelectedMemberTags(props: ISelectedMemberTagsProps): React.JSX.Element;
+export default function SelectedMemberTags(props: ISelectedMemberTagsProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/MemberPicker/components/SelectedMemberTags.js

@@ -1,82 +1,81 @@
-import classNames from 'classnames';
-import _ from 'lodash';
-import React, { useContext } from 'react';
-import Badge from "../../Badge";
-import ConfigProvider from "../../ConfigProvider";
-import { CloseMLine } from "../../Icon";
-import ScrollArea from "../../ScrollArea";
-import { LocaleContext, getTranslator } from "../../locale/default";
-import { getAccount, getId, getPhoto } from "../utils";
-import { isUser } from "../utils/getUsersWithUserId";
-import NickLabel from "./NickLabel";
-export default function SelectedMemberTags(props) {
-  var className = props.className,
-    selectedUsers = props.selectedUsers,
-    width = props.width,
-    _props$lockedIds = props.lockedIds,
-    lockedIds = _props$lockedIds === void 0 ? [] : _props$lockedIds,
-    renderSelectedTag = props.renderSelectedTag;
-  var _ConfigProvider$useGe = ConfigProvider.useGetUserList(),
-    getMemberPickerItemMoreInfoKey = _ConfigProvider$useGe.getMemberPickerItemMoreInfoKey;
-  var _useContext = useContext(LocaleContext),
-    locale = _useContext.locale;
-  var t = getTranslator(locale);
-  return /*#__PURE__*/React.createElement("div", {
-    className: classNames(className, 'ald-member-picker-selected-member-tags-wrap')
-  }, /*#__PURE__*/React.createElement("div", {
-    className: 'ald-member-picker-has-selected'
-  }, t.MemberPicker.selectedTotal(selectedUsers.length)), /*#__PURE__*/React.createElement(ScrollArea, {
-    className: 'ald-member-selected-member-wrapper'
-  }, /*#__PURE__*/React.createElement("div", {
-    className: 'ald-member-picker-tags',
-    style: {
-      width: width - 17
-    }
-  }, selectedUsers.map(function (user) {
-    var hasLocked = false;
-    if (user && user.hasOwnProperty('groupId')) {
-      var index = _.findIndex(lockedIds, {
-        groupId: user.groupId,
-        type: user.type
-      });
-      hasLocked = index !== -1;
-    } else {
-      var _index = _.findIndex(lockedIds, {
-        userId: user.userId,
-        type: user.type
-      });
-      hasLocked = _index !== -1;
-    }
-    var originNode = /*#__PURE__*/React.createElement("div", {
-      className: 'ald-member-picker-selected-member-tag',
-      key: getId(user)
-    }, /*#__PURE__*/React.createElement("div", {
-      className: 'ald-member-picker-selected-member-tag-user'
-    }, /*#__PURE__*/React.createElement(NickLabel, {
-      type: user.type,
-      id: getId(user),
-      name: user.name,
-      photo: getPhoto(user),
-      account: getAccount(user),
-      addonBefore: user.type === 'USER' && /*#__PURE__*/React.createElement("span", {
-        className: "ald-member-picker-option-id"
-      }, getMemberPickerItemMoreInfoKey ? getMemberPickerItemMoreInfoKey(user) : user.userId)
-    })), isUser(user) && user.ban && /*#__PURE__*/React.createElement(Badge, {
-      status: "default",
-      count: t.MemberPicker.ban,
-      className: 'ald-member-picker-ban-badge'
-    }), !hasLocked && /*#__PURE__*/React.createElement(CloseMLine, {
-      size: 20,
-      className: 'ald-member-picker-close',
-      color: "#98A2B3",
-      onClick: function onClick() {
-        var _props$onRemove;
-        (_props$onRemove = props.onRemove) === null || _props$onRemove === void 0 ? void 0 : _props$onRemove.call(props, user);
-      }
-    }));
-    if (renderSelectedTag) {
-      return renderSelectedTag(user, originNode);
-    }
-    return originNode;
-  }))));
-}
+import { cn } from "../../lib/utils.js";
+import Memo from "../../Icon/components/CloseMLine.js";
+import Badge from "../../Badge/index.js";
+import { LocaleContext, getTranslator } from "../../locale/default.js";
+import ScrollArea_default from "../../ScrollArea/index.js";
+import AldCustomConfigProvider from "../../ConfigProvider/index.js";
+import { getAccount, getId, getPhoto } from "../utils/index.js";
+import { isUser } from "../utils/getUsersWithUserId.js";
+import NickLabel_default from "./NickLabel.js";
+import { useContext } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import _ from "lodash";
+//#region src/MemberPicker/components/SelectedMemberTags.tsx
+function SelectedMemberTags(props) {
+	const { className, selectedUsers, width, lockedIds = [], renderSelectedTag } = props;
+	const { getMemberPickerItemMoreInfoKey } = AldCustomConfigProvider.useGetUserList();
+	const { locale } = useContext(LocaleContext);
+	const t = getTranslator(locale);
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn(className, "ald-member-picker-selected-member-tags-wrap"),
+		children: [/* @__PURE__ */ jsx("div", {
+			className: "ald-member-picker-has-selected",
+			children: t.MemberPicker.selectedTotal(selectedUsers.length)
+		}), /* @__PURE__ */ jsx(ScrollArea_default, {
+			className: "ald-member-selected-member-wrapper",
+			children: /* @__PURE__ */ jsx("div", {
+				className: "ald-member-picker-tags",
+				style: { width: width - 17 },
+				children: selectedUsers.map((user) => {
+					let hasLocked = false;
+					if (user && Object.prototype.hasOwnProperty.call(user, "groupId")) hasLocked = _.findIndex(lockedIds, {
+						groupId: user.groupId,
+						type: user.type
+					}) !== -1;
+					else hasLocked = _.findIndex(lockedIds, {
+						userId: user.userId,
+						type: user.type
+					}) !== -1;
+					const originNode = /* @__PURE__ */ jsxs("div", {
+						className: "ald-member-picker-selected-member-tag",
+						children: [
+							/* @__PURE__ */ jsx("div", {
+								className: "ald-member-picker-selected-member-tag-user",
+								children: /* @__PURE__ */ jsx(NickLabel_default, {
+									type: user.type,
+									id: getId(user),
+									name: user.name,
+									photo: getPhoto(user),
+									account: getAccount(user),
+									addonBefore: user.type === "USER" && /* @__PURE__ */ jsx("span", {
+										className: "ald-member-picker-option-id",
+										children: getMemberPickerItemMoreInfoKey ? getMemberPickerItemMoreInfoKey(user) : user.userId
+									})
+								})
+							}),
+							isUser(user) && user.ban && /* @__PURE__ */ jsx(Badge, {
+								status: "default",
+								count: t.MemberPicker.ban,
+								className: "ald-member-picker-ban-badge"
+							}),
+							!hasLocked && /* @__PURE__ */ jsx(Memo, {
+								size: 20,
+								className: "ald-member-picker-close",
+								color: "#98A2B3",
+								onClick: () => {
+									props.onRemove?.(user);
+								}
+							})
+						]
+					}, getId(user));
+					if (renderSelectedTag) return renderSelectedTag(user, originNode);
+					return originNode;
+				})
+			})
+		})]
+	});
+}
+//#endregion
+export { SelectedMemberTags as default };
+
+//# sourceMappingURL=SelectedMemberTags.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectedMemberTags.js","names":[],"sources":["../../../src/MemberPicker/components/SelectedMemberTags.tsx"],"sourcesContent":["import { cn } from '../../lib/utils';\nimport _ from 'lodash';\nimport React, { ReactNode, useContext } from 'react';\nimport Badge from '../../Badge';\nimport ConfigProvider from '../../ConfigProvider';\nimport {\n  IUserGroup,\n  TUser,\n  TUserGroupValue,\n  TUserValue,\n} from '../../ConfigProvider/getUserList';\nimport { CloseMLine } from '../../Icon';\nimport ScrollArea from '../../ScrollArea';\nimport { LocaleContext, getTranslator } from '../../locale/default';\nimport { IUser } from '../interface';\nimport { getAccount, getId, getPhoto } from '../utils';\nimport { isUser } from '../utils/getUsersWithUserId';\nimport NickLabel from './NickLabel';\ninterface ISelectedMemberTagsProps {\n  className?: string;\n  selectedUsers: TUser;\n  onRemove?: (user: IUser | IUserGroup) => void;\n  width: number;\n  lockedIds: Array<TUserValue | TUserGroupValue>;\n  userList: TUser;\n  renderSelectedTag?: (\n    user: IUser | IUserGroup,\n    originNode: ReactNode,\n  ) => ReactNode;\n}\n\nexport default function SelectedMemberTags(props: ISelectedMemberTagsProps) {\n  const {\n    className,\n    selectedUsers,\n    width,\n    lockedIds = [],\n    renderSelectedTag,\n  } = props;\n\n  const { getMemberPickerItemMoreInfoKey } = ConfigProvider.useGetUserList();\n\n  const { locale } = useContext(LocaleContext);\n  const t = getTranslator(locale);\n\n  return (\n    <div\n      className={cn(className, 'ald-member-picker-selected-member-tags-wrap')}\n    >\n      <div className={'ald-member-picker-has-selected'}>\n        {t.MemberPicker.selectedTotal(selectedUsers.length)}\n      </div>\n      <ScrollArea className={'ald-member-selected-member-wrapper'}>\n        <div className={'ald-member-picker-tags'} style={{ width: width - 17 }}>\n          {selectedUsers.map((user) => {\n            let hasLocked = false;\n\n            if (user && Object.prototype.hasOwnProperty.call(user, 'groupId')) {\n              const index = _.findIndex(lockedIds, {\n                groupId: (user as TUserGroupValue).groupId,\n                type: (user as TUserGroupValue).type,\n              });\n              hasLocked = index !== -1;\n            } else {\n              const index = _.findIndex(lockedIds, {\n                userId: (user as TUserValue).userId,\n                type: (user as TUserValue).type,\n              });\n\n              hasLocked = index !== -1;\n            }\n\n            const originNode = (\n              <div\n                className={'ald-member-picker-selected-member-tag'}\n                key={getId(user)}\n              >\n                <div className={'ald-member-picker-selected-member-tag-user'}>\n                  <NickLabel\n                    type={user.type}\n                    id={getId(user)}\n                    name={user.name as string}\n                    photo={getPhoto(user)}\n                    account={getAccount(user)}\n                    addonBefore={\n                      user.type === 'USER' && (\n                        <span className=\"ald-member-picker-option-id\">\n                          {getMemberPickerItemMoreInfoKey\n                            ? getMemberPickerItemMoreInfoKey(user)\n                            : user.userId}\n                        </span>\n                      )\n                    }\n                  ></NickLabel>\n                </div>\n                {/* 如果是用户的话并且user.ban为true，则展示 已停用 Tag */}\n                {isUser(user) && user.ban && (\n                  <Badge\n                    status=\"default\"\n                    count={t.MemberPicker.ban}\n                    className={'ald-member-picker-ban-badge'}\n                  ></Badge>\n                )}\n                {!hasLocked && (\n                  <CloseMLine\n                    size={20}\n                    className={'ald-member-picker-close'}\n                    color=\"#98A2B3\"\n                    onClick={() => {\n                      props.onRemove?.(user);\n                    }}\n                  />\n                )}\n              </div>\n            );\n\n            if (renderSelectedTag) {\n              return renderSelectedTag(user, originNode);\n            }\n\n            return originNode;\n          })}\n        </div>\n      </ScrollArea>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AA+BA,SAAwB,mBAAmB,OAAiC;CAC1E,MAAM,EACJ,WACA,eACA,OACA,YAAY,EAAE,EACd,sBACE;CAEJ,MAAM,EAAE,mCAAmC,wBAAe,gBAAgB;CAE1E,MAAM,EAAE,WAAW,WAAW,cAAc;CAC5C,MAAM,IAAI,cAAc,OAAO;AAE/B,QACE,qBAAC,OAAD;EACE,WAAW,GAAG,WAAW,8CAA8C;YADzE,CAGE,oBAAC,OAAD;GAAK,WAAW;aACb,EAAE,aAAa,cAAc,cAAc,OAAO;GAC/C,CAAA,EACN,oBAAC,oBAAD;GAAY,WAAW;aACrB,oBAAC,OAAD;IAAK,WAAW;IAA0B,OAAO,EAAE,OAAO,QAAQ,IAAI;cACnE,cAAc,KAAK,SAAS;KAC3B,IAAI,YAAY;AAEhB,SAAI,QAAQ,OAAO,UAAU,eAAe,KAAK,MAAM,UAAU,CAK/D,aAJc,EAAE,UAAU,WAAW;MACnC,SAAU,KAAyB;MACnC,MAAO,KAAyB;MACjC,CAAC,KACoB;SAOtB,aALc,EAAE,UAAU,WAAW;MACnC,QAAS,KAAoB;MAC7B,MAAO,KAAoB;MAC5B,CAAC,KAEoB;KAGxB,MAAM,aACJ,qBAAC,OAAD;MACE,WAAW;gBADb;OAIE,oBAAC,OAAD;QAAK,WAAW;kBACd,oBAAC,mBAAD;SACE,MAAM,KAAK;SACX,IAAI,MAAM,KAAK;SACf,MAAM,KAAK;SACX,OAAO,SAAS,KAAK;SACrB,SAAS,WAAW,KAAK;SACzB,aACE,KAAK,SAAS,UACZ,oBAAC,QAAD;UAAM,WAAU;oBACb,iCACG,+BAA+B,KAAK,GACpC,KAAK;UACJ,CAAA;SAGA,CAAA;QACT,CAAA;OAEL,OAAO,KAAK,IAAI,KAAK,OACpB,oBAAC,OAAD;QACE,QAAO;QACP,OAAO,EAAE,aAAa;QACtB,WAAW;QACJ,CAAA;OAEV,CAAC,aACA,oBAAC,MAAD;QACE,MAAM;QACN,WAAW;QACX,OAAM;QACN,eAAe;AACb,eAAM,WAAW,KAAK;;QAExB,CAAA;OAEA;QAtCC,MAAM,KAAK,CAsCZ;AAGR,SAAI,kBACF,QAAO,kBAAkB,MAAM,WAAW;AAG5C,YAAO;MACP;IACE,CAAA;GACK,CAAA,CACT"}

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

@@ -1,9 +1,9 @@
-import React, { ReactNode } from 'react';
+import { ReactNode } from 'react';
 interface ISelectorFooterProps {
     className?: string;
     onOk?: () => void;
     onCancel?: () => void;
     footer?: ReactNode;
 }
-export default function SelectorFooter(props: ISelectorFooterProps): React.JSX.Element;
+export default function SelectorFooter(props: ISelectorFooterProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/MemberPicker/components/SelectorFooter.js

@@ -1,43 +1,36 @@
-import classNames from 'classnames';
-import React, { useContext } from 'react';
-import Button from "../../Button";
-import { LocaleContext, getTranslator } from "../../locale/default";
-export default function SelectorFooter(props) {
-  var _useContext = useContext(LocaleContext),
-    locale = _useContext.locale;
-  var t = getTranslator(locale);
-  var className = props.className,
-    _onOk = props.onOk,
-    _onCancel = props.onCancel;
-  var footer = props.footer ? /*#__PURE__*/React.cloneElement(props.footer, {
-    onCancel: function onCancel() {
-      // 如果自定义 footer 有 onCancel，则先执行自定义的 onCancel
-      if (typeof props.footer.props.onCancel === 'function') {
-        props.footer.props.onCancel();
-      }
-      // 然后执行组件的 onCancel
-      if (typeof _onCancel === 'function') {
-        _onCancel();
-      }
-    },
-    onOk: function onOk() {
-      // 如果自定义 footer 有 onCancel，则先执行自定义的 onCancel
-      if (typeof props.footer.props.onOk === 'function') {
-        props.footer.props.onOk();
-      }
-      // 然后执行组件的 onOk
-      if (typeof _onOk === 'function') {
-        _onOk();
-      }
-    }
-  }) : /*#__PURE__*/React.createElement("div", {
-    className: classNames(className, 'ald-member-picker-footer')
-  }, /*#__PURE__*/React.createElement(Button, {
-    onClick: _onCancel,
-    type: "secondary"
-  }, t.MemberPicker.cancel), /*#__PURE__*/React.createElement(Button, {
-    onClick: _onOk,
-    type: "primary"
-  }, t.MemberPicker.confirm));
-  return footer;
-}
+import { cn } from "../../lib/utils.js";
+import Button_default from "../../Button/index.js";
+import { LocaleContext, getTranslator } from "../../locale/default.js";
+import React, { useContext } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/MemberPicker/components/SelectorFooter.tsx
+function SelectorFooter(props) {
+	const { locale } = useContext(LocaleContext);
+	const t = getTranslator(locale);
+	const { className, onOk, onCancel } = props;
+	return props.footer ? React.cloneElement(props.footer, {
+		onCancel: () => {
+			if (typeof props.footer.props.onCancel === "function") props.footer.props.onCancel();
+			if (typeof onCancel === "function") onCancel();
+		},
+		onOk: () => {
+			if (typeof props.footer.props.onOk === "function") props.footer.props.onOk();
+			if (typeof onOk === "function") onOk();
+		}
+	}) : /* @__PURE__ */ jsxs("div", {
+		className: cn(className, "ald-member-picker-footer"),
+		children: [/* @__PURE__ */ jsx(Button_default, {
+			onClick: onCancel,
+			type: "secondary",
+			children: t.MemberPicker.cancel
+		}), /* @__PURE__ */ jsx(Button_default, {
+			onClick: onOk,
+			type: "primary",
+			children: t.MemberPicker.confirm
+		})]
+	});
+}
+//#endregion
+export { SelectorFooter as default };
+
+//# sourceMappingURL=SelectorFooter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectorFooter.js","names":[],"sources":["../../../src/MemberPicker/components/SelectorFooter.tsx"],"sourcesContent":["import { cn } from '../../lib/utils';\nimport React, { ReactNode, useContext } from 'react';\nimport Button from '../../Button';\nimport { LocaleContext, getTranslator } from '../../locale/default';\n\ninterface ISelectorFooterProps {\n  className?: string;\n  onOk?: () => void;\n  onCancel?: () => void;\n  footer?: ReactNode;\n}\n\nexport default function SelectorFooter(props: ISelectorFooterProps) {\n  const { locale } = useContext(LocaleContext);\n  const t = getTranslator(locale);\n\n  const { className, onOk, onCancel } = props;\n  const footer = props.footer ? (\n    React.cloneElement(props.footer as React.ReactElement, {\n      onCancel: () => {\n        // 如果自定义 footer 有 onCancel，则先执行自定义的 onCancel\n        if (\n          typeof (props.footer as React.ReactElement).props.onCancel ===\n          'function'\n        ) {\n          (props.footer as React.ReactElement).props.onCancel();\n        }\n        // 然后执行组件的 onCancel\n        if (typeof onCancel === 'function') {\n          onCancel();\n        }\n      },\n      onOk: () => {\n        // 如果自定义 footer 有 onCancel，则先执行自定义的 onCancel\n        if (\n          typeof (props.footer as React.ReactElement).props.onOk === 'function'\n        ) {\n          (props.footer as React.ReactElement).props.onOk();\n        }\n        // 然后执行组件的 onOk\n        if (typeof onOk === 'function') {\n          onOk();\n        }\n      },\n    })\n  ) : (\n    <div className={cn(className, 'ald-member-picker-footer')}>\n      <Button onClick={onCancel} type=\"secondary\">\n        {t.MemberPicker.cancel}\n      </Button>\n      <Button onClick={onOk} type=\"primary\">\n        {t.MemberPicker.confirm}\n      </Button>\n    </div>\n  );\n  return footer;\n}\n"],"mappings":";;;;;;AAYA,SAAwB,eAAe,OAA6B;CAClE,MAAM,EAAE,WAAW,WAAW,cAAc;CAC5C,MAAM,IAAI,cAAc,OAAO;CAE/B,MAAM,EAAE,WAAW,MAAM,aAAa;AAuCtC,QAtCe,MAAM,SACnB,MAAM,aAAa,MAAM,QAA8B;EACrD,gBAAgB;AAEd,OACE,OAAQ,MAAM,OAA8B,MAAM,aAClD,WAEC,OAAM,OAA8B,MAAM,UAAU;AAGvD,OAAI,OAAO,aAAa,WACtB,WAAU;;EAGd,YAAY;AAEV,OACE,OAAQ,MAAM,OAA8B,MAAM,SAAS,WAE1D,OAAM,OAA8B,MAAM,MAAM;AAGnD,OAAI,OAAO,SAAS,WAClB,OAAM;;EAGX,CAAC,GAEF,qBAAC,OAAD;EAAK,WAAW,GAAG,WAAW,2BAA2B;YAAzD,CACE,oBAAC,gBAAD;GAAQ,SAAS;GAAU,MAAK;aAC7B,EAAE,aAAa;GACT,CAAA,EACT,oBAAC,gBAAD;GAAQ,SAAS;GAAM,MAAK;aACzB,EAAE,aAAa;GACT,CAAA,CACL"}

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

@@ -1,4 +1,3 @@
-import React from 'react';
 import { IUserGroup } from '../../ConfigProvider/getUserList';
 import { IUser } from '../interface';
 interface IMultipleOptionProps {
@@ -11,5 +10,5 @@ interface IMultipleOptionProps {
     hasNextLevel?: boolean;
     showUserId?: boolean;
 }
-export default function SingleOption(params: IMultipleOptionProps): React.JSX.Element;
+export default function SingleOption(params: IMultipleOptionProps): import("react/jsx-runtime").JSX.Element;
 export {};