@baishuyun/ui-business 3.0.4 → 4.0.2

package/dist/DeptsMember/ExtraConcactPanel-BoSCI3s5.js

@@ -0,0 +1,738 @@
+import { jsx as e, jsxs as g, Fragment as V } from "react/jsx-runtime";
+import { useState as I, useRef as Q, useMemo as ee } from "react";
+import { c as N } from "../vendors/clsx.js";
+import { useRequest as j } from "ahooks";
+import { g as W, a as te, b as ne, c as le } from "../vendors/services/data/member.service.js";
+import { produce as X } from "immer";
+import { getColorByName as q, buildDeptTree as F, findNodeInTree as ae, buildTree as ie } from "./utils/index.js";
+import { Radio as O, Avatar as T, Spin as E } from "antd";
+import { u as R } from "./useDeptsMemberSelector-D3rvDuVf.js";
+import { S as M } from "../vendors/simplebar-react.js";
+import { u as A } from "../vendors/useLocale.js";
+import { E as P, c as re, a as se } from "./TabGroup-DZC7i-Yr.js";
+import { Checkbox as B, Icon as K, Tree as $ } from "@baishuyun/ui-base";
+import { g as ce, a as _e } from "../vendors/services/data/department.service.js";
+import { g as oe, a as me } from "../vendors/services/corp/outsider.service.js";
+const f = {
+  "memer-list__option": "_memer-list__option_1txby_1",
+  "memer-list__option--checkbox": "_memer-list__option--checkbox_1txby_9",
+  "memer-list__row": "_memer-list__row_1txby_15",
+  "memer-list__name": "_memer-list__name_1txby_20",
+  "memer-list__checkbox-row": "_memer-list__checkbox-row_1txby_27",
+  "memer-list__selected-summary": "_memer-list__selected-summary_1txby_35",
+  "memer-list__radio": "_memer-list__radio_1txby_40",
+  "memer-list__checkbox": "_memer-list__checkbox_1txby_27",
+  "memer-list__group": "_memer-list__group_1txby_46",
+  "memer-list": "_memer-list_1txby_1"
+}, G = (t) => {
+  const { list: l, showCheckAll: x = !0 } = t, { t: o } = A(), { value: u, type: r, dispatch: _ } = R(), m = r === P.USER, p = r === P.USER_GROUP || r === P.DEPT_USERS, v = u?.[0]?._id, c = (a) => {
+    const i = l?.find((d) => d._id === a.target.value);
+    i && _({
+      type: "insertOnly",
+      payload: {
+        ...i
+      }
+    });
+  }, h = (a) => {
+    _({
+      type: "deleteOne",
+      payload: a
+    });
+  }, C = u?.map((a) => a._id) || [], n = l.filter((a) => C.includes(a._id)).length, y = (a) => {
+    const i = [], d = [];
+    for (let w = 0; w < l.length; w++) {
+      const b = l[w];
+      a.includes(b._id) ? i.push(b) : d.push(b);
+    }
+    _({
+      type: "deleteAndInsert",
+      payload: {
+        oldIds: d.map((w) => w._id),
+        newItems: i
+      }
+    });
+  }, s = () => {
+    n === l.length ? _({
+      type: "removeMany",
+      payload: l.map((a) => a._id)
+    }) : _({
+      type: "addMany",
+      payload: l.map((a) => ({
+        ...a
+      }))
+    });
+  };
+  return /* @__PURE__ */ e("div", { className: f["memer-list"], children: /* @__PURE__ */ g("ul", { className: f["memer-list__list"], children: [
+    m && /* @__PURE__ */ e(
+      O.Group,
+      {
+        value: v,
+        onChange: c,
+        className: f["memer-list__group"],
+        prefixCls: "ant-radio",
+        children: l.map((a) => {
+          const i = a.nickname || a.name, d = q(i);
+          return /* @__PURE__ */ e("li", { className: f["memer-list__option"], children: /* @__PURE__ */ e(
+            O,
+            {
+              value: a._id,
+              className: f["memer-list__radio"],
+              onClick: (w) => {
+                h(w.target?.value);
+              },
+              children: /* @__PURE__ */ g("div", { className: f["memer-list__row"], children: [
+                a.avatarurl ? /* @__PURE__ */ e(T, { src: a.avatarurl, size: 20, style: { flexShrink: 0 } }) : /* @__PURE__ */ e(
+                  T,
+                  {
+                    style: {
+                      backgroundColor: d,
+                      fontSize: "12px",
+                      lineHeight: "13px",
+                      width: "20px",
+                      height: "20px",
+                      flexShrink: 0
+                    },
+                    children: i.charAt(0)
+                  }
+                ),
+                /* @__PURE__ */ e("span", { className: f["memer-list__name"], children: i }),
+                t.badge && t.badge(a)
+              ] })
+            }
+          ) }, a._id);
+        })
+      }
+    ),
+    p && /* @__PURE__ */ g(V, { children: [
+      x && /* @__PURE__ */ e(
+        "li",
+        {
+          className: N(
+            f["memer-list__option"],
+            f["memer-list__option--checkbox"]
+          ),
+          children: /* @__PURE__ */ e(
+            B,
+            {
+              labelPosition: "left",
+              checked: n === l.length,
+              indeterminate: n > 0 && n < l.length,
+              className: f["memer-list__checkbox"],
+              onChange: s,
+              children: /* @__PURE__ */ e("div", { className: f["memer-list__selected-summary"], children: /* @__PURE__ */ e("span", { children: o("common.selected", { selected: n, total: l.length }) }) })
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ e(
+        B.Group,
+        {
+          value: C,
+          onChange: y,
+          className: f["memer-list__group"],
+          children: l.map((a) => {
+            const i = a.nickname || a.name, d = q(i);
+            return /* @__PURE__ */ e(
+              "li",
+              {
+                className: N(
+                  f["memer-list__option"],
+                  f["memer-list__option--checkbox"]
+                ),
+                children: /* @__PURE__ */ e(
+                  B,
+                  {
+                    labelPosition: "left",
+                    value: a._id,
+                    className: f["memer-list__checkbox"],
+                    children: /* @__PURE__ */ g("div", { className: f["memer-list__checkbox-row"], children: [
+                      a.avatarurl ? /* @__PURE__ */ e(T, { src: a.avatarurl, size: 20, style: { flexShrink: 0 } }) : /* @__PURE__ */ e(
+                        T,
+                        {
+                          style: {
+                            backgroundColor: d,
+                            fontSize: "12px",
+                            lineHeight: "13px",
+                            width: "20px",
+                            height: "20px",
+                            flexShrink: 0
+                          },
+                          children: i.charAt(0)
+                        }
+                      ),
+                      /* @__PURE__ */ e("span", { className: f["memer-list__name"], children: i }),
+                      t.badge && t.badge(a)
+                    ] })
+                  }
+                )
+              },
+              a._id
+            );
+          })
+        }
+      )
+    ] })
+  ] }) });
+}, H = {
+  "bsy-external-member__icon": "_bsy-external-member__icon_1jd7j_20",
+  "bsy-external-member__switcher-icon": "_bsy-external-member__switcher-icon_1jd7j_24",
+  "bsy-external-member__switcher-icon--expanded": "_bsy-external-member__switcher-icon--expanded_1jd7j_29",
+  "bsy-external-member__content": "_bsy-external-member__content_1jd7j_32"
+}, Z = {
+  "bsy-all-member__all-option": "_bsy-all-member__all-option_8jfkj_1",
+  "bsy-all-member__all-option--selected": "_bsy-all-member__all-option--selected_8jfkj_14"
+}, Y = (t) => {
+  const { t: l } = A();
+  return /* @__PURE__ */ g(
+    "div",
+    {
+      className: N(Z["bsy-all-member__all-option"], {
+        [Z["bsy-all-member__all-option--selected"]]: t.selected
+      }),
+      onClick: () => t.onSelect(!t.selected),
+      children: [
+        /* @__PURE__ */ e("div", { className: Z["bsy-all-member__all-option-icon"], children: t.icon ? t.icon : /* @__PURE__ */ e(
+          "svg",
+          {
+            width: "20",
+            height: "20",
+            viewBox: "0 0 20 20",
+            fill: "none",
+            xmlns: "http://www.w3.org/2000/svg",
+            children: /* @__PURE__ */ e(
+              "path",
+              {
+                d: "M10 1.25C12.3206 1.25 14.5462 2.17187 16.1872 3.81282C17.8281 5.45376 18.75 7.67936 18.75 10C18.75 12.3206 17.8281 14.5462 16.1872 16.1872C14.5462 17.8281 12.3206 18.75 10 18.75C7.67936 18.75 5.45376 17.8281 3.81282 16.1872C2.17187 14.5462 1.25 12.3206 1.25 10C1.25 7.67936 2.17187 5.45376 3.81282 3.81282C5.45376 2.17187 7.67936 1.25 10 1.25ZM9.4325 5H9.325L9.1125 5.00875C7.60875 5.13 7.165 6.5525 7.165 7.37875C7.13187 7.91241 7.22744 8.44621 7.44367 8.93523C7.6599 9.42424 7.99045 9.85415 8.4075 10.1888C8.52 10.3263 8.57625 10.4987 8.5675 10.675C8.53114 10.7896 8.45307 10.8864 8.34875 10.9462C7.645 11.48 5.14875 12.0837 4.99875 13.2712C4.8925 13.7575 4.13625 14.5675 6.59875 14.8713C7.54875 14.9963 8.50625 15.0487 9.4625 15.0325C15.1913 15.0325 14.0013 13.895 13.8412 13.2512L13.7887 13.0675C13.385 12.0588 11.2987 11.505 10.5062 11.0112L10.3837 10.9275L10.39 10.94L10.35 10.86C10.3352 10.8247 10.3231 10.7884 10.3138 10.7512L10.295 10.6375C10.284 10.4912 10.3023 10.3442 10.3488 10.205C10.3488 10.205 11.5912 9.5125 11.5912 7.37875C11.5375 6.515 11.0588 5 9.4325 5ZM12.9838 6.13125H12.785C12.5898 6.14356 12.3995 6.19815 12.2275 6.29125C12.4987 7.26125 12.8775 8.995 11.4163 10.125C10.8825 10.9363 12.7125 11.475 12.4462 11.315C14.1213 12.0725 14.6062 12.665 14.7175 13.2613C14.8238 13.7463 14.8775 14.0725 14.8775 14.0725C15.4241 13.9831 15.9602 13.8382 16.4775 13.64C16.512 13.3512 16.4937 13.0585 16.4237 12.7762L16.44 12.7863L16.4025 12.6213C16.11 11.765 14.355 11.355 13.8488 10.8938C13.7898 10.8138 13.7528 10.7199 13.7413 10.6213C13.7413 10.3488 13.795 10.2963 13.795 10.2963C14.1359 10.0305 14.4038 9.68268 14.5737 9.28524C14.7435 8.8878 14.8098 8.45377 14.7662 8.02375C14.7125 7.32 14.3337 6.13125 12.9838 6.13125ZM5.9225 6.14125H5.87L5.69 6.155C5.24076 6.2117 4.83017 6.43794 4.54227 6.78743C4.25436 7.13691 4.1109 7.58321 4.14125 8.035C4.08125 8.90375 4.44125 9.75 5.1125 10.3062C5.15324 10.4096 5.17156 10.5203 5.16625 10.6313C5.15471 10.7299 5.11766 10.8238 5.05875 10.9037C4.52625 11.3362 2.68 11.8212 2.52125 12.7975C2.49421 13.0668 2.49421 13.3382 2.52125 13.6075C2.93375 13.8025 3.36875 13.9475 3.81625 14.04C3.81625 14.04 3.87 13.7675 3.97625 13.39C4.03 12.8562 4.84 11.875 6.84 11.1125L6.97 11.0675C7.05625 11.035 7.13875 10.9963 7.22 10.9525C7.4375 10.7925 7.65125 10.52 7.22 10.1412C5.81625 8.0875 6.30125 6.73875 6.515 6.2475C6.32423 6.18149 6.12432 6.14564 5.9225 6.14125Z",
+                fill: "#0265FF"
+              }
+            )
+          }
+        ) }),
+        /* @__PURE__ */ e("span", { children: t.title || l("member.all") })
+      ]
+    }
+  );
+}, pe = (t) => {
+  const { loading: l = !1 } = t, { containerHeight: x } = R(), { t: o } = A(), u = [
+    {
+      label: o("member.contact"),
+      value: "dockcorp"
+      /* DOCK_PERSON_GROUP */
+    },
+    {
+      label: o("department.title"),
+      value: "dockcorpdept"
+      /* DOCK_DEPARTMENT */
+    }
+  ], [r, _] = I(
+    "dockcorp"
+    /* DOCK_PERSON_GROUP */
+  ), m = (c, h) => {
+    const C = [];
+    for (const n of c)
+      if (n.type === h)
+        if (h === "dockcorpdept")
+          C.push({
+            ...n,
+            children: n.children
+          });
+        else {
+          const y = n.children ? m(n.children, h) : [];
+          C.push({
+            ...n,
+            children: y.length > 0 ? y : void 0
+          });
+        }
+      else {
+        const y = n.children ? m(n.children, h) : [];
+        y.length > 0 && C.push({
+          ...n,
+          children: y
+        });
+      }
+    return C;
+  }, p = m(t.data, r), v = p?.map((c) => c.departmentId);
+  return /* @__PURE__ */ g(V, { children: [
+    /* @__PURE__ */ e(re, { tabs: u, value: r, onChange: _ }),
+    /* @__PURE__ */ e(
+      M,
+      {
+        style: { height: x - 34 },
+        classNames: {
+          contentEl: H["bsy-external-member__content"]
+        },
+        children: /* @__PURE__ */ g("div", { className: H["bsy-external-member__content"], children: [
+          /* @__PURE__ */ e(
+            Y,
+            {
+              title: r === "dockcorp" ? o("member.allContact") : void 0,
+              selected: t.selectLevel === t.unique_all,
+              onSelect: () => t.onSelect(t.unique_all),
+              icon: /* @__PURE__ */ e(K, { name: "contactperson", size: 20, color: "#6f829e" })
+            }
+          ),
+          p.length > 0 && !l && /* @__PURE__ */ e(
+            $,
+            {
+              data: p,
+              fieldNames: {
+                title: "name",
+                value: "departmentId",
+                children: "children"
+              },
+              selectedKeys: t.selectLevel ? [t.selectLevel] : [],
+              onSelect: (c) => t.onSelect(c),
+              parentCheckable: !0,
+              defaultExpandedKeys: v.length === 1 ? v : [],
+              icon: () => /* @__PURE__ */ e(K, { name: "dept-one", className: H["bsy-external-member__icon"] }),
+              switcherIcon: (c) => /* @__PURE__ */ e(
+                K,
+                {
+                  name: "xiangxiazhankai-11",
+                  className: N(H["bsy-external-member__switcher-icon"], {
+                    [H["bsy-external-member__switcher-icon--expanded"]]: c
+                  })
+                }
+              )
+            }
+          )
+        ] })
+      },
+      p.length
+    )
+  ] });
+}, U = {
+  "internal-member__content": "_internal-member__content_1aszs_1",
+  "internal-member__icon": "_internal-member__icon_1aszs_4",
+  "internal-member__switcher": "_internal-member__switcher_1aszs_8",
+  "internal-member__switcher--expanded": "_internal-member__switcher--expanded_1aszs_13"
+}, de = (t) => {
+  const { loading: l, onSelect: x, unique_all: o, selectLevel: u } = t, { containerHeight: r } = R(), _ = t.data?.map((m) => m.departmentId);
+  return /* @__PURE__ */ g(
+    M,
+    {
+      style: { height: r - 8, padding: "4px" },
+      classNames: {
+        contentEl: U["internal-member__content"]
+      },
+      children: [
+        /* @__PURE__ */ e(
+          Y,
+          {
+            selected: u === o,
+            onSelect: () => x(o)
+          }
+        ),
+        t.data.length > 0 && !l && /* @__PURE__ */ e(
+          $,
+          {
+            data: t.data,
+            fieldNames: {
+              title: "name",
+              value: "departmentId",
+              children: "children"
+            },
+            selectedKeys: t.selectLevel ? [t.selectLevel] : [],
+            onSelect: (m) => t.onSelect(m),
+            parentCheckable: !0,
+            defaultExpandedKeys: _.length === 1 ? _ : [],
+            icon: () => /* @__PURE__ */ e(K, { name: "dept-one", className: U["internal-member__icon"], size: 16 }),
+            switcherIcon: (m) => /* @__PURE__ */ e(
+              K,
+              {
+                name: "xiangxiazhankai-11",
+                className: N(U["internal-member__switcher"], {
+                  [U["internal-member__switcher--expanded"]]: m
+                })
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+}, S = {
+  "member-panel": "_member-panel_bcig1_1",
+  "member-panel__sidebar": "_member-panel__sidebar_bcig1_6",
+  "member-panel__menu": "_member-panel__menu_bcig1_11",
+  "member-panel__menu-item": "_member-panel__menu-item_bcig1_16",
+  "member-panel__menu-item--active": "_member-panel__menu-item--active_bcig1_27",
+  "member-panel__panel": "_member-panel__panel_bcig1_31",
+  "member-panel__panel--list": "_member-panel__panel--list_bcig1_35",
+  "member-panel__list-wrapper": "_member-panel__list-wrapper_bcig1_38",
+  "member-panel__empty": "_member-panel__empty_bcig1_41",
+  "member-panel__empty-text": "_member-panel__empty-text_bcig1_48"
+}, z = Symbol("all key"), Me = () => {
+  const { containerHeight: t } = R(), { t: l } = A(), [x, o] = I([
+    { key: "internal", label: l("member.internal"), visible: !1 },
+    { key: "external", label: l("member.external"), visible: !1 }
+  ]), u = Q(!0), [r, _] = I("internal"), { data: m, loading: p } = j(
+    () => W({ hasDeptDock: r === "external" }),
+    {
+      refreshDeps: [r],
+      onSuccess: (i) => {
+        if (i) {
+          const d = i.departments_count > 0, w = i.label_corp_count > 0;
+          o(
+            X((b) => {
+              b[0].visible = d, b[1].visible = w;
+            })
+          ), u.current && (u.current = !1, (d || w) && _(d ? x[0].key : x[1].key));
+        }
+      }
+    }
+  ), v = ee(() => {
+    if (m) {
+      if (r === "internal")
+        return F(m.departments);
+      {
+        const i = (w) => w.filter((b) => (b.children && (b.children = i(b.children)), !((b.type === "label" || b.type === "dockcorpdept") && (!b.children || b.children.length === 0)))).map((b) => ({
+          ...b,
+          checkable: b.type !== "label" && b.type !== "dockcorpdept",
+          icon: /* @__PURE__ */ e(se, { type: b.type, size: 16 })
+        })), d = m.label_corp_list.length ? F(m.label_corp_list)[0].children : [];
+        return i(d);
+      }
+    }
+    return [];
+  }, [m, r]), [c, h] = I(z), { data: C, loading: n } = j(
+    () => {
+      if (!r) return Promise.resolve({ users: [], dock_user_list: [] });
+      const i = {
+        departmentId: c === z ? null : c,
+        limit: 100,
+        hasDeptDock: r === "external",
+        current_corpid: null
+      };
+      if (r === "external" && c !== z) {
+        const d = ae(c, v, {
+          title: "name",
+          parentId: "parentId",
+          value: "_id",
+          children: "children"
+        });
+        i.current_corpid = d.owner_corpid;
+      }
+      return te(i);
+    },
+    {
+      refreshDeps: [r, c]
+    }
+  ), y = C ? C.users : [], s = C ? C.dock_user_list : [], a = (r === "external" ? s : y) || [];
+  return /* @__PURE__ */ g("div", { className: S["member-panel"], children: [
+    /* @__PURE__ */ e("aside", { className: S["member-panel__sidebar"], children: /* @__PURE__ */ e("ul", { className: S["member-panel__menu"], children: x.filter((i) => i.visible).map((i) => /* @__PURE__ */ e(
+      "li",
+      {
+        onClick: () => {
+          _(i.key), h(z);
+        },
+        className: N(S["member-panel__menu-item"], {
+          [S["member-panel__menu-item--active"]]: r === i.key
+        }),
+        children: i.label
+      },
+      i.key
+    )) }) }),
+    /* @__PURE__ */ e("section", { className: S["member-panel__panel"], children: /* @__PURE__ */ g(E, { spinning: p, children: [
+      r === "internal" && /* @__PURE__ */ e(
+        de,
+        {
+          unique_all: z,
+          selectLevel: c,
+          onSelect: h,
+          data: v
+        }
+      ),
+      r === "external" && /* @__PURE__ */ e(
+        pe,
+        {
+          unique_all: z,
+          selectLevel: c,
+          onSelect: h,
+          data: v
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ g("section", { className: N(S["member-panel__panel"], S["member-panel__panel--list"]), children: [
+      /* @__PURE__ */ e(E, { spinning: n, children: /* @__PURE__ */ e(M, { style: { height: t - 8 }, children: a.length > 0 && /* @__PURE__ */ e("div", { className: S["member-panel__list-wrapper"], children: /* @__PURE__ */ e(G, { list: a }) }) }) }),
+      a.length === 0 && !n && /* @__PURE__ */ e("div", { className: S["member-panel__empty"], children: /* @__PURE__ */ e("span", { className: S["member-panel__empty-text"], children: l("member.noAvailable") }) })
+    ] })
+  ] });
+}, D = {
+  "position-panel": "_position-panel_14wpw_1",
+  "position-panel__menu": "_position-panel__menu_14wpw_6",
+  "position-panel__menu-list": "_position-panel__menu-list_14wpw_9",
+  "position-panel__menu-item": "_position-panel__menu-item_14wpw_15",
+  "position-panel__menu-item--active": "_position-panel__menu-item--active_14wpw_25",
+  "position-panel__list": "_position-panel__list_14wpw_32",
+  "position-panel__badge": "_position-panel__badge_14wpw_38",
+  "position-panel__empty": "_position-panel__empty_14wpw_48"
+}, De = () => {
+  const { containerHeight: t } = R(), { t: l } = A(), [x, o] = I(), { data: u, loading: r } = j(
+    () => ce({
+      mode: "current",
+      departmentLimit: []
+    }),
+    {
+      onSuccess: (c) => {
+        c.items?.length && o(0);
+      }
+    }
+  ), _ = u?.items || [], { data: m, loading: p } = j(
+    () => x === void 0 ? Promise.resolve({ list: [] }) : _e({
+      job_title: _[x],
+      // 职位名称
+      limit: 100,
+      // 分布大小
+      skip: 0
+    }),
+    {
+      refreshDeps: [x]
+    }
+  ), v = m?.list || [];
+  return /* @__PURE__ */ g("div", { className: D["position-panel"], children: [
+    /* @__PURE__ */ e("div", { className: D["position-panel__menu"], children: /* @__PURE__ */ e(E, { spinning: r, tip: l("common.loading"), children: /* @__PURE__ */ e(M, { style: { height: t - 8 }, children: /* @__PURE__ */ e("ul", { className: D["position-panel__menu-list"], children: _.map((c, h) => /* @__PURE__ */ e(
+      "li",
+      {
+        onClick: () => {
+          o(h);
+        },
+        className: N(D["position-panel__menu-item"], {
+          [D["position-panel__menu-item--active"]]: x === h
+        }),
+        children: c
+      },
+      h
+    )) }) }) }) }),
+    /* @__PURE__ */ g("div", { className: D["position-panel__list"], children: [
+      /* @__PURE__ */ e(E, { spinning: p, tip: l("common.loading"), children: /* @__PURE__ */ e(M, { style: { height: t - 8 }, children: v.length > 0 && /* @__PURE__ */ e(
+        G,
+        {
+          list: v,
+          badge: (c) => /* @__PURE__ */ e("div", { className: D["position-panel__badge"], children: /* @__PURE__ */ e("span", { title: c.deptnames, children: c.deptnames }) })
+        }
+      ) }) }),
+      v.length === 0 && !p && /* @__PURE__ */ e("div", { className: D["position-panel__empty"], children: /* @__PURE__ */ e("span", { children: l("member.noAvailable") }) })
+    ] })
+  ] });
+}, L = {
+  "role-panel": "_role-panel_1hj3s_1",
+  "role-panel__menu": "_role-panel__menu_1hj3s_6",
+  "role-panel__menu-list": "_role-panel__menu-list_1hj3s_10",
+  "role-panel__menu-item": "_role-panel__menu-item_1hj3s_14",
+  "role-panel__menu-item--active": "_role-panel__menu-item--active_1hj3s_25",
+  "role-panel__tree-section": "_role-panel__tree-section_1hj3s_32",
+  "role-panel__tree-icon": "_role-panel__tree-icon_1hj3s_37",
+  "role-panel__switcher-icon": "_role-panel__switcher-icon_1hj3s_40",
+  "role-panel__switcher-icon--expanded": "_role-panel__switcher-icon--expanded_1hj3s_45",
+  "role-panel__list-section": "_role-panel__list-section_1hj3s_48",
+  "role-panel__badge": "_role-panel__badge_1hj3s_53",
+  "role-panel__empty": "_role-panel__empty_1hj3s_61"
+}, J = () => /* @__PURE__ */ g("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: [
+  /* @__PURE__ */ e(
+    "path",
+    {
+      d: "M6.91689 1.17578C8.59289 1.17578 10.0489 2.29878 10.4369 3.88878C10.8249 5.47878 10.0419 7.11978 8.54589 7.85578C8.49878 7.86731 8.4554 7.89073 8.41989 7.92378C8.40916 7.92486 8.3992 7.92984 8.39189 7.93778C8.3375 8.00344 8.30773 8.08602 8.30773 8.17128C8.30773 8.25654 8.3375 8.33913 8.39189 8.40478C8.40589 8.40478 8.40589 8.40478 8.40589 8.41978C8.51089 8.43478 8.61389 8.45778 8.71589 8.48878C9.67047 8.74298 10.5595 9.19889 11.3229 9.82578C10.634 9.60133 9.89434 9.58375 9.19553 9.77522C8.49671 9.96669 7.86935 10.3588 7.39105 10.9031C6.91274 11.4474 6.60448 12.1199 6.50439 12.8375C6.4043 13.5552 6.51677 14.2864 6.82789 14.9408H0.941894C0.824535 14.9397 0.708692 14.9141 0.601765 14.8658C0.494839 14.8174 0.399178 14.7472 0.320894 14.6598C0.243944 14.5736 0.186578 14.4717 0.152743 14.3613C0.118908 14.2508 0.109407 14.1343 0.124894 14.0198C0.507894 11.3728 2.46389 9.19978 5.10489 8.48878C5.20689 8.46078 5.30989 8.43778 5.41489 8.41878L5.42889 8.40478C5.46029 8.37464 5.48527 8.33846 5.50234 8.29842C5.5194 8.25838 5.5282 8.21531 5.5282 8.17178C5.5282 8.12826 5.5194 8.08518 5.50234 8.04514C5.48527 8.0051 5.46029 7.96892 5.42889 7.93878C5.41605 7.93306 5.40549 7.9232 5.39889 7.91078C5.36507 7.88725 5.32802 7.86872 5.28889 7.85578C3.79089 7.11978 3.00789 5.47978 3.39589 3.88978C3.78389 2.29978 5.23989 1.17678 6.91589 1.17678L6.91689 1.17578Z",
+      fill: "#6F81BD"
+    }
+  ),
+  /* @__PURE__ */ e(
+    "path",
+    {
+      d: "M13.7918 11.8018C14.2438 11.8068 14.6598 12.0028 14.9758 12.3078C15.2878 12.6258 15.4588 13.0558 15.4528 13.5008L15.4488 13.5398C15.4463 13.9749 15.2741 14.3918 14.9688 14.7018C14.8161 14.8609 14.6329 14.9876 14.4302 15.0745C14.2275 15.1614 14.0094 15.2068 13.7888 15.2078L12.7458 15.1898C12.626 15.1876 12.5119 15.1378 12.4287 15.0514C12.3455 14.965 12.3001 14.8492 12.3023 14.7293C12.3046 14.6094 12.3544 14.4954 12.4407 14.4122C12.5271 14.329 12.643 14.2836 12.7628 14.2858L13.7988 14.3028C13.8967 14.3014 13.9933 14.2804 14.083 14.2411C14.1726 14.2017 14.2535 14.1449 14.3208 14.0738C14.4694 13.9206 14.552 13.7152 14.5508 13.5018C14.5541 13.3989 14.5367 13.2963 14.4998 13.2001C14.4629 13.104 14.4071 13.0161 14.3358 12.9418C14.2665 12.8663 14.1823 12.806 14.0885 12.7647C13.9947 12.7233 13.8933 12.7019 13.7908 12.7018L12.1528 12.7048C12.0534 12.7057 11.9552 12.7265 11.864 12.766C11.7728 12.8055 11.6905 12.8629 11.6218 12.9348C11.4735 13.0878 11.3909 13.2927 11.3918 13.5058C11.3922 13.5652 11.3808 13.6241 11.3584 13.6792C11.3359 13.7342 11.3029 13.7843 11.2611 13.8265C11.2193 13.8688 11.1696 13.9024 11.1148 13.9254C11.06 13.9485 11.0013 13.9605 10.9418 13.9608C10.8824 13.9611 10.8235 13.9498 10.7685 13.9273C10.7135 13.9049 10.6634 13.8718 10.6211 13.83C10.5789 13.7883 10.5453 13.7386 10.5222 13.6838C10.4992 13.629 10.4872 13.5702 10.4868 13.5108C10.4845 13.063 10.6579 12.6321 10.9698 12.3108C11.1226 12.1511 11.306 12.0239 11.5091 11.9368C11.7122 11.8496 11.9308 11.8044 12.1518 11.8038L13.7918 11.8018ZM10.2688 11.7648C10.3885 11.7616 10.5044 11.8061 10.5913 11.8884C10.6781 11.9707 10.7287 12.0842 10.7318 12.2038C10.735 12.3234 10.6906 12.4394 10.6082 12.5262C10.5259 12.6131 10.4125 12.6636 10.2928 12.6668L9.19984 12.6968C8.99213 12.7035 8.79511 12.7905 8.6503 12.9396C8.50549 13.0886 8.4242 13.2881 8.42355 13.4959C8.4229 13.7037 8.50295 13.9037 8.64682 14.0536C8.7907 14.2036 8.98717 14.2919 9.19484 14.2998L10.8308 14.2968C10.9303 14.2961 11.0285 14.2754 11.1198 14.2359C11.211 14.1963 11.2933 14.1389 11.3618 14.0668C11.5102 13.9134 11.5927 13.7082 11.5918 13.4948C11.593 13.4352 11.6059 13.3764 11.6298 13.3217C11.6537 13.2671 11.6882 13.2177 11.7312 13.1764C11.7741 13.1351 11.8249 13.1026 11.8804 13.0809C11.9359 13.0592 11.9952 13.0486 12.0548 13.0498C12.2948 13.0568 12.4868 13.2478 12.4948 13.4878C12.4988 13.9378 12.3248 14.3698 12.0118 14.6928C11.7028 15.0148 11.2768 15.1978 10.8318 15.1998L9.18884 15.2008C8.9745 15.2015 8.76215 15.1598 8.56407 15.0779C8.36598 14.996 8.18611 14.8757 8.03484 14.7238C7.87424 14.563 7.74689 14.3722 7.66007 14.1621C7.57325 13.9521 7.52866 13.7271 7.52884 13.4998C7.52611 13.0548 7.6984 12.6265 8.00857 12.3074C8.31873 11.9882 8.74192 11.8038 9.18684 11.7938L10.2688 11.7648Z",
+      fill: "#6F81BD"
+    }
+  )
+] }), Ee = () => {
+  const { containerHeight: t } = R(), { t: l } = A(), [x, o] = I([
+    { key: "internal", label: l("role.internal"), visible: !1 },
+    { key: "external", label: l("role.external"), visible: !1 }
+  ]), [u, r] = I(), [_, m] = I();
+  j(() => W({ hasDeptDock: !1 }), {
+    onSuccess: (s) => {
+      if (s) {
+        const a = s.departments_count > 0, i = s.label_corp_count > 0;
+        o(
+          X((d) => {
+            d[0].visible = a, d[1].visible = i;
+          })
+        ), a ? r("internal") : i && r("external");
+      }
+    }
+  });
+  const p = Q({
+    internal: [],
+    external: []
+  }), { loading: v } = j(
+    () => ne({
+      roleLimit: null
+    }),
+    {
+      onSuccess: (s) => {
+        if (!s)
+          p.current.internal = [], p.current.external = [];
+        else {
+          p.current.internal = ie(s.roles, {
+            children: "children",
+            title: "name",
+            value: "role_id",
+            parentId: "parent"
+          }), p.current.external = s.dock_role.map((d) => (d.children = [], d.icon = /* @__PURE__ */ e(J, {}), d));
+          const a = p.current.internal, i = p.current.external;
+          u === "internal" && a.length > 0 && m(a[0].role_id), u === "external" && i.length > 0 && m(i[0].role_id);
+        }
+      }
+    }
+  ), { data: c, loading: h } = j(
+    () => _ ? le({
+      roleId: _,
+      limit: 100
+    }) : Promise.resolve({ users: [], dock_user_list: [] }),
+    {
+      refreshDeps: [_]
+    }
+  ), C = c?.users || [], n = c?.dock_user_list || [], y = u === "external" ? n : C;
+  return /* @__PURE__ */ g("div", { className: L["role-panel"], children: [
+    /* @__PURE__ */ e("aside", { className: L["role-panel__menu"], children: /* @__PURE__ */ e("ul", { className: L["role-panel__menu-list"], children: x.filter((s) => s.visible).map((s) => /* @__PURE__ */ e(
+      "li",
+      {
+        onClick: () => r(s.key),
+        className: N(L["role-panel__menu-item"], {
+          [L["role-panel__menu-item--active"]]: u === s.key
+        }),
+        children: s.label
+      },
+      s.key
+    )) }) }),
+    /* @__PURE__ */ e("section", { className: L["role-panel__tree-section"], children: /* @__PURE__ */ e(E, { spinning: v, tip: l("common.loading"), children: /* @__PURE__ */ e(M, { style: { height: t - 8, padding: "4px" }, children: /* @__PURE__ */ e(
+      $,
+      {
+        showSwitcher: !1,
+        data: u ? p.current[u] : [],
+        fieldNames: {
+          title: "name",
+          value: "role_id",
+          children: "children"
+        },
+        selectedKeys: _ ? [_] : [],
+        onSelect: (s) => m(s),
+        parentCheckable: !0,
+        icon: (s) => s.children && s.children.length > 0 ? /* @__PURE__ */ e(K, { name: "dept-one", className: L["role-panel__tree-icon"], size: 16 }) : /* @__PURE__ */ e(J, {}),
+        switcherIcon: (s) => /* @__PURE__ */ e(
+          K,
+          {
+            name: "xiangxiazhankai-11",
+            className: N(L["role-panel__switcher-icon"], {
+              [L["role-panel__switcher-icon--expanded"]]: s
+            })
+          }
+        )
+      }
+    ) }) }) }),
+    /* @__PURE__ */ g("section", { className: L["role-panel__list-section"], children: [
+      /* @__PURE__ */ e(E, { spinning: h, tip: l("common.loading"), children: /* @__PURE__ */ e(M, { style: { height: t - 8, padding: "4px" }, children: y.length > 0 && /* @__PURE__ */ e(
+        G,
+        {
+          list: y,
+          badge: (s) => /* @__PURE__ */ e("span", { className: L["role-panel__badge"], title: s.deptnames, children: s.deptnames })
+        }
+      ) }) }),
+      y.length === 0 && !h && /* @__PURE__ */ e("div", { className: L["role-panel__empty"], children: /* @__PURE__ */ e("span", { children: l("member.noAvailable") }) })
+    ] })
+  ] });
+}, k = {
+  "extra-contact-panel": "_extra-contact-panel_4tyr0_1",
+  "extra-contact-panel__menu": "_extra-contact-panel__menu_4tyr0_6",
+  "extra-contact-panel__menu-list": "_extra-contact-panel__menu-list_4tyr0_10",
+  "extra-contact-panel__menu-item": "_extra-contact-panel__menu-item_4tyr0_14",
+  "extra-contact-panel__menu-item--active": "_extra-contact-panel__menu-item--active_4tyr0_26",
+  "extra-contact-panel__groups": "_extra-contact-panel__groups_4tyr0_33",
+  "extra-contact-panel__groups--expanded": "_extra-contact-panel__groups--expanded_4tyr0_37",
+  "extra-contact-panel__groups--collapsed": "_extra-contact-panel__groups--collapsed_4tyr0_42",
+  "extra-contact-panel__group-list": "_extra-contact-panel__group-list_4tyr0_46",
+  "extra-contact-panel__group-item": "_extra-contact-panel__group-item_4tyr0_50",
+  "extra-contact-panel__group-item--active": "_extra-contact-panel__group-item--active_4tyr0_61",
+  "extra-contact-panel__members": "_extra-contact-panel__members_4tyr0_68",
+  "extra-contact-panel__empty": "_extra-contact-panel__empty_4tyr0_74",
+  "extra-contact-panel__empty-text": "_extra-contact-panel__empty-text_4tyr0_83"
+}, Ke = () => {
+  const { containerHeight: t } = R(), { t: l } = A(), [x] = I([
+    { key: "default", label: l("externalContact.defaultGroup"), visible: !0 },
+    { key: "custom", label: l("externalContact.customGroup"), visible: !0 }
+  ]), [o, u] = I("default"), [r, _] = I(), { data: m, loading: p } = j(
+    () => oe(),
+    {
+      refreshDeps: [o],
+      onSuccess: (n) => {
+        if (n && o === "custom") {
+          const y = n.list.filter((s) => s.type !== "1");
+          _(y[0]?._id);
+        }
+        if (n && o === "default") {
+          const y = n.list.filter((s) => s.type === "1");
+          _(y[0]._id);
+        }
+      }
+    }
+  ), { data: v, loading: c } = j(
+    () => r ? me({
+      group_id: r,
+      limit: 100
+    }) : Promise.resolve([]),
+    {
+      refreshDeps: [r]
+    }
+  );
+  let h = [];
+  o === "custom" && (h = m?.list?.filter((n) => n.type !== "1") || []);
+  const C = v?.list || [];
+  return /* @__PURE__ */ g("div", { className: k["extra-contact-panel"], children: [
+    /* @__PURE__ */ e("aside", { className: k["extra-contact-panel__menu"], children: /* @__PURE__ */ e("ul", { className: k["extra-contact-panel__menu-list"], children: x.filter((n) => n.visible).map((n) => /* @__PURE__ */ e(
+      "li",
+      {
+        onClick: () => {
+          n.key !== o && (u(n.key), n.key === "default" && _(void 0));
+        },
+        className: N(k["extra-contact-panel__menu-item"], {
+          [k["extra-contact-panel__menu-item--active"]]: o === n.key
+        }),
+        children: n.label
+      },
+      n.key
+    )) }) }),
+    /* @__PURE__ */ e(
+      "section",
+      {
+        className: N(k["extra-contact-panel__groups"], {
+          [k["extra-contact-panel__groups--expanded"]]: o === "custom",
+          [k["extra-contact-panel__groups--collapsed"]]: o === "default"
+        }),
+        children: /* @__PURE__ */ e(E, { spinning: p && o === "custom", tip: l("common.loading"), children: /* @__PURE__ */ e(M, { style: { height: t - 8, padding: "4px" }, children: /* @__PURE__ */ g("ul", { className: k["extra-contact-panel__group-list"], children: [
+          h.map((n) => /* @__PURE__ */ e(
+            "li",
+            {
+              onClick: () => _(n._id),
+              className: N(k["extra-contact-panel__group-item"], {
+                [k["extra-contact-panel__group-item--active"]]: r === n._id
+              }),
+              children: n.name
+            },
+            n._id
+          )),
+          h.length === 0 && !p && /* @__PURE__ */ e("div", { className: k["extra-contact-panel__empty"], children: /* @__PURE__ */ e("span", { className: k["extra-contact-panel__empty-text"], children: l("externalContact.noAvailableGroup") }) })
+        ] }) }) })
+      }
+    ),
+    /* @__PURE__ */ g("section", { className: k["extra-contact-panel__members"], children: [
+      /* @__PURE__ */ e(E, { spinning: c || p, tip: l("common.loading"), children: /* @__PURE__ */ e(M, { style: { height: t - 8, padding: "4px" }, children: C.length > 0 && /* @__PURE__ */ e(G, { list: C }) }) }),
+      C.length === 0 && !c && !p && /* @__PURE__ */ e("div", { className: k["extra-contact-panel__empty"], children: /* @__PURE__ */ e("span", { className: k["extra-contact-panel__empty-text"], children: l("member.noAvailable") }) })
+    ] })
+  ] });
+};
+export {
+  Ke as E,
+  G as M,
+  Ee as R,
+  Me as a,
+  De as b
+};