@baishuyun/ui-business 2.0.0

package/dist/DeptsMember/DeptsMember-C54jKU8C.js

@@ -0,0 +1,685 @@
+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 { 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 { 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";
+import { g as ke, a as Se } from "../vendors/services/data/outsider.service.js";
+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 = {
+    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;
+  U(() => {
+    d && c(!0);
+  }, [d]);
+  const l = () => {
+    d || c(!1);
+  }, [_, H] = T(!1);
+  U(() => {
+    if (!y.current || !R.current) return;
+    const w = () => {
+      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);
+          return;
+        }
+        if (h.length !== t.length) {
+          console.warn("DOM not fully updated, retrying..."), requestAnimationFrame(() => w());
+          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++;
+          else {
+            P = N;
+            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;
+          else {
+            H(!0);
+            break;
+          }
+        }
+        a !== C && u(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;
+    return /* @__PURE__ */ e(
+      "div",
+      {
+        className: E({
+          "measure-list": w
+        }),
+        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";
+            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
+                  )
+                }),
+                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,
+                    {
+                      style: {
+                        backgroundColor: q(P),
+                        fontSize: "12px",
+                        lineHeight: "13px",
+                        width: "20px",
+                        height: "20px"
+                      },
+                      children: P?.charAt(0) || "?"
+                    }
+                  ) }),
+                  /* @__PURE__ */ p("div", { className: "entity-item__text", "data-type": h.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: [
+                      "（",
+                      m[h.type],
+                      "）"
+                    ] }) : null
+                  ] }),
+                  /* @__PURE__ */ e(
+                    "div",
+                    {
+                      role: "button",
+                      className: "entity-item__close",
+                      onClick: w ? _e : () => S(h._id),
+                      children: /* @__PURE__ */ e(be, {})
+                    }
+                  )
+                ]
+              },
+              C
+            );
+          }),
+          ie && !w && /* @__PURE__ */ e("li", { ref: x, 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();
+              },
+              children: [
+                /* @__PURE__ */ e("span", { children: s("common.viewAll", { count: j }) }),
+                /* @__PURE__ */ e(I, { name: "arrow-down" })
+              ]
+            }
+          ) })
+        ] })
+      }
+    );
+  };
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: "depts-member-selection-preview",
+      style: {
+        height: g ? `${ue}px` : "auto"
+      },
+      children: /* @__PURE__ */ p(
+        "div",
+        {
+          className: E("depts-member-selection-preview-container", {
+            expand: d,
+            "enable-animation": g
+          }),
+          children: [
+            /* @__PURE__ */ p(
+              "div",
+              {
+                className: E("preview-container__body", {
+                  expand: d
+                }),
+                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(
+                    "div",
+                    {
+                      className: "preview-container__scroll",
+                      style: {
+                        height: re + "px"
+                      },
+                      children: K()
+                    }
+                  ) }) })
+                ]
+              }
+            ),
+            b && ve(
+              /* @__PURE__ */ e(Y, { children: d && /* @__PURE__ */ e(
+                J.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: l
+                }
+              ) }),
+              b
+            ),
+            /* @__PURE__ */ e(Y, { mode: "wait", children: d && /* @__PURE__ */ e(
+              J.div,
+              {
+                className: "preview-container__button",
+                initial: { opacity: 1 },
+                exit: { opacity: 0 },
+                transition: { duration: 0.3 },
+                onAnimationComplete: l,
+                children: /* @__PURE__ */ p(B, { type: "link", onClick: () => f(), children: [
+                  s("common.collapseAll"),
+                  /* @__PURE__ */ e(I, { name: "arrow-up" })
+                ] })
+              }
+            ) })
+          ]
+        }
+      )
+    }
+  );
+}, 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({
+    width: 0,
+    transform: "translateX(0)"
+  }), f = M(Ne((c) => t.onSearch?.(c), 250)).current;
+  U(() => () => {
+    f.cancel();
+  }, [f]);
+  const g = (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)`
+      });
+    }
+  };
+  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: [
+    /* @__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
+          }
+        }
+      ),
+      t.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
+          }),
+          children: c.label
+        },
+        c.value
+      ))
+    ] }) }),
+    /* @__PURE__ */ e("div", { className: "tab-bar__search flex items-center", children: /* @__PURE__ */ p("div", { className: "relative", children: [
+      /* @__PURE__ */ e(
+        "input",
+        {
+          type: "text",
+          value: s,
+          onChange: (c) => {
+            m(c.target.value), f(c.target.value);
+          },
+          placeholder: t.searchPlaceholder,
+          className: E(
+            "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(
+        I,
+        {
+          name: "search",
+          className: "absolute left-2.5 top-1/2 -translate-y-1/2 w-5 h-5 text-[#666]"
+        }
+      )
+    ] }) })
+  ] });
+}, Pe = (t) => {
+  const { containerHeight: r } = G();
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: E("tab-panel"),
+      style: {
+        height: r + "px"
+      },
+      children: t.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,
+    {
+      style: {
+        backgroundColor: r,
+        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 }),
+  s
+] }), ee = (t) => {
+  const { type: r, dispatch: n, value: s, containerHeight: m } = G(), { t: a } = L(), { data: u, loading: d } = F(
+    () => ke({
+      groupLimit: [],
+      memberLimit: [],
+      limit: 100,
+      skip: 0,
+      key: t.wd
+    }),
+    {
+      refreshDeps: [t.wd]
+    }
+  ), { data: f, loading: g } = F(
+    () => Re({
+      key: t.wd,
+      limit: 100,
+      skip: 0,
+      hasLimit: !1
+    }),
+    {
+      refreshDeps: [t.wd]
+    }
+  ), c = u?.list || [], b = f?.dock_user_list || [], k = f?.users || [], x = [
+    {
+      title: a("externalContact.title"),
+      value: "waibulianxiren",
+      children: c.map((i) => {
+        const l = i.nickname || i.name, _ = q(l);
+        return {
+          ...i,
+          title: /* @__PURE__ */ e(
+            Z,
+            {
+              avatarurl: i.avatarurl,
+              randomColor: _,
+              name: l,
+              extra: /* @__PURE__ */ p("span", { className: "text-xs text-[#4d609f] shrink-0 truncate", children: [
+                "(",
+                a("externalContact.title"),
+                "：",
+                i.groupname,
+                ")"
+              ] })
+            }
+          ),
+          value: i._id
+        };
+      })
+    },
+    {
+      title: a("member.title"),
+      value: "chengyuan",
+      children: [...k, ...b].map((i) => {
+        const l = i.nickname || i.name, _ = q(l);
+        return {
+          ...i,
+          title: /* @__PURE__ */ e(
+            Z,
+            {
+              avatarurl: i.avatarurl,
+              randomColor: _,
+              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 })
+            }
+          ),
+          value: i._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({
+        type: "insertOnly",
+        payload: {
+          ...l
+        }
+      });
+    }
+    if (o.USER_GROUP === r) {
+      const l = Q(i, x);
+      n({
+        type: "addOne",
+        payload: {
+          ...l
+        }
+      });
+    }
+  }, R = (i) => {
+    o.USER !== r && n({
+      type: "deleteOne",
+      payload: i
+    });
+  };
+  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,
+      {
+        data: x,
+        checkType: r === o.USER ? "radio" : "checkbox",
+        defaultSelectedKeys: s?.map((i) => i._id),
+        defaultExpandedKeys: v,
+        switcherIcon: (i) => /* @__PURE__ */ e(
+          I,
+          {
+            name: "xiangxiazhankai-11",
+            className: E(
+              "transition-transform duration-300  text-base ease-in-out text-[#666]",
+              {
+                "rotate-90": i
+              }
+            )
+          }
+        ),
+        onSelect: y,
+        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") }) })
+  ] });
+}, te = (t) => {
+  const { type: r, value: n, dispatch: s, containerHeight: m } = G(), { t: a } = L(), { data: u, loading: d } = F(
+    () => Te({
+      departmentLimit: [],
+      key: t.wd
+    }),
+    {
+      refreshDeps: [t.wd]
+    }
+  ), { data: f, loading: g } = 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 = [
+    {
+      title: a("externalContact.group"),
+      _id: "waibulianxiren",
+      children: c.filter((l) => l.status === 1 && l.name?.includes(t.wd)).map((l) => ({
+        ...l,
+        title: /* @__PURE__ */ p($, { children: [
+          /* @__PURE__ */ e(ne, { type: "group" }),
+          /* @__PURE__ */ e("span", { className: "text-sm select-none text-ellipsis whitespace-nowrap overflow-hidden", children: l.name })
+        ] })
+      }))
+    },
+    {
+      title: a("department.title"),
+      _id: "bumen",
+      children: x.map((l) => ({
+        ...l,
+        title: /* @__PURE__ */ p($, { children: [
+          /* @__PURE__ */ e(I, { name: "dept-one", className: "text-[#0265ff] text-lg" }),
+          /* @__PURE__ */ e("span", { className: "text-sm select-none text-ellipsis whitespace-nowrap overflow-hidden", children: l.name }),
+          ["dockdept", "dockcorp", "dockcorpdept"].includes(l.type) && /* @__PURE__ */ p("span", { className: "text-xs text-[#4d609f] shrink-0 truncate", children: [
+            "(",
+            a("department.external"),
+            ")"
+          ] })
+        ] })
+      }))
+    }
+  ].filter((l) => l.children.length), S = v.map((l) => l._id), y = (l, _) => {
+    if (!_)
+      return;
+    if (r === o.DEPARMENT) {
+      s({
+        type: "insertOnly",
+        payload: {
+          ..._,
+          type: _.departmentId ? "dockdept" : "group"
+        }
+      });
+      return;
+    }
+    const H = c.some((j) => j._id === _._id);
+    s({
+      type: "addOne",
+      payload: {
+        ..._,
+        _id: _._id,
+        type: H ? "group" : "dockdept"
+      }
+    });
+  }, R = (l) => {
+    s({
+      type: "deleteOne",
+      payload: l
+    });
+  }, i = d || g;
+  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,
+      {
+        data: v,
+        checkType: r === o.DEPARMENT ? "radio" : "checkbox",
+        selectedKeys: n?.map((l) => l._id),
+        fieldNames: {
+          title: "title",
+          children: "children",
+          value: "_id"
+        },
+        defaultExpandedKeys: S,
+        switcherIcon: (l) => /* @__PURE__ */ e(
+          I,
+          {
+            name: "xiangxiazhankai-11",
+            className: E(
+              "transition-transform text-base duration-300 ease-in-out text-[#666]",
+              {
+                "rotate-90": l
+              }
+            )
+          }
+        ),
+        onSelect: y,
+        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") }) })
+  ] });
+}, 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")
+    },
+    [o.USER_GROUP]: {
+      raw: /* @__PURE__ */ e(ee, { wd: n }),
+      placeholder: r("tabs.searchMember")
+    },
+    [o.DEPARMENT]: {
+      raw: /* @__PURE__ */ e(te, { wd: n }),
+      placeholder: r("tabs.searchDepartment")
+    },
+    [o.DEPARMENT_GROUP]: {
+      raw: /* @__PURE__ */ e(te, { wd: n }),
+      placeholder: r("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) {
+      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: [
+    /* @__PURE__ */ e(
+      Ce,
+      {
+        value: g,
+        onChange: b,
+        onSearch: x,
+        tabs: f,
+        searchPlaceholder: S
+      }
+    ),
+    /* @__PURE__ */ e(Pe, { children: v })
+  ] });
+}, Oe = (t, r) => De(t, (n) => {
+  switch (r.type) {
+    case "addOne": {
+      const s = r.payload;
+      ~n.findIndex((a) => a._id === s._id) || n.push(s);
+      break;
+    }
+    case "addMany": {
+      r.payload.forEach((s) => {
+        ~n.findIndex((a) => a._id === s._id) || n.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);
+      });
+      break;
+    }
+    case "removeAll": {
+      n.splice(0, n.length);
+      break;
+    }
+    case "insertOnly": {
+      const s = r.payload;
+      n.length && (n.length = 0), n.push(s);
+      break;
+    }
+    case "deleteOne": {
+      const s = r.payload, m = n.findIndex((a) => a._id === s);
+      ~m && n.splice(m, 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);
+      }), s.forEach((a) => {
+        ~n.findIndex((d) => d._id === a._id) || n.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);
+    },
+    [a, m]
+  );
+  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__ */ 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,
+        {
+          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([]);
+          },
+          children: s("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") })
+      ] })
+    ] })
+  ] });
+};
+export {
+  nt as D
+};