@baishuyun/ui-business 2.0.0

package/dist/DeptsMember/TabGroup-B_2npRbC.js

@@ -0,0 +1,121 @@
+import { createContext as h, useContext as x, useMemo as p, useCallback as E, forwardRef as v, useRef as A, useState as D, useEffect as N } from "react";
+import { n as b } from "../vendors/lodash-es.js";
+import { jsx as r, jsxs as G } from "react/jsx-runtime";
+import { Icon as s } from "bsy-react-ui";
+import { C as R } from "../ConfigProvider/configContext-lDqg07Z3.js";
+import { c as S } from "../vendors/clsx.js";
+var f = /* @__PURE__ */ ((e) => (e[e.USER = 0] = "USER", e[e.USER_GROUP = 1] = "USER_GROUP", e[e.DEPARMENT = 2] = "DEPARMENT", e[e.DEPARMENT_GROUP = 3] = "DEPARMENT_GROUP", e))(f || {});
+const te = 110, ae = 68, ne = 30, re = 8, oe = 90, M = h({
+  dispatch: b,
+  setValue: b,
+  type: f.DEPARMENT,
+  containerHeight: 0
+}), le = () => x(M), ce = ({ type: e }) => {
+  switch (e) {
+    case "label":
+      return /* @__PURE__ */ r(s, { name: "Enterpriselabel", className: "text-[#0265ff] text-lg" });
+    case "dockcorp":
+    case "dockcorpdept":
+      return /* @__PURE__ */ r(s, { name: "company", className: "text-[#0265ff] text-lg" });
+    case "dockdept":
+    case "member":
+      return /* @__PURE__ */ r(s, { name: "dept-one", className: "text-[#0265ff] text-lg" });
+    case "group":
+      return /* @__PURE__ */ r(s, { name: "Outreach", className: "text-[#70c911] text-lg" });
+    default:
+      return /* @__PURE__ */ r(s, { name: "dept-one", className: "text-[#0265ff] text-lg" });
+  }
+}, I = { loading: "加载中...", cancel: "取消", confirm: "确认", clearAll: "清空所选项", viewAll: "查看全部{count}个", selected: "已选 {selected}/{total}", collapseAll: "收起全部", noAvailable: "没有可选成员" }, U = { title: "部门", search: "搜索部门", noAvailable: "没有可选部门", contact: "对接部门", organizationalStructure: "组织架构", currentUserDepartment: "当前用户所处部门", internal: "内部组织", external: "外部组织", externalContactGroup: "对接人小组", externalContactDepartment: "对接部门" }, P = { title: "成员", search: "搜索成员", contact: "对接人", all: "全部成员", internal: "内部成员", external: "外部成员", noAvailable: "没有可选成员" }, T = { title: "角色", internal: "内部角色", external: "互联角色" }, k = { title: "职位" }, O = { title: "当前用户" }, $ = { title: "外部联系人", defaultGroup: "默认分组", customGroup: "自定义分组", group: "外部联系人分组", noAvailableGroup: "没有可选分组" }, w = { searchMember: "搜索成员", searchDepartment: "搜索部门" }, d = {
+  common: I,
+  department: U,
+  member: P,
+  role: T,
+  position: k,
+  currentUser: O,
+  externalContact: $,
+  tabs: w
+}, H = { loading: "Loading...", cancel: "Cancel", confirm: "Confirm", clearAll: "Clear All", viewAll: "View All {count}", selected: "Selected {selected}/{total}", collapseAll: "Collapse All", noAvailable: "No available members" }, L = { title: "Department", search: "Search Department", noAvailable: "No available departments", contact: "Contact Department", organizationalStructure: "Organizational Structure", currentUserDepartment: "Current User Department", internal: "Internal Organization", external: "External Organization", externalContactGroup: "External Contact Group", externalContactDepartment: "External Contact Department" }, z = { title: "Member", search: "Search Member", contact: "Contact Person", all: "All Members", internal: "Internal Members", external: "External Members", noAvailable: "No available members" }, y = { title: "Role", internal: "Internal Role", external: "Interconnected Role" }, B = { title: "Position" }, W = { title: "Current User" }, j = { title: "External Contact", defaultGroup: "Default Group", customGroup: "Custom Group", group: "External Contact Group", noAvailableGroup: "No available groups" }, V = { searchMember: "Search Member", searchDepartment: "Search Department" }, X = {
+  common: H,
+  department: L,
+  member: z,
+  role: y,
+  position: B,
+  currentUser: W,
+  externalContact: j,
+  tabs: V
+}, q = (e, t, n) => {
+  const c = t.split(".");
+  let a = e;
+  try {
+    for (const o of c)
+      a = a[o];
+    return typeof a == "string" ? n ? a.replace(/\{(\w+)\}/g, (o, i) => n[i] !== void 0 ? String(n[i]) : o) : a : t;
+  } catch {
+    return t;
+  }
+}, se = () => {
+  const e = x(R), t = p(() => ({ "zh-CN": d, "en-US": X }), []), n = p(() => t[e.locale] || d, [e.locale, t]);
+  return {
+    t: E(
+      (a, o) => q(n, a, o),
+      [n]
+    )
+  };
+}, F = "_active_nkgxh_15", u = {
+  "tabgroup-container": "_tabgroup-container_nkgxh_1",
+  "tabgroup-container__tab-item": "_tabgroup-container__tab-item_nkgxh_7",
+  active: F,
+  "tabgroup-container__indicator": "_tabgroup-container__indicator_nkgxh_18"
+}, ie = v(({ tabs: e, value: t, onChange: n }) => {
+  const c = A(null), [a, o] = D({
+    width: 0,
+    transform: "translateX(0)"
+  }), i = (l) => {
+    const m = c.current?.querySelector(`[data-key="${l}"]`);
+    if (m) {
+      const { width: g, left: _ } = m.getBoundingClientRect(), C = m.parentElement?.parentElement?.getBoundingClientRect().left || 0;
+      o({
+        width: g,
+        transform: `translateX(${_ - C}px)`
+      });
+    }
+  };
+  return N(() => {
+    i(t);
+  }, [t]), /* @__PURE__ */ G("div", { className: u["tabgroup-container"], ref: c, children: [
+    /* @__PURE__ */ r(
+      "div",
+      {
+        className: u["tabgroup-container__indicator"],
+        style: {
+          width: `${a.width}px`,
+          transform: a.transform
+        }
+      }
+    ),
+    e.map((l) => /* @__PURE__ */ r(
+      "div",
+      {
+        className: S(u["tabgroup-container__tab-item"], {
+          [u.active]: t === l.value
+        }),
+        onClick: () => n(l.value),
+        children: /* @__PURE__ */ r("span", { "data-key": l.value, children: l.label })
+      },
+      l.value
+    ))
+  ] });
+});
+export {
+  M as D,
+  f as E,
+  re as G,
+  ne as M,
+  oe as P,
+  ae as T,
+  se as a,
+  te as b,
+  ce as c,
+  ie as d,
+  le as u
+};

