@baishuyun/ui-business 4.0.0 → 4.1.0

package/dist/DeptsMember/DeptsMember-BNuoQ8y4.js

@@ -0,0 +1,865 @@
+import { jsx as e, jsxs as h } from "react/jsx-runtime";
+import { c as C } from "../vendors/clsx.js";
+import { u as U, D as be } from "./useDeptsMemberSelector-D3rvDuVf.js";
+import { Avatar as W, Button as F, Spin as ce } from "antd";
+import { forwardRef as ye, useRef as O, useImperativeHandle as fe, useState as D, useEffect as j, useMemo as le, useCallback as ge } from "react";
+import { Icon as P, Tree as oe } from "@baishuyun/ui-base";
+import { createPortal as ve } from "react-dom";
+import { AnimatePresence as Z, motion as ee } from "motion/react";
+import { useToggle as we, useControllableValue as _e, useRequest as z } from "ahooks";
+import { a as de, E as v, M as xe, T as ke, P as Ne, G as te, b as Se } from "./TabGroup-DZC7i-Yr.js";
+import { S as X } from "../vendors/simplebar-react.js";
+import { u as H } from "../vendors/useLocale.js";
+import { getColorByName as J, findNodeInTree as se } from "./utils/index.js";
+import { n as Ee, d as Ie } from "../vendors/lodash-es.js";
+import { useDeptUserTabItems as Te } from "./subcomponents/Entity/DeptsUser/index.js";
+import { useMemberTabItems as Ce } from "./subcomponents/Entity/Member/index.js";
+import { useDepartmentTabItems as Re } from "./subcomponents/Entity/Department/index.js";
+import { g as De, a as Pe } from "../vendors/services/data/outsider.service.js";
+import { g as Me } from "../vendors/services/data/member_limit.service.js";
+import { g as Ae } from "../vendors/services/data/member.service.js";
+import { produce as Oe } from "immer";
+const E = {
+  "selection-area": "_selection-area_7ti3u_1",
+  "selection-area__container": "_selection-area__container_7ti3u_4",
+  "selection-area__container--expanded": "_selection-area__container--expanded_7ti3u_11",
+  "selection-area__container--animating": "_selection-area__container--animating_7ti3u_14",
+  "selection-area__body": "_selection-area__body_7ti3u_19",
+  "selection-area__body--expanded": "_selection-area__body--expanded_7ti3u_26",
+  "selection-area__scroll-gutter": "_selection-area__scroll-gutter_7ti3u_34",
+  "selection-area__scroll": "_selection-area__scroll_7ti3u_34",
+  "selection-area__button": "_selection-area__button_7ti3u_41",
+  "selection-area__mask": "_selection-area__mask_7ti3u_61"
+}, Ue = "bsy_dept_member", He = "preset_bsy_dept_member";
+function Le(s, r) {
+  try {
+    const a = s.includes("-relationSub-") ? "relationSub" : s.includes("-relationUser-") ? "relationUser" : s.includes("-relation-") ? "relation" : null;
+    if (!a)
+      return r;
+    const _ = s.split("-")[0];
+    let t;
+    const l = sessionStorage.getItem(He);
+    if (l && (t = JSON.parse(l).find((p) => String(p._id) === _)), !t) {
+      const d = sessionStorage.getItem(Ue);
+      d && (t = JSON.parse(d).find((y) => String(y._id) === _));
+    }
+    if (!t)
+      return r;
+    switch (a) {
+      case "relationSub":
+        return `${t.name}及子部门 - ${r}`;
+      case "relation":
+        return `${t.name} - ${r}`;
+      case "relationUser":
+        return `${t.nickname} - ${r}`;
+      default:
+        return r;
+    }
+  } catch (a) {
+    return console.error("获取关联节点名称时发生错误:", a), r;
+  }
+}
+const w = {
+  "preview-selected-items": "_preview-selected-items_184kl_1",
+  "preview-selected-items--measure": "_preview-selected-items--measure_184kl_4",
+  "preview-selected-items__list": "_preview-selected-items__list_184kl_16",
+  "preview-selected-items__item": "_preview-selected-items__item_184kl_23",
+  "preview-selected-items__item--user": "_preview-selected-items__item--user_184kl_34",
+  "preview-selected-items__item--department": "_preview-selected-items__item--department_184kl_37",
+  "preview-selected-items__item--relation": "_preview-selected-items__item--relation_184kl_40",
+  "preview-selected-items__item--public": "_preview-selected-items__item--public_184kl_43",
+  "preview-selected-items__content": "_preview-selected-items__content_184kl_46",
+  "preview-selected-items__text": "_preview-selected-items__text_184kl_52",
+  "preview-selected-items__name": "_preview-selected-items__name_184kl_57",
+  "preview-selected-items__badge": "_preview-selected-items__badge_184kl_64",
+  "preview-selected-items__close": "_preview-selected-items__close_184kl_69",
+  "preview-selected-items__more": "_preview-selected-items__more_184kl_83",
+  "preview-selected-items__more-button": "_preview-selected-items__more-button_184kl_89"
+}, ae = ye(
+  (s, r) => {
+    const {
+      isMeasure: a = !1,
+      showEllipsisButton: i = !1,
+      onToggle: _,
+      hiddenCount: t = 0,
+      previewCount: l = 0
+    } = s, { t: d } = H(), { value: p = [], setValue: y, type: o } = U(), b = O(null), u = O(null), g = {
+      dockcorp: d("department.externalContactGroup"),
+      dockcorpdept: d("department.contact")
+    }, x = (m) => y?.(p.filter((S) => S._id !== m));
+    return fe(r, () => ({
+      measureRef: b.current,
+      ellipsisButtonRef: u.current
+    })), /* @__PURE__ */ e(
+      "div",
+      {
+        className: C(w["preview-selected-items"], {
+          [w["preview-selected-items--measure"]]: a
+        }),
+        children: /* @__PURE__ */ h(
+          "ul",
+          {
+            className: w["preview-selected-items__list"],
+            ref: a ? b : void 0,
+            "data-role": a ? "measure-list" : "preview-list",
+            children: [
+              p.slice(0, l)?.map((m, S) => {
+                const R = m.name || m.nickname, c = m.type ? m.type : Object.prototype.hasOwnProperty.call(m, "departmentId") ? null : "group", n = ["relation", "relationSub", "relationUser"].some(
+                  (B) => m._id.includes(B)
+                ), f = n ? Le(m._id, R) : R, L = n ? "relation" : c, M = !!m.nickname;
+                return /* @__PURE__ */ h(
+                  "li",
+                  {
+                    className: C(w["preview-selected-items__item"], {
+                      [w["preview-selected-items__item--user"]]: [
+                        v.USER,
+                        v.USER_GROUP
+                      ].includes(o),
+                      [w["preview-selected-items__item--department"]]: [
+                        v.DEPARMENT,
+                        v.DEPARMENT_GROUP
+                      ].includes(o),
+                      [w["preview-selected-items__item--relation"]]: n,
+                      [w["preview-selected-items__item--public"]]: m.type === "public"
+                    }),
+                    children: [
+                      /* @__PURE__ */ e("div", { className: w["preview-selected-items__content"], children: M ? m.avatarurl ? /* @__PURE__ */ e(W, { src: m.avatarurl, size: 20 }) : /* @__PURE__ */ e(
+                        W,
+                        {
+                          style: {
+                            backgroundColor: J(f),
+                            fontSize: "12px",
+                            lineHeight: "13px",
+                            width: "20px",
+                            height: "20px"
+                          },
+                          children: f?.charAt(0) || "?"
+                        }
+                      ) : /* @__PURE__ */ e(de, { type: L }) }),
+                      /* @__PURE__ */ h("div", { className: w["preview-selected-items__text"], "data-type": m.type, children: [
+                        /* @__PURE__ */ e("span", { className: w["preview-selected-items__name"], title: f, children: f }),
+                        m.type === "dockcorpdept" || m.type === "dockcorp" ? /* @__PURE__ */ h("span", { className: w["preview-selected-items__badge"], children: [
+                          "（",
+                          g[m.type],
+                          "）"
+                        ] }) : null
+                      ] }),
+                      /* @__PURE__ */ e(
+                        "div",
+                        {
+                          role: "button",
+                          className: w["preview-selected-items__close"],
+                          onClick: a ? Ee : () => x(m._id),
+                          children: /* @__PURE__ */ e(P, { name: "close", color: "#666" })
+                        }
+                      )
+                    ]
+                  },
+                  S
+                );
+              }),
+              i && !a && /* @__PURE__ */ e(
+                "li",
+                {
+                  ref: u,
+                  className: w["preview-selected-items__more"],
+                  "data-button": "ellipsis-button",
+                  children: /* @__PURE__ */ h(
+                    "div",
+                    {
+                      role: "button",
+                      className: w["preview-selected-items__more-button"],
+                      onClick: () => {
+                        _?.();
+                      },
+                      children: [
+                        /* @__PURE__ */ e("span", { children: d("common.viewAll", { count: t }) }),
+                        /* @__PURE__ */ e(P, { name: "arrow-down" })
+                      ]
+                    }
+                  )
+                }
+              )
+            ]
+          }
+        )
+      }
+    );
+  }
+), Ge = () => {
+  const { value: s = [], type: r } = U(), { t: a } = H(), [i, _] = D(0), [t, { toggle: l }] = we(!1), [d, p] = D(!1), [y, o] = D(null), b = O(null), u = O(null), g = [v.DEPARMENT, v.USER].includes(r) ? xe : ke;
+  j(() => {
+    t && p(!0);
+  }, [t]);
+  const x = () => {
+    t || p(!1);
+  }, [m, S] = D(!1);
+  j(() => {
+    if (!b.current || !u.current) return;
+    const f = () => {
+      requestAnimationFrame(() => {
+        if (S(!1), !b.current || !u.current) return;
+        const M = b.current.clientWidth, B = u.current.querySelector('[data-role="measure-list"]'), A = B ? B.querySelectorAll("li") : [], pe = u.current.querySelector(
+          '[data-button="ellipsis-button"]'
+        );
+        if (A.length === 0) {
+          _(s.length);
+          return;
+        }
+        if (A.length !== s.length) {
+          console.warn("DOM not fully updated, retrying..."), requestAnimationFrame(() => f());
+          return;
+        }
+        let V = 0, Y = 0, G = 0, $ = 0;
+        for (; $ < A.length; ) {
+          const K = A[$].clientWidth + te;
+          if (G + K <= M)
+            G += K, V = $ + 1, $++;
+          else
+            break;
+        }
+        Y = $, G = 0;
+        const ue = pe?.offsetWidth || Se;
+        for (let q = Y; q < A.length; q++) {
+          const Q = A[q].clientWidth + te, he = ue;
+          if (G + Q + he < M)
+            G += Q, V = q + 1;
+          else {
+            S(!0);
+            break;
+          }
+        }
+        i !== V && _(V);
+      });
+    };
+    f();
+  }, [s]);
+  const R = s.length - i, c = m && !t, n = le(() => t && u?.current?.querySelector('[data-role="measure-list"]')?.clientHeight || g, [g, t]);
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: E["selection-area"],
+      style: {
+        height: d ? `${Ne}px` : "auto"
+      },
+      children: /* @__PURE__ */ h(
+        "div",
+        {
+          className: C(E["selection-area__container"], {
+            [E["selection-area__container--expanded"]]: t,
+            [E["selection-area__container--animating"]]: d
+          }),
+          children: [
+            /* @__PURE__ */ h(
+              "div",
+              {
+                className: C(E["selection-area__body"], {
+                  [E["selection-area__body--expanded"]]: t
+                }),
+                ref: u,
+                children: [
+                  /* @__PURE__ */ e(ae, { isMeasure: !0, previewCount: s.length }),
+                  /* @__PURE__ */ e(X, { style: { maxHeight: "400px" }, children: /* @__PURE__ */ e("div", { className: E["selection-area__scroll-gutter"], children: /* @__PURE__ */ e(
+                    "div",
+                    {
+                      className: E["selection-area__scroll"],
+                      ref: b,
+                      style: {
+                        height: n + "px"
+                      },
+                      children: /* @__PURE__ */ e(
+                        ae,
+                        {
+                          previewCount: t ? s.length : i,
+                          showEllipsisButton: c,
+                          hiddenCount: R,
+                          onToggle: () => {
+                            const f = document.querySelector('[data-teleport="DeptsMember"]');
+                            o(f), l();
+                          }
+                        }
+                      )
+                    }
+                  ) }) })
+                ]
+              }
+            ),
+            y && ve(
+              /* @__PURE__ */ e(Z, { children: t && /* @__PURE__ */ e(
+                ee.div,
+                {
+                  className: E["selection-area__mask"],
+                  initial: { opacity: 0, backdropFilter: "blur(0px)" },
+                  animate: { opacity: 1, backdropFilter: "blur(.5px)" },
+                  exit: { opacity: 0, backdropFilter: "blur(0px)" },
+                  transition: { duration: 0.3, ease: "easeIn" },
+                  onAnimationComplete: x
+                }
+              ) }),
+              y
+            ),
+            /* @__PURE__ */ e(Z, { mode: "wait", children: t && /* @__PURE__ */ e(
+              ee.div,
+              {
+                className: E["selection-area__button"],
+                initial: { opacity: 1 },
+                exit: { opacity: 0 },
+                transition: { duration: 0.3 },
+                onAnimationComplete: x,
+                children: /* @__PURE__ */ h(F, { type: "link", onClick: () => l(), children: [
+                  a("common.collapseAll"),
+                  /* @__PURE__ */ e(P, { name: "arrow-up" })
+                ] })
+              }
+            ) })
+          ]
+        }
+      )
+    }
+  );
+}, I = {
+  "selection-tab-list": "_selection-tab-list_ujxba_1",
+  "selection-tab-list__tabs-wrapper": "_selection-tab-list__tabs-wrapper_ujxba_8",
+  "selection-tab-list__tabs": "_selection-tab-list__tabs_ujxba_8",
+  "selection-tab-list__indicator": "_selection-tab-list__indicator_ujxba_18",
+  "selection-tab-list__item": "_selection-tab-list__item_ujxba_25",
+  "selection-tab-list__item--active": "_selection-tab-list__item--active_ujxba_35",
+  "selection-tab-list__search": "_selection-tab-list__search_ujxba_38",
+  "selection-tab-list__search-field": "_selection-tab-list__search-field_ujxba_43",
+  "selection-tab-list__input": "_selection-tab-list__input_ujxba_47",
+  "selection-tab-list__search-icon": "_selection-tab-list__search-icon_ujxba_64"
+}, $e = (s) => {
+  const [r, a] = _e(s, {
+    defaultValue: s.tabs.length ? s.tabs[0].key : void 0
+  }), [i, _] = D(""), t = O(/* @__PURE__ */ new Map()), [l, d] = D({
+    width: 0,
+    transform: "translateX(0)"
+  }), p = O(Ie((o) => s.onSearch?.(o), 250)).current;
+  j(() => () => {
+    p.cancel();
+  }, [p]);
+  const y = (o) => {
+    const b = t.current.get(o);
+    if (b) {
+      const { width: u, left: g } = b.getBoundingClientRect(), x = b.parentElement?.getBoundingClientRect().left || 0;
+      d({
+        width: u,
+        transform: `translateX(${g - x}px)`
+      });
+    }
+  };
+  return j(() => {
+    r && y(r);
+  }, [r]), j(() => {
+    const o = s.tabs.length ? s.tabs[0].key : void 0;
+    o && y(o);
+  }, [s.tabs]), /* @__PURE__ */ h("div", { className: I["selection-tab-list"], children: [
+    /* @__PURE__ */ h("div", { className: I["selection-tab-list__tabs-wrapper"], children: [
+      /* @__PURE__ */ e(
+        "div",
+        {
+          className: I["selection-tab-list__indicator"],
+          style: {
+            width: `${l.width}px`,
+            transform: l.transform
+          }
+        }
+      ),
+      /* @__PURE__ */ e("ul", { className: I["selection-tab-list__tabs"], children: s.tabs.map((o) => /* @__PURE__ */ e(
+        "li",
+        {
+          ref: (b) => {
+            b && t.current.set(o.key, b);
+          },
+          onClick: () => a(o.key),
+          className: C(I["selection-tab-list__item"], {
+            [I["selection-tab-list__item--active"]]: r === o.key
+          }),
+          children: o.label
+        },
+        o.key
+      )) })
+    ] }),
+    /* @__PURE__ */ e("div", { className: I["selection-tab-list__search"], children: /* @__PURE__ */ h("div", { className: I["selection-tab-list__search-field"], children: [
+      /* @__PURE__ */ e(
+        "input",
+        {
+          type: "text",
+          value: i,
+          onChange: (o) => {
+            _(o.target.value), p(o.target.value);
+          },
+          placeholder: s.searchPlaceholder,
+          className: I["selection-tab-list__input"]
+        }
+      ),
+      /* @__PURE__ */ e(P, { name: "search", className: I["selection-tab-list__search-icon"] })
+    ] }) })
+  ] });
+}, qe = {
+  "selection-tab-panel": "_selection-tab-panel_f6iav_1"
+}, je = (s) => {
+  const { containerHeight: r } = U();
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: C(qe["selection-tab-panel"]),
+      style: {
+        height: r + "px"
+      },
+      children: s.children
+    }
+  );
+}, Be = {
+  "selection-tabs": "_selection-tabs_88491_1"
+}, N = {
+  "member-search": "_member-search_162pf_1",
+  "member-search__tree-wrapper": "_member-search__tree-wrapper_162pf_6",
+  "member-search__tree-content": "_member-search__tree-content_162pf_9",
+  "member-search__tree-title": "_member-search__tree-title_162pf_12",
+  "member-search__tree-name": "_member-search__tree-name_162pf_20",
+  "member-search__tree-extra": "_member-search__tree-extra_162pf_27",
+  "member-search__switch-icon": "_member-search__switch-icon_162pf_36",
+  "member-search__switch-icon--expanded": "_member-search__switch-icon--expanded_162pf_41",
+  "member-search__empty": "_member-search__empty_162pf_44",
+  "member-search__empty-text": "_member-search__empty-text_162pf_51"
+}, re = ({ avatarurl: s, randomColor: r, name: a, extra: i }) => /* @__PURE__ */ h("div", { className: N["member-search__tree-title"], children: [
+  s ? /* @__PURE__ */ e(W, { src: s, size: 20, style: { flexShrink: 0 } }) : /* @__PURE__ */ e(
+    W,
+    {
+      style: {
+        backgroundColor: r,
+        fontSize: "12px",
+        lineHeight: "13px",
+        width: "20px",
+        height: "20px",
+        flexShrink: 0
+      },
+      children: a.charAt(0)
+    }
+  ),
+  /* @__PURE__ */ e("span", { className: N["member-search__tree-name"], children: a }),
+  i
+] }), Ve = (s) => {
+  const { type: r, dispatch: a, value: i, containerHeight: _ } = U(), { t } = H(), { data: l, loading: d } = z(
+    () => De({
+      groupLimit: [],
+      memberLimit: [],
+      limit: 100,
+      skip: 0,
+      key: s.wd
+    }),
+    {
+      refreshDeps: [s.wd]
+    }
+  ), { data: p, loading: y } = z(
+    () => Me({
+      key: s.wd,
+      limit: 100,
+      skip: 0,
+      hasLimit: !1
+    }),
+    {
+      refreshDeps: [s.wd]
+    }
+  ), o = l?.list || [], b = p?.dock_user_list || [], u = p?.users || [], g = [
+    {
+      title: t("externalContact.title"),
+      value: "waibulianxiren",
+      children: o.map((c) => {
+        const n = c.nickname || c.name, f = J(n);
+        return {
+          ...c,
+          title: /* @__PURE__ */ e(
+            re,
+            {
+              avatarurl: c.avatarurl,
+              randomColor: f,
+              name: n,
+              extra: /* @__PURE__ */ h("span", { className: N["member-search__tree-extra"], children: [
+                "(",
+                t("externalContact.title"),
+                "：",
+                c.groupname,
+                ")"
+              ] })
+            }
+          ),
+          value: c._id
+        };
+      })
+    },
+    {
+      title: t("member.title"),
+      value: "chengyuan",
+      children: [...u, ...b].map((c) => {
+        const n = c.nickname || c.name, f = J(n);
+        return {
+          ...c,
+          title: /* @__PURE__ */ e(
+            re,
+            {
+              avatarurl: c.avatarurl,
+              randomColor: f,
+              name: n,
+              extra: /* @__PURE__ */ e("span", { className: N["member-search__tree-extra"], children: c.user_type === "dock_user" ? `(${t("department.external")}：${c.dock_corpname})` : c.deptnames })
+            }
+          ),
+          value: c._id
+        };
+      })
+    }
+  ].filter((c) => c.children.length), x = g.map((c) => c.value), m = y || d, S = (c) => {
+    if (v.USER === r) {
+      const n = se(c, g);
+      n && a({
+        type: "insertOnly",
+        payload: {
+          ...n
+        }
+      });
+    }
+    if (v.USER_GROUP === r) {
+      const n = se(c, g);
+      a({
+        type: "addOne",
+        payload: {
+          ...n
+        }
+      });
+    }
+  }, R = (c) => {
+    v.USER !== r && a({
+      type: "deleteOne",
+      payload: c
+    });
+  };
+  return /* @__PURE__ */ h("div", { className: N["member-search"], children: [
+    /* @__PURE__ */ e(ce, { spinning: m, children: /* @__PURE__ */ e(
+      X,
+      {
+        style: { height: _ - 8 },
+        className: N["member-search__tree-wrapper"],
+        children: g.length && !m ? /* @__PURE__ */ e("div", { className: N["member-search__tree-content"], children: /* @__PURE__ */ e(
+          oe,
+          {
+            data: g,
+            checkType: r === v.USER ? "radio" : "checkbox",
+            defaultSelectedKeys: i?.map((c) => c._id),
+            defaultExpandedKeys: x,
+            switcherIcon: (c) => /* @__PURE__ */ e(
+              P,
+              {
+                name: "xiangxiazhankai-11",
+                className: C(N["member-search__switch-icon"], {
+                  [N["member-search__switch-icon--expanded"]]: c
+                })
+              }
+            ),
+            onSelect: S,
+            onDeSelect: R
+          }
+        ) }) : null
+      }
+    ) }),
+    !g.length && !m && /* @__PURE__ */ e("div", { className: N["member-search__empty"], children: /* @__PURE__ */ e("span", { className: N["member-search__empty-text"], children: t("member.noAvailable") }) })
+  ] });
+}, k = {
+  "department-search": "_department-search_i1rya_1",
+  "department-search__scroll": "_department-search__scroll_i1rya_5",
+  "department-search__tree-content": "_department-search__tree-content_i1rya_8",
+  "department-search__title": "_department-search__title_i1rya_11",
+  "department-search__name": "_department-search__name_i1rya_16",
+  "department-search__extra": "_department-search__extra_i1rya_23",
+  "department-search__icon": "_department-search__icon_i1rya_31",
+  "department-search__switch-icon": "_department-search__switch-icon_i1rya_34",
+  "department-search__switch-icon--expanded": "_department-search__switch-icon--expanded_i1rya_39",
+  "department-search__empty": "_department-search__empty_i1rya_42",
+  "department-search__empty-text": "_department-search__empty-text_i1rya_49"
+}, me = (s) => {
+  const { type: r, value: a, dispatch: i, containerHeight: _ } = U(), { t } = H(), { data: l, loading: d } = z(
+    () => Ae({
+      departmentLimit: [],
+      key: s.wd
+    }),
+    {
+      refreshDeps: [s.wd]
+    }
+  ), { data: p, loading: y } = z(
+    () => Pe()
+  ), o = p?.list || [], b = l?.departments || [], u = (l?.label_corp_list || []).filter((n) => n.type !== "dockcorpdept"), g = [...b, ...u].filter((n) => n.type !== "label"), x = [
+    {
+      title: t("externalContact.group"),
+      _id: "waibulianxiren",
+      children: o.filter((n) => n.status === 1 && n.name?.includes(s.wd)).map((n) => ({
+        ...n,
+        title: /* @__PURE__ */ h("span", { className: k["department-search__title"], children: [
+          /* @__PURE__ */ e(de, { type: "group", size: 16 }),
+          /* @__PURE__ */ e("span", { className: k["department-search__name"], children: n.name })
+        ] })
+      }))
+    },
+    {
+      title: t("department.title"),
+      _id: "bumen",
+      children: g.map((n) => ({
+        ...n,
+        title: /* @__PURE__ */ h("span", { className: k["department-search__title"], children: [
+          /* @__PURE__ */ e(P, { name: "dept-one", className: k["department-search__icon"], size: 16 }),
+          /* @__PURE__ */ e("span", { className: k["department-search__name"], children: n.name }),
+          ["dockdept", "dockcorp", "dockcorpdept"].includes(n.type) && /* @__PURE__ */ h("span", { className: k["department-search__extra"], children: [
+            "(",
+            t("department.external"),
+            ")"
+          ] })
+        ] })
+      }))
+    }
+  ].filter((n) => n.children.length), m = x.map((n) => n._id), S = (n, f) => {
+    if (!f)
+      return;
+    if (r === v.DEPARMENT) {
+      i({
+        type: "insertOnly",
+        payload: {
+          ...f,
+          type: f.departmentId ? "dockdept" : "group"
+        }
+      });
+      return;
+    }
+    const L = o.some((M) => M._id === f._id);
+    i({
+      type: "addOne",
+      payload: {
+        ...f,
+        _id: f._id,
+        type: L ? "group" : "dockdept"
+      }
+    });
+  }, R = (n) => {
+    i({
+      type: "deleteOne",
+      payload: n
+    });
+  }, c = d || y;
+  return /* @__PURE__ */ h("div", { className: k["department-search"], children: [
+    /* @__PURE__ */ e(ce, { spinning: c, children: /* @__PURE__ */ e(
+      X,
+      {
+        style: { height: _ - 8 },
+        className: k["department-search__scroll"],
+        children: x.length && !c ? /* @__PURE__ */ e("div", { className: k["department-search__tree-content"], children: /* @__PURE__ */ e(
+          oe,
+          {
+            data: x,
+            checkType: r === v.DEPARMENT ? "radio" : "checkbox",
+            selectedKeys: a?.map((n) => n._id),
+            fieldNames: {
+              title: "title",
+              children: "children",
+              value: "_id"
+            },
+            defaultExpandedKeys: m,
+            switcherIcon: (n) => /* @__PURE__ */ e(
+              P,
+              {
+                name: "xiangxiazhankai-11",
+                className: C(k["department-search__switch-icon"], {
+                  [k["department-search__switch-icon--expanded"]]: n
+                })
+              }
+            ),
+            onSelect: S,
+            onDeSelect: R
+          }
+        ) }) : null
+      }
+    ) }),
+    !x.length && !c && /* @__PURE__ */ e("div", { className: k["department-search__empty"], children: /* @__PURE__ */ e("span", { className: k["department-search__empty-text"], children: t("department.noAvailable") }) })
+  ] });
+}, ne = ({ wd: s, t: r, memberTabItems: a }) => ({
+  raw: /* @__PURE__ */ e(Ve, { wd: s }),
+  placeholder: r("tabs.searchMember"),
+  tabItems: a
+}), ie = ({
+  wd: s,
+  t: r,
+  departmentTabItems: a
+}) => ({
+  raw: /* @__PURE__ */ e(me, { wd: s }),
+  placeholder: r("tabs.searchDepartment"),
+  tabItems: a
+}), We = ({
+  wd: s,
+  t: r,
+  deptUserTabItems: a
+}) => ({
+  raw: /* @__PURE__ */ e(me, { wd: s }),
+  placeholder: r("common.searchPlaceholder"),
+  tabItems: a
+}), ze = {
+  user: ne,
+  usergroup: ne,
+  dept: ie,
+  deptgroup: ie,
+  deptusers: We
+}, Ke = (s, r) => {
+  const a = Ce(), i = Re(), _ = Te(), { t } = H(), l = ze[s];
+  if (!l)
+    throw new Error(`No search strategy found for type: ${s}`);
+  return {
+    config: l({
+      wd: r,
+      t,
+      memberTabItems: a,
+      departmentTabItems: i,
+      deptUserTabItems: _
+    })
+  };
+}, Fe = () => {
+  const { type: s } = U(), [r, a] = D(), { config: i } = Ke(s, r), { tabItems: _ } = i, [t, l] = D(_[0].key), d = (u) => {
+    l(u), a(void 0);
+  }, p = _.find((u) => u.key === t)?.view, y = (u) => {
+    if (!u.trim().length) {
+      a(void 0);
+      return;
+    }
+    a(u);
+  }, o = r ? i.raw : p, b = i.placeholder;
+  return /* @__PURE__ */ h("div", { className: C(Be["selection-tabs"]), children: [
+    /* @__PURE__ */ e(
+      $e,
+      {
+        value: t,
+        onChange: d,
+        onSearch: y,
+        tabs: _,
+        searchPlaceholder: b
+      }
+    ),
+    /* @__PURE__ */ e(je, { children: o })
+  ] });
+}, Je = (s, r) => Oe(s, (a) => {
+  switch (r.type) {
+    case "addOne": {
+      const i = r.payload;
+      ~a.findIndex((t) => t._id === i._id) || a.push(i);
+      break;
+    }
+    case "addMany": {
+      r.payload.forEach((i) => {
+        ~a.findIndex((t) => t._id === i._id) || a.push(i);
+      });
+      break;
+    }
+    case "removeMany": {
+      const i = r.payload;
+      a.filter((t) => i.includes(t._id)).forEach((t) => {
+        const l = a.findIndex((d) => d._id === t._id);
+        ~l && a.splice(l, 1);
+      });
+      break;
+    }
+    case "removeAll": {
+      a.splice(0, a.length);
+      break;
+    }
+    case "insertOnly": {
+      const i = r.payload;
+      a.length && (a.length = 0), a.push(i);
+      break;
+    }
+    case "deleteOne": {
+      const i = r.payload, _ = a.findIndex((t) => t._id === i);
+      ~_ && a.splice(_, 1);
+      break;
+    }
+    // 插入新元素 & 删除旧元素
+    case "deleteAndInsert": {
+      const { newItems: i, oldIds: _ } = r.payload;
+      _.forEach((t) => {
+        const l = a.findIndex((d) => d._id === t);
+        ~l && a.splice(l, 1);
+      }), i.forEach((t) => {
+        ~a.findIndex((d) => d._id === t._id) || a.push(t);
+      });
+    }
+  }
+}), T = {
+  "depts-member": "_depts-member_1yeqk_1",
+  "depts-member__body": "_depts-member__body_1yeqk_6",
+  "depts-member__content": "_depts-member__content_1yeqk_9",
+  "depts-member__footer": "_depts-member__footer_1yeqk_15",
+  "depts-member__clear-area": "_depts-member__clear-area_1yeqk_20",
+  "depts-member__clear-button": "_depts-member__clear-button_1yeqk_24",
+  "depts-member__actions": "_depts-member__actions_1yeqk_35",
+  "depts-member__cancel-button": "_depts-member__cancel-button_1yeqk_42",
+  "depts-member__confirm-button": "_depts-member__confirm-button_1yeqk_45"
+}, yt = (s) => {
+  const { onCancel: r, onConfirm: a, onChange: i, defaultValue: _, type: t = "user", currentUser: l } = s, { t: d } = H(), [p, y] = _e(s, {
+    defaultValue: _ || []
+  }), o = ge(
+    (u) => {
+      const g = Je(p, u);
+      y(g), i?.(g);
+    },
+    [y, p, i]
+  ), b = le(() => ({
+    type: t,
+    value: p,
+    setValue: y,
+    dispatch: o,
+    currentUser: l,
+    auth: {
+      publicPermissionEnable: s.auth?.publicPermissionEnable || !1,
+      managerPermissionEnable: s.auth?.managerPermissionEnable || !1
+    },
+    containerHeight: [v.USER_GROUP, v.DEPARMENT_GROUP].includes(t) ? 355 : 395
+  }), [
+    t,
+    p,
+    y,
+    o,
+    l,
+    s.auth?.publicPermissionEnable,
+    s.auth?.managerPermissionEnable
+  ]);
+  return /* @__PURE__ */ h("div", { className: T["depts-member"], children: [
+    /* @__PURE__ */ e("div", { className: T["depts-member__body"], children: /* @__PURE__ */ e("div", { className: T["depts-member__content"], "data-teleport": "DeptsMember", children: /* @__PURE__ */ h(be.Provider, { value: b, children: [
+      /* @__PURE__ */ e(Ge, {}),
+      /* @__PURE__ */ e(Fe, {})
+    ] }) }) }),
+    /* @__PURE__ */ h("div", { className: T["depts-member__footer"], children: [
+      [v.DEPARMENT_GROUP, v.USER_GROUP].includes(t) && /* @__PURE__ */ e("div", { className: T["depts-member__clear-area"], children: /* @__PURE__ */ h(
+        "div",
+        {
+          className: T["depts-member__clear-button"],
+          onClick: () => {
+            y([]);
+          },
+          children: [
+            /* @__PURE__ */ e(P, { name: "clearTree", size: 20, style: { verticalAlign: "sub" } }),
+            /* @__PURE__ */ e("span", { children: d("common.clearAll") })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ h("div", { className: T["depts-member__actions"], children: [
+        /* @__PURE__ */ e(F, { onClick: r, className: T["depts-member__cancel-button"], children: d("common.cancel") }),
+        /* @__PURE__ */ e(
+          F,
+          {
+            type: "primary",
+            className: T["depts-member__confirm-button"],
+            onClick: () => a?.(p),
+            children: d("common.confirm")
+          }
+        )
+      ] })
+    ] })
+  ] });
+};
+export {
+  yt as D,
+  Le as g
+};