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

package/dist/MemberPicker/components/SingleOption.js

@@ -1,66 +1,62 @@
-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 _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, { useContext } from 'react';
-import Badge from "../../Badge";
-import ConfigProvider from "../../ConfigProvider";
-import { EUserType } from "../../ConfigProvider/getUserList";
-import TextLink from "../../TextLink/index";
-import { LocaleContext, getTranslator } from "../../locale/default";
-import { getAccount, getId, getPhoto } from "../utils";
-import { isUser, isUserGroup } from "../utils/getUsersWithUserId";
-import NickLabel from "./NickLabel";
-export default function SingleOption(params) {
-  var _useContext = useContext(LocaleContext),
-    locale = _useContext.locale;
-  var t = getTranslator(locale);
-  var _ConfigProvider$useGe = ConfigProvider.useGetUserList(),
-    getMemberPickerItemMoreInfoKey = _ConfigProvider$useGe.getMemberPickerItemMoreInfoKey;
-  var disabled = params.disabled,
-    user = params.user,
-    selected = params.selected,
-    onChange = params.onChange,
-    className = params.className,
-    onNextLevel = params.onNextLevel,
-    _params$hasNextLevel = params.hasNextLevel,
-    hasNextLevel = _params$hasNextLevel === void 0 ? true : _params$hasNextLevel,
-    showUserId = params.showUserId;
-  var onClick = function onClick() {
-    if (disabled) return;
-    if (selected) {
-      onChange === null || onChange === void 0 ? void 0 : onChange(selected, user);
-    } else onChange === null || onChange === void 0 ? void 0 : onChange(!selected, user);
-  };
-  return /*#__PURE__*/React.createElement("div", {
-    className: classnames('ald-member-picker-option', className, _defineProperty({}, 'ald-member-picker-option-disabled', disabled)),
-    onClick: onClick
-  }, /*#__PURE__*/React.createElement("div", {
-    className: 'ald-member-picker-label'
-  }, /*#__PURE__*/React.createElement("div", {
-    className: 'ald-member-picker-option-content'
-  }, /*#__PURE__*/React.createElement(NickLabel, {
-    type: user.type,
-    id: getId(user),
-    name: user.name,
-    photo: getPhoto(user),
-    account: getAccount(user),
-    addonBefore: showUserId && user.type === EUserType.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'
-  }))), isUserGroup(user) && hasNextLevel && /*#__PURE__*/React.createElement(TextLink, {
-    className: "ald-member-picker-btn",
-    size: "small",
-    disabled: disabled,
-    onClick: function onClick(e) {
-      onNextLevel === null || onNextLevel === void 0 ? void 0 : onNextLevel(user);
-      e.stopPropagation();
-      e.preventDefault();
-    }
-  }, t.MemberPicker.subLevel));
-}
+import { cn } from "../../lib/utils.js";
+import Badge from "../../Badge/index.js";
+import { LocaleContext, getTranslator } from "../../locale/default.js";
+import { EUserType } from "../../ConfigProvider/getUserList.js";
+import AldCustomConfigProvider from "../../ConfigProvider/index.js";
+import TextLink from "../../TextLink/index.js";
+import { getAccount, getId, getPhoto } from "../utils/index.js";
+import { isUser, isUserGroup } from "../utils/getUsersWithUserId.js";
+import NickLabel_default from "./NickLabel.js";
+import { useContext } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/MemberPicker/components/SingleOption.tsx
+function SingleOption(params) {
+	const { locale } = useContext(LocaleContext);
+	const t = getTranslator(locale);
+	const { getMemberPickerItemMoreInfoKey } = AldCustomConfigProvider.useGetUserList();
+	const { disabled, user, selected, onChange, className, onNextLevel, hasNextLevel = true, showUserId } = params;
+	const onClick = () => {
+		if (disabled) return;
+		if (selected) onChange?.(selected, user);
+		else onChange?.(!selected, user);
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("ald-member-picker-option", className, { ["ald-member-picker-option-disabled"]: disabled }),
+		onClick,
+		children: [/* @__PURE__ */ jsx("div", {
+			className: "ald-member-picker-label",
+			children: /* @__PURE__ */ jsxs("div", {
+				className: "ald-member-picker-option-content",
+				children: [/* @__PURE__ */ jsx(NickLabel_default, {
+					type: user.type,
+					id: getId(user),
+					name: user.name,
+					photo: getPhoto(user),
+					account: getAccount(user),
+					addonBefore: showUserId && user.type === EUserType.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"
+				})]
+			})
+		}), isUserGroup(user) && hasNextLevel && /* @__PURE__ */ jsx(TextLink, {
+			className: "ald-member-picker-btn",
+			size: "small",
+			disabled,
+			onClick: (e) => {
+				onNextLevel?.(user);
+				e.stopPropagation();
+				e.preventDefault();
+			},
+			children: t.MemberPicker.subLevel
+		})]
+	});
+}
+//#endregion
+export { SingleOption as default };
+
+//# sourceMappingURL=SingleOption.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SingleOption.js","names":[],"sources":["../../../src/MemberPicker/components/SingleOption.tsx"],"sourcesContent":["import { cn } from '../../lib/utils';\nimport React, { useContext } from 'react';\nimport Badge from '../../Badge';\nimport ConfigProvider from '../../ConfigProvider';\nimport { EUserType, IUserGroup } from '../../ConfigProvider/getUserList';\nimport TextLink from '../../TextLink/index';\nimport { LocaleContext, getTranslator } from '../../locale/default';\nimport { IUser } from '../interface';\nimport { getAccount, getId, getPhoto } from '../utils';\nimport { isUser, isUserGroup } from '../utils/getUsersWithUserId';\nimport NickLabel from './NickLabel';\ninterface IMultipleOptionProps {\n  selected: boolean;\n  disabled?: boolean;\n  user: IUser | IUserGroup;\n  onChange?: (selected: boolean, user: IUser | IUserGroup) => void;\n  className?: string;\n  onNextLevel?: (userGroup: IUserGroup) => void;\n  hasNextLevel?: boolean;\n  showUserId?: boolean;\n}\nexport default function SingleOption(params: IMultipleOptionProps) {\n  const { locale } = useContext(LocaleContext);\n  const t = getTranslator(locale);\n\n  const { getMemberPickerItemMoreInfoKey } = ConfigProvider.useGetUserList();\n\n  const {\n    disabled,\n    user,\n    selected,\n    onChange,\n    className,\n    onNextLevel,\n    hasNextLevel = true,\n    showUserId,\n  } = params;\n\n  const onClick = () => {\n    if (disabled) return;\n\n    if (selected) {\n      onChange?.(selected, user);\n    } else onChange?.(!selected, user);\n  };\n\n  return (\n    <div\n      className={cn('ald-member-picker-option', className, {\n        ['ald-member-picker-option-disabled']: disabled,\n      })}\n      onClick={onClick}\n    >\n      <div className={'ald-member-picker-label'}>\n        <div className={'ald-member-picker-option-content'}>\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              showUserId &&\n              user.type === EUserType.USER && (\n                <span className={'ald-member-picker-option-id'}>\n                  {getMemberPickerItemMoreInfoKey\n                    ? getMemberPickerItemMoreInfoKey(user)\n                    : user.userId}\n                </span>\n              )\n            }\n          ></NickLabel>\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        </div>\n      </div>\n      {isUserGroup(user) && hasNextLevel && (\n        <TextLink\n          className=\"ald-member-picker-btn\"\n          size=\"small\"\n          disabled={disabled}\n          onClick={(e) => {\n            onNextLevel?.(user);\n            e.stopPropagation();\n            e.preventDefault();\n          }}\n        >\n          {t.MemberPicker.subLevel}\n        </TextLink>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAqBA,SAAwB,aAAa,QAA8B;CACjE,MAAM,EAAE,WAAW,WAAW,cAAc;CAC5C,MAAM,IAAI,cAAc,OAAO;CAE/B,MAAM,EAAE,mCAAmC,wBAAe,gBAAgB;CAE1E,MAAM,EACJ,UACA,MACA,UACA,UACA,WACA,aACA,eAAe,MACf,eACE;CAEJ,MAAM,gBAAgB;AACpB,MAAI,SAAU;AAEd,MAAI,SACF,YAAW,UAAU,KAAK;MACrB,YAAW,CAAC,UAAU,KAAK;;AAGpC,QACE,qBAAC,OAAD;EACE,WAAW,GAAG,4BAA4B,WAAW,GAClD,sCAAsC,UACxC,CAAC;EACO;YAJX,CAME,oBAAC,OAAD;GAAK,WAAW;aACd,qBAAC,OAAD;IAAK,WAAW;cAAhB,CACE,oBAAC,mBAAD;KACE,MAAM,KAAK;KACX,IAAI,MAAM,KAAK;KACf,MAAM,KAAK;KACX,OAAO,SAAS,KAAK;KACrB,SAAS,WAAW,KAAK;KACzB,aACE,cACA,KAAK,SAAS,UAAU,QACtB,oBAAC,QAAD;MAAM,WAAW;gBACd,iCACG,+BAA+B,KAAK,GACpC,KAAK;MACJ,CAAA;KAGA,CAAA,EAEZ,OAAO,KAAK,IAAI,KAAK,OACpB,oBAAC,OAAD;KACE,QAAO;KACP,OAAO,EAAE,aAAa;KACtB,WAAW;KACJ,CAAA,CAEP;;GACF,CAAA,EACL,YAAY,KAAK,IAAI,gBACpB,oBAAC,UAAD;GACE,WAAU;GACV,MAAK;GACK;GACV,UAAU,MAAM;AACd,kBAAc,KAAK;AACnB,MAAE,iBAAiB;AACnB,MAAE,gBAAgB;;aAGnB,EAAE,aAAa;GACP,CAAA,CAET"}

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { IUserGroup, TUserGroupValue, TUserValue } from '../../ConfigProvider/getUserList';
 interface IProps {
     className?: string;
@@ -19,5 +19,5 @@ interface IProps {
         originNode: React.ReactNode;
     }) => React.ReactNode;
 }
