@baishuyun/ui-business 2.0.0 → 2.0.3

package/dist/DeptsMember/DeptsMember-BSh1OsSC.js

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