@baishuyun/ui-business 2.0.0 → 2.0.1

package/dist/DeptsMember/{DeptsMember-C54jKU8C.js → DeptsMember-C4fZKTp3.js}

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