@baishuyun/ui-business 2.0.0 → 2.0.3

package/dist/DeptsMember/TabGroup-LsBzSRvu.js

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

package/dist/DeptsMember/index.js

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

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

@@ -1,17 +1,17 @@
-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 { jsxs as g, jsx as e, Fragment as K } from "react/jsx-runtime";
+import { g as j, 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 { a as N, u as k, E, d as L, b as H } from "../../../TabGroup-LsBzSRvu.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(
+  return /* @__PURE__ */ g(
     S,
     {
       style: { height: p - 8, padding: "4px" },
@@ -52,7 +52,7 @@ const Q = (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 = [
+  ), d = o?.map((n) => n._id) || [], b = [
     {
       label: a("department.externalContactGroup"),
       value: "dockcorp"
@@ -88,9 +88,9 @@ const Q = (t) => {
       }
     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: [
+  return /* @__PURE__ */ g("div", { className: "external-container", children: [
+    /* @__PURE__ */ e(L, { tabs: b, value: f, onChange: i }),
+    /* @__PURE__ */ e("div", { className: "external-container__content", children: /* @__PURE__ */ g(S, { style: { height: p - 42, padding: "4px" }, children: [
       x.length > 0 && /* @__PURE__ */ e(
         w,
         {
@@ -106,7 +106,7 @@ const Q = (t) => {
           onSelect: t.onSelect,
           onDeSelect: t.onDeselect,
           defaultExpandedKeys: _,
-          icon: () => /* @__PURE__ */ e(C, { name: "dept-one", className: "text-[#0265ff] text-lg" }),
+          icon: () => /* @__PURE__ */ e(C, { name: "dept-one", className: "text-[#0265ff]", size: 16 }),
           switcherIcon: (n) => /* @__PURE__ */ e(
             C,
             {
@@ -132,7 +132,7 @@ const Q = (t) => {
     0
     /* INTERNAL */
   ), { data: i, loading: d } = T(
-    () => z({
+    () => j({
       departmentLimit: [],
       hasDeptDock: a === 1
       /* EXTERNAL */
@@ -140,25 +140,17 @@ const Q = (t) => {
     {
       refreshDeps: [a]
     }
-  ), g = G(() => {
+  ), b = 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) => ({
+    const y = l.filter((h) => h.type === "dockcorp" || h.type === "dockdept" ? !0 : h.parentId === 0 ? !1 : l.some((z) => z.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",
@@ -167,7 +159,7 @@ const Q = (t) => {
       title: "name"
     }) : [];
   }, [i]), x = {
-    0: g,
+    0: b,
     1: s
   }, _ = M(
     (l) => {
@@ -203,7 +195,7 @@ const Q = (t) => {
       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: [
+  return /* @__PURE__ */ g("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",
       {
@@ -222,7 +214,7 @@ const Q = (t) => {
         className: v("flex-1 border-[#E0E0E0]  overflow-hidden", {
           "border-l": c > 0
         }),
-        children: /* @__PURE__ */ b(A, { spinning: d, children: [
+        children: /* @__PURE__ */ g(A, { spinning: d, children: [
           a === 0 && /* @__PURE__ */ e(
             Q,
             {
@@ -246,7 +238,7 @@ const Q = (t) => {
     )
   ] });
 }, 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 { list: r } = t, { value: p, type: o, dispatch: a } = N(), f = o === E.DEPARMENT, i = o === E.DEPARMENT_GROUP, d = p?.[0]?._id, b = (n) => {
     const u = r?.find((m) => m._id === n.target.value);
     u && a({
       type: "insertOnly",
@@ -271,8 +263,8 @@ const Q = (t) => {
       }
     });
   };
-  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(
+  return /* @__PURE__ */ e("div", { className: "entity-group-list", children: /* @__PURE__ */ g("ul", { className: "font-0", children: [
+    f && /* @__PURE__ */ e(R.Group, { value: d, onChange: b, className: "w-full", children: r.map((n) => /* @__PURE__ */ e(
       "li",
       {
         className: v("rounded-[4px] cursor-pointer font-0", {
@@ -292,7 +284,7 @@ const Q = (t) => {
       },
       n._id
     )) }),
-    i && /* @__PURE__ */ e(j, { children: /* @__PURE__ */ e(O.Group, { value: x, onChange: _, children: r.map((n) => /* @__PURE__ */ e(
+    i && /* @__PURE__ */ e(K, { 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]", {
@@ -309,7 +301,7 @@ const Q = (t) => {
       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: [
+  return /* @__PURE__ */ e("div", { className: "p-1 external-contact-entit relative", children: /* @__PURE__ */ e(A, { spinning: o, tip: r("common.loading"), children: /* @__PURE__ */ g(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") }) })
   ] }) }) });
@@ -317,8 +309,8 @@ const Q = (t) => {
   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: [
+  ]), [o, a] = D("default"), { data: f, loading: i } = T(() => J()), d = f?.list || [], b = o === "default" ? d.filter((s) => s.type === "1") : d.filter((s) => s.type !== "1");
+  return /* @__PURE__ */ g("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",
       {
@@ -333,9 +325,9 @@ const Q = (t) => {
       },
       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") }) })
+    /* @__PURE__ */ e("div", { className: "flex-1 border-l border-[#E0E0E0]", children: /* @__PURE__ */ e(A, { spinning: i, tip: r("common.loading"), children: /* @__PURE__ */ g(S, { style: { height: t - 8, padding: "4px" }, children: [
+      b.length > 0 && /* @__PURE__ */ e(F, { list: b, type: "group" }),
+      b.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 = () => {