-declare const UserGroupSelection: ({ className, userGroupList, multiple, onChange, selectedUsersGroup: selectedUsersGroups, loading, width, lockedIds, filterItem, renderItem, }: IProps) => React.JSX.Element;
+declare const UserGroupSelection: ({ className, userGroupList, multiple, onChange, selectedUsersGroup: selectedUsersGroups, loading, width, lockedIds, filterItem, renderItem, }: IProps) => import("react/jsx-runtime").JSX.Element;
 export default UserGroupSelection;

package/dist/MemberPicker/components/UserGroupSelection.js

@@ -1,230 +1,164 @@
-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 _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 _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, defineProperty = Object.defineProperty || function (obj, key, desc) { obj[key] = desc.value; }, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return defineProperty(generator, "_invoke", { value: makeInvokeMethod(innerFn, self, context) }), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { ["next", "throw", "return"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; defineProperty(this, "_invoke", { value: function value(method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; } function maybeInvokeDelegate(delegate, context) { var methodName = context.method, method = delegate.iterator[methodName]; if (undefined === method) return context.delegate = null, "throw" === methodName && delegate.iterator.return && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method) || "return" !== methodName && (context.method = "throw", context.arg = new TypeError("The iterator does not provide a '" + methodName + "' method")), ContinueSentinel; var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), defineProperty(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (val) { var object = Object(val), keys = []; for (var key in object) keys.push(key); return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, catch: function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
-function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import { Breadcrumb } from 'antd';
-import classNames from 'classnames';
-import _ from 'lodash';
-import React, { useCallback, useContext, useEffect, useState } from 'react';
-import GetUserListContext from "../../ConfigProvider/getUserList";
-import Empty from "../../Empty";
-import { ChevronLeftLine, SearchLine } from "../../Icon";
-import Input from "../../Input";
-import ScrollArea from "../../ScrollArea";
-import Spin from "../../Spin";
-import { LocaleContext, getTranslator } from "../../locale/default";
-import { isUserGroup } from "../utils/getUsersWithUserId";
-import MultipleOption from "./MultipleOption";
-import SingleOption from "./SingleOption";
-var UserGroupSelection = function UserGroupSelection(_ref) {
-  var className = _ref.className,
-    userGroupList = _ref.userGroupList,
-    multiple = _ref.multiple,
-    _onChange = _ref.onChange,
-    selectedUsersGroups = _ref.selectedUsersGroup,
-    loading = _ref.loading,
-    width = _ref.width,
-    lockedIds = _ref.lockedIds,
-    filterItem = _ref.filterItem,
-    renderItem = _ref.renderItem;
-  var _useContext = useContext(LocaleContext),
-    locale = _useContext.locale;
-  var t = getTranslator(locale);
-  var _useContext2 = useContext(GetUserListContext),
-    getNextLevelGroup = _useContext2.getNextLevelGroup;
-  var isAsync = !!getNextLevelGroup;
-  var _useState = useState(''),
-    _useState2 = _slicedToArray(_useState, 2),
-    searchKey = _useState2[0],
-    setSearchKey = _useState2[1];
-  var _useState3 = useState([]),
-    _useState4 = _slicedToArray(_useState3, 2),
-    groupPath = _useState4[0],
-    setGroupPath = _useState4[1];
-  var _useState5 = useState([]),
-    _useState6 = _slicedToArray(_useState5, 2),
-    filterUserList = _useState6[0],
-    setFilterUserList = _useState6[1];
-  var getFilterUserList = useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-    var _$last, nextLevelGroup, normalizedKeyword, currentLevelGroups;
-    return _regeneratorRuntime().wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          if (!isAsync) {
-            _context.next = 5;
-            break;
-          }
-          _context.next = 3;
-          return getNextLevelGroup({
-            parentGroupId: (_$last = _.last(groupPath)) === null || _$last === void 0 ? void 0 : _$last.groupId,
-            keyword: searchKey
-          });
-        case 3:
-          nextLevelGroup = _context.sent;
-          return _context.abrupt("return", nextLevelGroup);
-        case 5:
-          normalizedKeyword = searchKey.trim().toLowerCase();
-          currentLevelGroups = userGroupList.filter(function (userGroup) {
-            var _$last2;
-            if (groupPath.length === 0) {
-              return !userGroup.parentId;
-            }
-            return userGroup.parentId === ((_$last2 = _.last(groupPath)) === null || _$last2 === void 0 ? void 0 : _$last2.groupId);
-          });
-          return _context.abrupt("return", currentLevelGroups.filter(function (group) {
-            if (!normalizedKeyword) {
-              return true;
-            }
-            return group.name.toLowerCase().includes(normalizedKeyword);
-          }));
-        case 8:
-        case "end":
-          return _context.stop();
-      }
-    }, _callee);
-  })), [isAsync, searchKey, userGroupList, getNextLevelGroup, groupPath]);
-  useEffect(function () {
-    getFilterUserList().then(function (userGroups) {
-      setFilterUserList(userGroups.filter(function (userGroup) {
-        if (filterItem) {
-          return filterItem(userGroup);
-        }
-        return true;
-      }));
-    });
-  }, [filterItem, getFilterUserList]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: classNames(className, 'ald-member-picker-member-list-wrap')
-  }, /*#__PURE__*/React.createElement(Input, {
-    prefix: /*#__PURE__*/React.createElement(SearchLine, {
-      size: 16
-    }),
-    className: 'ald-member-picker-search-input',
-    autoFocus: true,
-    value: searchKey,
-    onChange: function onChange(e) {
-      setSearchKey(e.target.value);
-    }
-  }), userGroupList.length === 0 && !loading && /*#__PURE__*/React.createElement(Empty, {
-    title: t.MemberPicker.noData,
-    size: "small",
-    image: Empty.PRESENTED_IMAGE_SEARCH,
-    className: "ald-member-picker-member-list-empty"
-  }), groupPath.length !== 0 && /*#__PURE__*/React.createElement(ScrollArea, {
-    className: "ald-member-picker-breadcrumb-scroll"
-  }, /*#__PURE__*/React.createElement(Breadcrumb, {
-    className: "ald-member-picker-breadcrumb"
-  }, /*#__PURE__*/React.createElement(Breadcrumb.Item, {
-    className: "ald-member-picker-breadcrumb-item",
-    onClick: function onClick() {
-      setGroupPath([]);
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "ald-member-picker-breadcrumb-item-inner"
-  }, /*#__PURE__*/React.createElement(ChevronLeftLine, {
-    size: 16
-  }), t.MemberPicker.userGroups)), groupPath.map(function (group) {
-    return /*#__PURE__*/React.createElement(Breadcrumb.Item, {
-      className: "ald-member-picker-breadcrumb-item",
-      key: group.groupId,
-      onClick: function onClick() {
-        setGroupPath(function (groups) {
-          var groupIndex = groups.findIndex(function (tempGroup) {
-            return tempGroup.groupId === group.groupId;
-          });
-          return groups.filter(function (tempGroup, index) {
-            return index <= groupIndex;
-          });
-        });
-      }
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "ald-member-picker-breadcrumb-item-inner"
-    }, group.name));
-  }))), /*#__PURE__*/React.createElement(Spin, {
-    tip: "Loading",
-    spinning: loading,
-    size: "small",
-    className: "ald-member-picker-user-list"
-  }, /*#__PURE__*/React.createElement(ScrollArea, {
-    className: classNames('ald-member-picker-member-list', {
-      'ald-member-picker-member-list-null': userGroupList.length === 0 && !loading
-    }),
-    innerClassName: "ald-member-picker-member-scroll"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "ald-member-picker-member-list-inner",
-    style: {
-      width: multiple ? width : undefined,
-      overflow: 'hidden'
-    }
-  }, filterUserList.map(function (userGroup) {
-    var isSelected = selectedUsersGroups.some(function (selectUserGroup) {
-      return selectUserGroup.groupId === userGroup.groupId;
-    });
-    var index = _.findIndex(lockedIds, {
-      groupId: userGroup.groupId,
-      type: userGroup.type
-    });
-    var disabled = index !== -1;
-    var hasNextLevel = userGroupList.some(function (group) {
-      return group.parentId === userGroup.groupId;
-    }) || isAsync;
-    var onNextLevel = function onNextLevel() {
-      setGroupPath(function (prev) {
-        return [].concat(_toConsumableArray(prev), [userGroup]);
-      });
-      setSearchKey('');
-    };
-    var originNode = multiple ? /*#__PURE__*/React.createElement(MultipleOption, {
-      key: userGroup.groupId,
-      user: userGroup,
-      disabled: disabled,
-      selected: isSelected,
-      onChange: function onChange(selected, userGroup) {
-        if (isUserGroup(userGroup)) {
-          _onChange(selected, userGroup);
-        }
-      },
-      hasNextLevel: hasNextLevel,
-      onNextLevel: onNextLevel
-    }) : /*#__PURE__*/React.createElement(SingleOption, {
-      key: userGroup.groupId,
-      user: userGroup,
-      disabled: disabled,
-      selected: isSelected,
-      onChange: function onChange(selected, userGroup) {
-        if (isUserGroup(userGroup)) {
-          _onChange(selected, userGroup);
-        }
-      },
-      hasNextLevel: hasNextLevel,
-      onNextLevel: onNextLevel
-    });
-    if (renderItem) {
-      return /*#__PURE__*/React.createElement("div", {
-        key: userGroup.groupId
-      }, renderItem(userGroup, {
-        isSelected: isSelected,
-        disabled: disabled,
-        onClick: function onClick() {
-          if (isUserGroup(userGroup) && !disabled) {
-            _onChange(!isSelected, userGroup);
-          }
-        },
-        onNextLevel: hasNextLevel ? onNextLevel : undefined,
-        originNode: originNode
-      }));
-    }
-    return originNode;
-  })))));
+import { cn } from "../../lib/utils.js";
+import Memo from "../../Icon/components/ChevronLeftLine.js";
+import Memo$1 from "../../Icon/components/SearchLine.js";
+import Breadcrumb from "../../Breadcrumb/index.js";
+import { LocaleContext, getTranslator } from "../../locale/default.js";
+import Input from "../../Input/index.js";
+import Empty from "../../Empty/index.js";
+import ScrollArea_default from "../../ScrollArea/index.js";
+import GetUserListContext from "../../ConfigProvider/getUserList.js";
+import CustomSpin from "../../Spin/index.js";
+import { isUserGroup } from "../utils/getUsersWithUserId.js";
+import MultipleList from "./MultipleOption.js";
+import SingleOption from "./SingleOption.js";
+import { useCallback, useContext, useEffect, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import _ from "lodash";
+//#region src/MemberPicker/components/UserGroupSelection.tsx
+var UserGroupSelection = ({ className, userGroupList, multiple, onChange, selectedUsersGroup: selectedUsersGroups, loading, width, lockedIds, filterItem, renderItem }) => {
+	const { locale } = useContext(LocaleContext);
+	const t = getTranslator(locale);
+	const { getNextLevelGroup } = useContext(GetUserListContext);
+	const isAsync = !!getNextLevelGroup;
+	const [searchKey, setSearchKey] = useState("");
+	const [groupPath, setGroupPath] = useState([]);
+	const [filterUserList, setFilterUserList] = useState([]);
+	const getFilterUserList = useCallback(async () => {
+		if (isAsync) return await getNextLevelGroup({
+			parentGroupId: _.last(groupPath)?.groupId,
+			keyword: searchKey
+		});
+		const normalizedKeyword = searchKey.trim().toLowerCase();
+		return userGroupList.filter((userGroup) => {
+			if (groupPath.length === 0) return !userGroup.parentId;
+			return userGroup.parentId === _.last(groupPath)?.groupId;
+		}).filter((group) => {
+			if (!normalizedKeyword) return true;
+			return group.name.toLowerCase().includes(normalizedKeyword);
+		});
+	}, [
+		isAsync,
+		searchKey,
+		userGroupList,
+		getNextLevelGroup,
+		groupPath
+	]);
+	useEffect(() => {
+		getFilterUserList().then((userGroups) => {
+			setFilterUserList(userGroups.filter((userGroup) => {
+				if (filterItem) return filterItem(userGroup);
+				return true;
+			}));
+		});
+	}, [filterItem, getFilterUserList]);
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn(className, "ald-member-picker-member-list-wrap"),
+		children: [
+			/* @__PURE__ */ jsx(Input, {
+				prefix: /* @__PURE__ */ jsx(Memo$1, { size: 16 }),
+				className: "ald-member-picker-search-input",
+				autoFocus: true,
+				value: searchKey,
+				onChange: (e) => {
+					setSearchKey(e.target.value);
+				}
+			}),
+			userGroupList.length === 0 && !loading && /* @__PURE__ */ jsx(Empty, {
+				title: t.MemberPicker.noData,
+				size: "small",
+				image: Empty.PRESENTED_IMAGE_SEARCH,
+				className: "ald-member-picker-member-list-empty"
+			}),
+			groupPath.length !== 0 && /* @__PURE__ */ jsx(ScrollArea_default, {
+				className: "ald-member-picker-breadcrumb-scroll",
+				children: /* @__PURE__ */ jsxs(Breadcrumb, {
+					className: "ald-member-picker-breadcrumb",
+					children: [/* @__PURE__ */ jsx(Breadcrumb.Item, {
+						className: "ald-member-picker-breadcrumb-item",
+						onClick: () => {
+							setGroupPath([]);
+						},
+						children: /* @__PURE__ */ jsxs("div", {
+							className: "ald-member-picker-breadcrumb-item-inner",
+							children: [/* @__PURE__ */ jsx(Memo, { size: 16 }), t.MemberPicker.userGroups]
+						})
+					}), groupPath.map((group) => /* @__PURE__ */ jsx(Breadcrumb.Item, {
+						className: "ald-member-picker-breadcrumb-item",
+						onClick: () => {
+							setGroupPath((groups) => {
+								const groupIndex = groups.findIndex((tempGroup) => tempGroup.groupId === group.groupId);
+								return groups.filter((tempGroup, index) => index <= groupIndex);
+							});
+						},
+						children: /* @__PURE__ */ jsx("div", {
+							className: "ald-member-picker-breadcrumb-item-inner",
+							children: group.name
+						})
+					}, group.groupId))]
+				})
+			}),
+			/* @__PURE__ */ jsx(CustomSpin, {
+				tip: "Loading",
+				spinning: loading,
+				size: "small",
+				className: "ald-member-picker-user-list",
+				children: /* @__PURE__ */ jsx(ScrollArea_default, {
+					className: cn("ald-member-picker-member-list", { "ald-member-picker-member-list-null": userGroupList.length === 0 && !loading }),
+					innerClassName: "ald-member-picker-member-scroll",
+					children: /* @__PURE__ */ jsx("div", {
+						className: "ald-member-picker-member-list-inner",
+						style: {
+							width: multiple ? width : void 0,
+							overflow: "hidden"
+						},
+						children: filterUserList.map((userGroup) => {
+							const isSelected = selectedUsersGroups.some((selectUserGroup) => selectUserGroup.groupId === userGroup.groupId);
+							const disabled = _.findIndex(lockedIds, {
+								groupId: userGroup.groupId,
+								type: userGroup.type
+							}) !== -1;
+							const hasNextLevel = userGroupList.some((group) => group.parentId === userGroup.groupId) || isAsync;
+							const onNextLevel = () => {
+								setGroupPath((prev) => [...prev, userGroup]);
+								setSearchKey("");
+							};
+							const originNode = multiple ? /* @__PURE__ */ jsx(MultipleList, {
+								user: userGroup,
+								disabled,
+								selected: isSelected,
+								onChange: (selected, userGroup) => {
+									if (isUserGroup(userGroup)) onChange(selected, userGroup);
+								},
+								hasNextLevel,
+								onNextLevel
+							}, userGroup.groupId) : /* @__PURE__ */ jsx(SingleOption, {
+								user: userGroup,
+								disabled,
+								selected: isSelected,
+								onChange: (selected, userGroup) => {
+									if (isUserGroup(userGroup)) onChange(selected, userGroup);
+								},
+								hasNextLevel,
+								onNextLevel
+							}, userGroup.groupId);
+							if (renderItem) return /* @__PURE__ */ jsx("div", { children: renderItem(userGroup, {
+								isSelected,
+								disabled,
+								onClick: () => {
+									if (isUserGroup(userGroup) && !disabled) onChange(!isSelected, userGroup);
+								},
+								onNextLevel: hasNextLevel ? onNextLevel : void 0,
+								originNode
+							}) }, userGroup.groupId);
+							return originNode;
+						})
+					})
+				})
+			})
+		]
+	});
 };
