@bwg-ui/core 1.3.7 → 1.3.9

package/dist/chunks/SearchDepartmentP01-pUAav3Xp.js

@@ -0,0 +1,352 @@
+import { jsx as d, jsxs as h } from "react/jsx-runtime";
+import { SearchOutlined as j, TeamOutlined as A, RestOutlined as U } from "@ant-design/icons";
+import { message as T, Splitter as L, Flex as W, Row as M, Col as Y, Input as G, Spin as J, Tree as q, Button as H } from "antd";
+import { useState as S, useCallback as y, useEffect as Q, useMemo as N } from "react";
+import { callService as V } from "../utils/index.js";
+import { BwgPopup as X, ContentLayOut as Z, ContentBox as _, BwgTitleBox as $ } from "../components/common/index.js";
+const ee = (e) => {
+  if (e == null) return "";
+  const s = String(e).trim();
+  return !s || s.toUpperCase() === "NULL" ? "" : s.toUpperCase();
+}, O = (e, s = 0) => {
+  const a = Number(e);
+  return Number.isFinite(a) ? a : s;
+};
+function v(e) {
+  return {
+    crprCd: e.crprCd || void 0,
+    wkplCd: e.wkplCd || void 0,
+    deptCd: ee(e.deptCd),
+    deptNm: (e.deptNm ?? "").toString().trim(),
+    hrnkDeptCd: e.hrnkDeptCd || null,
+    hrnkDeptNm: e.hrnkDeptNm || null,
+    deptGbCd: e.deptGbCd || null,
+    deptLvl: O(e.deptLvl, e.hrnkDeptCd ? 2 : 1),
+    orgSortOrd: O(e.orgSortOrd, 0),
+    orgOtptOrd: O(e.orgOtptOrd, 0),
+    deptAbrv: e.deptAbrv || null,
+    deptFullNm: e.deptFullNm || null,
+    deptEnglNm: e.deptEnglNm || null,
+    isLeaf: e.isLeaf || null
+  };
+}
+function te(e) {
+  const s = /* @__PURE__ */ new Set(), a = e.map(v).filter((t) => t.deptCd).filter((t) => (t.deptCd === t.hrnkDeptCd && (t.hrnkDeptCd = ""), !0)).filter((t) => s.has(t.deptCd) ? !1 : (s.add(t.deptCd), !0));
+  a.sort(
+    (t, o) => (t.deptLvl || 0) - (o.deptLvl || 0) || (t.orgSortOrd || 0) - (o.orgSortOrd || 0) || t.deptCd.localeCompare(o.deptCd)
+  );
+  const i = /* @__PURE__ */ new Map();
+  for (const t of a)
+    i.set(t.deptCd, {
+      ...t,
+      children: []
+    });
+  const f = [];
+  for (const t of a) {
+    const o = i.get(t.deptCd), u = t.hrnkDeptCd;
+    u && i.has(u) ? i.get(u).children.push(o) : f.push(o);
+  }
+  const C = (t) => {
+    !t || t.length === 0 || (t.sort((o, u) => o.deptCd.localeCompare(u.deptCd)), t.forEach((o) => C(o.children)));
+  };
+  C(f);
+  const m = (t) => {
+    if (!t.children || t.children.length === 0) {
+      delete t.children;
+      return;
+    }
+    t.children.forEach(m);
+  };
+  if (f.forEach(m), f.length > 1) {
+    const t = f.find((o) => o.deptCd === "D00");
+    if (t) return [t];
+  }
+  return f;
+}
+function ne(e) {
+  const s = e.map(v), a = s.filter((i) => i.isLeaf !== "Y").map((i) => i.deptCd);
+  return a.length > 200 ? s.filter((i) => (i.deptLvl || 0) <= 2).map((i) => i.deptCd) : a;
+}
+const se = ({ popup: e, onClose: s }) => {
+  const [a, i] = S(""), [f, C] = S([]), [m, t] = S([]), [o, u] = S([]), [z, w] = S(!1), B = y(
+    async (n) => {
+      try {
+        w(!0);
+        const r = await V("SCMUTIL00103", {
+          ...n
+        });
+        e?.popupParams?.keyword && i(e?.popupParams?.keyword);
+        const c = Array.isArray(r?.deptList) && r.deptList || [], l = te(c);
+        u(l);
+        const g = ne(c);
+        C(g);
+        const x = l[0]?.deptCd || v(
+          c.find((k) => v(k).deptLvl === 1) || {}
+        ).deptCd || v(c[0] || {}).deptCd || "";
+        t(x ? [x] : []);
+      } catch {
+        T.error("조직 데이터를 불러오는 중 오류가 발생했습니다.");
+      } finally {
+        w(!1);
+      }
+    },
+    [e?.popupParams]
+  );
+  Q(() => {
+    B();
+  }, [B]);
+  const b = y(
+    (n, r) => {
+      for (const c of n) {
+        if (c.deptCd === r) return c;
+        if (c.children) {
+          const l = b(c.children, r);
+          if (l) return l;
+        }
+      }
+      return null;
+    },
+    []
+  ), p = N(() => {
+    const n = m[0];
+    return n ? b(o, n) : null;
+  }, [m, o, b]), D = N(() => {
+    const n = (c) => c.map((l) => ({
+      title: l.deptNm,
+      key: l.deptCd,
+      meta: l,
+      children: l.children ? n(l.children) : void 0
+    }));
+    return n(o);
+  }, [o]), E = N(() => {
+    const n = a.trim().toLowerCase();
+    if (!n) return D;
+    const r = (c) => c.map((l) => {
+      const g = l.meta, x = (g?.deptNm || "").toLowerCase().includes(n) || (g?.deptCd || "").toLowerCase().includes(n), k = l.children ? r(l.children) : void 0;
+      return x || k && k.length ? { ...l, children: k } : null;
+    }).filter(Boolean);
+    return r(D);
+  }, [D, a]), K = y((n) => {
+    t(n.slice(0, 1).map(String));
+  }, []), I = y(
+    (n) => C(n.map(String)),
+    []
+  ), P = y(
+    (n, r) => {
+      if (n.stopPropagation(), !r.children || r.children.length === 0) return;
+      const c = f.includes(r.key);
+      C(
+        (l) => c ? l.filter((g) => g !== r.key) : [...l, r.key]
+      );
+    },
+    [f]
+  ), R = y(() => t([]), []), F = {
+    confirm: () => {
+      if (!p) {
+        T.error("부서를 선택해주세요.");
+        return;
+      }
+      const n = {
+        deptCd: p.deptCd,
+        deptNm: p.deptNm,
+        hrnkDeptCd: p.hrnkDeptCd,
+        hrnkDeptNm: p.hrnkDeptNm,
+        deptLvl: p.deptLvl,
+        orgSortOrd: p.orgSortOrd
+      }, r = e?.config;
+      r?.onSelect ? r.onSelect(n) : e?.config?.callback && e.config.callback(JSON.stringify(n)), r?.onClose && r.onClose(), e?.close?.();
+    },
+    cancel: () => {
+      const n = e?.config;
+      n?.onCancel && n.onCancel(), e?.close?.();
+    }
+  };
+  return /* @__PURE__ */ d(
+    X,
+    {
+      popup: e,
+      buttons: [
+        {
+          id: "confirm",
+          label: "확인",
+          onClick: () => {
+            F.confirm();
+          }
+        }
+      ],
+      onClose: () => {
+        e?.close?.(), s?.();
+      },
+      children: /* @__PURE__ */ d(Z, { children: /* @__PURE__ */ d(_, { border: !1, style: { paddingBottom: 20 }, children: /* @__PURE__ */ h(L, { layout: "vertical", style: { height: "100%" }, children: [
+        /* @__PURE__ */ h(L.Panel, { defaultSize: "70%", min: "70%", max: "75%", children: [
+          /* @__PURE__ */ d(
+            "div",
+            {
+              style: {
+                position: "sticky",
+                top: 0,
+                zIndex: 10,
+                backgroundColor: "white",
+                borderBottom: "1px solid #e0e0e0",
+                padding: 8
+              },
+              children: /* @__PURE__ */ h(W, { gap: 8, vertical: !0, style: { marginBottom: 6 }, children: [
+                /* @__PURE__ */ d($, { title: "조직도" }),
+                /* @__PURE__ */ d(M, { gutter: [16, 16], children: /* @__PURE__ */ d(Y, { span: 24, children: /* @__PURE__ */ d(
+                  G,
+                  {
+                    placeholder: "부서명, 부서코드 검색",
+                    prefix: /* @__PURE__ */ d(j, {}),
+                    value: a,
+                    allowClear: !0,
+                    onChange: (n) => i(n.target.value)
+                  }
+                ) }) })
+              ] })
+            }
+          ),
+          /* @__PURE__ */ d("div", { style: { padding: 16, overflowY: "hidden" }, children: /* @__PURE__ */ d(J, { spinning: z, children: /* @__PURE__ */ d(
+            q,
+            {
+              treeData: E,
+              expandedKeys: f,
+              selectedKeys: m,
+              onSelect: K,
+              onExpand: I,
+              onDoubleClick: P,
+              showLine: !0,
+              showIcon: !1,
+              selectable: !0,
+              style: { overflow: "hidden" },
+              titleRender: (n) => {
+                const r = n.meta;
+                return /* @__PURE__ */ h(
+                  "span",
+                  {
+                    style: {
+                      display: "flex",
+                      justifyContent: "space-between",
+                      alignItems: "center",
+                      padding: "2px 4px",
+                      width: "100%",
+                      fontWeight: m.includes(n.key) ? "bold" : "normal"
+                    },
+                    children: [
+                      /* @__PURE__ */ d("span", { children: r.deptNm }),
+                      /* @__PURE__ */ d(
+                        "span",
+                        {
+                          style: {
+                            fontSize: 11,
+                            color: "#999",
+                            marginLeft: 8
+                          },
+                          children: r.deptCd
+                        }
+                      )
+                    ]
+                  }
+                );
+              }
+            }
+          ) }) })
+        ] }),
+        /* @__PURE__ */ d(L.Panel, { collapsible: !0, children: /* @__PURE__ */ h("div", { style: { padding: 16, overflowY: "hidden", height: "100%" }, children: [
+          /* @__PURE__ */ d(
+            "h3",
+            {
+              style: {
+                margin: "0 0 12px 0",
+                fontSize: 16,
+                fontWeight: 700
+              },
+              children: "선택된 부서"
+            }
+          ),
+          p ? /* @__PURE__ */ h(
+            "div",
+            {
+              style: {
+                display: "flex",
+                alignItems: "center",
+                padding: 14,
+                border: "1px solid #e0e0e0",
+                borderRadius: 12,
+                background: "#fafafa"
+              },
+              children: [
+                /* @__PURE__ */ d(
+                  "div",
+                  {
+                    style: {
+                      width: 42,
+                      height: 42,
+                      borderRadius: "50%",
+                      border: "1px solid #e6e6e6",
+                      display: "flex",
+                      alignItems: "center",
+                      justifyContent: "center",
+                      marginRight: 12,
+                      fontSize: 18,
+                      color: "#8c8c8c",
+                      background: "#fff",
+                      flex: "0 0 auto"
+                    },
+                    children: /* @__PURE__ */ d(A, {})
+                  }
+                ),
+                /* @__PURE__ */ h("div", { style: { flex: 1, minWidth: 0 }, children: [
+                  /* @__PURE__ */ h(
+                    "div",
+                    {
+                      style: {
+                        fontSize: 15,
+                        fontWeight: 700,
+                        marginBottom: 4
+                      },
+                      children: [
+                        p.deptNm,
+                        " ",
+                        /* @__PURE__ */ h("span", { style: { color: "#8c8c8c", fontSize: 12 }, children: [
+                          "(",
+                          p.deptCd,
+                          ")"
+                        ] })
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ h(
+                    "div",
+                    {
+                      style: { fontSize: 12, color: "#666", marginBottom: 2 },
+                      children: [
+                        "상위부서: ",
+                        p.hrnkDeptNm || "-"
+                      ]
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ d(
+                  H,
+                  {
+                    type: "text",
+                    onClick: R,
+                    icon: /* @__PURE__ */ d(
+                      U,
+                      {
+                        style: { fontSize: 24, color: "#FF6363" }
+                      }
+                    )
+                  }
+                )
+              ]
+            }
+          ) : /* @__PURE__ */ d("div", { style: { color: "#999", fontSize: 14 }, children: "부서를 선택해주세요." })
+        ] }) })
+      ] }) }) })
+    }
+  );
+};
+export {
+  se as default
+};