@bwg-ui/core 1.3.7 → 1.3.9

package/dist/chunks/SearchDepartmentP02-B3oL1B-h.js

@@ -0,0 +1,518 @@
+import { jsx as i, jsxs as m } from "react/jsx-runtime";
+import { SearchOutlined as V, TeamOutlined as X } from "@ant-design/icons";
+import { message as R, Splitter as O, Flex as Z, Row as _, Col as j, Input as ee, Checkbox as te, Spin as ne, Tree as re } from "antd";
+import { useState as x, useCallback as g, useEffect as le, useMemo as A } from "react";
+import { callService as de } from "../utils/index.js";
+import { BwgPopup as ie, ContentLayOut as oe, ContentBox as ce, BwgTitleBox as se } from "../components/common/index.js";
+const ae = (r) => {
+  if (r == null) return "";
+  const f = String(r).trim();
+  return !f || f.toUpperCase() === "NULL" ? "" : f.toUpperCase();
+}, B = (r, f = 0) => {
+  const h = Number(r);
+  return Number.isFinite(h) ? h : f;
+};
+function v(r) {
+  return {
+    crprCd: r.crprCd || void 0,
+    wkplCd: r.wkplCd || void 0,
+    deptCd: ae(r.deptCd),
+    deptNm: (r.deptNm ?? "").toString().trim(),
+    hrnkDeptCd: r.hrnkDeptCd || null,
+    hrnkDeptNm: r.hrnkDeptNm || null,
+    deptGbCd: r.deptGbCd || null,
+    deptLvl: B(r.deptLvl, r.hrnkDeptCd ? 2 : 1),
+    orgSortOrd: B(r.orgSortOrd, 0),
+    orgOtptOrd: B(r.orgOtptOrd, 0),
+    deptAbrv: r.deptAbrv || null,
+    deptFullNm: r.deptFullNm || null,
+    deptEnglNm: r.deptEnglNm || null,
+    isLeaf: r.isLeaf || null
+  };
+}
+function pe(r) {
+  const f = /* @__PURE__ */ new Set(), h = r.map(v).filter((l) => l.deptCd).filter((l) => (l.deptCd === l.hrnkDeptCd && (l.hrnkDeptCd = ""), !0)).filter((l) => f.has(l.deptCd) ? !1 : (f.add(l.deptCd), !0));
+  h.sort(
+    (l, c) => (l.deptLvl || 0) - (c.deptLvl || 0) || (l.orgSortOrd || 0) - (c.orgSortOrd || 0) || l.deptCd.localeCompare(c.deptCd)
+  );
+  const s = /* @__PURE__ */ new Map();
+  for (const l of h)
+    s.set(l.deptCd, {
+      ...l,
+      children: []
+    });
+  const C = [];
+  for (const l of h) {
+    const c = s.get(l.deptCd), y = l.hrnkDeptCd;
+    y && s.has(y) ? s.get(y).children.push(c) : C.push(c);
+  }
+  const D = (l) => {
+    !l || l.length === 0 || (l.sort((c, y) => c.deptCd.localeCompare(y.deptCd)), l.forEach((c) => D(c.children)));
+  };
+  D(C);
+  const S = (l) => {
+    if (!l.children || l.children.length === 0) {
+      delete l.children;
+      return;
+    }
+    l.children.forEach(S);
+  };
+  if (C.forEach(S), C.length > 1) {
+    const l = C.find((c) => c.deptCd === "D00");
+    if (l) return [l];
+  }
+  return C;
+}
+function fe(r) {
+  const f = r.map(v), h = f.filter((s) => s.isLeaf !== "Y").map((s) => s.deptCd);
+  return h.length > 200 ? f.filter((s) => (s.deptLvl || 0) <= 2).map((s) => s.deptCd) : h;
+}
+const ke = ({ popup: r, onClose: f }) => {
+  const [h, s] = x(""), [C, D] = x(""), [S, l] = x([]), [c, y] = x([]), [b, L] = x([]), [K, F] = x(!1), [u, U] = x([]), [H, E] = x(!1), I = g(
+    async (e) => {
+      try {
+        E(!0);
+        const t = await de("SCMUTIL00103", {
+          ...r?.popupParams,
+          ...e
+        }), n = Array.isArray(t?.data) ? t.data : Array.isArray(t?.deptList) ? t.deptList : Array.isArray(t) ? t : [], d = pe(n);
+        U(d);
+        const o = fe(n);
+        l(o);
+        const a = d[0]?.deptCd || v(
+          n.find((p) => v(p).deptLvl === 1) || {}
+        ).deptCd || v(n[0] || {}).deptCd || "";
+        y(a ? [a] : []);
+      } catch {
+        R.error("조직 데이터를 불러오는 중 오류가 발생했습니다.");
+      } finally {
+        E(!1);
+      }
+    },
+    [r?.popupParams]
+  );
+  le(() => {
+    I();
+  }, [I]);
+  const w = g(
+    (e, t) => {
+      for (const n of e) {
+        if (n.deptCd === t) return n;
+        if (n.children) {
+          const d = w(n.children, t);
+          if (d) return d;
+        }
+      }
+      return null;
+    },
+    [u]
+  ), N = A(() => b.map((e) => {
+    const t = w(u, e);
+    if (!t) return null;
+    const { children: n, ...d } = t;
+    return d;
+  }).filter(Boolean), [b, u, w]), T = A(() => {
+    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(u);
+  }, [u]), M = A(() => {
+    const e = h.trim().toLowerCase();
+    if (!e) return T;
+    const t = (n) => n.map((d) => {
+      const o = d.meta, a = (o?.deptNm || "").toLowerCase().includes(e) || (o?.deptCd || "").toLowerCase().includes(e), p = d.children ? t(d.children) : void 0;
+      return a || p && p.length > 0 ? { ...d, children: p } : null;
+    }).filter(Boolean);
+    return t(T);
+  }, [T, h]), z = g(
+    (e) => {
+      const t = [], n = (d) => {
+        for (const o of d)
+          if (o.deptCd === e && o.children) {
+            const a = (p) => {
+              for (const k of p)
+                t.push(k.deptCd), k.children && a(k.children);
+            };
+            a(o.children);
+          } else o.children && n(o.children);
+      };
+      return n(u), t;
+    },
+    [u]
+  ), Y = g(
+    (e, t) => {
+      let n = Array.isArray(e) ? e : e?.checked ?? [];
+      if (K && t?.node?.key) {
+        const d = t.node.key, o = z(d);
+        if (t.checked) {
+          const a = new Set(n);
+          for (const p of o) a.add(p);
+          n = Array.from(a);
+        } else {
+          const a = /* @__PURE__ */ new Set([d, ...o]);
+          n = n.filter((p) => !a.has(p));
+        }
+      }
+      L(n);
+    },
+    [K, z]
+  ), q = g(
+    (e) => {
+      const t = e.map(String);
+      if (y(t), t.length > 0) {
+        const n = t[0], d = (a, p) => {
+          for (const k of a) {
+            if (k.deptCd === p) return k.deptNm;
+            if (k.children) {
+              const W = d(k.children, p);
+              if (W) return W;
+            }
+          }
+          return null;
+        }, o = d(u, n);
+        o && D(o);
+      }
+    },
+    [u]
+  ), G = g(
+    (e) => l(e.map(String)),
+    []
+  ), $ = g(
+    (e, t) => {
+      if (e.stopPropagation(), t.children && t.children.length > 0) {
+        const n = S.includes(t.key);
+        l(
+          (d) => n ? d.filter((o) => o !== t.key) : [...d, t.key]
+        );
+      }
+    },
+    [S]
+  ), J = g((e) => {
+    L((t) => t.filter((n) => n !== e));
+  }, []), Q = g(() => {
+    L([]);
+  }, []), P = {
+    // search: () => {
+    //   //console.log('🔍 검색 키워드:', searchKeyword);
+    //   // 검색 키워드가 있으면 검색 파라미터로 전달
+    //   const searchParams = searchKeyword.trim()
+    //     ? { searchKeyword: searchKeyword.trim() }
+    //     : {};
+    //   loadDepartmentData(searchParams);
+    // },
+    confirm: () => {
+      if (b.length === 0) {
+        R.error("부서를 선택해주세요.");
+        return;
+      }
+      const t = Array.from(new Set(b)).map((d) => {
+        const o = w(u, d);
+        return o ? {
+          deptCd: o.deptCd,
+          deptNm: o.deptNm,
+          hrnkDeptCd: o.hrnkDeptCd,
+          hrnkDeptNm: o.hrnkDeptNm
+        } : null;
+      }).filter(Boolean), n = r?.config;
+      n?.onSelect ? n.onSelect(t) : r?.config?.callback && r.config.callback(JSON.stringify(t)), n?.onClose && n.onClose(), r?.close?.();
+    },
+    cancel: () => {
+      const e = r?.config;
+      e?.onCancel && e.onCancel(), r?.close?.();
+    }
+  };
+  return /* @__PURE__ */ i(
+    ie,
+    {
+      popup: r,
+      buttons: [
+        {
+          id: "confirm",
+          label: "확인",
+          onClick: () => {
+            P.confirm();
+          }
+        }
+      ],
+      popupEvent: P,
+      onClose: () => {
+        r?.close?.(), f?.();
+      },
+      children: /* @__PURE__ */ i(oe, { children: /* @__PURE__ */ i(ce, { border: !1, style: { paddingBottom: 20 }, children: /* @__PURE__ */ m(O, { layout: "vertical", style: { height: "100%" }, children: [
+        /* @__PURE__ */ m(O.Panel, { defaultSize: "60%", min: "20%", max: "80%", children: [
+          /* @__PURE__ */ i(
+            "div",
+            {
+              style: {
+                position: "sticky",
+                top: 0,
+                zIndex: 10,
+                backgroundColor: "white",
+                borderBottom: "1px solid #e0e0e0",
+                padding: "8px"
+              },
+              children: /* @__PURE__ */ m(Z, { gap: 8, vertical: !0, style: { marginBottom: 6 }, children: [
+                /* @__PURE__ */ i(se, { title: "조직도" }),
+                /* @__PURE__ */ i(
+                  "div",
+                  {
+                    style: {
+                      fontSize: 14,
+                      color: "#666",
+                      padding: 8,
+                      backgroundColor: "#f8f8f8",
+                      borderRadius: 4
+                    },
+                    children: C
+                  }
+                ),
+                /* @__PURE__ */ m(_, { gutter: [16, 16], children: [
+                  /* @__PURE__ */ i(j, { span: 18, children: /* @__PURE__ */ i(
+                    ee,
+                    {
+                      placeholder: "부서명, 부서장명, 부서코드 검색",
+                      prefix: /* @__PURE__ */ i(V, {}),
+                      value: h,
+                      allowClear: !0,
+                      onChange: (e) => s(e.target.value)
+                    }
+                  ) }),
+                  /* @__PURE__ */ i(
+                    j,
+                    {
+                      span: 6,
+                      style: {
+                        justifyContent: "center",
+                        display: "flex",
+                        alignItems: "center"
+                      },
+                      children: /* @__PURE__ */ i(
+                        te,
+                        {
+                          checked: K,
+                          onChange: (e) => F(e.target.checked),
+                          children: "하위까지 선택"
+                        }
+                      )
+                    }
+                  )
+                ] })
+              ] })
+            }
+          ),
+          /* @__PURE__ */ i("div", { style: { padding: 16, overflowY: "hidden" }, children: /* @__PURE__ */ i(ne, { spinning: H, children: /* @__PURE__ */ i(
+            re,
+            {
+              className: "bwg-ogrn-tree",
+              treeData: M,
+              expandedKeys: S,
+              selectedKeys: c,
+              checkedKeys: b,
+              checkable: !0,
+              checkStrictly: !0,
+              showLine: !0,
+              showIcon: !1,
+              selectable: !0,
+              onSelect: q,
+              onExpand: G,
+              onCheck: Y,
+              onDoubleClick: $,
+              style: { overflow: "hidden" },
+              titleRender: (e) => {
+                const t = e.meta;
+                return /* @__PURE__ */ m(
+                  "span",
+                  {
+                    style: {
+                      display: "flex",
+                      justifyContent: "space-between",
+                      alignItems: "center",
+                      padding: "2px 4px",
+                      width: "100%"
+                    },
+                    children: [
+                      /* @__PURE__ */ i(
+                        "span",
+                        {
+                          style: {
+                            fontWeight: c.includes(e.key) ? "bold" : "normal"
+                          },
+                          children: t.deptNm
+                        }
+                      ),
+                      /* @__PURE__ */ i(
+                        "span",
+                        {
+                          style: {
+                            fontSize: 11,
+                            color: "#999",
+                            marginLeft: 8
+                          },
+                          children: t.deptCd
+                        }
+                      )
+                    ]
+                  }
+                );
+              }
+            }
+          ) }) })
+        ] }),
+        /* @__PURE__ */ i(O.Panel, { collapsible: !0, children: /* @__PURE__ */ m("div", { style: { padding: 16, overflowY: "hidden" }, children: [
+          /* @__PURE__ */ m(
+            "div",
+            {
+              style: {
+                marginBottom: 12,
+                display: "flex",
+                alignItems: "center",
+                gap: 8
+              },
+              children: [
+                /* @__PURE__ */ m("h3", { style: { margin: 0, fontSize: 16, fontWeight: 700 }, children: [
+                  "선택된 부서 (",
+                  N.length,
+                  "개)"
+                ] }),
+                N.length > 0 && /* @__PURE__ */ i(
+                  "button",
+                  {
+                    onClick: Q,
+                    style: {
+                      border: "none",
+                      background: "transparent",
+                      color: "#8c8c8c",
+                      cursor: "pointer",
+                      fontSize: 12,
+                      padding: 4
+                    },
+                    title: "전체 해제",
+                    children: "전체 해제"
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ i(
+            "div",
+            {
+              style: {
+                display: "flex",
+                flexWrap: "wrap",
+                gap: 8,
+                alignItems: "flex-start",
+                minHeight: 48
+              },
+              children: N.length === 0 ? /* @__PURE__ */ i("div", { style: { color: "#999", fontSize: 14 }, children: "선택된 부서가 없습니다." }) : N.map((e) => /* @__PURE__ */ m(
+                "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__ */ i(
+                      "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__ */ i(X, {})
+                      }
+                    ),
+                    /* @__PURE__ */ m(
+                      "span",
+                      {
+                        style: {
+                          display: "inline-flex",
+                          flexDirection: "column",
+                          gap: 2,
+                          overflow: "hidden"
+                        },
+                        children: [
+                          /* @__PURE__ */ i(
+                            "span",
+                            {
+                              style: {
+                                fontSize: 13,
+                                fontWeight: 600,
+                                whiteSpace: "nowrap",
+                                overflow: "hidden",
+                                textOverflow: "ellipsis",
+                                maxWidth: 180
+                              },
+                              children: e.deptNm
+                            }
+                          ),
+                          /* @__PURE__ */ i(
+                            "span",
+                            {
+                              style: {
+                                fontSize: 11,
+                                color: "#8c8c8c",
+                                whiteSpace: "nowrap",
+                                overflow: "hidden",
+                                textOverflow: "ellipsis",
+                                maxWidth: 180
+                              },
+                              children: e.deptCd
+                            }
+                          )
+                        ]
+                      }
+                    ),
+                    /* @__PURE__ */ i(
+                      "button",
+                      {
+                        onClick: () => J(e.deptCd),
+                        style: {
+                          border: "none",
+                          background: "transparent",
+                          color: "#8c8c8c",
+                          cursor: "pointer",
+                          padding: 2,
+                          lineHeight: 0
+                        },
+                        "aria-label": `${e.deptNm} 선택 해제`,
+                        title: "선택 해제",
+                        children: "×"
+                      }
+                    )
+                  ]
+                },
+                e.deptCd
+              ))
+            }
+          )
+        ] }) })
+      ] }) }) })
+    }
+  );
+};
+export {
+  ke as default
+};

package/dist/chunks/SearchDepartmentP02-CWs8sLuu.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),z=require("@ant-design/icons"),m=require("antd"),o=require("react"),$=require("../utils/index.cjs"),w=require("../components/common/index.cjs"),J=r=>{if(r==null)return"";const f=String(r).trim();return!f||f.toUpperCase()==="NULL"?"":f.toUpperCase()},T=(r,f=0)=>{const u=Number(r);return Number.isFinite(u)?u:f};function b(r){return{crprCd:r.crprCd||void 0,wkplCd:r.wkplCd||void 0,deptCd:J(r.deptCd),deptNm:(r.deptNm??"").toString().trim(),hrnkDeptCd:r.hrnkDeptCd||null,hrnkDeptNm:r.hrnkDeptNm||null,deptGbCd:r.deptGbCd||null,deptLvl:T(r.deptLvl,r.hrnkDeptCd?2:1),orgSortOrd:T(r.orgSortOrd,0),orgOtptOrd:T(r.orgOtptOrd,0),deptAbrv:r.deptAbrv||null,deptFullNm:r.deptFullNm||null,deptEnglNm:r.deptEnglNm||null,isLeaf:r.isLeaf||null}}function Q(r){const f=new Set,u=r.map(b).filter(l=>l.deptCd).filter(l=>(l.deptCd===l.hrnkDeptCd&&(l.hrnkDeptCd=""),!0)).filter(l=>f.has(l.deptCd)?!1:(f.add(l.deptCd),!0));u.sort((l,c)=>(l.deptLvl||0)-(c.deptLvl||0)||(l.orgSortOrd||0)-(c.orgSortOrd||0)||l.deptCd.localeCompare(c.deptCd));const a=new Map;for(const l of u)a.set(l.deptCd,{...l,children:[]});const g=[];for(const l of u){const c=a.get(l.deptCd),y=l.hrnkDeptCd;y&&a.has(y)?a.get(y).children.push(c):g.push(c)}const j=l=>{!l||l.length===0||(l.sort((c,y)=>c.deptCd.localeCompare(y.deptCd)),l.forEach(c=>j(c.children)))};j(g);const k=l=>{if(!l.children||l.children.length===0){delete l.children;return}l.children.forEach(k)};if(g.forEach(k),g.length>1){const l=g.find(c=>c.deptCd==="D00");if(l)return[l]}return g}function V(r){const f=r.map(b),u=f.filter(a=>a.isLeaf!=="Y").map(a=>a.deptCd);return u.length>200?f.filter(a=>(a.deptLvl||0)<=2).map(a=>a.deptCd):u}const X=({popup:r,onClose:f})=>{const[u,a]=o.useState(""),[g,j]=o.useState(""),[k,l]=o.useState([]),[c,y]=o.useState([]),[S,N]=o.useState([]),[L,q]=o.useState(!1),[C,P]=o.useState([]),[R,O]=o.useState(!1),A=o.useCallback(async e=>{try{O(!0);const t=await $.callService("SCMUTIL00103",{...r?.popupParams,...e}),n=Array.isArray(t?.data)?t.data:Array.isArray(t?.deptList)?t.deptList:Array.isArray(t)?t:[],d=Q(n);P(d);const i=V(n);l(i);const p=d[0]?.deptCd||b(n.find(h=>b(h).deptLvl===1)||{}).deptCd||b(n[0]||{}).deptCd||"";y(p?[p]:[])}catch{m.message.error("조직 데이터를 불러오는 중 오류가 발생했습니다.")}finally{O(!1)}},[r?.popupParams]);o.useEffect(()=>{A()},[A]);const v=o.useCallback((e,t)=>{for(const n of e){if(n.deptCd===t)return n;if(n.children){const d=v(n.children,t);if(d)return d}}return null},[C]),D=o.useMemo(()=>S.map(e=>{const t=v(C,e);if(!t)return null;const{children:n,...d}=t;return d}).filter(Boolean),[S,C,v]),K=o.useMemo(()=>{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(C)},[C]),W=o.useMemo(()=>{const e=u.trim().toLowerCase();if(!e)return K;const t=n=>n.map(d=>{const i=d.meta,p=(i?.deptNm||"").toLowerCase().includes(e)||(i?.deptCd||"").toLowerCase().includes(e),h=d.children?t(d.children):void 0;return p||h&&h.length>0?{...d,children:h}:null}).filter(Boolean);return t(K)},[K,u]),I=o.useCallback(e=>{const t=[],n=d=>{for(const i of d)if(i.deptCd===e&&i.children){const p=h=>{for(const x of h)t.push(x.deptCd),x.children&&p(x.children)};p(i.children)}else i.children&&n(i.children)};return n(C),t},[C]),M=o.useCallback((e,t)=>{let n=Array.isArray(e)?e:e?.checked??[];if(L&&t?.node?.key){const d=t.node.key,i=I(d);if(t.checked){const p=new Set(n);for(const h of i)p.add(h);n=Array.from(p)}else{const p=new Set([d,...i]);n=n.filter(h=>!p.has(h))}}N(n)},[L,I]),F=o.useCallback(e=>{const t=e.map(String);if(y(t),t.length>0){const n=t[0],d=(p,h)=>{for(const x of p){if(x.deptCd===h)return x.deptNm;if(x.children){const E=d(x.children,h);if(E)return E}}return null},i=d(C,n);i&&j(i)}},[C]),U=o.useCallback(e=>l(e.map(String)),[]),H=o.useCallback((e,t)=>{if(e.stopPropagation(),t.children&&t.children.length>0){const n=k.includes(t.key);l(d=>n?d.filter(i=>i!==t.key):[...d,t.key])}},[k]),Y=o.useCallback(e=>{N(t=>t.filter(n=>n!==e))},[]),G=o.useCallback(()=>{N([])},[]),B={confirm:()=>{if(S.length===0){m.message.error("부서를 선택해주세요.");return}const t=Array.from(new Set(S)).map(d=>{const i=v(C,d);return i?{deptCd:i.deptCd,deptNm:i.deptNm,hrnkDeptCd:i.hrnkDeptCd,hrnkDeptNm:i.hrnkDeptNm}:null}).filter(Boolean),n=r?.config;n?.onSelect?n.onSelect(t):r?.config?.callback&&r.config.callback(JSON.stringify(t)),n?.onClose&&n.onClose(),r?.close?.()},cancel:()=>{const e=r?.config;e?.onCancel&&e.onCancel(),r?.close?.()}};return s.jsx(w.BwgPopup,{popup:r,buttons:[{id:"confirm",label:"확인",onClick:()=>{B.confirm()}}],popupEvent:B,onClose:()=>{r?.close?.(),f?.()},children:s.jsx(w.ContentLayOut,{children:s.jsx(w.ContentBox,{border:!1,style:{paddingBottom:20},children:s.jsxs(m.Splitter,{layout:"vertical",style:{height:"100%"},children:[s.jsxs(m.Splitter.Panel,{defaultSize:"60%",min:"20%",max:"80%",children:[s.jsx("div",{style:{position:"sticky",top:0,zIndex:10,backgroundColor:"white",borderBottom:"1px solid #e0e0e0",padding:"8px"},children:s.jsxs(m.Flex,{gap:8,vertical:!0,style:{marginBottom:6},children:[s.jsx(w.BwgTitleBox,{title:"조직도"}),s.jsx("div",{style:{fontSize:14,color:"#666",padding:8,backgroundColor:"#f8f8f8",borderRadius:4},children:g}),s.jsxs(m.Row,{gutter:[16,16],children:[s.jsx(m.Col,{span:18,children:s.jsx(m.Input,{placeholder:"부서명, 부서장명, 부서코드 검색",prefix:s.jsx(z.SearchOutlined,{}),value:u,allowClear:!0,onChange:e=>a(e.target.value)})}),s.jsx(m.Col,{span:6,style:{justifyContent:"center",display:"flex",alignItems:"center"},children:s.jsx(m.Checkbox,{checked:L,onChange:e=>q(e.target.checked),children:"하위까지 선택"})})]})]})}),s.jsx("div",{style:{padding:16,overflowY:"hidden"},children:s.jsx(m.Spin,{spinning:R,children:s.jsx(m.Tree,{className:"bwg-ogrn-tree",treeData:W,expandedKeys:k,selectedKeys:c,checkedKeys:S,checkable:!0,checkStrictly:!0,showLine:!0,showIcon:!1,selectable:!0,onSelect:F,onExpand:U,onCheck:M,onDoubleClick:H,style:{overflow:"hidden"},titleRender:e=>{const t=e.meta;return s.jsxs("span",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"2px 4px",width:"100%"},children:[s.jsx("span",{style:{fontWeight:c.includes(e.key)?"bold":"normal"},children:t.deptNm}),s.jsx("span",{style:{fontSize:11,color:"#999",marginLeft:8},children:t.deptCd})]})}})})})]}),s.jsx(m.Splitter.Panel,{collapsible:!0,children:s.jsxs("div",{style:{padding:16,overflowY:"hidden"},children:[s.jsxs("div",{style:{marginBottom:12,display:"flex",alignItems:"center",gap:8},children:[s.jsxs("h3",{style:{margin:0,fontSize:16,fontWeight:700},children:["선택된 부서 (",D.length,"개)"]}),D.length>0&&s.jsx("button",{onClick:G,style:{border:"none",background:"transparent",color:"#8c8c8c",cursor:"pointer",fontSize:12,padding:4},title:"전체 해제",children:"전체 해제"})]}),s.jsx("div",{style:{display:"flex",flexWrap:"wrap",gap:8,alignItems:"flex-start",minHeight:48},children:D.length===0?s.jsx("div",{style:{color:"#999",fontSize:14},children:"선택된 부서가 없습니다."}):D.map(e=>s.jsxs("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:[s.jsx("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:s.jsx(z.TeamOutlined,{})}),s.jsxs("span",{style:{display:"inline-flex",flexDirection:"column",gap:2,overflow:"hidden"},children:[s.jsx("span",{style:{fontSize:13,fontWeight:600,whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",maxWidth:180},children:e.deptNm}),s.jsx("span",{style:{fontSize:11,color:"#8c8c8c",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",maxWidth:180},children:e.deptCd})]}),s.jsx("button",{onClick:()=>Y(e.deptCd),style:{border:"none",background:"transparent",color:"#8c8c8c",cursor:"pointer",padding:2,lineHeight:0},"aria-label":`${e.deptNm} 선택 해제`,title:"선택 해제",children:"×"})]},e.deptCd))})]})})]})})})})};exports.default=X;