@bwg-ui/core 1.1.26 → 1.1.27

package/dist/components/core/index.js

@@ -1,25 +1,1220 @@
-import { B as g, a as s, b as B, c as w, d as r, e as t, f as o, g as c, h as d, i, j as k, k as l } from "../../chunks/BwgUploader-BUmFmeuS.js";
-import { B as p, a as h, b as n, c as u, d as f, e as S, f as b, g as x } from "../../chunks/BwgSwitch-DdHo4gYR.js";
+import { jsx as r, jsxs as A } from "react/jsx-runtime";
+import { Button as U, Form as k, Checkbox as W, ConfigProvider as ae, DatePicker as X, message as L, Card as ie, List as H, Input as G, Spin as de, Upload as T, Typography as le, Flex as Q, Progress as ue, notification as me, Tooltip as fe, Select as Z, Space as J, InputNumber as he, Radio as pe, Switch as ge } from "antd";
+import { memo as ye, useState as E, useEffect as v, useMemo as K, forwardRef as Ye, useRef as V, cloneElement as Fe } from "react";
+import O from "dayjs";
+import { PaperClipOutlined as Ce, DownloadOutlined as be, DeleteOutlined as Se, InboxOutlined as we, UploadOutlined as se, CloudUploadOutlined as Le, CheckCircleOutlined as _e, CloseCircleOutlined as Ie, FileTextOutlined as Me, SearchOutlined as De } from "@ant-design/icons";
+import { isEmpty as Ne, debounce as ke, findIndex as P } from "lodash";
+import { callService_SYSCD as xe, getUserInfo as z, callService as R } from "../../utils/index.js";
+import Oe from "jszip";
+import ce from "imask";
+import { usePopupStore as Ee } from "../../stores/index.js";
+import { DndProvider as ve, useDrop as Be, useDrag as ze } from "react-dnd";
+import { HTML5Backend as Te } from "react-dnd-html5-backend";
+const it = (t) => /* @__PURE__ */ r(U, { ...t, className: "bwg-btn" }), D = ye(
+  ({
+    children: t,
+    label: e,
+    name: l,
+    rules: i,
+    initialValue: n,
+    style: o,
+    ...d
+  }) => {
+    const a = {
+      fontWeight: "bold"
+    }, u = Array.isArray(i) && i.some((Y) => Y.required === !0), s = () => typeof e == "string" ? /* @__PURE__ */ A("span", { style: a, children: [
+      e,
+      u && /* @__PURE__ */ r("span", { style: { color: "#ff4d4f", marginLeft: "4px" }, children: "*" })
+    ] }) : /* @__PURE__ */ r("span", { style: a, children: e });
+    return /* @__PURE__ */ r(
+      k.Item,
+      {
+        className: "bwg-form-item",
+        label: e ? s() : void 0,
+        labelAlign: "left",
+        name: l,
+        rules: i,
+        colon: !1,
+        initialValue: n,
+        style: o,
+        ...d,
+        children: t
+      }
+    );
+  }
+), lt = ({
+  itemProps: t,
+  inputProps: e = {
+    format: "YN"
+  }
+}) => {
+  const l = k.useFormInstance();
+  return /* @__PURE__ */ r(
+    D,
+    {
+      ...t,
+      getValueProps: (n) => ({ checked: e.format === "boolean" ? !!n : n === "Y" }),
+      normalize: (n) => typeof n == "boolean" ? e.format === "boolean" ? n : n ? "Y" : "N" : e.format === "boolean" ? !!n : n ? "Y" : "N",
+      children: /* @__PURE__ */ r(W, { ...e, onChange: (n) => {
+        e.format === "boolean" ? l.setFieldValue(t?.name, n.target.checked) : l.setFieldValue(t?.name, n.target.checked ? "Y" : "N"), e.onChange && e.onChange(n);
+      }, children: e?.title })
+    }
+  );
+}, st = ({ itemProps: t, inputProps: e }) => {
+  const l = k.useFormInstance(), [i, n] = E(
+    t?.initialValue ?? []
+  ), [o, d] = E([]), a = o.length > 0 && o.length == i?.length, u = i?.length > 0 && i.length < o.length;
+  v(() => {
+    d(s(e?.options));
+  }, [e?.options]), v(() => {
+    n(i);
+  }, [i]);
+  const s = (g) => {
+    const _ = [];
+    return (g || []).map((N, x) => {
+      _.push(N.value);
+    }), _;
+  }, Y = (g) => {
+    n(g.target.checked ? o : []), l.setFieldValue(t?.name, g.target.checked ? o : []);
+  }, F = (g) => {
+    n(g), l.setFieldValue(t?.name, g), e?.onChange && typeof e?.onChange == "function" && e?.onChange(g);
+  };
+  return /* @__PURE__ */ r(D, { ...t, children: /* @__PURE__ */ A(ae, { theme: {
+    components: {
+      Checkbox: {
+        colorPrimary: "var(--check-primary)",
+        colorPrimaryBorder: "var(--check-primary)",
+        colorPrimaryHover: "var(--check-primary-active)"
+      }
+    }
+  }, children: [
+    e?.allCheck && /* @__PURE__ */ r(
+      W,
+      {
+        indeterminate: u,
+        checked: a,
+        onChange: Y,
+        children: "전체선택"
+      }
+    ),
+    /* @__PURE__ */ r(
+      W.Group,
+      {
+        options: e?.options,
+        value: i,
+        onChange: F
+      }
+    )
+  ] }) });
+}, ee = {
+  year: { displayFormat: "YYYY", outputFormat: "YYYY" },
+  month: { displayFormat: "YYYY-MM", outputFormat: "YYYYMM" },
+  date: { displayFormat: "YYYY-MM-DD", outputFormat: "YYYYMMDD" },
+  time: { displayFormat: "HH:mm", outputFormat: "HHmm" },
+  datetime: {
+    displayFormat: "YYYY-MM-DD HH:mm",
+    outputFormat: "YYYYMMDDHHmm"
+  }
+}, ct = ({
+  itemProps: t,
+  inputProps: e,
+  type: l = "date",
+  returnType: i = "string"
+}) => {
+  const { displayFormat: n, outputFormat: o } = K(
+    () => ee[l],
+    [l]
+  ), d = K(
+    () => Object.values(ee).map((a) => a.outputFormat).sort((a, u) => {
+      if (a.length === u.length) {
+        if (a === o) return -1;
+        if (u === o) return 1;
+      }
+      return u.length - a.length;
+    }),
+    [o]
+    // type(outputFormat)이 바뀔 때마다 재정렬
+  );
+  return /* @__PURE__ */ r(
+    D,
+    {
+      ...t,
+      getValueProps: (a) => ({
+        // 폼에 저장된 값(문자열 또는 Dayjs)을 DatePicker가 요구하는 Dayjs로 변환
+        value: a ? O.isDayjs(a) ? a : O(a, d) : null
+      }),
+      normalize: (a) => a ? i === "dayjs" ? a : a.format(o) : null,
+      children: /* @__PURE__ */ r(
+        X,
+        {
+          ...e,
+          picker: l === "datetime" ? "date" : l,
+          showTime: e?.showTime ?? (l === "datetime" || l === "time"),
+          format: n
+        }
+      )
+    }
+  );
+}, dt = ({
+  fileGrpKey: t,
+  onFetchFilesTrxCd: e = "SCMFILE00101",
+  readOnly: l = !1,
+  sysCd: i = __SYS_CD__
+}) => {
+  const [n, o] = E([]);
+  v(() => {
+    t && e ? i != __SYS_CD__ ? xe(i, e, {
+      crprCd: z()?.crprCd,
+      sysCd: i,
+      fileGrpKey: t
+    }).then((a) => {
+      if (a?.sub) {
+        const u = a.sub.map((s) => ({
+          uid: s.fileKey,
+          name: s.lgclFileNm,
+          filePath: s.filePath
+        }));
+        o(u);
+      }
+    }).catch((a) => {
+      console.error("파일 목록 조회 서비스 호출에 실패했습니다.", a), L.error("파일 목록을 불러오는 중 오류가 발생했습니다.");
+    }) : R(e, {
+      crprCd: z()?.crprCd,
+      sysCd: i,
+      fileGrpKey: t
+    }).then((a) => {
+      if (a?.sub) {
+        const u = a.sub.map((s) => ({
+          uid: s.fileKey,
+          name: s.lgclFileNm,
+          filePath: s.filePath
+        }));
+        o(u);
+      }
+    }).catch((a) => {
+      console.error("파일 목록 조회 서비스 호출에 실패했습니다.", a), L.error("파일 목록을 불러오는 중 오류가 발생했습니다.");
+    }) : o([]);
+  }, [t, e]);
+  const d = async (a) => {
+    try {
+      let u;
+      i != __SYS_CD__ ? u = "/api/download/" + i : u = "/api/download";
+      const s = await fetch(u, {
+        method: "POST",
+        headers: {
+          SYSCD: __SYS_CD__,
+          "Content-Type": "application/json"
+          // 여기에 필요한 다른 헤더(예: 인증 토큰)를 추가할 수 있습니다.
+        },
+        body: JSON.stringify({
+          filePath: a.filePath,
+          logicalName: a.name,
+          fileKey: a.uid
+        })
+      });
+      if (!s.ok) {
+        const N = (await s.json().catch(() => null))?.message || "파일 다운로드에 실패했습니다.";
+        throw new Error(N);
+      }
+      const Y = await s.blob(), F = window.URL.createObjectURL(Y), g = document.createElement("a");
+      g.href = F, g.setAttribute("download", a.name), document.body.appendChild(g), g.click(), document.body.removeChild(g), window.URL.revokeObjectURL(F);
+    } catch (u) {
+      console.error(u), L.error(
+        u.message || "파일을 다운로드하는 중 오류가 발생했습니다."
+      );
+    }
+  };
+  return Ne(n) ? null : /* @__PURE__ */ r(ie, { title: "파일 목록", children: /* @__PURE__ */ r(
+    H,
+    {
+      dataSource: n,
+      renderItem: (a) => /* @__PURE__ */ r(
+        H.Item,
+        {
+          actions: l ? [] : [
+            /* @__PURE__ */ r(
+              U,
+              {
+                type: "text",
+                icon: /* @__PURE__ */ r(be, {}),
+                onClick: () => d(a)
+              },
+              "download"
+            )
+          ],
+          children: /* @__PURE__ */ r(H.Item.Meta, { avatar: /* @__PURE__ */ r(Ce, {}), title: a.name })
+        }
+      )
+    }
+  ) });
+}, Ae = Ye(
+  ({ children: t, labelCol: e, style: l, className: i, ...n }, o) => /* @__PURE__ */ r(
+    ae,
+    {
+      form: {
+        //기존 rule.message의 default message인 $name을를 입력해주세요를 변경
+        validateMessages: { required: "'${label}을(를) 입력해주세요.'" }
+      },
+      children: /* @__PURE__ */ r(
+        k,
+        {
+          ref: o,
+          ...n,
+          requiredMark: !1,
+          labelCol: e || { flex: "100px" },
+          style: { padding: "10px", ...l },
+          className: `bwg-form ${i ?? ""}`,
+          children: t
+        }
+      )
+    }
+  )
+);
+Ae.displayName = "BwgForm";
+const ut = ({ itemProps: t, inputProps: e }) => /* @__PURE__ */ r(D, { ...t, children: /* @__PURE__ */ r(G, { ...e }) }), { Text: q } = le, { Dragger: Re } = T, Ue = [
+  ".pdf",
+  ".xlsx",
+  ".xls",
+  ".docx",
+  ".doc",
+  ".pptx",
+  ".ppt",
+  ".hwp",
+  ".txt",
+  ".csv",
+  // 이미지
+  ".jpg",
+  ".jpeg",
+  ".png",
+  ".gif",
+  // 압축
+  ".zip"
+], Ve = (t, e = 2) => {
+  if (t === 0) return "0 Bytes";
+  const l = 1024, i = e < 0 ? 0 : e, n = ["Bytes", "KB", "MB", "GB", "TB"], o = Math.floor(Math.log(t) / Math.log(l));
+  return parseFloat((t / Math.pow(l, o)).toFixed(i)) + " " + n[o];
+}, mt = ({
+  title: t = "첨부파일",
+  fileGrpKey: e,
+  onUploadComplete: l,
+  onSuccessTrxCd: i = "SCMFILE00102",
+  // BwgUploader와 동일한 기본 trxCd 설정
+  anotherServiceTrxCd: n = "SCMFILE00105",
+  allowedExtensions: o = Ue,
+  maxFileSize: d = 2048
+  // 기본값 2GB
+}) => {
+  const [a, u] = E([]), [s, Y] = E(!1), [F, g] = E(!1), [_, N] = E(0), x = (m) => {
+    if (o && o.length > 0) {
+      const c = ((p) => {
+        const h = p.lastIndexOf(".");
+        return h === -1 ? "" : p.substring(h).toLowerCase();
+      })(m.name);
+      if (!o.includes(c))
+        return L.error(
+          `${m.name} 파일은 허용되지 않는 확장자입니다. (${o.join(
+            ", "
+          )}만 가능)`
+        ), !1;
+    }
+    return !0;
+  }, B = async () => {
+    const m = a.filter((f) => f.status !== "done"), I = m.reduce(
+      (f, S) => f + (S.size || 0),
+      0
+    ), c = 2 * 1024 * 1024 * 1024;
+    if (I > c) {
+      me.error({
+        message: "업로드 용량 초과",
+        description: "한 번에 업로드할 수 있는 총 파일 용량은 2GB를 초과할 수 없습니다."
+      });
+      return;
+    }
+    if (m.length === 0) {
+      L.warning(
+        "업로드할 파일이 없거나 모든 파일이 이미 업로드되었습니다."
+      );
+      return;
+    }
+    g(!0);
+    let p;
+    try {
+      const f = new Oe();
+      m.forEach((S) => {
+        S.originFileObj && f.file(S.name, S.originFileObj);
+      }), p = await f.generateAsync({
+        type: "blob",
+        compression: "DEFLATE",
+        compressionOptions: {
+          level: 9
+          // 높은 압축률 설정
+        }
+      });
+    } catch (f) {
+      g(!1), L.error("파일을 압축하는 중 오류가 발생했습니다."), console.error("Zipping error:", f);
+      return;
+    }
+    g(!1);
+    const h = new FormData();
+    h.append("file", p, "upload.zip"), Y(!0), N(0);
+    try {
+      const f = await new Promise((C, w) => {
+        const M = new XMLHttpRequest();
+        M.open("POST", "/api/upload-large", !0), M.upload.onprogress = (b) => {
+          if (b.lengthComputable) {
+            const $ = Math.round(
+              b.loaded / b.total * 100
+            );
+            N($);
+          }
+        }, M.onload = () => {
+          if (M.status >= 200 && M.status < 300)
+            try {
+              const b = JSON.parse(M.responseText);
+              b.success ? C(b) : w(
+                new Error(b.message || "파일 업로드에 실패했습니다.")
+              );
+            } catch {
+              w(new Error("잘못된 서버 응답입니다."));
+            }
+          else
+            try {
+              const b = JSON.parse(M.responseText);
+              w(new Error(b.message || `서버 오류: ${M.status}`));
+            } catch {
+              w(new Error(`서버 오류: ${M.status}`));
+            }
+        }, M.onerror = () => {
+          w(new Error("네트워크 오류가 발생했습니다."));
+        }, M.send(h);
+      });
+      L.success(
+        f.message || "압축 파일이 성공적으로 업로드되었습니다."
+      );
+      const S = a.map(
+        (C) => m.find((w) => w.uid === C.uid) ? { ...C, status: "done" } : C
+      );
+      if (u(S), i && f.uploadedFiles && Array.isArray(f.uploadedFiles)) {
+        const C = z();
+        f.uploadedFiles.forEach((w) => {
+          const M = {
+            crprCd: C?.crprCd,
+            sysCd: __SYS_CD__,
+            fileGrpKey: e,
+            sub: [
+              {
+                crprCd: C?.crprCd,
+                sysCd: __SYS_CD__,
+                fileGrpKey: e,
+                physFileNm: w.fileNameP,
+                lgclFileNm: w.fileNameL,
+                filePath: w.filePath,
+                fileExtn: w.fileExt,
+                fileSize: w.fileSize,
+                mltpYn: "Y"
+              }
+            ]
+          };
+          R(i, M).then((b) => {
+            const $ = a.map((j) => ({
+              crprCd: C?.crprCd,
+              sysCd: __SYS_CD__,
+              fileGrpKey: b.sub[0].fileGrpKey,
+              fileKey: b.sub[0].fileKey,
+              lgclFileNm: j.name,
+              fileSize: j.size,
+              fileExtn: j.name.split(".").pop(),
+              fileType: j.type
+            }));
+            R(n, {
+              // 파일 목록에 fileKey를 추가합니다.
+              sub: $
+            });
+          }).catch((b) => {
+            console.error("후처리 서비스 호출 실패:", b), L.error(
+              `${w.fileNameL} 파일의 후처리 작업에 실패했습니다.`
+            );
+          }), l && l({
+            fileNameP: w.fileNameP,
+            fileNameL: w.fileNameL
+          });
+        });
+      }
+    } catch (f) {
+      L.error(f.message || "파일 업로드 중 오류가 발생했습니다.");
+      const S = a.map(
+        (C) => m.find((w) => w.uid === C.uid) ? {
+          ...C,
+          status: "error",
+          response: f.message || "파일 업로드 중 오류가 발생했습니다."
+        } : C
+      );
+      u(S);
+    } finally {
+      Y(!1);
+    }
+  }, y = {
+    multiple: !0,
+    fileList: a,
+    beforeUpload: (m) => x(m) ? d && m.size >= d * 1024 * 1024 ? (L.error(
+      `대용량 첨부 파일 최대 크기는 ${(d / 1024).toFixed(
+        1
+      )}GB입니다.`
+    ), T.LIST_IGNORE) : !1 : T.LIST_IGNORE,
+    onChange: ({ fileList: m }) => {
+      const I = new Map(a.map((c) => [c.uid, c]));
+      m.forEach((c) => {
+        I.set(c.uid, c);
+      }), u(Array.from(I.values()));
+    },
+    onRemove: (m) => {
+      const I = a.filter((c) => c.uid !== m.uid);
+      u(I);
+    },
+    showUploadList: !1
+    // 수동으로 목록을 렌더링하므로 antd의 기본 목록은 숨깁니다.
+  };
+  return /* @__PURE__ */ r(
+    de,
+    {
+      spinning: s || F,
+      tip: F ? "파일 압축 중..." : `파일 업로드 중... ${_}%`,
+      children: /* @__PURE__ */ A("div", { className: "bwg-large-uploader-container", children: [
+        /* @__PURE__ */ r(
+          ie,
+          {
+            title: /* @__PURE__ */ r(q, { strong: !0, children: t }),
+            extra: /* @__PURE__ */ r(T, { ...y, children: /* @__PURE__ */ r(U, { icon: /* @__PURE__ */ r(se, {}), children: "파일 선택" }) }),
+            bodyStyle: { padding: 0 },
+            children: /* @__PURE__ */ r(
+              Re,
+              {
+                ...y,
+                style: {
+                  border: "none",
+                  background: "transparent",
+                  padding: 0
+                },
+                children: /* @__PURE__ */ r("div", { className: "upload-list-container", children: a.length > 0 ? /* @__PURE__ */ r(
+                  H,
+                  {
+                    style: { textAlign: "left" },
+                    dataSource: a,
+                    renderItem: (m) => {
+                      const I = m.status === "done", c = m.status === "error";
+                      let p;
+                      return I ? p = /* @__PURE__ */ r(
+                        _e,
+                        {
+                          style: { color: "#52c41a", fontSize: 14 }
+                        }
+                      ) : c ? p = /* @__PURE__ */ r(
+                        fe,
+                        {
+                          title: typeof m.response == "string" ? m.response : "업로드 실패",
+                          children: /* @__PURE__ */ r(
+                            Ie,
+                            {
+                              style: { color: "#ff4d4f", fontSize: 14 }
+                            }
+                          )
+                        }
+                      ) : p = /* @__PURE__ */ r(Me, { style: { fontSize: 14 } }), /* @__PURE__ */ r(
+                        H.Item,
+                        {
+                          actions: [
+                            /* @__PURE__ */ r(q, { type: "secondary", children: Ve(m.size || 0) }, "size"),
+                            /* @__PURE__ */ r(
+                              U,
+                              {
+                                type: "text",
+                                icon: /* @__PURE__ */ r(Se, {}),
+                                onClick: (h) => {
+                                  h.stopPropagation(), y.onRemove?.(m);
+                                },
+                                disabled: s || F
+                              },
+                              "delete"
+                            )
+                          ],
+                          children: /* @__PURE__ */ r(
+                            H.Item.Meta,
+                            {
+                              avatar: p,
+                              title: /* @__PURE__ */ r(q, { type: c ? "danger" : void 0, children: m.name })
+                            }
+                          )
+                        },
+                        m.uid
+                      );
+                    }
+                  }
+                ) : /* @__PURE__ */ A(
+                  Q,
+                  {
+                    gap: "middle",
+                    align: "center",
+                    justify: "center",
+                    vertical: !0,
+                    style: { padding: "20px 0", minHeight: "120px" },
+                    children: [
+                      /* @__PURE__ */ r(we, { style: { fontSize: "32px", color: "#999" } }),
+                      /* @__PURE__ */ r(q, { type: "secondary", children: "업로드할 파일을 선택하거나 이 영역으로 드래그하세요." })
+                    ]
+                  }
+                ) })
+              }
+            )
+          }
+        ),
+        a.length > 0 && /* @__PURE__ */ A(
+          Q,
+          {
+            justify: "flex-end",
+            align: "center",
+            gap: "large",
+            style: { marginTop: 16 },
+            children: [
+              s && /* @__PURE__ */ r("div", { style: { width: "250px" }, children: /* @__PURE__ */ r(ue, { percent: _, size: "small" }) }),
+              /* @__PURE__ */ r(
+                U,
+                {
+                  type: "primary",
+                  onClick: B,
+                  disabled: s || F || a.filter((m) => m.status !== "done").length === 0,
+                  icon: /* @__PURE__ */ r(Le, {}),
+                  children: "일괄 업로드"
+                }
+              )
+            ]
+          }
+        )
+      ] })
+    }
+  );
+}, $e = (t) => {
+  if (typeof t == "string")
+    return t.replace(/0/g, "_");
+  if (Array.isArray(t))
+    return t[0].replace(/0/g, "_");
+  if (typeof t == "object" && "mask" in t && "blocks" in t) {
+    const { mask: e, blocks: l } = t;
+    return e.split(".").map((i) => {
+      const o = l?.[i]?.maxLength ?? 3;
+      return "_".repeat(o);
+    }).join(".");
+  }
+  return "";
+}, ft = ({
+  itemProps: t,
+  inputProps: e,
+  mask: l
+}) => {
+  const i = V(null), n = k.useFormInstance(), o = K(() => $e(l), [l]);
+  return v(() => {
+    if (!i.current?.input) return;
+    const d = typeof l == "string" || Array.isArray(l) ? { mask: l } : l, a = ce(i.current.input, d);
+    return a.on("accept", () => {
+      n && t?.name && n.setFieldValue(t.name, a.value);
+    }), () => {
+      a.destroy();
+    };
+  }, [l, n, t?.name]), /* @__PURE__ */ r(D, { ...t, children: /* @__PURE__ */ r(G, { ...e, ref: i, placeholder: o }) });
+}, je = (t) => {
+  switch (t) {
+    case "year":
+      return { format: "YYYY", mask: "0000", outputFormat: "YYYY" };
+    case "month":
+      return { format: "YYYY-MM", mask: "0000-00", outputFormat: "YYYYMM" };
+    case "date":
+    default:
+      return {
+        format: "YYYY-MM-DD",
+        mask: "0000-00-00",
+        outputFormat: "YYYYMMDD"
+      };
+  }
+}, ht = ({
+  type: t = "date",
+  itemProps: e = { name: "calendar" },
+  inputProps: l
+}) => {
+  const { format: i, mask: n, outputFormat: o } = je(t), d = V(null), a = V(null), u = k.useFormInstance(), [s, Y] = E(!1), [F, g] = E(!1), _ = e?.name, [N, x] = E(null);
+  v(() => {
+    if (!d.current?.input) return;
+    const y = ce(d.current.input, {
+      mask: n,
+      lazy: !1
+    });
+    return a.current = y, y.on("accept", () => {
+      console.log("input :: ", y.value);
+      const m = y.value, I = O(m, i, !0);
+      console.log("input :: ", I), m.length === i.length && I.isValid() && (console.log("parsed :: ", I.format(o)), u.setFieldValue(_, I.format(o)), a.current?.updateValue(), Y(!1));
+    }), () => {
+      y.destroy();
+    };
+  }, [i, n]), v(() => {
+    x(O(u.getFieldValue(_)));
+  }, [u.getFieldValue(_)]);
+  const B = (y) => {
+    if (!y) {
+      a.current?.updateValue();
+      return;
+    }
+    const m = y.format(o);
+    console.log("formatted :: ", m), a.current && (a.current.value = m, a.current.updateValue()), g(!1);
+  };
+  return /* @__PURE__ */ r(
+    D,
+    {
+      ...e,
+      name: void 0,
+      validateStatus: F ? "warning" : void 0,
+      help: F ? "유효하지 않은 날짜입니다" : void 0,
+      children: /* @__PURE__ */ A("div", { style: { position: "relative" }, children: [
+        /* @__PURE__ */ r(
+          k.Item,
+          {
+            name: _,
+            getValueProps: (y) => ({
+              value: y ? O(y).format(i) : void 0
+            }),
+            normalize: (y) => y ? O(y).format(o) : void 0,
+            noStyle: !0,
+            children: /* @__PURE__ */ r(
+              G,
+              {
+                ...l,
+                ref: d,
+                onFocus: () => {
+                  Y(!s), a.current?.updateValue();
+                },
+                onKeyDown: (y) => {
+                  y.key === "Backspace" && Y(!0), y.key === "Tab" && Y(!1);
+                },
+                allowClear: !0,
+                placeholder: n.replace(/0/g, "_"),
+                autoComplete: "off"
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ r(
+          X,
+          {
+            open: s,
+            picker: t,
+            format: i,
+            value: N,
+            onChange: B,
+            getPopupContainer: (y) => y.parentElement,
+            style: {
+              position: "absolute",
+              top: 0,
+              left: 0,
+              pointerEvents: "none",
+              opacity: 0,
+              width: "100%"
+            }
+          }
+        )
+      ] })
+    }
+  );
+}, { Option: te } = Z, pt = ({ itemProps: t, inputProps: e }) => {
+  const [l, i] = E([]);
+  return v(() => {
+    e?.addField === "ALL" ? i([
+      { label: "전체", value: "" },
+      ...e?.list || []
+    ]) : e?.addField === "NULL" ? i([{ label: "", value: "" }, ...e?.list || []]) : i(e?.list || []);
+  }, [e?.list]), /* @__PURE__ */ r(
+    D,
+    {
+      ...t,
+      getValueProps: (n) => n ? {
+        value: n && n.indexOf(",") > 0 ? n.split(",") : [n]
+      } : {
+        value: []
+      },
+      normalize: (n) => n != null && n != null && n.length > 0 ? n.toString() : "",
+      children: /* @__PURE__ */ r(Z, { ...e, mode: "multiple", children: l.map((n) => {
+        const { value: o, label: d } = n;
+        return e?.printCode ? /* @__PURE__ */ r(te, { value: o, label: d, children: /* @__PURE__ */ r(J, { children: `[${o}] ${d}` }) }, o) : /* @__PURE__ */ r(te, { value: o, label: d, children: /* @__PURE__ */ r(J, { children: `${d}` }) }, o);
+      }) })
+    }
+  );
+}, gt = ({ itemProps: t, inputProps: e }) => {
+  const l = (n) => {
+    let o = n.toString().split(".");
+    return e?.decimalPoint != null && o[1] != null && e?.decimalPoint > 0 ? o[1].length > e?.decimalPoint ? o[1] = "." + o[1].substring(0, e?.decimalPoint) : o[1] = "." + o[1] : o[1] = "", o[0].replace(/\B(?=(\d{3})+(?!\d))/g, ",") + o[1];
+  }, i = (n) => {
+    let o = n.toString().split(".");
+    return e?.decimalPoint != null && o[1] != null && e?.decimalPoint > 0 ? o[1].length > e?.decimalPoint ? o[1] = "." + o[1].substring(0, e?.decimalPoint) : o[1] = "." + o[1] : o[1] = "", o[0].replace(/\$\s?|(,*)/g, "") + o[1];
+  };
+  return /* @__PURE__ */ r(D, { ...t, children: /* @__PURE__ */ r(
+    he,
+    {
+      ...e,
+      formatter: (n) => l(n),
+      parser: (n) => i(n)
+    }
+  ) });
+}, yt = ({ itemProps: t, inputProps: e }) => /* @__PURE__ */ r(D, { ...t, children: /* @__PURE__ */ r(pe.Group, { ...e }) }), { RangePicker: He } = X, re = {
+  year: { displayFormat: "YYYY", outputFormat: "YYYY" },
+  month: { displayFormat: "YYYY-MM", outputFormat: "YYYYMM" },
+  date: { displayFormat: "YYYY-MM-DD", outputFormat: "YYYYMMDD" },
+  time: { displayFormat: "HH:mm", outputFormat: "HHmm" },
+  datetime: {
+    displayFormat: "YYYY-MM-DD HH:mm",
+    outputFormat: "YYYYMMDDHHmm"
+  }
+}, Yt = ({
+  itemProps: t,
+  inputProps: e,
+  type: l = "date",
+  minDate: i,
+  maxDate: n,
+  returnType: o = "string"
+}) => {
+  const { displayFormat: d, outputFormat: a } = K(
+    () => re[l],
+    [l]
+  ), u = K(
+    () => Object.values(re).map((s) => s.outputFormat).sort((s, Y) => {
+      if (s.length === Y.length) {
+        if (s === a) return -1;
+        if (Y === a) return 1;
+      }
+      return Y.length - s.length;
+    }),
+    [a]
+    // type(outputFormat)이 바뀔 때마다 재정렬
+  );
+  return /* @__PURE__ */ r(
+    D,
+    {
+      ...t,
+      getValueProps: (s) => ({
+        // 폼에 저장된 값(문자열 또는 Dayjs)을 RangePicker가 요구하는 Dayjs 배열로 변환
+        value: s && s.length > 0 ? [
+          s[0] ? O.isDayjs(s[0]) ? s[0] : O(s[0], u) : null,
+          s[1] ? O.isDayjs(s[1]) ? s[1] : O(s[1], u) : null
+        ] : null
+      }),
+      normalize: (s) => s ? o === "dayjs" ? [s[0] ?? void 0, s[1] ?? void 0] : [
+        s[0] ? s[0].format(a) : void 0,
+        s[1] ? s[1].format(a) : void 0
+      ] : [void 0, void 0],
+      children: /* @__PURE__ */ r(
+        He,
+        {
+          ...e,
+          order: !0,
+          minDate: i ? O(i, u) : void 0,
+          maxDate: n ? O(n, u) : void 0,
+          picker: l === "datetime" ? "date" : l,
+          showTime: e?.showTime ?? (l === "datetime" || l === "time"),
+          format: d
+        }
+      )
+    }
+  );
+}, ne = G.Search, Ft = (t) => {
+  const e = k.useFormInstance(), { openPopup: l } = Ee(), i = t.itemProps?.name || [], n = t.popupConfig || {
+    callback(d) {
+      console.log("callback data :: ", d), i.length > 1 ? (e.setFieldValue(i[0], d.code), e.setFieldValue(i[1], d.name)) : e.setFieldValue(i, d.code);
+    }
+  }, o = {
+    ...t,
+    placeholder: typeof t.placeholder == "string" ? t.placeholder : t.placeholder?.[0] || "",
+    onChange: (d) => {
+      i.length > 1 && e.setFieldValue(i[0], ""), t.onChange?.(d);
+    },
+    onSearch: (d) => {
+      t.popuCd ? l(t.popuCd, t.popupParams, n) : t.onSearch?.(d);
+    }
+  };
+  return i.length > 1 ? /* @__PURE__ */ r(D, { ...t.itemProps, name: void 0, children: /* @__PURE__ */ A(J.Compact, { block: !0, children: [
+    /* @__PURE__ */ r(
+      k.Item,
+      {
+        name: i[0],
+        rules: t.itemProps?.rules,
+        style: { width: "40%", marginBottom: 0, marginInlineEnd: 0 },
+        validateStatus: "",
+        help: "",
+        children: /* @__PURE__ */ r(
+          G,
+          {
+            style: { color: "#999", backgroundColor: "#f5f5f5" },
+            placeholder: t.placeholder?.[0] || "",
+            readOnly: !0
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ r(k.Item, { name: i[1], style: { width: "60%", marginBottom: 0 }, children: /* @__PURE__ */ r(
+      ne,
+      {
+        readOnly: t.readOnly,
+        enterButton: /* @__PURE__ */ r(
+          U,
+          {
+            icon: /* @__PURE__ */ r(De, {}),
+            disabled: t.readOnly
+          }
+        ),
+        ...o
+      }
+    ) })
+  ] }) }) : /* @__PURE__ */ r(D, { ...t.itemProps, children: /* @__PURE__ */ r(ne, { ...o }) });
+}, Ct = ({
+  itemProps: t,
+  selectProps: e = {
+    options: [],
+    allowClear: !0
+  }
+}) => {
+  const l = k.useFormInstance(), i = !!l, n = K(() => e?.addField === "ALL" ? [{ label: "전체", value: "" }, ...e?.options || []] : e?.addField === "NULL" ? [{ label: "", value: "" }, ...e?.options || []] : e?.options || [], [e.options, e.addField]), o = (u) => {
+    e.onChange?.(u);
+  }, d = {
+    ...e,
+    allowClear: e.allowClear ?? !0,
+    options: n,
+    onChange: o,
+    variant: e.variant
+  }, a = /* @__PURE__ */ r(Z, { ...d, disabled: e.disabled });
+  return e.copyable && !i && console.warn(
+    "BwgSelect: copyable 기능은 Form 컨텍스트 내에서만 사용 가능합니다."
+  ), e.copyable ? /* @__PURE__ */ r(D, { ...t, name: void 0, children: /* @__PURE__ */ A(J.Compact, { block: !0, children: [
+    /* @__PURE__ */ r(
+      k.Item,
+      {
+        name: t?.name,
+        rules: t?.rules,
+        style: { width: "100%", marginBottom: 0 },
+        validateStatus: "",
+        help: "",
+        children: a
+      }
+    ),
+    /* @__PURE__ */ r(
+      le.Paragraph,
+      {
+        copyable: {
+          text: i && l?.getFieldValue(t?.name)?.toString() || "",
+          tooltips: ["코드복사", "코드복사됨"]
+        },
+        style: {
+          margin: 0,
+          backgroundColor: "#f5f5f5",
+          borderRadius: "4px",
+          border: "1px solid #d9d9d9",
+          fontSize: "12px",
+          color: "#666",
+          display: "flex",
+          alignItems: "center",
+          height: "30px",
+          padding: "0 8px"
+        }
+      }
+    )
+  ] }) }) : /* @__PURE__ */ r(D, { ...t, children: a });
+}, bt = ({
+  itemProps: t,
+  inputProps: e = {
+    format: "YN"
+  }
+}) => {
+  const l = k.useFormInstance(), i = (n, o) => {
+    e.format === "boolean" ? l.setFieldValue(t?.name, n) : l.setFieldValue(t?.name, n ? "Y" : "N"), e.onChange && e.onChange(n, o);
+  };
+  return /* @__PURE__ */ r(
+    D,
+    {
+      ...t,
+      getValueProps: (n) => ({ checked: e.format === "boolean" ? !!n : n === "Y" }),
+      normalize: (n) => typeof n == "boolean" ? e.format === "boolean" ? n : n ? "Y" : "N" : e.format === "boolean" ? !!n : n ? "Y" : "N",
+      children: /* @__PURE__ */ r(ge, { ...e, onChange: (n, o) => i(n, o) })
+    }
+  );
+}, { TextArea: Ke } = G, St = ({ itemProps: t, inputProps: e }) => /* @__PURE__ */ r(D, { ...t, children: /* @__PURE__ */ r(Ke, { ...e }) }), Ge = [
+  ".pdf",
+  ".xlsx",
+  ".xls",
+  ".docx",
+  ".doc",
+  ".pptx",
+  ".ppt",
+  ".hwp",
+  ".txt",
+  ".csv",
+  // 이미지
+  ".jpg",
+  ".jpeg",
+  ".png",
+  ".gif",
+  // 압축
+  ".zip"
+], oe = {
+  FILE: "file"
+}, Pe = ({
+  originNode: t,
+  file: e,
+  fileList: l,
+  moveFile: i,
+  onDrop: n
+}) => {
+  const o = V(null), [{ handlerId: d }, a] = Be({
+    accept: oe.FILE,
+    collect: (F) => ({
+      handlerId: F.getHandlerId()
+    }),
+    hover(F, g) {
+      if (!o.current)
+        return;
+      const _ = F.uid, N = e.uid;
+      if (_ === N)
+        return;
+      const x = P(l, { uid: N }), B = P(l, { uid: _ });
+      if (B === -1 || x === -1)
+        return;
+      const y = o.current.getBoundingClientRect(), m = g.getClientOffset();
+      if (!m)
+        return;
+      const I = (y.bottom - y.top) / 2, c = m.y - y.top;
+      B < x && c < I || B > x && c > I || i(_, N);
+    },
+    drop() {
+      n();
+    }
+  }), [{ isDragging: u }, s] = ze({
+    type: oe.FILE,
+    item: () => ({
+      uid: e.uid,
+      index: P(l, { uid: e.uid })
+    }),
+    collect: (F) => ({
+      isDragging: F.isDragging()
+    })
+  }), Y = u ? 0 : 1;
+  return s(a(o)), /* @__PURE__ */ r("div", { ref: o, style: { opacity: Y }, "data-handler-id": d, children: t });
+}, wt = ({
+  fileGrpKey: t,
+  onUploadComplete: e,
+  onFetchFilesTrxCd: l = "SCMFILE00101",
+  onSuccessTrxCd: i = "SCMFILE00102",
+  onDeleteFileTrxCd: n = "SCMFILE00103",
+  onReorderFilesTrxCd: o = "SCMFILE00104",
+  allowedExtensions: d = Ge,
+  maxFileSize: a = 200,
+  showButton: u = !0,
+  // 기본값으로 true 설정
+  multiple: s = !1
+}) => {
+  const [Y, F] = E([]), g = V(t), _ = V([]), x = V(
+    ke(() => {
+      if (_.current.length === 0)
+        return;
+      const c = [..._.current];
+      if (_.current = [], i) {
+        const p = c.map((h) => ({
+          crprCd: z()?.crprCd,
+          sysCd: __SYS_CD__,
+          fileGrpKey: g.current,
+          physFileNm: h.fileNameP,
+          lgclFileNm: h.fileNameL,
+          filePath: h.filePath,
+          fileExtn: h.fileExt,
+          fileSize: h.fileSize,
+          mltpYn: "N"
+        }));
+        R(i, {
+          crprCd: z()?.crprCd,
+          sysCd: __SYS_CD__,
+          fileGrpKey: g.current,
+          sub: p
+        }).then((h) => {
+          if (h?.sub && h.sub.length > 0) {
+            const f = h.sub[0].fileGrpKey;
+            g.current || (g.current = f);
+            const S = /* @__PURE__ */ new Map();
+            h.sub.forEach((C) => {
+              const w = c.find(
+                (M) => M.fileNameL === C.lgclFileNm
+              );
+              w && S.set(w.tempId, C);
+            }), F((C) => C.map((M) => {
+              const b = S.get(M.uid);
+              if (b) {
+                const $ = c.find(
+                  (j) => j.tempId === M.uid
+                );
+                return e && $ && e({
+                  ...$,
+                  fileGrpKey: f,
+                  fileKey: b.fileKey
+                }), {
+                  ...M,
+                  name: b.lgclFileNm,
+                  fileGrpKey: f,
+                  fileKey: b.fileKey,
+                  uid: b.fileKey,
+                  status: "done",
+                  url: `/api/download?filePath=${b.filePath}&logicalName=${b.lgclFileNm}`
+                };
+              }
+              return M;
+            }));
+          }
+        }).catch((h) => {
+          console.error("업로드 후처리 서비스 호출 실패:", h), L.error("파일 후처리 중 오류가 발생했습니다.");
+          const f = new Set(c.map((S) => S.tempId));
+          F(
+            (S) => S.map(
+              (C) => f.has(C.uid) ? { ...C, status: "error", error: "후처리 실패" } : C
+            )
+          );
+        });
+      }
+    }, 500)
+  ).current;
+  v(() => () => {
+    x.cancel();
+  }, [x]), v(() => {
+    g.current = t;
+  }, [t]), v(() => {
+    t && l && R(l, {
+      crprCd: z()?.crprCd,
+      sysCd: __SYS_CD__,
+      fileGrpKey: t
+    }).then((c) => {
+      if (c?.sub) {
+        const p = c.sub.map((h) => ({
+          uid: h.fileKey,
+          name: h.lgclFileNm,
+          status: "done",
+          url: `/api/download?filePath=${h.filePath}&logicalName=${h.lgclFileNm}`
+        }));
+        F(p);
+      }
+    }).catch((c) => {
+      console.error("파일 목록 조회 서비스 호출에 실패했습니다.", c), L.error("파일 목록을 불러오는 중 오류가 발생했습니다.");
+    });
+  }, [t, l]);
+  const B = (c, p) => {
+    const h = P(Y, { uid: c }), f = P(Y, { uid: p });
+    if (h < 0 || f < 0) return;
+    const S = [...Y], [C] = S.splice(h, 1);
+    S.splice(f, 0, C), F(S);
+  }, y = () => {
+    if (t && o) {
+      const c = Y.map((p) => p.uid);
+      R(o, {
+        crprCd: z()?.crprCd,
+        sysCd: __SYS_CD__,
+        fileGrpKey: t,
+        reorderedFileKeys: c
+      }).then(() => {
+        L.success("파일 순서가 성공적으로 저장되었습니다.");
+      }).catch((p) => {
+        console.error("파일 순서 저장 서비스 호출 실패:", p), L.error("파일 순서 저장 중 오류가 발생했습니다.");
+      });
+    }
+  }, I = {
+    name: "file",
+    multiple: s,
+    action: "/api/upload",
+    fileList: Y,
+    beforeUpload: (c) => {
+      if (!s && Y.length > 0)
+        return L.error("하나의 파일만 업로드할 수 있습니다."), T.LIST_IGNORE;
+      if (d && d.length > 0) {
+        const p = `.${c.name.split(".").pop()?.toLowerCase()}`;
+        if (!d.includes(p))
+          return L.error(
+            `${c.name} 파일은 허용되지 않는 확장자입니다. (${d.join(
+              ", "
+            )})`
+          ), T.LIST_IGNORE;
+      }
+      return a && !(c.size / 1024 / 1024 < a) ? (L.error(`일반업로드의 최대용량은 ${a}MB입니다.`), T.LIST_IGNORE) : !0;
+    },
+    showUploadList: {
+      showRemoveIcon: u
+      // showButton 값에 따라 삭제 버튼 표시/숨김
+    },
+    onChange(c) {
+      const { status: p, uid: h } = c.file;
+      if (p === "removed") {
+        n ? R(n, {
+          crprCd: z()?.crprCd,
+          sysCd: __SYS_CD__,
+          fileGrpKey: g.current,
+          fileKey: h
+        }).then(() => {
+          L.success("파일이 성공적으로 삭제되었습니다."), F(c.fileList);
+        }).catch((f) => {
+          console.error("파일 삭제 서비스 호출에 실패했습니다.", f), L.error("파일 삭제 중 오류가 발생했습니다.");
+        }) : F(c.fileList);
+        return;
+      }
+      if (F(c.fileList), p === "done")
+        if (c.file.response?.success) {
+          const { uploadedFiles: f } = c.file.response;
+          f && Array.isArray(f) && f.length > 0 && (f.forEach((S) => {
+            S.tempId = c.file.uid, _.current.push(S);
+          }), x()), L.success(
+            c.file.response.message || `${c.file.name} 파일이 성공적으로 업로드되었습니다.`
+          );
+        } else
+          L.error(
+            c.file.response?.message || `${c.file.name} 파일 업로드에 실패했습니다.`
+          );
+      else p === "error" && L.error(
+        c.file.response?.message || `${c.file.name} 파일 업로드 중 오류가 발생했습니다.`
+      );
+    },
+    itemRender(c, p, h) {
+      const f = Fe(c, {
+        href: p.url || void 0,
+        title: void 0
+      });
+      return /* @__PURE__ */ r(
+        Pe,
+        {
+          originNode: f,
+          file: p,
+          fileList: h,
+          moveFile: B,
+          onDrop: y
+        },
+        p.uid
+      );
+    }
+  };
+  return /* @__PURE__ */ r(ve, { backend: Te, children: /* @__PURE__ */ r(T, { headers: { SYSCD: __SYS_CD__ }, ...I, listType: "picture", children: u && (s || Y.length === 0) && /* @__PURE__ */ r(U, { icon: /* @__PURE__ */ r(se, {}), children: "파일 선택" }) }) });
+};
 export {
-  g as BwgButton,
-  p as BwgCheck,
-  s as BwgCheckList,
-  h as BwgDatePicker,
-  B as BwgDownload,
-  n as BwgForm,
-  u as BwgFormItem,
-  f as BwgInput,
-  w as BwgLargeUploader,
-  r as BwgMaskedInput,
-  t as BwgMaskedPicker,
-  o as BwgMultiSelect,
-  c as BwgNumber,
-  d as BwgRadio,
-  S as BwgRangePicker,
-  i as BwgSearch,
-  b as BwgSelect,
-  x as BwgSwitch,
-  k as BwgTextArea,
-  l as BwgUploader
+  it as BwgButton,
+  lt as BwgCheck,
+  st as BwgCheckList,
+  ct as BwgDatePicker,
+  dt as BwgDownload,
+  Ae as BwgForm,
+  D as BwgFormItem,
+  ut as BwgInput,
+  mt as BwgLargeUploader,
+  ft as BwgMaskedInput,
+  ht as BwgMaskedPicker,
+  pt as BwgMultiSelect,
+  gt as BwgNumber,
+  yt as BwgRadio,
+  Yt as BwgRangePicker,
+  Ft as BwgSearch,
+  Ct as BwgSelect,
+  bt as BwgSwitch,
+  St as BwgTextArea,
+  wt as BwgUploader
 };
-//# sourceMappingURL=index.js.map