@baishuyun/ui-business 3.0.4 → 4.0.2

package/dist/DeptsMember/DeptsMember-CzJqr_LX.js

@@ -1,721 +0,0 @@
-import { jsx as e, jsxs as u, Fragment as F } from "react/jsx-runtime";
-import { c as N } from "../vendors/clsx.js";
-import { u as C, a as D, b as te, E as g, M as de, T as me, P as pe, G as K, c as ue, D as he } from "./TabGroup-wNM86-Zq.js";
-import { Avatar as H, Button as V, Spin as ne } from "antd";
-import { forwardRef as fe, useRef as T, useImperativeHandle as be, useState as S, useEffect as A, useMemo as ae, useCallback as ye } from "react";
-import { Icon as E, Tree as se } from "bsy-react-ui";
-import { createPortal as xe } from "react-dom";
-import { AnimatePresence as $, motion as X } from "motion/react";
-import { useToggle as ge, useControllableValue as re, useRequest as L } from "ahooks";
-import { S as z } from "../vendors/simplebar-react.js";
-import { CloseOutlined as ve } from "@ant-design/icons";
-import { getColorByName as W, findNodeInTree as J } from "./utils/index.js";
-import { n as _e, d as Ne } from "../vendors/lodash-es.js";
-import { useDeptUserTabItems as we } from "./subcomponents/Entity/DeptsUser/index.js";
-import { useMemberTabItems as ke } from "./subcomponents/Entity/Member/index.js";
-import { useDepartmentTabItems as Se } from "./subcomponents/Entity/Department/index.js";
-import { g as Ee, a as Ie } from "../vendors/services/data/outsider.service.js";
-import { g as Te } from "../vendors/services/data/member_limit.service.js";
-import { g as Ce } from "../vendors/services/data/member.service.js";
-import { produce as De } from "immer";
-const Q = fe(
-  (a, s) => {
-    const {
-      isMeasure: n = !1,
-      showEllipsisButton: i = !1,
-      onToggle: d,
-      hiddenCount: t = 0,
-      previewCount: c = 0
-    } = a, { t: m } = C(), { value: h = [], setValue: x, type: o } = D(), f = [g.DEPARMENT_GROUP, g.DEPARMENT].includes(o), p = T(null), y = T(null), _ = {
-      dockcorp: m("department.externalContactGroup"),
-      dockcorpdept: m("department.contact")
-    }, w = (b) => x?.(h.filter((k) => k._id !== b));
-    return be(s, () => ({
-      measureRef: p.current,
-      ellipsisButtonRef: y.current
-    })), /* @__PURE__ */ e(
-      "div",
-      {
-        className: N({
-          "measure-list": n
-        }),
-        children: /* @__PURE__ */ u("ul", { className: "entity-list", ref: n ? p : void 0, "data-role": "measure-list", children: [
-          h.slice(0, c)?.map((b, k) => {
-            const l = b.name || b.nickname, r = b.type ? b.type : Object.prototype.hasOwnProperty.call(b, "departmentId") ? null : "group";
-            return /* @__PURE__ */ u(
-              "li",
-              {
-                className: N("entity-item", {
-                  "entity-item--user": [g.USER, g.USER_GROUP].includes(o),
-                  "entity-item--department": [g.DEPARMENT, g.DEPARMENT_GROUP].includes(
-                    o
-                  )
-                }),
-                children: [
-                  /* @__PURE__ */ e("div", { className: "entity-item__content", children: f ? /* @__PURE__ */ e(te, { type: r }) : b.avatarurl ? /* @__PURE__ */ e(H, { src: b.avatarurl, size: 20 }) : /* @__PURE__ */ e(
-                    H,
-                    {
-                      style: {
-                        backgroundColor: W(l),
-                        fontSize: "12px",
-                        lineHeight: "13px",
-                        width: "20px",
-                        height: "20px"
-                      },
-                      children: l?.charAt(0) || "?"
-                    }
-                  ) }),
-                  /* @__PURE__ */ u("div", { className: "entity-item__text", "data-type": b.type, children: [
-                    /* @__PURE__ */ e("span", { className: "entity-item__name", children: l }),
-                    b.type === "dockcorpdept" || b.type === "dockcorp" ? /* @__PURE__ */ u("span", { className: "entity-item__badge", children: [
-                      "（",
-                      _[b.type],
-                      "）"
-                    ] }) : null
-                  ] }),
-                  /* @__PURE__ */ e(
-                    "div",
-                    {
-                      role: "button",
-                      className: "entity-item__close",
-                      onClick: n ? _e : () => w(b._id),
-                      children: /* @__PURE__ */ e(ve, {})
-                    }
-                  )
-                ]
-              },
-              k
-            );
-          }),
-          i && !n && /* @__PURE__ */ e("li", { ref: y, className: "entity-list__more", "data-button": "ellipsis-button", children: /* @__PURE__ */ u(
-            "div",
-            {
-              role: "button",
-              className: "entity-list__more-button",
-              onClick: () => {
-                d?.();
-              },
-              children: [
-                /* @__PURE__ */ e("span", { children: m("common.viewAll", { count: t }) }),
-                /* @__PURE__ */ e(E, { name: "arrow-down" })
-              ]
-            }
-          ) })
-        ] })
-      }
-    );
-  }
-), Re = () => {
-  const { value: a = [], type: s } = D(), { t: n } = C(), [i, d] = S(0), [t, { toggle: c }] = ge(!1), [m, h] = S(!1), [x, o] = S(null), f = T(null), p = T(null), y = [g.DEPARMENT, g.USER].includes(s) ? de : me;
-  A(() => {
-    t && h(!0);
-  }, [t]);
-  const _ = () => {
-    t || h(!1);
-  }, [w, b] = S(!1);
-  A(() => {
-    if (!f.current || !p.current) return;
-    const v = () => {
-      requestAnimationFrame(() => {
-        if (b(!1), !f.current || !p.current) return;
-        const O = f.current.clientWidth, I = p.current.querySelectorAll(".measure-list li"), le = p.current.querySelector(
-          '[data-button="ellipsis-button"]'
-        );
-        if (I.length === 0) {
-          d(a.length);
-          return;
-        }
-        if (I.length !== a.length) {
-          console.warn("DOM not fully updated, retrying..."), requestAnimationFrame(() => v());
-          return;
-        }
-        let U = 0, j = 0, R = 0, M = 0;
-        for (; M < I.length; ) {
-          const B = I[M].clientWidth + K;
-          if (R + B <= O)
-            R += B, U = M + 1, M++;
-          else
-            break;
-        }
-        j = M, R = 0;
-        const oe = le?.offsetWidth || ue;
-        for (let P = j; P < I.length; P++) {
-          const q = I[P].clientWidth + K, ce = oe;
-          if (R + q + ce < O)
-            R += q, U = P + 1;
-          else {
-            b(!0);
-            break;
-          }
-        }
-        i !== U && d(U);
-      });
-    };
-    v();
-  }, [a]);
-  const k = a.length - i, l = w && !t, r = ae(() => t && p?.current?.querySelector('[data-role="measure-list"]')?.clientHeight || y, [y, t]);
-  return /* @__PURE__ */ e(
-    "div",
-    {
-      className: "depts-member-selection-preview",
-      style: {
-        height: m ? `${pe}px` : "auto"
-      },
-      children: /* @__PURE__ */ u(
-        "div",
-        {
-          className: N("depts-member-selection-preview-container", {
-            expand: t,
-            "enable-animation": m
-          }),
-          children: [
-            /* @__PURE__ */ u(
-              "div",
-              {
-                className: N("preview-container__body", {
-                  expand: t
-                }),
-                ref: p,
-                children: [
-                  /* @__PURE__ */ e(Q, { isMeasure: !0, previewCount: a.length }),
-                  /* @__PURE__ */ e(z, { style: { maxHeight: "400px" }, children: /* @__PURE__ */ e("div", { className: "preview-container__scroll-gutter", children: /* @__PURE__ */ e(
-                    "div",
-                    {
-                      className: "preview-container__scroll",
-                      ref: f,
-                      style: {
-                        height: r + "px"
-                      },
-                      children: /* @__PURE__ */ e(
-                        Q,
-                        {
-                          previewCount: t ? a.length : i,
-                          showEllipsisButton: l,
-                          hiddenCount: k,
-                          onToggle: () => {
-                            const v = document.querySelector('[data-teleport="DeptsMember"]');
-                            o(v), c();
-                          }
-                        }
-                      )
-                    }
-                  ) }) })
-                ]
-              }
-            ),
-            x && xe(
-              /* @__PURE__ */ e($, { children: t && /* @__PURE__ */ e(
-                X.div,
-                {
-                  className: "depts-member-preview-container__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
-            ),
-            /* @__PURE__ */ e($, { mode: "wait", children: t && /* @__PURE__ */ e(
-              X.div,
-              {
-                className: "preview-container__button",
-                initial: { opacity: 1 },
-                exit: { opacity: 0 },
-                transition: { duration: 0.3 },
-                onAnimationComplete: _,
-                children: /* @__PURE__ */ u(V, { type: "link", onClick: () => c(), children: [
-                  n("common.collapseAll"),
-                  /* @__PURE__ */ e(E, { name: "arrow-up" })
-                ] })
-              }
-            ) })
-          ]
-        }
-      )
-    }
-  );
-}, Me = (a) => {
-  const [s, n] = re(a, {
-    defaultValue: a.tabs.length ? a.tabs[0].key : void 0
-  }), [i, d] = S(""), t = T(/* @__PURE__ */ new Map()), [c, m] = S({
-    width: 0,
-    transform: "translateX(0)"
-  }), h = T(Ne((o) => a.onSearch?.(o), 250)).current;
-  A(() => () => {
-    h.cancel();
-  }, [h]);
-  const x = (o) => {
-    const f = t.current.get(o);
-    if (f) {
-      const { width: p, left: y } = f.getBoundingClientRect(), _ = f.parentElement?.getBoundingClientRect().left || 0;
-      m({
-        width: p,
-        transform: `translateX(${y - _}px)`
-      });
-    }
-  };
-  return A(() => {
-    s && x(s);
-  }, [s]), A(() => {
-    const o = a.tabs.length ? a.tabs[0].key : void 0;
-    o && x(o);
-  }, [a.tabs]), /* @__PURE__ */ u("div", { className: "tab-bar flex justify-between px-[10px] border-b border-[#e0e0e0] relative", children: [
-    /* @__PURE__ */ e("div", { className: "tab-bar__list", children: /* @__PURE__ */ u("ul", { className: "tab-bar__list-container flex gap-10 relative py-[5px]", children: [
-      /* @__PURE__ */ e(
-        "div",
-        {
-          className: "absolute bottom-[-1px] h-[2px] bg-[#0265ff] transition-all duration-300 ease-in-out",
-          style: {
-            width: `${c.width}px`,
-            transform: c.transform
-          }
-        }
-      ),
-      a.tabs.map((o) => /* @__PURE__ */ e(
-        "li",
-        {
-          ref: (f) => {
-            f && t.current.set(o.key, f);
-          },
-          onClick: () => n(o.key),
-          className: N("tab-bar__list-item cursor-pointer relative py-1", {
-            "text-[#0265ff]": s === o.key,
-            "hover:text-[#0265ff]": s !== o.key
-          }),
-          children: o.label
-        },
-        o.key
-      ))
-    ] }) }),
-    /* @__PURE__ */ e("div", { className: "tab-bar__search flex items-center", children: /* @__PURE__ */ u("div", { className: "relative", children: [
-      /* @__PURE__ */ e(
-        "input",
-        {
-          type: "text",
-          value: i,
-          onChange: (o) => {
-            d(o.target.value), h(o.target.value);
-          },
-          placeholder: a.searchPlaceholder,
-          className: N(
-            "w-[280px] h-[30px] pl-8 pr-3 rounded-[100px] bg-white border border-[#E0E0E0] outline-none text-sm placeholder:text-[#999] transition-all duration-300 ease-in-out",
-            "hover:border-[#0265ff]"
-          )
-        }
-      ),
-      /* @__PURE__ */ e(
-        E,
-        {
-          name: "search",
-          className: "absolute left-2.5 top-1/2 -translate-y-1/2 w-5 h-5 text-[#666]"
-        }
-      )
-    ] }) })
-  ] });
-}, Pe = (a) => {
-  const { containerHeight: s } = D();
-  return /* @__PURE__ */ e(
-    "div",
-    {
-      className: N("tab-panel"),
-      style: {
-        height: s + "px"
-      },
-      children: a.children
-    }
-  );
-}, Ae = {
-  "selection-tabs": "_selection-tabs_88491_1"
-}, Y = ({ avatarurl: a, randomColor: s, name: n, extra: i }) => /* @__PURE__ */ u("div", { className: "flex flex-1 gap-[6px] items-center overflow-hidden ml-[-16px]", children: [
-  a ? /* @__PURE__ */ e(H, { src: a, size: 20, style: { flexShrink: 0 } }) : /* @__PURE__ */ e(
-    H,
-    {
-      style: {
-        backgroundColor: s,
-        fontSize: "12px",
-        lineHeight: "13px",
-        width: "20px",
-        height: "20px",
-        flexShrink: 0
-      },
-      children: n.charAt(0)
-    }
-  ),
-  /* @__PURE__ */ e("span", { className: "text-sm select-none text-ellipsis whitespace-nowrap overflow-hidden", children: n }),
-  i
-] }), Oe = (a) => {
-  const { type: s, dispatch: n, value: i, containerHeight: d } = D(), { t } = C(), { data: c, loading: m } = L(
-    () => Ee({
-      groupLimit: [],
-      memberLimit: [],
-      limit: 100,
-      skip: 0,
-      key: a.wd
-    }),
-    {
-      refreshDeps: [a.wd]
-    }
-  ), { data: h, loading: x } = L(
-    () => Te({
-      key: a.wd,
-      limit: 100,
-      skip: 0,
-      hasLimit: !1
-    }),
-    {
-      refreshDeps: [a.wd]
-    }
-  ), o = c?.list || [], f = h?.dock_user_list || [], p = h?.users || [], y = [
-    {
-      title: t("externalContact.title"),
-      value: "waibulianxiren",
-      children: o.map((l) => {
-        const r = l.nickname || l.name, v = W(r);
-        return {
-          ...l,
-          title: /* @__PURE__ */ e(
-            Y,
-            {
-              avatarurl: l.avatarurl,
-              randomColor: v,
-              name: r,
-              extra: /* @__PURE__ */ u("span", { className: "text-xs text-[#4d609f] shrink-0 truncate", children: [
-                "(",
-                t("externalContact.title"),
-                "：",
-                l.groupname,
-                ")"
-              ] })
-            }
-          ),
-          value: l._id
-        };
-      })
-    },
-    {
-      title: t("member.title"),
-      value: "chengyuan",
-      children: [...p, ...f].map((l) => {
-        const r = l.nickname || l.name, v = W(r);
-        return {
-          ...l,
-          title: /* @__PURE__ */ e(
-            Y,
-            {
-              avatarurl: l.avatarurl,
-              randomColor: v,
-              name: r,
-              extra: /* @__PURE__ */ e("span", { className: "text-xs text-[#4d609f] shrink-0 truncate", children: l.user_type === "dock_user" ? `(${t("department.external")}：${l.dock_corpname})` : l.deptnames })
-            }
-          ),
-          value: l._id
-        };
-      })
-    }
-  ].filter((l) => l.children.length), _ = y.map((l) => l.value), w = x || m, b = (l) => {
-    if (g.USER === s) {
-      const r = J(l, y);
-      r && n({
-        type: "insertOnly",
-        payload: {
-          ...r
-        }
-      });
-    }
-    if (g.USER_GROUP === s) {
-      const r = J(l, y);
-      n({
-        type: "addOne",
-        payload: {
-          ...r
-        }
-      });
-    }
-  }, k = (l) => {
-    g.USER !== s && n({
-      type: "deleteOne",
-      payload: l
-    });
-  };
-  return /* @__PURE__ */ u("div", { className: "h-full relative overflow-hidden", children: [
-    /* @__PURE__ */ e(ne, { spinning: w, children: /* @__PURE__ */ e(z, { style: { height: d - 8, padding: "4px" }, children: y.length && !w ? /* @__PURE__ */ e("div", { className: "p-1", children: /* @__PURE__ */ e(
-      se,
-      {
-        data: y,
-        checkType: s === g.USER ? "radio" : "checkbox",
-        defaultSelectedKeys: i?.map((l) => l._id),
-        defaultExpandedKeys: _,
-        switcherIcon: (l) => /* @__PURE__ */ e(
-          E,
-          {
-            name: "xiangxiazhankai-11",
-            className: N(
-              "transition-transform duration-300  text-base ease-in-out text-[#666]",
-              {
-                "rotate-90": l
-              }
-            )
-          }
-        ),
-        onSelect: b,
-        onDeSelect: k
-      }
-    ) }) : null }) }),
-    !y.length && !w && /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ e("span", { className: "text-[#999]", children: t("member.noAvailable") }) })
-  ] });
-}, ie = (a) => {
-  const { type: s, value: n, dispatch: i, containerHeight: d } = D(), { t } = C(), { data: c, loading: m } = L(
-    () => Ce({
-      departmentLimit: [],
-      key: a.wd
-    }),
-    {
-      refreshDeps: [a.wd]
-    }
-  ), { data: h, loading: x } = L(
-    () => Ie()
-  ), o = h?.list || [], f = c?.departments || [], p = (c?.label_corp_list || []).filter((r) => r.type !== "dockcorpdept"), y = [...f, ...p].filter((r) => r.type !== "label"), _ = [
-    {
-      title: t("externalContact.group"),
-      _id: "waibulianxiren",
-      children: o.filter((r) => r.status === 1 && r.name?.includes(a.wd)).map((r) => ({
-        ...r,
-        title: /* @__PURE__ */ u(F, { children: [
-          /* @__PURE__ */ e(te, { type: "group", size: 16 }),
-          /* @__PURE__ */ e("span", { className: "text-sm select-none text-ellipsis whitespace-nowrap overflow-hidden", children: r.name })
-        ] })
-      }))
-    },
-    {
-      title: t("department.title"),
-      _id: "bumen",
-      children: y.map((r) => ({
-        ...r,
-        title: /* @__PURE__ */ u(F, { children: [
-          /* @__PURE__ */ e(E, { name: "dept-one", className: "text-[#0265ff]", size: 16 }),
-          /* @__PURE__ */ e("span", { className: "text-sm select-none text-ellipsis whitespace-nowrap overflow-hidden", children: r.name }),
-          ["dockdept", "dockcorp", "dockcorpdept"].includes(r.type) && /* @__PURE__ */ u("span", { className: "text-xs text-[#4d609f] shrink-0 truncate", children: [
-            "(",
-            t("department.external"),
-            ")"
-          ] })
-        ] })
-      }))
-    }
-  ].filter((r) => r.children.length), w = _.map((r) => r._id), b = (r, v) => {
-    if (!v)
-      return;
-    if (s === g.DEPARMENT) {
-      i({
-        type: "insertOnly",
-        payload: {
-          ...v,
-          type: v.departmentId ? "dockdept" : "group"
-        }
-      });
-      return;
-    }
-    const G = o.some((O) => O._id === v._id);
-    i({
-      type: "addOne",
-      payload: {
-        ...v,
-        _id: v._id,
-        type: G ? "group" : "dockdept"
-      }
-    });
-  }, k = (r) => {
-    i({
-      type: "deleteOne",
-      payload: r
-    });
-  }, l = m || x;
-  return /* @__PURE__ */ u("div", { className: "relative overflow-hidden", children: [
-    /* @__PURE__ */ e(ne, { spinning: l, children: /* @__PURE__ */ e(z, { style: { height: d - 8 }, children: _.length && !l ? /* @__PURE__ */ e("div", { className: "p-1", children: /* @__PURE__ */ e(
-      se,
-      {
-        data: _,
-        checkType: s === g.DEPARMENT ? "radio" : "checkbox",
-        selectedKeys: n?.map((r) => r._id),
-        fieldNames: {
-          title: "title",
-          children: "children",
-          value: "_id"
-        },
-        defaultExpandedKeys: w,
-        switcherIcon: (r) => /* @__PURE__ */ e(
-          E,
-          {
-            name: "xiangxiazhankai-11",
-            className: N(
-              "transition-transform text-base duration-300 ease-in-out text-[#666]",
-              {
-                "rotate-90": r
-              }
-            )
-          }
-        ),
-        onSelect: b,
-        onDeSelect: k
-      }
-    ) }) : null }) }),
-    !_.length && !l && /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ e("span", { className: "text-[#999]", children: t("department.noAvailable") }) })
-  ] });
-}, Z = ({ wd: a, t: s, memberTabItems: n }) => ({
-  raw: /* @__PURE__ */ e(Oe, { wd: a }),
-  placeholder: s("tabs.searchMember"),
-  tabItems: n
-}), ee = ({
-  wd: a,
-  t: s,
-  departmentTabItems: n
-}) => ({
-  raw: /* @__PURE__ */ e(ie, { wd: a }),
-  placeholder: s("tabs.searchDepartment"),
-  tabItems: n
-}), Ue = ({
-  wd: a,
-  t: s,
-  deptUserTabItems: n
-}) => ({
-  raw: /* @__PURE__ */ e(ie, { wd: a }),
-  placeholder: s("common.searchPlaceholder"),
-  tabItems: n
-}), He = {
-  user: Z,
-  usergroup: Z,
-  dept: ee,
-  deptgroup: ee,
-  deptusers: Ue
-}, Le = (a, s) => {
-  const n = ke(), i = Se(), d = we(), { t } = C(), c = He[a];
-  if (!c)
-    throw new Error(`No search strategy found for type: ${a}`);
-  return {
-    config: c({
-      wd: s,
-      t,
-      memberTabItems: n,
-      departmentTabItems: i,
-      deptUserTabItems: d
-    })
-  };
-}, Ge = () => {
-  const { type: a } = D(), [s, n] = S(), { config: i } = Le(a, s), { tabItems: d } = i, [t, c] = S(d[0].key), m = (p) => {
-    c(p), n(void 0);
-  }, h = d.find((p) => p.key === t)?.view, x = (p) => {
-    if (!p.trim().length) {
-      n(void 0);
-      return;
-    }
-    n(p);
-  }, o = s ? i.raw : h, f = i.placeholder;
-  return /* @__PURE__ */ u("div", { className: N(Ae["selection-tabs"]), children: [
-    /* @__PURE__ */ e(
-      Me,
-      {
-        value: t,
-        onChange: m,
-        onSearch: x,
-        tabs: d,
-        searchPlaceholder: f
-      }
-    ),
-    /* @__PURE__ */ e(Pe, { children: o })
-  ] });
-}, Be = (a, s) => De(a, (n) => {
-  switch (s.type) {
-    case "addOne": {
-      const i = s.payload;
-      ~n.findIndex((t) => t._id === i._id) || n.push(i);
-      break;
-    }
-    case "addMany": {
-      s.payload.forEach((i) => {
-        ~n.findIndex((t) => t._id === i._id) || n.push(i);
-      });
-      break;
-    }
-    case "removeMany": {
-      const i = s.payload;
-      n.filter((t) => i.includes(t._id)).forEach((t) => {
-        const c = n.findIndex((m) => m._id === t._id);
-        ~c && n.splice(c, 1);
-      });
-      break;
-    }
-    case "removeAll": {
-      n.splice(0, n.length);
-      break;
-    }
-    case "insertOnly": {
-      const i = s.payload;
-      n.length && (n.length = 0), n.push(i);
-      break;
-    }
-    case "deleteOne": {
-      const i = s.payload, d = n.findIndex((t) => t._id === i);
-      ~d && n.splice(d, 1);
-      break;
-    }
-    // 插入新元素 & 删除旧元素
-    case "deleteAndInsert": {
-      const { newItems: i, oldIds: d } = s.payload;
-      d.forEach((t) => {
-        const c = n.findIndex((m) => m._id === t);
-        ~c && n.splice(c, 1);
-      }), i.forEach((t) => {
-        ~n.findIndex((m) => m._id === t._id) || n.push(t);
-      });
-    }
-  }
-}), Ve = {
-  "depts-member-selector": "_depts-member-selector_d4xq4_1"
-}, ot = (a) => {
-  const { onCancel: s, onConfirm: n, onChange: i, defaultValue: d, type: t = "user", currentUser: c } = a, { t: m } = C(), [h, x] = re(a, {
-    defaultValue: d || []
-  }), o = ye(
-    (p) => {
-      const y = Be(h, p);
-      x(y), i?.(y);
-    },
-    [x, h, i]
-  ), f = ae(() => ({
-    type: t,
-    value: h,
-    setValue: x,
-    dispatch: o,
-    currentUser: c,
-    containerHeight: [g.USER_GROUP, g.DEPARMENT_GROUP].includes(t) ? 355 : 395
-  }), [t, h, x, o, c]);
-  return /* @__PURE__ */ u("div", { className: "depts-member-selector", children: [
-    /* @__PURE__ */ e("div", { className: "px-5 pt-5", children: /* @__PURE__ */ e("div", { className: Ve["depts-member-selector"], "data-teleport": "DeptsMember", children: /* @__PURE__ */ u(he.Provider, { value: f, children: [
-      /* @__PURE__ */ e(Re, {}),
-      /* @__PURE__ */ e(Ge, {})
-    ] }) }) }),
-    /* @__PURE__ */ u("div", { className: "flex py-[14px] px-5", children: [
-      [g.DEPARMENT_GROUP, g.USER_GROUP].includes(t) && /* @__PURE__ */ e("div", { className: "flex-auto", children: /* @__PURE__ */ u(
-        "div",
-        {
-          className: "inline-flex hover:text-[#0265ff] gap-[10px] cursor-pointer items-center h-full",
-          onClick: () => {
-            x([]);
-          },
-          children: [
-            /* @__PURE__ */ e(E, { name: "clearTree", size: 20, style: { verticalAlign: "sub" } }),
-            /* @__PURE__ */ e("span", { children: m("common.clearAll") })
-          ]
-        }
-      ) }),
-      /* @__PURE__ */ u("div", { className: "flex-1 flex justify-end", children: [
-        /* @__PURE__ */ e(V, { onClick: s, className: "btn-cancel", children: m("common.cancel") }),
-        /* @__PURE__ */ e(V, { type: "primary", className: "ml-3", onClick: () => n?.(h), children: m("common.confirm") })
-      ] })
-    ] })
-  ] });
-};
-export {
-  ot as D
-};