-export default UserGroupSelection;
+//#endregion
+export { UserGroupSelection as default };
+
+//# sourceMappingURL=UserGroupSelection.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UserGroupSelection.js","names":[],"sources":["../../../src/MemberPicker/components/UserGroupSelection.tsx"],"sourcesContent":["import Breadcrumb from '../../Breadcrumb';\nimport { cn } from '../../lib/utils';\nimport _ from 'lodash';\nimport React, { useCallback, useContext, useEffect, useState } from 'react';\nimport GetUserListContext, {\n  IUserGroup,\n  TUserGroupValue,\n  TUserValue,\n} from '../../ConfigProvider/getUserList';\nimport Empty from '../../Empty';\nimport { ChevronLeftLine, SearchLine } from '../../Icon';\nimport Input from '../../Input';\nimport ScrollArea from '../../ScrollArea';\nimport Spin from '../../Spin';\nimport { LocaleContext, getTranslator } from '../../locale/default';\nimport { isUserGroup } from '../utils/getUsersWithUserId';\nimport MultipleOption from './MultipleOption';\nimport SingleOption from './SingleOption';\n\ninterface IProps {\n  className?: string;\n  userGroupList: IUserGroup[];\n  multiple?: boolean;\n  onChange: (selected: boolean, userGroup: IUserGroup) => void;\n  selectedUsersGroup: IUserGroup[];\n  loading: boolean;\n  onSearchValueChange?: (value: string) => void;\n  width: number;\n  lockedIds: Array<TUserValue | TUserGroupValue>;\n  filterItem?: (item: IUserGroup) => boolean;\n  renderItem?: (\n    item: IUserGroup,\n    context: {\n      isSelected: boolean;\n      disabled: boolean;\n      onClick: () => void;\n      onNextLevel?: () => void;\n      originNode: React.ReactNode;\n    },\n  ) => React.ReactNode;\n}\n\nconst UserGroupSelection = ({\n  className,\n  userGroupList,\n  multiple,\n  onChange,\n  selectedUsersGroup: selectedUsersGroups,\n  loading,\n  width,\n  lockedIds,\n  filterItem,\n  renderItem,\n}: IProps) => {\n  const { locale } = useContext(LocaleContext);\n  const t = getTranslator(locale);\n\n  const { getNextLevelGroup } = useContext(GetUserListContext);\n\n  const isAsync = !!getNextLevelGroup;\n\n  const [searchKey, setSearchKey] = useState('');\n  const [groupPath, setGroupPath] = useState<IUserGroup[]>([]);\n\n  const [filterUserList, setFilterUserList] = useState<IUserGroup[]>([]);\n\n  const getFilterUserList = useCallback(async () => {\n    if (isAsync) {\n      const nextLevelGroup = await getNextLevelGroup({\n        parentGroupId: _.last(groupPath)?.groupId,\n        keyword: searchKey,\n      });\n      return nextLevelGroup;\n    }\n\n    const normalizedKeyword = searchKey.trim().toLowerCase();\n\n    const currentLevelGroups = userGroupList.filter((userGroup) => {\n      if (groupPath.length === 0) {\n        return !userGroup.parentId;\n      }\n\n      return userGroup.parentId === _.last(groupPath)?.groupId;\n    });\n\n    return currentLevelGroups.filter((group) => {\n      if (!normalizedKeyword) {\n        return true;\n      }\n\n      return group.name.toLowerCase().includes(normalizedKeyword);\n    });\n  }, [isAsync, searchKey, userGroupList, getNextLevelGroup, groupPath]);\n\n  useEffect(() => {\n    getFilterUserList().then((userGroups) => {\n      setFilterUserList(\n        userGroups.filter((userGroup) => {\n          if (filterItem) {\n            return filterItem(userGroup);\n          }\n          return true;\n        }),\n      );\n    });\n  }, [filterItem, getFilterUserList]);\n\n  return (\n    <div className={cn(className, 'ald-member-picker-member-list-wrap')}>\n      <Input\n        prefix={<SearchLine size={16} />}\n        className={'ald-member-picker-search-input'}\n        autoFocus={true}\n        value={searchKey}\n        onChange={(e) => {\n          setSearchKey(e.target.value);\n        }}\n      ></Input>\n      {userGroupList.length === 0 && !loading && (\n        <Empty\n          title={t.MemberPicker.noData}\n          size=\"small\"\n          image={Empty.PRESENTED_IMAGE_SEARCH}\n          className=\"ald-member-picker-member-list-empty\"\n        />\n      )}\n      {groupPath.length !== 0 && (\n        <ScrollArea className=\"ald-member-picker-breadcrumb-scroll\">\n          <Breadcrumb className=\"ald-member-picker-breadcrumb\">\n            <Breadcrumb.Item\n              className=\"ald-member-picker-breadcrumb-item\"\n              onClick={() => {\n                setGroupPath([]);\n              }}\n            >\n              <div className=\"ald-member-picker-breadcrumb-item-inner\">\n                <ChevronLeftLine size={16} />\n                {t.MemberPicker.userGroups}\n              </div>\n            </Breadcrumb.Item>\n            {groupPath.map((group) => (\n              <Breadcrumb.Item\n                className=\"ald-member-picker-breadcrumb-item\"\n                key={group.groupId}\n                onClick={() => {\n                  setGroupPath((groups) => {\n                    const groupIndex = groups.findIndex(\n                      (tempGroup) => tempGroup.groupId === group.groupId,\n                    );\n                    return groups.filter(\n                      (tempGroup, index) => index <= groupIndex,\n                    );\n                  });\n                }}\n              >\n                <div className=\"ald-member-picker-breadcrumb-item-inner\">\n                  {group.name}\n                </div>\n              </Breadcrumb.Item>\n            ))}\n          </Breadcrumb>\n        </ScrollArea>\n      )}\n      <Spin\n        tip=\"Loading\"\n        spinning={loading}\n        size=\"small\"\n        className=\"ald-member-picker-user-list\"\n      >\n        <ScrollArea\n          className={cn('ald-member-picker-member-list', {\n            'ald-member-picker-member-list-null':\n              userGroupList.length === 0 && !loading,\n          })}\n          innerClassName=\"ald-member-picker-member-scroll\"\n        >\n          <div\n            className=\"ald-member-picker-member-list-inner\"\n            style={{ width: multiple ? width : undefined, overflow: 'hidden' }}\n          >\n            {filterUserList.map((userGroup) => {\n              const isSelected = selectedUsersGroups.some(\n                (selectUserGroup) =>\n                  selectUserGroup.groupId === userGroup.groupId,\n              );\n\n              const index = _.findIndex(lockedIds, {\n                groupId: userGroup.groupId,\n                type: userGroup.type,\n              });\n              const disabled = index !== -1;\n\n              const hasNextLevel =\n                userGroupList.some(\n                  (group) => group.parentId === userGroup.groupId,\n                ) || isAsync;\n              const onNextLevel = () => {\n                setGroupPath((prev) => [...prev, userGroup]);\n                setSearchKey('');\n              };\n\n              const originNode = multiple ? (\n                <MultipleOption\n                  key={userGroup.groupId}\n                  user={userGroup}\n                  disabled={disabled}\n                  selected={isSelected}\n                  onChange={(selected, userGroup) => {\n                    if (isUserGroup(userGroup)) {\n                      onChange(selected, userGroup);\n                    }\n                  }}\n                  hasNextLevel={hasNextLevel}\n                  onNextLevel={onNextLevel}\n                ></MultipleOption>\n              ) : (\n                <SingleOption\n                  key={userGroup.groupId}\n                  user={userGroup}\n                  disabled={disabled}\n                  selected={isSelected}\n                  onChange={(selected, userGroup) => {\n                    if (isUserGroup(userGroup)) {\n                      onChange(selected, userGroup);\n                    }\n                  }}\n                  hasNextLevel={hasNextLevel}\n                  onNextLevel={onNextLevel}\n                ></SingleOption>\n              );\n\n              if (renderItem) {\n                return (\n                  <div key={userGroup.groupId}>\n                    {renderItem(userGroup, {\n                      isSelected,\n                      disabled,\n                      onClick: () => {\n                        if (isUserGroup(userGroup) && !disabled) {\n                          onChange(!isSelected, userGroup);\n                        }\n                      },\n                      onNextLevel: hasNextLevel ? onNextLevel : undefined,\n                      originNode,\n                    })}\n                  </div>\n                );\n              }\n\n              return originNode;\n            })}\n          </div>\n        </ScrollArea>\n      </Spin>\n    </div>\n  );\n};\n\nexport default UserGroupSelection;\n"],"mappings":"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"}