package/dist/DeptsMember/index.d.ts

@@ -0,0 +1,6 @@
+export * from '../components/DeptsMember/index'
+export {}
+import _default from '../components/DeptsMember/index'
+export default _default
+export * from '../components/DeptsMember/index'
+export {}

package/dist/DeptsMember/index.js

@@ -0,0 +1,6 @@
+import { D as t } from "./DeptsMember-C54jKU8C.js";
+import { E as a } from "./TabGroup-B_2npRbC.js";
+export {
+  a as Entity,
+  t as default
+};

package/dist/DeptsMember/subcomponents/Entity/Department/index.d.ts

@@ -0,0 +1,2 @@
+export * from '../../../../components/DeptsMember/subcomponents/Entity/Department/index'
+export {}

package/dist/DeptsMember/subcomponents/Entity/Department/index.js

@@ -0,0 +1,363 @@
+import { jsxs as b, jsx as e, Fragment as j } from "react/jsx-runtime";
+import { g as z, d as P } from "../../../../vendors/services/data/member.service.js";
+import { useRequest as T } from "ahooks";
+import { Spin as A, Radio as R } from "antd";
+import { c as v } from "../../../../vendors/clsx.js";
+import { useState as D, useMemo as G, useCallback as M } from "react";
+import { u as N, a as k, E, d as L, c as H } from "../../../TabGroup-B_2npRbC.js";
+import { buildDeptTree as B, buildTree as U, findNodeInTree as q } from "../../../utils/index.js";
+import { S } from "../../../../vendors/simplebar-react.js";
+import { Tree as w, Icon as C, Checkbox as O } from "bsy-react-ui";
+import { g as J } from "../../../../vendors/services/corp/outsider.service.js";
+const Q = (t) => {
+  const { type: r, containerHeight: p, value: o } = N(), { t: a } = k(), f = o?.map((d) => d._id) || [], i = t.data?.map((d) => d._id);
+  return /* @__PURE__ */ b(
+    S,
+    {
+      style: { height: p - 8, padding: "4px" },
+      className: "internal-container",
+      children: [
+        t.data.length > 0 && /* @__PURE__ */ e(
+          w,
+          {
+            parentCheckable: !0,
+            checkType: r === E.DEPARMENT ? "radio" : "checkbox",
+            data: t.data,
+            fieldNames: {
+              title: "name",
+              value: "_id",
+              children: "children"
+            },
+            selectedKeys: f,
+            onSelect: t.onSelect,
+            onDeSelect: t.onDeselect,
+            defaultExpandedKeys: i,
+            icon: () => /* @__PURE__ */ e(C, { name: "dept-one", className: "internal-container__icon" }),
+            switcherIcon: (d) => /* @__PURE__ */ e(
+              C,
+              {
+                name: "xiangxiazhankai-11",
+                className: v("internal-container__arrow-icon", {
+                  "rotate-90": d
+                })
+              }
+            )
+          }
+        ),
+        t.data.length === 0 && !t.loading && /* @__PURE__ */ e("div", { className: "internal-container__empty", children: /* @__PURE__ */ e("span", { children: a("department.noAvailable") }) })
+      ]
+    }
+  );
+}, V = (t) => {
+  const { type: r, containerHeight: p, value: o } = N(), { t: a } = k(), [f, i] = D(
+    "dockcorp"
+    /* DOCK_PERSON_GROUP */
+  ), d = o?.map((n) => n._id) || [], g = [
+    {
+      label: a("department.externalContactGroup"),
+      value: "dockcorp"
+      /* DOCK_PERSON_GROUP */
+    },
+    {
+      label: a("department.externalContactDepartment"),
+      value: "dockcorpdept"
+      /* DOCK_DEPARTMENT */
+    }
+  ], s = (n, u) => {
+    const m = [];
+    for (const c of n)
+      if (c.type === u)
+        if (u === "dockcorpdept")
+          m.push({
+            ...c,
+            children: c.children
+          });
+        else {
+          const l = c.children ? s(c.children, u) : [];
+          m.push({
+            ...c,
+            children: l.length > 0 ? l : void 0
+          });
+        }
+      else {
+        const l = c.children ? s(c.children, u) : [];
+        l.length > 0 && m.push({
+          ...c,
+          children: l
+        });
+      }
+    return m;
+  }, x = s(t.data, f), _ = x?.map((n) => n._id);
+  return /* @__PURE__ */ b("div", { className: "external-container", children: [
+    /* @__PURE__ */ e(L, { tabs: g, value: f, onChange: i }),
+    /* @__PURE__ */ e("div", { className: "external-container__content", children: /* @__PURE__ */ b(S, { style: { height: p - 42, padding: "4px" }, children: [
+      x.length > 0 && /* @__PURE__ */ e(
+        w,
+        {
+          parentCheckable: !0,
+          checkType: r === E.DEPARMENT ? "radio" : "checkbox",
+          data: x,
+          fieldNames: {
+            title: "name",
+            value: "_id",
+            children: "children"
+          },
+          selectedKeys: d,
+          onSelect: t.onSelect,
+          onDeSelect: t.onDeselect,
+          defaultExpandedKeys: _,
+          icon: () => /* @__PURE__ */ e(C, { name: "dept-one", className: "text-[#0265ff] text-lg" }),
+          switcherIcon: (n) => /* @__PURE__ */ e(
+            C,
+            {
+              name: "xiangxiazhankai-11",
+              className: v(
+                "transition-transform text-base duration-300 ease-in-out text-[#666]",
+                {
+                  "rotate-90": n
+                }
+              )
+            }
+          )
+        }
+      ),
+      x.length === 0 && !t.loading && /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ e("span", { className: "text-[#999]", children: a("department.noAvailable") }) })
+    ] }) })
+  ] });
+}, W = () => {
+  const { type: t, dispatch: r } = N(), { t: p } = k(), [o] = D([
+    { key: 0, label: p("department.internal"), visible: !0 },
+    { key: 1, label: p("department.external"), visible: !0 }
+  ]), [a, f] = D(
+    0
+    /* INTERNAL */
+  ), { data: i, loading: d } = T(
+    () => z({
+      departmentLimit: [],
+      hasDeptDock: a === 1
+      /* EXTERNAL */
+    }),
+    {
+      refreshDeps: [a]
+    }
+  ), g = G(() => {
+    const l = i?.departments || [];
+    return l.length > 0 ? B(l) : [];
+  }, [i]), s = G(() => {
+    const l = i?.label_corp_list || [];
+    if (!l.length)
+      return [];
+    const y = l.filter((h) => h.type === "dockcorp" || h.type === "dockdept" ? !0 : h.parentId === 0 ? !1 : l.some((K) => K.parentId === h.departmentId)), I = y.map((h) => ({
+      ...h,
+      checkable: h.type !== "dockcorpdept" && h.type !== "label",
+      icon: /* @__PURE__ */ e(H, { type: h.type })
+      // name: (
+      //   <div>
+      //     <span>{dept.name}</span>
+      //     {showBadge && (
+      //       <span className="text-xs text-[#4d609f]">（{badgeText[dept.type]}）</span>
+      //     )}
+      //   </div>
+      // ),
+    }));
+    return y.length > 0 ? U(I, {
+      parentId: "parentId",
+      children: "children",
+      value: "_id",
+      title: "name"
+    }) : [];
+  }, [i]), x = {
+    0: g,
+    1: s
+  }, _ = M(
+    (l) => {
+      const y = a === 1 ? i?.label_corp_list : i?.departments;
+      if (!y)
+        return;
+      const I = y.find((h) => h._id === l);
+      I && r({
+        type: "insertOnly",
+        payload: {
+          ...I
+        }
+      });
+    },
+    [r, i, a]
+  ), n = M(
+    (l, y) => {
+      r({
+        type: "addOne",
+        payload: {
+          ...y
+        }
+      });
+    },
+    [r]
+  ), u = (l) => {
+    const y = q(l, x[a], {
+      children: "children",
+      value: "_id"
+    });
+    y && r({
+      type: "deleteOne",
+      payload: y._id
+    });
+  }, m = E.DEPARMENT === t ? _ : n, c = i?.label_corp_count || 0;
+  return /* @__PURE__ */ b("div", { className: "flex line-height-normal h-full", children: [
+    c > 0 && /* @__PURE__ */ e("aside", { className: "basis-[200px] p-1 shrink-0", children: /* @__PURE__ */ e("ul", { className: "flex flex-col", children: o.filter((l) => l.visible).map((l) => /* @__PURE__ */ e(
+      "li",
+      {
+        onClick: () => f(l.key),
+        className: v("px-[10px] py-[7px] rounded cursor-pointer text-sm", {
+          "bg-[#F0F6FF] text-[#0265ff]": a === l.key,
+          "text-black hover:bg-[#f3f3f3]": a !== l.key
+        }),
+        children: l.label
+      },
+      l.key
+    )) }) }),
+    /* @__PURE__ */ e(
+      "section",
+      {
+        className: v("flex-1 border-[#E0E0E0]  overflow-hidden", {
+          "border-l": c > 0
+        }),
+        children: /* @__PURE__ */ b(A, { spinning: d, children: [
+          a === 0 && /* @__PURE__ */ e(
+            Q,
+            {
+              onSelect: m,
+              onDeselect: u,
+              loading: !0,
+              data: x[a]
+            }
+          ),
+          a === 1 && /* @__PURE__ */ e(
+            V,
+            {
+              data: x[a],
+              onSelect: m,
+              onDeselect: u,
+              loading: !0
+            }
+          )
+        ] })
+      }
+    )
+  ] });
+}, F = (t) => {
+  const { list: r } = t, { value: p, type: o, dispatch: a } = N(), f = o === E.DEPARMENT, i = o === E.DEPARMENT_GROUP, d = p?.[0]?._id, g = (n) => {
+    const u = r?.find((m) => m._id === n.target.value);
+    u && a({
+      type: "insertOnly",
+      payload: Object.assign({}, u, {
+        type: t.type || u.type
+      })
+    });
+  }, s = (n) => {
+    a({
+      type: "deleteOne",
+      payload: n
+    });
+  }, x = p?.map((n) => n._id) || [], _ = (n) => {
+    const u = r.filter((c) => !n.includes(c._id)), m = r.filter((c) => n.includes(c._id));
+    a({
+      type: "deleteAndInsert",
+      payload: {
+        oldIds: u.map((c) => c._id),
+        newItems: m.map((c) => Object.assign({}, c, {
+          type: t.type || c.type
+        }))
+      }
+    });
+  };
+  return /* @__PURE__ */ e("div", { className: "entity-group-list", children: /* @__PURE__ */ b("ul", { className: "font-0", children: [
+    f && /* @__PURE__ */ e(R.Group, { value: d, onChange: g, className: "w-full", children: r.map((n) => /* @__PURE__ */ e(
+      "li",
+      {
+        className: v("rounded-[4px] cursor-pointer font-0", {
+          "hover:bg-[#f3f3f3]": !0
+        }),
+        children: /* @__PURE__ */ e(
+          R,
+          {
+            value: n._id,
+            className: "px-[10px] py-[6px]",
+            onClick: () => {
+              s(n._id);
+            },
+            children: /* @__PURE__ */ e("div", { className: "flex gap-[6px] items-center", children: /* @__PURE__ */ e("span", { className: "text-sm select-none", children: n.name }) })
+          }
+        )
+      },
+      n._id
+    )) }),
+    i && /* @__PURE__ */ e(j, { children: /* @__PURE__ */ e(O.Group, { value: x, onChange: _, children: r.map((n) => /* @__PURE__ */ e(
+      "li",
+      {
+        className: v("rounded-[4px] cursor-pointer font-0 px-[10px]", {
+          "hover:bg-[#f3f3f3]": !0
+        }),
+        children: /* @__PURE__ */ e(O, { labelPosition: "left", value: n._id, children: /* @__PURE__ */ e("div", { className: "flex flex-1 gap-[6px] items-center py-[6px]", children: /* @__PURE__ */ e("span", { className: "text-sm select-none", children: n.name }) }) })
+      },
+      n._id
+    )) }) })
+  ] }) });
+}, X = () => {
+  const { containerHeight: t } = N(), { t: r } = k(), { data: p, loading: o } = T(
+    () => P({
+      departmentLimit: []
+    })
+  ), a = p?.departmentList || [];
+  return /* @__PURE__ */ e("div", { className: "p-1 external-contact-entit relative", children: /* @__PURE__ */ e(A, { spinning: o, tip: r("common.loading"), children: /* @__PURE__ */ b(S, { style: { height: t - 8 }, children: [
+    /* @__PURE__ */ e(F, { list: a }),
+    a.length === 0 && !o && /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ e("span", { className: "text-[#999]", children: r("department.noAvailable") }) })
+  ] }) }) });
+}, Y = () => {
+  const { containerHeight: t } = N(), { t: r } = k(), [p] = D([
+    { key: "default", label: r("externalContact.defaultGroup") },
+    { key: "custom", label: r("externalContact.customGroup") }
+  ]), [o, a] = D("default"), { data: f, loading: i } = T(() => J()), d = f?.list || [], g = o === "default" ? d.filter((s) => s.type === "1") : d.filter((s) => s.type !== "1");
+  return /* @__PURE__ */ b("div", { className: "external-contact-entity relative flex", children: [
+    /* @__PURE__ */ e("aside", { className: "basis-[192px] p-1", children: /* @__PURE__ */ e("ul", { className: "flex flex-col", children: p.map((s) => /* @__PURE__ */ e(
+      "li",
+      {
+        onClick: () => {
+          a(s.key);
+        },
+        className: v("px-[10px] py-[7px] rounded cursor-pointer text-sm", {
+          "bg-[#F0F6FF] text-[#0265ff]": o === s.key,
+          "text-black hover:bg-[#f3f3f3]": o !== s.key
+        }),
+        children: s.label
+      },
+      s.key
+    )) }) }),
+    /* @__PURE__ */ e("div", { className: "flex-1 border-l border-[#E0E0E0]", children: /* @__PURE__ */ e(A, { spinning: i, tip: r("common.loading"), children: /* @__PURE__ */ b(S, { style: { height: t - 8, padding: "4px" }, children: [
+      g.length > 0 && /* @__PURE__ */ e(F, { list: g, type: "group" }),
+      g.length === 0 && !i && /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ e("span", { className: "text-[#999]", children: r("externalContact.noAvailableGroup") }) })
+    ] }) }) })
+  ] });
+}, oe = () => {
+  const { t } = k();
+  return G(() => [
+    {
+      label: t("department.organizationalStructure"),
+      value: "organizational",
+      view: /* @__PURE__ */ e(W, {})
+    },
+    {
+      label: t("externalContact.group"),
+      value: "externalContactGroup",
+      view: /* @__PURE__ */ e(Y, {})
+    },
+    {
+      label: t("department.currentUserDepartment"),
+      value: "currentDepartment",
+      view: /* @__PURE__ */ e(X, {})
+    }
+  ], [t]);
+};
+export {
+  oe as useDepartmentTabItems
+};

package/dist/DeptsMember/subcomponents/Entity/Member/index.d.ts

@@ -0,0 +1,2 @@
+export * from '../../../../components/DeptsMember/subcomponents/Entity/Member/index'
+export {}