@bwg-ui/core 1.2.4 → 1.2.5

package/dist/components/popup/index.js

@@ -0,0 +1,1740 @@
+import { jsx as r, jsxs as a } from "react/jsx-runtime";
+import { SearchOutlined as V, TeamOutlined as pe, RestOutlined as ge, CheckCircleFilled as he, CheckCircleOutlined as fe, UserOutlined as ce, CloseOutlined as me } from "@ant-design/icons";
+import { message as q, Splitter as A, Flex as X, Row as ue, Col as se, Input as Z, Spin as _, Tree as ee, Button as G, Checkbox as ye, Divider as ae } from "antd";
+import { useState as w, useCallback as k, useEffect as te, useMemo as B } from "react";
+import { callService as ne } from "../../utils/index.js";
+import { b as re, C as le, c as de, d as Q } from "../../chunks/common-components-CnAjT_Gi.js";
+const Ce = (o) => {
+  if (o == null) return "";
+  const c = String(o).trim();
+  return !c || c.toUpperCase() === "NULL" ? "" : c.toUpperCase();
+}, oe = (o, c = 0) => {
+  const S = Number(o);
+  return Number.isFinite(S) ? S : c;
+};
+function J(o) {
+  return {
+    crprCd: o.crprCd || void 0,
+    wkplCd: o.wkplCd || void 0,
+    deptCd: Ce(o.deptCd),
+    deptNm: (o.deptNm ?? "").toString().trim(),
+    hrnkDeptCd: o.hrnkDeptCd || null,
+    hrnkDeptNm: o.hrnkDeptNm || null,
+    deptGbCd: o.deptGbCd || null,
+    deptLvl: oe(o.deptLvl, o.hrnkDeptCd ? 2 : 1),
+    orgSortOrd: oe(o.orgSortOrd, 0),
+    orgOtptOrd: oe(o.orgOtptOrd, 0),
+    deptAbrv: o.deptAbrv || null,
+    deptFullNm: o.deptFullNm || null,
+    deptEnglNm: o.deptEnglNm || null,
+    isLeaf: o.isLeaf || null
+  };
+}
+function xe(o) {
+  const c = /* @__PURE__ */ new Set(), S = o.map(J).filter((l) => l.deptCd).filter((l) => (l.deptCd === l.hrnkDeptCd && (l.hrnkDeptCd = ""), !0)).filter((l) => c.has(l.deptCd) ? !1 : (c.add(l.deptCd), !0));
+  S.sort(
+    (l, g) => (l.deptLvl || 0) - (g.deptLvl || 0) || (l.orgSortOrd || 0) - (g.orgSortOrd || 0) || l.deptCd.localeCompare(g.deptCd)
+  );
+  const y = /* @__PURE__ */ new Map();
+  for (const l of S)
+    y.set(l.deptCd, {
+      ...l,
+      children: []
+    });
+  const N = [];
+  for (const l of S) {
+    const g = y.get(l.deptCd), p = l.hrnkDeptCd;
+    p && y.has(p) ? y.get(p).children.push(g) : N.push(g);
+  }
+  const E = (l) => {
+    !l || l.length === 0 || (l.sort((g, p) => g.deptCd.localeCompare(p.deptCd)), l.forEach((g) => E(g.children)));
+  };
+  E(N);
+  const z = (l) => {
+    if (!l.children || l.children.length === 0) {
+      delete l.children;
+      return;
+    }
+    l.children.forEach(z);
+  };
+  if (N.forEach(z), N.length > 1) {
+    const l = N.find((g) => g.deptCd === "D00");
+    if (l) return [l];
+  }
+  return N;
+}
+function ke(o) {
+  const c = o.map(J), S = c.filter((y) => y.isLeaf !== "Y").map((y) => y.deptCd);
+  return S.length > 200 ? c.filter((y) => (y.deptLvl || 0) <= 2).map((y) => y.deptCd) : S;
+}
+const Oe = ({ popup: o }) => {
+  const [c, S] = w(""), [y, N] = w([]), [E, z] = w([]), [l, g] = w([]), [p, P] = w(!1), j = k(
+    async (C) => {
+      try {
+        P(!0);
+        const b = await ne("SCMUTIL00103", {
+          ...o?.popupParams,
+          ...C
+        }), O = Array.isArray(b?.data) ? b.data : Array.isArray(b?.deptList) ? b.deptList : Array.isArray(b) ? b : [], D = xe(O);
+        g(D);
+        const R = ke(O);
+        N(R);
+        const d = D[0]?.deptCd || J(
+          O.find((f) => J(f).deptLvl === 1) || {}
+        ).deptCd || J(O[0] || {}).deptCd || "";
+        z(d ? [d] : []);
+      } catch {
+        q.error("조직 데이터를 불러오는 중 오류가 발생했습니다.");
+      } finally {
+        P(!1);
+      }
+    },
+    [o?.popupParams]
+  );
+  te(() => {
+    j();
+  }, [j]);
+  const W = k(
+    (C, b) => {
+      for (const O of C) {
+        if (O.deptCd === b) return O;
+        if (O.children) {
+          const D = W(O.children, b);
+          if (D) return D;
+        }
+      }
+      return null;
+    },
+    []
+  ), v = B(() => {
+    const C = E[0];
+    return C ? W(l, C) : null;
+  }, [E, l, W]), I = B(() => {
+    const C = (O) => O.map((D) => ({
+      title: D.deptNm,
+      key: D.deptCd,
+      meta: D,
+      children: D.children ? C(D.children) : void 0
+    }));
+    return C(l);
+  }, [l]), Y = B(() => {
+    const C = c.trim().toLowerCase();
+    if (!C) return I;
+    const b = (O) => O.map((D) => {
+      const R = D.meta, d = (R?.deptNm || "").toLowerCase().includes(C) || (R?.deptCd || "").toLowerCase().includes(C), f = D.children ? b(D.children) : void 0;
+      return d || f && f.length ? { ...D, children: f } : null;
+    }).filter(Boolean);
+    return b(I);
+  }, [I, c]), F = k((C) => {
+    z(C.slice(0, 1).map(String));
+  }, []), M = k(
+    (C) => N(C.map(String)),
+    []
+  ), K = k(
+    (C, b) => {
+      if (C.stopPropagation(), !b.children || b.children.length === 0) return;
+      const O = y.includes(b.key);
+      N(
+        (D) => O ? D.filter((R) => R !== b.key) : [...D, b.key]
+      );
+    },
+    [y]
+  ), U = k(() => z([]), []);
+  return /* @__PURE__ */ r(re, { popup: o, popupEvent: {
+    // search: () => {
+    //   //console.log('🔍 검색 키워드:', searchKeyword);
+    //   // 검색 키워드가 있으면 검색 파라미터로 전달
+    //   const searchParams = searchKeyword.trim()
+    //     ? { searchKeyword: searchKeyword.trim() }
+    //     : {};
+    //   loadDepartmentData(searchParams);
+    // },
+    confirm: () => {
+      if (!v) {
+        q.error("부서를 선택해주세요.");
+        return;
+      }
+      const C = {
+        deptCd: v.deptCd,
+        deptNm: v.deptNm,
+        hrnkDeptCd: v.hrnkDeptCd,
+        hrnkDeptNm: v.hrnkDeptNm,
+        deptLvl: v.deptLvl,
+        orgSortOrd: v.orgSortOrd
+      };
+      o?.config?.callback?.(JSON.stringify(C)), o?.close?.();
+    }
+  }, children: /* @__PURE__ */ r(le, { children: /* @__PURE__ */ r(de, { border: !1, style: { paddingBottom: 20 }, children: /* @__PURE__ */ a(A, { layout: "vertical", style: { height: "100%" }, children: [
+    /* @__PURE__ */ a(A.Panel, { defaultSize: "70%", min: "70%", max: "75%", children: [
+      /* @__PURE__ */ r(
+        "div",
+        {
+          style: {
+            position: "sticky",
+            top: 0,
+            zIndex: 10,
+            backgroundColor: "white",
+            borderBottom: "1px solid #e0e0e0",
+            padding: 8
+          },
+          children: /* @__PURE__ */ a(X, { gap: 8, vertical: !0, style: { marginBottom: 6 }, children: [
+            /* @__PURE__ */ r(Q, { title: "조직도" }),
+            /* @__PURE__ */ r(ue, { gutter: [16, 16], children: /* @__PURE__ */ r(se, { span: 24, children: /* @__PURE__ */ r(
+              Z,
+              {
+                placeholder: "부서명, 부서코드 검색",
+                prefix: /* @__PURE__ */ r(V, {}),
+                value: c,
+                allowClear: !0,
+                onChange: (C) => S(C.target.value)
+              }
+            ) }) })
+          ] })
+        }
+      ),
+      /* @__PURE__ */ r("div", { style: { padding: 16, overflowY: "hidden" }, children: /* @__PURE__ */ r(_, { spinning: p, children: /* @__PURE__ */ r(
+        ee,
+        {
+          treeData: Y,
+          expandedKeys: y,
+          selectedKeys: E,
+          onSelect: F,
+          onExpand: M,
+          onDoubleClick: K,
+          showLine: !0,
+          showIcon: !1,
+          selectable: !0,
+          style: { overflow: "hidden" },
+          titleRender: (C) => {
+            const b = C.meta;
+            return /* @__PURE__ */ a(
+              "span",
+              {
+                style: {
+                  display: "flex",
+                  justifyContent: "space-between",
+                  alignItems: "center",
+                  padding: "2px 4px",
+                  width: "100%",
+                  fontWeight: E.includes(C.key) ? "bold" : "normal"
+                },
+                children: [
+                  /* @__PURE__ */ r("span", { children: b.deptNm }),
+                  /* @__PURE__ */ r(
+                    "span",
+                    {
+                      style: {
+                        fontSize: 11,
+                        color: "#999",
+                        marginLeft: 8
+                      },
+                      children: b.deptCd
+                    }
+                  )
+                ]
+              }
+            );
+          }
+        }
+      ) }) })
+    ] }),
+    /* @__PURE__ */ r(A.Panel, { collapsible: !0, children: /* @__PURE__ */ a("div", { style: { padding: 16, overflowY: "hidden", height: "100%" }, children: [
+      /* @__PURE__ */ r(
+        "h3",
+        {
+          style: {
+            margin: "0 0 12px 0",
+            fontSize: 16,
+            fontWeight: 700
+          },
+          children: "선택된 부서"
+        }
+      ),
+      v ? /* @__PURE__ */ a(
+        "div",
+        {
+          style: {
+            display: "flex",
+            alignItems: "center",
+            padding: 14,
+            border: "1px solid #e0e0e0",
+            borderRadius: 12,
+            background: "#fafafa"
+          },
+          children: [
+            /* @__PURE__ */ r(
+              "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__ */ r(pe, {})
+              }
+            ),
+            /* @__PURE__ */ a("div", { style: { flex: 1, minWidth: 0 }, children: [
+              /* @__PURE__ */ a(
+                "div",
+                {
+                  style: {
+                    fontSize: 15,
+                    fontWeight: 700,
+                    marginBottom: 4
+                  },
+                  children: [
+                    v.deptNm,
+                    " ",
+                    /* @__PURE__ */ a("span", { style: { color: "#8c8c8c", fontSize: 12 }, children: [
+                      "(",
+                      v.deptCd,
+                      ")"
+                    ] })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ a(
+                "div",
+                {
+                  style: { fontSize: 12, color: "#666", marginBottom: 2 },
+                  children: [
+                    "상위부서: ",
+                    v.hrnkDeptNm || "-"
+                  ]
+                }
+              )
+            ] }),
+            /* @__PURE__ */ r(
+              G,
+              {
+                type: "text",
+                onClick: U,
+                icon: /* @__PURE__ */ r(
+                  ge,
+                  {
+                    style: { fontSize: 24, color: "#FF6363" }
+                  }
+                )
+              }
+            )
+          ]
+        }
+      ) : /* @__PURE__ */ r("div", { style: { color: "#999", fontSize: 14 }, children: "부서를 선택해주세요." })
+    ] }) })
+  ] }) }) }) });
+}, ve = (o) => {
+  if (o == null) return "";
+  const c = String(o).trim();
+  return !c || c.toUpperCase() === "NULL" ? "" : c.toUpperCase();
+}, ie = (o, c = 0) => {
+  const S = Number(o);
+  return Number.isFinite(S) ? S : c;
+};
+function H(o) {
+  return {
+    crprCd: o.crprCd || void 0,
+    wkplCd: o.wkplCd || void 0,
+    deptCd: ve(o.deptCd),
+    deptNm: (o.deptNm ?? "").toString().trim(),
+    hrnkDeptCd: o.hrnkDeptCd || null,
+    hrnkDeptNm: o.hrnkDeptNm || null,
+    deptGbCd: o.deptGbCd || null,
+    deptLvl: ie(o.deptLvl, o.hrnkDeptCd ? 2 : 1),
+    orgSortOrd: ie(o.orgSortOrd, 0),
+    orgOtptOrd: ie(o.orgOtptOrd, 0),
+    deptAbrv: o.deptAbrv || null,
+    deptFullNm: o.deptFullNm || null,
+    deptEnglNm: o.deptEnglNm || null,
+    isLeaf: o.isLeaf || null
+  };
+}
+function be(o) {
+  const c = /* @__PURE__ */ new Set(), S = o.map(H).filter((l) => l.deptCd).filter((l) => (l.deptCd === l.hrnkDeptCd && (l.hrnkDeptCd = ""), !0)).filter((l) => c.has(l.deptCd) ? !1 : (c.add(l.deptCd), !0));
+  S.sort(
+    (l, g) => (l.deptLvl || 0) - (g.deptLvl || 0) || (l.orgSortOrd || 0) - (g.orgSortOrd || 0) || l.deptCd.localeCompare(g.deptCd)
+  );
+  const y = /* @__PURE__ */ new Map();
+  for (const l of S)
+    y.set(l.deptCd, {
+      ...l,
+      children: []
+    });
+  const N = [];
+  for (const l of S) {
+    const g = y.get(l.deptCd), p = l.hrnkDeptCd;
+    p && y.has(p) ? y.get(p).children.push(g) : N.push(g);
+  }
+  const E = (l) => {
+    !l || l.length === 0 || (l.sort((g, p) => g.deptCd.localeCompare(p.deptCd)), l.forEach((g) => E(g.children)));
+  };
+  E(N);
+  const z = (l) => {
+    if (!l.children || l.children.length === 0) {
+      delete l.children;
+      return;
+    }
+    l.children.forEach(z);
+  };
+  if (N.forEach(z), N.length > 1) {
+    const l = N.find((g) => g.deptCd === "D00");
+    if (l) return [l];
+  }
+  return N;
+}
+function Se(o) {
+  const c = o.map(H), S = c.filter((y) => y.isLeaf !== "Y").map((y) => y.deptCd);
+  return S.length > 200 ? c.filter((y) => (y.deptLvl || 0) <= 2).map((y) => y.deptCd) : S;
+}
+const je = ({ popup: o }) => {
+  const [c, S] = w(""), [y, N] = w(""), [E, z] = w([]), [l, g] = w([]), [p, P] = w([]), [j, W] = w(!1), [v, I] = w([]), [Y, F] = w(!1), M = k(
+    async (e) => {
+      try {
+        F(!0);
+        const t = await ne("SCMUTIL00103", {
+          ...o?.popupParams,
+          ...e
+        }), n = Array.isArray(t?.data) ? t.data : Array.isArray(t?.deptList) ? t.deptList : Array.isArray(t) ? t : [], i = be(n);
+        I(i);
+        const s = Se(n);
+        z(s);
+        const h = i[0]?.deptCd || H(
+          n.find((u) => H(u).deptLvl === 1) || {}
+        ).deptCd || H(n[0] || {}).deptCd || "";
+        g(h ? [h] : []);
+      } catch {
+        q.error("조직 데이터를 불러오는 중 오류가 발생했습니다.");
+      } finally {
+        F(!1);
+      }
+    },
+    [o?.popupParams]
+  );
+  te(() => {
+    M();
+  }, [M]);
+  const K = k(
+    (e, t) => {
+      for (const n of e) {
+        if (n.deptCd === t) return n;
+        if (n.children) {
+          const i = K(n.children, t);
+          if (i) return i;
+        }
+      }
+      return null;
+    },
+    [v]
+  ), U = B(() => p.map((e) => {
+    const t = K(v, e);
+    if (!t) return null;
+    const { children: n, ...i } = t;
+    return i;
+  }).filter(Boolean), [p, v, K]), T = B(() => {
+    const e = (t) => t.map((n) => ({
+      title: n.deptNm,
+      key: n.deptCd,
+      meta: n,
+      // ★ 원본
+      children: n.children ? e(n.children) : void 0,
+      isLeaf: !n.children || n.children.length === 0
+    }));
+    return e(v);
+  }, [v]), C = B(() => {
+    const e = c.trim().toLowerCase();
+    if (!e) return T;
+    const t = (n) => n.map((i) => {
+      const s = i.meta, h = (s?.deptNm || "").toLowerCase().includes(e) || (s?.deptCd || "").toLowerCase().includes(e), u = i.children ? t(i.children) : void 0;
+      return h || u && u.length > 0 ? { ...i, children: u } : null;
+    }).filter(Boolean);
+    return t(T);
+  }, [T, c]), b = k(
+    (e) => {
+      const t = [], n = (i) => {
+        for (const s of i)
+          if (s.deptCd === e && s.children) {
+            const h = (u) => {
+              for (const x of u)
+                t.push(x.deptCd), x.children && h(x.children);
+            };
+            h(s.children);
+          } else s.children && n(s.children);
+      };
+      return n(v), t;
+    },
+    [v]
+  ), O = k(
+    (e, t) => {
+      let n = Array.isArray(e) ? e : e?.checked ?? [];
+      if (j && t?.node?.key) {
+        const i = t.node.key, s = b(i);
+        if (t.checked) {
+          const h = new Set(n);
+          for (const u of s) h.add(u);
+          n = Array.from(h);
+        } else {
+          const h = /* @__PURE__ */ new Set([i, ...s]);
+          n = n.filter((u) => !h.has(u));
+        }
+      }
+      P(n);
+    },
+    [j, b]
+  ), D = k(
+    (e) => {
+      const t = e.map(String);
+      if (g(t), t.length > 0) {
+        const n = t[0], i = (h, u) => {
+          for (const x of h) {
+            if (x.deptCd === u) return x.deptNm;
+            if (x.children) {
+              const $ = i(x.children, u);
+              if ($) return $;
+            }
+          }
+          return null;
+        }, s = i(v, n);
+        s && N(s);
+      }
+    },
+    [v]
+  ), R = k(
+    (e) => z(e.map(String)),
+    []
+  ), d = k(
+    (e, t) => {
+      if (e.stopPropagation(), t.children && t.children.length > 0) {
+        const n = E.includes(t.key);
+        z(
+          (i) => n ? i.filter((s) => s !== t.key) : [...i, t.key]
+        );
+      }
+    },
+    [E]
+  ), f = k((e) => {
+    P((t) => t.filter((n) => n !== e));
+  }, []), m = k(() => {
+    P([]);
+  }, []);
+  return /* @__PURE__ */ r(re, { popup: o, popupEvent: {
+    // search: () => {
+    //   //console.log('🔍 검색 키워드:', searchKeyword);
+    //   // 검색 키워드가 있으면 검색 파라미터로 전달
+    //   const searchParams = searchKeyword.trim()
+    //     ? { searchKeyword: searchKeyword.trim() }
+    //     : {};
+    //   loadDepartmentData(searchParams);
+    // },
+    confirm: () => {
+      if (p.length === 0) {
+        q.error("부서를 선택해주세요.");
+        return;
+      }
+      const t = Array.from(new Set(p)).map((n) => {
+        const i = K(v, n);
+        return i ? {
+          deptCd: i.deptCd,
+          deptNm: i.deptNm,
+          hrnkDeptCd: i.hrnkDeptCd,
+          hrnkDeptNm: i.hrnkDeptNm
+        } : null;
+      }).filter(Boolean);
+      o?.config?.callback?.(JSON.stringify(t)), o?.close?.();
+    }
+  }, children: /* @__PURE__ */ r(le, { children: /* @__PURE__ */ r(de, { border: !1, style: { paddingBottom: 20 }, children: /* @__PURE__ */ a(A, { layout: "vertical", style: { height: "100%" }, children: [
+    /* @__PURE__ */ a(A.Panel, { defaultSize: "60%", min: "20%", max: "80%", children: [
+      /* @__PURE__ */ r(
+        "div",
+        {
+          style: {
+            position: "sticky",
+            top: 0,
+            zIndex: 10,
+            backgroundColor: "white",
+            borderBottom: "1px solid #e0e0e0",
+            padding: "8px"
+          },
+          children: /* @__PURE__ */ a(X, { gap: 8, vertical: !0, style: { marginBottom: 6 }, children: [
+            /* @__PURE__ */ r(Q, { title: "조직도" }),
+            /* @__PURE__ */ r(
+              "div",
+              {
+                style: {
+                  fontSize: 14,
+                  color: "#666",
+                  padding: 8,
+                  backgroundColor: "#f8f8f8",
+                  borderRadius: 4
+                },
+                children: y
+              }
+            ),
+            /* @__PURE__ */ a(ue, { gutter: [16, 16], children: [
+              /* @__PURE__ */ r(se, { span: 18, children: /* @__PURE__ */ r(
+                Z,
+                {
+                  placeholder: "부서명, 부서장명, 부서코드 검색",
+                  prefix: /* @__PURE__ */ r(V, {}),
+                  value: c,
+                  allowClear: !0,
+                  onChange: (e) => S(e.target.value)
+                }
+              ) }),
+              /* @__PURE__ */ r(
+                se,
+                {
+                  span: 6,
+                  style: {
+                    justifyContent: "center",
+                    display: "flex",
+                    alignItems: "center"
+                  },
+                  children: /* @__PURE__ */ r(
+                    ye,
+                    {
+                      checked: j,
+                      onChange: (e) => W(e.target.checked),
+                      children: "하위까지 선택"
+                    }
+                  )
+                }
+              )
+            ] })
+          ] })
+        }
+      ),
+      /* @__PURE__ */ r("div", { style: { padding: 16, overflowY: "hidden" }, children: /* @__PURE__ */ r(_, { spinning: Y, children: /* @__PURE__ */ r(
+        ee,
+        {
+          className: "bwg-ogrn-tree",
+          treeData: C,
+          expandedKeys: E,
+          selectedKeys: l,
+          checkedKeys: p,
+          checkable: !0,
+          checkStrictly: !0,
+          showLine: !0,
+          showIcon: !1,
+          selectable: !0,
+          onSelect: D,
+          onExpand: R,
+          onCheck: O,
+          onDoubleClick: d,
+          style: { overflow: "hidden" },
+          titleRender: (e) => {
+            const t = e.meta;
+            return /* @__PURE__ */ a(
+              "span",
+              {
+                style: {
+                  display: "flex",
+                  justifyContent: "space-between",
+                  alignItems: "center",
+                  padding: "2px 4px",
+                  width: "100%"
+                },
+                children: [
+                  /* @__PURE__ */ r(
+                    "span",
+                    {
+                      style: {
+                        fontWeight: l.includes(e.key) ? "bold" : "normal"
+                      },
+                      children: t.deptNm
+                    }
+                  ),
+                  /* @__PURE__ */ r(
+                    "span",
+                    {
+                      style: {
+                        fontSize: 11,
+                        color: "#999",
+                        marginLeft: 8
+                      },
+                      children: t.deptCd
+                    }
+                  )
+                ]
+              }
+            );
+          }
+        }
+      ) }) })
+    ] }),
+    /* @__PURE__ */ r(A.Panel, { collapsible: !0, children: /* @__PURE__ */ a("div", { style: { padding: 16, overflowY: "hidden" }, children: [
+      /* @__PURE__ */ a(
+        "div",
+        {
+          style: {
+            marginBottom: 12,
+            display: "flex",
+            alignItems: "center",
+            gap: 8
+          },
+          children: [
+            /* @__PURE__ */ a("h3", { style: { margin: 0, fontSize: 16, fontWeight: 700 }, children: [
+              "선택된 부서 (",
+              U.length,
+              "개)"
+            ] }),
+            U.length > 0 && /* @__PURE__ */ r(
+              "button",
+              {
+                onClick: m,
+                style: {
+                  border: "none",
+                  background: "transparent",
+                  color: "#8c8c8c",
+                  cursor: "pointer",
+                  fontSize: 12,
+                  padding: 4
+                },
+                title: "전체 해제",
+                children: "전체 해제"
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ r(
+        "div",
+        {
+          style: {
+            display: "flex",
+            flexWrap: "wrap",
+            gap: 8,
+            alignItems: "flex-start",
+            minHeight: 48
+          },
+          children: U.length === 0 ? /* @__PURE__ */ r("div", { style: { color: "#999", fontSize: 14 }, children: "선택된 부서가 없습니다." }) : U.map((e) => /* @__PURE__ */ a(
+            "span",
+            {
+              style: {
+                display: "inline-flex",
+                alignItems: "center",
+                gap: 8,
+                padding: "4px 8px",
+                borderRadius: 999,
+                border: "1px solid #e6e6e6",
+                background: "#fafafa",
+                lineHeight: 1.1,
+                cursor: "default",
+                maxWidth: 260
+              },
+              title: `${e.deptNm}`,
+              children: [
+                /* @__PURE__ */ r(
+                  "span",
+                  {
+                    style: {
+                      width: 18,
+                      height: 18,
+                      borderRadius: "50%",
+                      border: "1px solid #e6e6e6",
+                      display: "inline-flex",
+                      alignItems: "center",
+                      justifyContent: "center",
+                      fontSize: 12,
+                      color: "#8c8c8c",
+                      background: "#fff",
+                      flex: "0 0 auto"
+                    },
+                    children: /* @__PURE__ */ r(pe, {})
+                  }
+                ),
+                /* @__PURE__ */ a(
+                  "span",
+                  {
+                    style: {
+                      display: "inline-flex",
+                      flexDirection: "column",
+                      gap: 2,
+                      overflow: "hidden"
+                    },
+                    children: [
+                      /* @__PURE__ */ r(
+                        "span",
+                        {
+                          style: {
+                            fontSize: 13,
+                            fontWeight: 600,
+                            whiteSpace: "nowrap",
+                            overflow: "hidden",
+                            textOverflow: "ellipsis",
+                            maxWidth: 180
+                          },
+                          children: e.deptNm
+                        }
+                      ),
+                      /* @__PURE__ */ r(
+                        "span",
+                        {
+                          style: {
+                            fontSize: 11,
+                            color: "#8c8c8c",
+                            whiteSpace: "nowrap",
+                            overflow: "hidden",
+                            textOverflow: "ellipsis",
+                            maxWidth: 180
+                          },
+                          children: e.deptCd
+                        }
+                      )
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ r(
+                  "button",
+                  {
+                    onClick: () => f(e.deptCd),
+                    style: {
+                      border: "none",
+                      background: "transparent",
+                      color: "#8c8c8c",
+                      cursor: "pointer",
+                      padding: 2,
+                      lineHeight: 0
+                    },
+                    "aria-label": `${e.deptNm} 선택 해제`,
+                    title: "선택 해제",
+                    children: "×"
+                  }
+                )
+              ]
+            },
+            e.deptCd
+          ))
+        }
+      )
+    ] }) })
+  ] }) }) }) });
+}, Ae = ({ popup: o }) => {
+  const [c, S] = w(""), [y, N] = w(""), [E, z] = w([]), [l, g] = w([]), [p, P] = w(
+    null
+  ), [j, W] = w([]), [v, I] = w(!1), Y = k(async () => {
+    try {
+      I(!0);
+      const d = await ne("SCMUTIL00105", {
+        ...o?.popupParams
+      });
+      console.log("📊 조직도 API 응답:", d);
+      const f = Array.isArray(d?.data) ? d.data : Array.isArray(d?.orgnList) ? d.orgnList : Array.isArray(d) ? d : [];
+      if (f.length === 0) {
+        console.warn("⚠️ 조직도 데이터가 없습니다.");
+        return;
+      }
+      const m = F(f);
+      console.log("🌳 구성된 조직도 트리:", m), W(m);
+      const L = f.filter((e) => e.deptLvl <= 2).map((e) => e.deptCd);
+      if (z(L), m.length > 0) {
+        const e = m[0];
+        g([e.deptCd]), N(e.deptNm);
+      }
+      console.log("✅ 조직도 데이터 로딩 완료");
+    } catch (d) {
+      console.error("❌ 조직도 데이터 로딩 실패:", d), q.error("조직도 데이터를 불러오는 중 오류가 발생했습니다.");
+    } finally {
+      I(!1);
+    }
+  }, [o?.popupParams]), F = k((d) => {
+    const f = [...d].sort(
+      (t, n) => t.deptLvl - n.deptLvl || t.orgSortOrd - n.orgSortOrd || t.deptCd.localeCompare(n.deptCd)
+    ), m = /* @__PURE__ */ new Map();
+    for (const t of f)
+      m.set(t.deptCd, {
+        ...t,
+        children: []
+      });
+    const L = [];
+    for (const t of f) {
+      const n = m.get(t.deptCd), i = t.hrnkDeptCd;
+      i && m.has(i) ? m.get(i).children.push(n) : L.push(n);
+    }
+    const e = (t) => {
+      if (!t.children || t.children.length === 0) {
+        delete t.children;
+        return;
+      }
+      t.children.forEach(e);
+    };
+    return L.forEach(e), L;
+  }, []);
+  te(() => {
+    Y();
+  }, [Y]);
+  const M = B(() => {
+    const d = (L) => {
+      let e = [];
+      return L.forEach((t) => {
+        t.employees && (e = e.concat(t.employees)), t.children && (e = e.concat(d(t.children)));
+      }), e;
+    }, f = d(j), m = f.filter(
+      (L, e, t) => e === t.findIndex((n) => n.empNo === L.empNo)
+    );
+    return console.log(
+      `👥 전체 사원 수: ${f.length}, 중복 제거 후: ${m.length}`
+    ), m;
+  }, [j]), K = B(() => {
+    const d = (f) => f.map((m) => ({
+      title: m.deptNm,
+      key: m.deptCd,
+      children: m.children ? d(m.children) : void 0,
+      isLeaf: !m.children || m.children.length === 0
+    }));
+    return d(j);
+  }, [j]), U = B(() => {
+    if (!c.trim())
+      return K;
+    const d = (f) => f.map((m) => {
+      const L = m.title.toLowerCase().includes(c.toLowerCase()), e = m.children ? d(m.children) : void 0;
+      return L || e && e.length > 0 ? {
+        ...m,
+        children: e
+      } : null;
+    }).filter(Boolean);
+    return d(K);
+  }, [K, c]), T = B(() => {
+    if (!c.trim()) {
+      const d = (t) => {
+        let n = [];
+        return t.forEach((i) => {
+          i.employees && (n = n.concat(i.employees)), i.children && (n = n.concat(d(i.children)));
+        }), n;
+      }, f = (t, n) => {
+        for (const i of t) {
+          if (i.deptCd === n) {
+            let s = [...i.employees || []];
+            return i.children && (s = s.concat(d(i.children))), s;
+          }
+          if (i.children) {
+            const s = f(
+              i.children,
+              n
+            );
+            if (s.length > 0) return s;
+          }
+        }
+        return [];
+      }, m = l[0];
+      if (!m) return [];
+      const L = f(
+        j,
+        m
+      ), e = L.filter(
+        (t, n, i) => n === i.findIndex((s) => s.empNo === t.empNo)
+      );
+      return console.log(
+        `🔍 선택된 부서: ${m}, 반환된 사원 수: ${L.length}, 중복 제거 후: ${e.length}`
+      ), e;
+    }
+    return M.filter((d) => d.empNm.toLowerCase().includes(c.toLowerCase()) || d.empNo.toLowerCase().includes(c.toLowerCase()) || d.deptNm.toLowerCase().includes(c.toLowerCase()) || d.jbpsCd.includes(c) || d.jbgdCd.includes(c) || d.emplyStCd.includes(c));
+  }, [c, l, M, j]), C = k((d) => {
+    P(d);
+  }, []), b = k(
+    (d) => {
+      const f = d.map(String);
+      if (console.log(`🌳 트리 선택: ${f.join(", ")}`), g(f), f.length > 0) {
+        const m = f[0], L = (t, n) => {
+          for (const i of t) {
+            if (i.deptCd === n)
+              return i.deptNm;
+            if (i.children) {
+              const s = L(i.children, n);
+              if (s) return s;
+            }
+          }
+          return null;
+        }, e = L(j, m);
+        e && N(e);
+      }
+    },
+    [j]
+  ), O = k((d) => {
+    z(d.map(String));
+  }, []), D = k(
+    (d, f) => {
+      if (d.stopPropagation(), f.children && f.children.length > 0) {
+        const m = E.includes(f.key);
+        z(m ? (L) => L.filter((e) => e !== f.key) : (L) => [...L, f.key]);
+      }
+    },
+    [E]
+  );
+  return /* @__PURE__ */ r(re, { popup: o, popupEvent: {
+    confirm: () => {
+      p ? (o?.popupParams?.onSelect ? o.popupParams.onSelect(p) : o?.config?.callback && o.config.callback(JSON.stringify(p, null, 2)), o?.close?.()) : q.error("사원을 선택해주세요.");
+    }
+  }, children: /* @__PURE__ */ r(le, { children: /* @__PURE__ */ r(de, { border: !1, style: { paddingBottom: 20 }, children: /* @__PURE__ */ a(A, { layout: "vertical", style: { height: "100%" }, children: [
+    /* @__PURE__ */ a(A.Panel, { defaultSize: "60%", min: "20%", max: "80%", children: [
+      /* @__PURE__ */ r(
+        "div",
+        {
+          style: {
+            position: "sticky",
+            top: 0,
+            zIndex: 10,
+            backgroundColor: "white",
+            borderBottom: "1px solid #e0e0e0",
+            padding: "8px"
+          },
+          children: /* @__PURE__ */ a(X, { gap: 8, vertical: !0, style: { marginBottom: "6px" }, children: [
+            /* @__PURE__ */ r(Q, { title: "조직도" }),
+            /* @__PURE__ */ r(
+              Z,
+              {
+                placeholder: "이름, 소속, 전화번호 검색",
+                prefix: /* @__PURE__ */ r(V, {}),
+                value: c,
+                allowClear: !0,
+                onChange: (d) => S(d.target.value)
+              }
+            )
+          ] })
+        }
+      ),
+      /* @__PURE__ */ r(
+        "div",
+        {
+          style: {
+            padding: "16px",
+            overflowY: "hidden"
+          },
+          children: /* @__PURE__ */ r(_, { spinning: v, children: /* @__PURE__ */ r(
+            ee,
+            {
+              className: "bwg-ogrn-tree",
+              treeData: U,
+              expandedKeys: E,
+              selectedKeys: l,
+              onSelect: b,
+              onExpand: O,
+              onDoubleClick: D,
+              showLine: !0,
+              showIcon: !1,
+              style: { overflow: "hidden" },
+              titleRender: (d) => /* @__PURE__ */ r(
+                "span",
+                {
+                  style: {
+                    padding: "4px 8px",
+                    borderRadius: "4px",
+                    fontWeight: l.includes(d.key) ? "bold" : "normal",
+                    display: "inline-block",
+                    width: "100%"
+                  },
+                  children: d.title
+                }
+              )
+            }
+          ) })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ r(A.Panel, { collapsible: !0, children: /* @__PURE__ */ a(
+      "div",
+      {
+        style: {
+          padding: "16px",
+          overflowY: "hidden"
+        },
+        children: [
+          /* @__PURE__ */ r("div", { style: { marginBottom: "16px" }, children: /* @__PURE__ */ r(
+            "h3",
+            {
+              style: {
+                margin: "0 0 8px 0",
+                fontSize: "16px",
+                fontWeight: "bold"
+              },
+              children: c ? "검색 결과" : y
+            }
+          ) }),
+          /* @__PURE__ */ a("div", { style: { overflow: "hidden", height: "100%" }, children: [
+            T.map((d) => /* @__PURE__ */ a(
+              "div",
+              {
+                style: {
+                  display: "flex",
+                  alignItems: "center",
+                  padding: "12px",
+                  border: "1px solid #e0e0e0",
+                  borderRadius: "8px",
+                  marginBottom: "8px",
+                  cursor: "pointer",
+                  backgroundColor: p && p.crprCd === d.crprCd && p.wkplCd === d.wkplCd && p.empNo === d.empNo && p.jbpsCd === d.jbpsCd && p.jbgdCd === d.jbgdCd && p.empMarkOrd === d.empMarkOrd ? "#efebff" : "white"
+                },
+                onClick: () => C(d),
+                children: [
+                  /* @__PURE__ */ r(
+                    "div",
+                    {
+                      style: {
+                        marginRight: "12px",
+                        cursor: "pointer",
+                        display: "flex",
+                        alignItems: "center",
+                        justifyContent: "center",
+                        width: "20px",
+                        height: "20px"
+                      },
+                      onClick: (f) => {
+                        f.stopPropagation(), P(d);
+                      },
+                      children: p && p.crprCd === d.crprCd && p.wkplCd === d.wkplCd && p.empNo === d.empNo && p.jbpsCd === d.jbpsCd && p.jbgdCd === d.jbgdCd && p.empMarkOrd === d.empMarkOrd ? /* @__PURE__ */ r(
+                        he,
+                        {
+                          style: {
+                            fontSize: "20px",
+                            color: "#6449fc"
+                          }
+                        }
+                      ) : /* @__PURE__ */ r(
+                        fe,
+                        {
+                          style: {
+                            fontSize: "20px",
+                            color: "#d9d9d9"
+                          }
+                        }
+                      )
+                    }
+                  ),
+                  /* @__PURE__ */ r(
+                    "div",
+                    {
+                      style: {
+                        width: "40px",
+                        height: "40px",
+                        borderRadius: "50%",
+                        backgroundColor: "#e0e0e0",
+                        display: "flex",
+                        alignItems: "center",
+                        justifyContent: "center",
+                        marginRight: "12px",
+                        fontSize: "18px",
+                        color: "#666"
+                      },
+                      children: /* @__PURE__ */ r(ce, {})
+                    }
+                  ),
+                  /* @__PURE__ */ a("div", { style: { flex: 1 }, children: [
+                    /* @__PURE__ */ a(
+                      "div",
+                      {
+                        style: {
+                          fontSize: "14px",
+                          fontWeight: "bold",
+                          marginBottom: "4px"
+                        },
+                        children: [
+                          d.empNm,
+                          /* @__PURE__ */ a(
+                            "span",
+                            {
+                              style: {
+                                fontSize: "12px",
+                                fontWeight: "normal",
+                                color: "#666",
+                                marginLeft: "8px"
+                              },
+                              children: [
+                                "(",
+                                d.empNo,
+                                ")"
+                              ]
+                            }
+                          )
+                        ]
+                      }
+                    ),
+                    /* @__PURE__ */ a(
+                      "div",
+                      {
+                        style: {
+                          fontSize: "12px",
+                          color: "#666",
+                          marginBottom: "2px"
+                        },
+                        children: [
+                          d.deptNm,
+                          " (",
+                          d.deptCd,
+                          ") | 직급:",
+                          " ",
+                          d.jbpsCd,
+                          " | 등급: ",
+                          d.jbgdCd
+                        ]
+                      }
+                    )
+                  ] })
+                ]
+              },
+              `emp-${d.crprCd}-${d.wkplCd}-${d.empNo}-${d.jbpsCd}-${d.jbgdCd}-${d.empMarkOrd}`
+            )),
+            T.length === 0 && /* @__PURE__ */ r(
+              "div",
+              {
+                style: {
+                  textAlign: "center",
+                  padding: "40px",
+                  color: "#999",
+                  fontSize: "14px"
+                },
+                children: c ? "검색 결과가 없습니다." : "해당 부서에 직원이 없습니다."
+              }
+            )
+          ] })
+        ]
+      }
+    ) })
+  ] }) }) }) });
+}, Ie = ({ popup: o }) => {
+  const [c, S] = w(""), [y, N] = w(""), [E, z] = w([]), [l, g] = w([]), [p, P] = w([]), [j, W] = w(!1), [v, I] = w({}), Y = k(async () => {
+    try {
+      W(!0);
+      const e = await ne("SCMUTIL00105", {
+        ...o?.popupParams
+      });
+      console.log("📊 조직도 API 응답:", e);
+      const t = Array.isArray(e?.data) ? e.data : Array.isArray(e?.orgnList) ? e.orgnList : Array.isArray(e) ? e : [];
+      if (t.length === 0) {
+        console.warn("⚠️ 조직도 데이터가 없습니다.");
+        return;
+      }
+      const n = F(t);
+      console.log("🌳 구성된 조직도 트리:", n), P(n);
+      const i = t.filter((s) => s.deptLvl <= 2).map((s) => s.deptCd);
+      if (z(i), n.length > 0) {
+        const s = n[0];
+        g([s.deptCd]), N(s.deptNm);
+      }
+      console.log("✅ 조직도 데이터 로딩 완료");
+    } catch (e) {
+      console.error("❌ 조직도 데이터 로딩 실패:", e), q.error("조직도 데이터를 불러오는 중 오류가 발생했습니다.");
+    } finally {
+      W(!1);
+    }
+  }, [o?.popupParams]), F = k((e) => {
+    const t = [...e].sort(
+      (h, u) => h.deptLvl - u.deptLvl || h.orgSortOrd - u.orgSortOrd || h.deptCd.localeCompare(u.deptCd)
+    ), n = /* @__PURE__ */ new Map();
+    for (const h of t)
+      n.set(h.deptCd, {
+        ...h,
+        children: []
+      });
+    const i = [];
+    for (const h of t) {
+      const u = n.get(h.deptCd), x = h.hrnkDeptCd;
+      x && n.has(x) ? n.get(x).children.push(u) : i.push(u);
+    }
+    const s = (h) => {
+      if (!h.children || h.children.length === 0) {
+        delete h.children;
+        return;
+      }
+      h.children.forEach(s);
+    };
+    return i.forEach(s), i;
+  }, []);
+  te(() => {
+    Y();
+  }, [Y]);
+  const M = B(() => {
+    const e = (i) => {
+      let s = [];
+      return i.forEach((h) => {
+        h.employees && (s = s.concat(h.employees)), h.children && (s = s.concat(e(h.children)));
+      }), s;
+    }, t = e(p), n = t.filter(
+      (i, s, h) => s === h.findIndex((u) => u.empNo === i.empNo)
+    );
+    return console.log(
+      `👥 전체 사원 수: ${t.length}, 중복 제거 후: ${n.length}`
+    ), n;
+  }, [p]), K = B(() => {
+    const e = (t) => t.map((n) => ({
+      title: n.deptNm,
+      key: n.deptCd,
+      children: n.children ? e(n.children) : void 0,
+      isLeaf: !n.children || n.children.length === 0
+    }));
+    return e(p);
+  }, [p]), U = B(() => {
+    if (!c.trim())
+      return K;
+    const e = (t) => t.map((n) => {
+      const i = n.title.toLowerCase().includes(c.toLowerCase()), s = n.children ? e(n.children) : void 0;
+      return i || s && s.length > 0 ? {
+        ...n,
+        children: s
+      } : null;
+    }).filter(Boolean);
+    return e(K);
+  }, [K, c]), T = B(() => {
+    if (!c.trim()) {
+      const e = (h) => {
+        let u = [];
+        return h.forEach((x) => {
+          x.employees && (u = u.concat(x.employees)), x.children && (u = u.concat(e(x.children)));
+        }), u;
+      }, t = (h, u) => {
+        for (const x of h) {
+          if (x.deptCd === u) {
+            let $ = [...x.employees || []];
+            return x.children && ($ = $.concat(e(x.children))), $;
+          }
+          if (x.children) {
+            const $ = t(
+              x.children,
+              u
+            );
+            if ($.length > 0) return $;
+          }
+        }
+        return [];
+      }, n = l[0];
+      if (!n) return [];
+      const i = t(
+        p,
+        n
+      ), s = i.filter(
+        (h, u, x) => u === x.findIndex(($) => $.empNo === h.empNo)
+      );
+      return console.log(
+        `🔍 선택된 부서: ${n}, 반환된 사원 수: ${i.length}, 중복 제거 후: ${s.length}`
+      ), s;
+    }
+    return M.filter((e) => e.empNm.toLowerCase().includes(c.toLowerCase()) || e.empNo.toLowerCase().includes(c.toLowerCase()) || e.deptNm.toLowerCase().includes(c.toLowerCase()) || e.jbpsCd.includes(c) || e.jbgdCd.includes(c) || e.emplyStCd.includes(c));
+  }, [c, l, M, p]), C = k((e) => {
+    I((t) => {
+      const n = { ...t };
+      return n[e.empNo] ? delete n[e.empNo] : n[e.empNo] = e, n;
+    });
+  }, []), b = k((e) => {
+    I((t) => {
+      const n = { ...t };
+      return delete n[e], n;
+    });
+  }, []), O = k(() => I({}), []), D = k(() => {
+    I((e) => {
+      const t = { ...e };
+      for (const n of T) t[n.empNo] = n;
+      return t;
+    });
+  }, [T]), R = k(() => {
+    I((e) => {
+      const t = { ...e };
+      for (const n of T) delete t[n.empNo];
+      return t;
+    });
+  }, [T]), d = k(
+    (e) => {
+      const t = e.map(String);
+      if (console.log(`🌳 트리 선택: ${t.join(", ")}`), g(t), t.length > 0) {
+        const n = t[0], i = (h, u) => {
+          for (const x of h) {
+            if (x.deptCd === u)
+              return x.deptNm;
+            if (x.children) {
+              const $ = i(x.children, u);
+              if ($) return $;
+            }
+          }
+          return null;
+        }, s = i(p, n);
+        s && N(s);
+      }
+    },
+    [p]
+  ), f = k((e) => {
+    z(e.map(String));
+  }, []), m = k(
+    (e, t) => {
+      if (e.stopPropagation(), !t.children || !t.children.length) return;
+      const n = E.includes(t.key);
+      z(
+        (i) => n ? i.filter((s) => s !== t.key) : [...i, t.key]
+      );
+    },
+    [E]
+  );
+  return /* @__PURE__ */ r(re, { popup: o, popupEvent: {
+    confirm: () => {
+      const e = Object.values(v).map((t) => ({
+        crprCd: t.crprCd,
+        wkplCd: t.wkplCd,
+        empNo: t.empNo,
+        deptCd: t.deptCd,
+        deptNm: t.deptNm,
+        empNm: t.empNm,
+        jbpsCd: t.jbpsCd,
+        jbgdCd: t.jbgdCd,
+        empMarkOrd: t.empMarkOrd,
+        emplyStCd: t.emplyStCd
+      }));
+      if (e.length === 0) {
+        q.error("직원을 선택해주세요.");
+        return;
+      }
+      o?.config?.callback?.(JSON.stringify(e)), o?.close?.();
+    }
+  }, children: /* @__PURE__ */ r(le, { children: /* @__PURE__ */ r(de, { border: !1, style: { paddingBottom: 20 }, children: /* @__PURE__ */ a(A, { style: { height: "100%" }, children: [
+    /* @__PURE__ */ r(A.Panel, { defaultSize: "50%", min: "50%", max: "70%", children: /* @__PURE__ */ a(A, { layout: "vertical", style: { height: "100%" }, children: [
+      /* @__PURE__ */ a(A.Panel, { defaultSize: "60%", min: "35%", max: "75%", children: [
+        /* @__PURE__ */ r(
+          "div",
+          {
+            style: {
+              position: "sticky",
+              top: 0,
+              zIndex: 10,
+              backgroundColor: "white",
+              borderBottom: "1px solid #e0e0e0",
+              padding: 8
+            },
+            children: /* @__PURE__ */ a(X, { gap: 8, vertical: !0, style: { marginBottom: 6 }, children: [
+              /* @__PURE__ */ r(Q, { title: "조직도" }),
+              /* @__PURE__ */ r(
+                Z,
+                {
+                  placeholder: "이름, 소속, 직급/직위, 사번 검색",
+                  prefix: /* @__PURE__ */ r(V, {}),
+                  value: c,
+                  allowClear: !0,
+                  onChange: (e) => S(e.target.value)
+                }
+              )
+            ] })
+          }
+        ),
+        /* @__PURE__ */ r("div", { style: { padding: 16, overflowY: "hidden" }, children: /* @__PURE__ */ r(_, { spinning: j, children: /* @__PURE__ */ r(
+          ee,
+          {
+            className: "bwg-ogrn-tree",
+            treeData: U,
+            expandedKeys: E,
+            selectedKeys: l,
+            onSelect: d,
+            onExpand: f,
+            onDoubleClick: m,
+            showLine: !0,
+            showIcon: !1,
+            style: { overflow: "hidden" },
+            titleRender: (e) => /* @__PURE__ */ r(
+              "span",
+              {
+                style: {
+                  padding: "4px 8px",
+                  borderRadius: 4,
+                  fontWeight: l.includes(e.key) ? "bold" : "normal",
+                  display: "inline-block",
+                  width: "100%"
+                },
+                children: e.title
+              }
+            )
+          }
+        ) }) })
+      ] }),
+      /* @__PURE__ */ r(A.Panel, { children: /* @__PURE__ */ a(
+        "div",
+        {
+          style: {
+            padding: 16,
+            height: "100%",
+            display: "flex",
+            flexDirection: "column"
+          },
+          children: [
+            /* @__PURE__ */ a(
+              "div",
+              {
+                style: {
+                  display: "flex",
+                  alignItems: "center",
+                  justifyContent: "space-between"
+                },
+                children: [
+                  /* @__PURE__ */ r("h3", { style: { margin: 0, fontSize: 16, fontWeight: 700 }, children: c ? "검색 결과" : `${y} 사용자` }),
+                  /* @__PURE__ */ a("div", { style: { display: "flex", gap: 8 }, children: [
+                    /* @__PURE__ */ r(G, { size: "small", onClick: D, children: "현재 목록 전체 선택" }),
+                    /* @__PURE__ */ r(G, { size: "small", onClick: R, children: "현재 목록 전체 해제" })
+                  ] })
+                ]
+              }
+            ),
+            /* @__PURE__ */ r(ae, { style: { margin: "8px 0" } }),
+            /* @__PURE__ */ a("div", { style: { overflowY: "auto" }, children: [
+              T.map((e) => {
+                const t = !!v[e.empNo];
+                return /* @__PURE__ */ a(
+                  "div",
+                  {
+                    style: {
+                      display: "flex",
+                      alignItems: "center",
+                      padding: 10,
+                      border: "1px solid #e0e0e0",
+                      borderRadius: 8,
+                      marginBottom: 8,
+                      cursor: "pointer",
+                      background: t ? "#efebff" : "#fff"
+                    },
+                    onClick: () => C(e),
+                    children: [
+                      /* @__PURE__ */ r(
+                        "div",
+                        {
+                          style: {
+                            marginRight: 12,
+                            width: 22,
+                            height: 22,
+                            display: "flex",
+                            alignItems: "center",
+                            justifyContent: "center"
+                          },
+                          onClick: (n) => {
+                            n.stopPropagation(), C(e);
+                          },
+                          children: t ? /* @__PURE__ */ r(
+                            he,
+                            {
+                              style: { fontSize: 20, color: "#6449fc" }
+                            }
+                          ) : /* @__PURE__ */ r(
+                            fe,
+                            {
+                              style: { fontSize: 20, color: "#d9d9d9" }
+                            }
+                          )
+                        }
+                      ),
+                      /* @__PURE__ */ r(
+                        "div",
+                        {
+                          style: {
+                            width: 36,
+                            height: 36,
+                            borderRadius: "50%",
+                            backgroundColor: "#e0e0e0",
+                            display: "flex",
+                            alignItems: "center",
+                            justifyContent: "center",
+                            marginRight: 12,
+                            fontSize: 16,
+                            color: "#666",
+                            flex: "0 0 auto"
+                          },
+                          children: /* @__PURE__ */ r(ce, {})
+                        }
+                      ),
+                      /* @__PURE__ */ a("div", { style: { flex: 1, minWidth: 0 }, children: [
+                        /* @__PURE__ */ a(
+                          "div",
+                          {
+                            style: {
+                              fontSize: 14,
+                              fontWeight: 600,
+                              marginBottom: 2
+                            },
+                            children: [
+                              e.empNm,
+                              /* @__PURE__ */ a(
+                                "span",
+                                {
+                                  style: {
+                                    fontSize: 12,
+                                    fontWeight: "normal",
+                                    color: "#666",
+                                    marginLeft: "8px"
+                                  },
+                                  children: [
+                                    "(",
+                                    e.empNo,
+                                    ")"
+                                  ]
+                                }
+                              )
+                            ]
+                          }
+                        ),
+                        /* @__PURE__ */ a("div", { style: { fontSize: 12, color: "#666" }, children: [
+                          e.deptNm,
+                          " (",
+                          e.deptCd,
+                          ") | 직급: ",
+                          e.jbpsCd,
+                          " | 등급: ",
+                          e.jbgdCd
+                        ] })
+                      ] })
+                    ]
+                  },
+                  `emp-${e.crprCd}-${e.wkplCd}-${e.empNo}-${e.jbpsCd}-${e.jbgdCd}-${e.empMarkOrd}`
+                );
+              }),
+              T.length === 0 && /* @__PURE__ */ r(
+                "div",
+                {
+                  style: {
+                    textAlign: "center",
+                    padding: 32,
+                    color: "#999",
+                    fontSize: 14
+                  },
+                  children: c ? "검색 결과가 없습니다." : "해당 부서에 사용자 없음"
+                }
+              )
+            ] })
+          ]
+        }
+      ) })
+    ] }) }),
+    /* @__PURE__ */ r(A.Panel, { collapsible: !0, children: /* @__PURE__ */ a(
+      "div",
+      {
+        style: {
+          padding: 16,
+          height: "100%",
+          display: "flex",
+          flexDirection: "column"
+        },
+        children: [
+          /* @__PURE__ */ a(
+            "div",
+            {
+              style: {
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "space-between"
+              },
+              children: [
+                /* @__PURE__ */ r(
+                  Q,
+                  {
+                    title: `선택된 사용자 (${Object.keys(v).length})`
+                  }
+                ),
+                /* @__PURE__ */ r(G, { type: "link", size: "small", onClick: O, children: "전체 해제" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ r(ae, { style: { margin: "8px 0" } }),
+          /* @__PURE__ */ a("div", { style: { overflowY: "auto", flex: 1 }, children: [
+            Object.values(v).map((e) => /* @__PURE__ */ a(
+              "div",
+              {
+                style: {
+                  display: "flex",
+                  alignItems: "center",
+                  padding: 10,
+                  border: "1px solid #e0e0e0",
+                  borderRadius: 8,
+                  marginBottom: 8,
+                  background: "#fafafa"
+                },
+                children: [
+                  /* @__PURE__ */ r(
+                    "div",
+                    {
+                      style: {
+                        width: 32,
+                        height: 32,
+                        borderRadius: "50%",
+                        backgroundColor: "#e0e0e0",
+                        display: "flex",
+                        alignItems: "center",
+                        justifyContent: "center",
+                        marginRight: 10,
+                        color: "#666"
+                      },
+                      children: /* @__PURE__ */ r(ce, {})
+                    }
+                  ),
+                  /* @__PURE__ */ a("div", { style: { flex: 1, minWidth: 0 }, children: [
+                    /* @__PURE__ */ a(
+                      "div",
+                      {
+                        style: {
+                          fontSize: 13,
+                          fontWeight: 600,
+                          marginBottom: 2
+                        },
+                        children: [
+                          e.empNm,
+                          /* @__PURE__ */ a(
+                            "span",
+                            {
+                              style: {
+                                fontSize: 11,
+                                fontWeight: "normal",
+                                color: "#666",
+                                marginLeft: "6px"
+                              },
+                              children: [
+                                "(",
+                                e.empNo,
+                                ")"
+                              ]
+                            }
+                          )
+                        ]
+                      }
+                    ),
+                    /* @__PURE__ */ a("div", { style: { fontSize: 12, color: "#666" }, children: [
+                      e.deptNm,
+                      " (",
+                      e.deptCd,
+                      ") | 직급: ",
+                      e.jbpsCd,
+                      " | 등급: ",
+                      e.jbgdCd
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ r(
+                    G,
+                    {
+                      type: "text",
+                      shape: "circle",
+                      icon: /* @__PURE__ */ r(me, {}),
+                      onClick: () => b(e.empNo)
+                    }
+                  )
+                ]
+              },
+              `selected-${e.crprCd}-${e.wkplCd}-${e.empNo}-${e.jbpsCd}-${e.jbgdCd}-${e.empMarkOrd}`
+            )),
+            Object.keys(v).length === 0 && /* @__PURE__ */ r(
+              "div",
+              {
+                style: {
+                  color: "#999",
+                  fontSize: 14,
+                  textAlign: "center",
+                  padding: 24
+                },
+                children: "선택된 사용자가 없습니다."
+              }
+            )
+          ] })
+        ]
+      }
+    ) })
+  ] }) }) }) });
+};
+export {
+  Oe as SearchDepartmentP01,
+  je as SearchDepartmentP02,
+  Ae as SearchOrganizationP01,
+  Ie as SearchOrganizationP02
+};