@bwg-ui/core 1.3.1 → 1.3.3

package/dist/chunks/core-components-Ckwf4Rd7.js

@@ -0,0 +1,1969 @@
+import { jsx as a, jsxs as K } from "react/jsx-runtime";
+import { Button as X, Form as x, Checkbox as ue, ConfigProvider as se, DatePicker as ie, message as z, Card as be, List as re, Input as q, Spin as Le, Upload as Z, Typography as ke, Flex as ge, Progress as ve, notification as Me, Tooltip as _e, Select as fe, Space as ae, InputNumber as De, Radio as Ee, Switch as xe } from "antd";
+import { useMemo as Q, memo as Ae, useState as j, useEffect as G, forwardRef as Be, useRef as P, cloneElement as Oe, useCallback as ce } from "react";
+import { useUserStore as ze, usePopupStore as $e } from "../stores/index.js";
+import D from "dayjs";
+import { PaperClipOutlined as Re, DownloadOutlined as Ue, DeleteOutlined as Te, InboxOutlined as je, UploadOutlined as Ve, CloudUploadOutlined as He, CheckCircleOutlined as Pe, CloseCircleOutlined as Ke, FileTextOutlined as Ge, CalendarOutlined as de, ExclamationCircleOutlined as Se, SearchOutlined as we } from "@ant-design/icons";
+import { getApiDeps as he, callServiceByAppCd as We, getCrprCd as qe, callService as J, getUserInfo as te } from "../utils/index.js";
+import Ze from "jszip";
+import le from "imask";
+import { c as Ne, d as Je } from "./provider-VCa8UGvF.js";
+import { debounce as Xe, findIndex as ne } from "lodash";
+import { DndProvider as Qe, useDrop as et, useDrag as tt } from "react-dnd";
+import { HTML5Backend as rt } from "react-dnd-html5-backend";
+const vt = (e) => {
+  const { componentSize: t } = ze(), f = Q(() => e.size ? e.size : {
+    0: "small",
+    1: "middle",
+    2: "large"
+  }[t], [t, e.size]), s = Q(() => ({
+    0: 12,
+    // 작게
+    1: 14,
+    // 보통
+    2: 16
+    // 크게
+  })[t], [t]);
+  return /* @__PURE__ */ a(
+    X,
+    {
+      ...e,
+      size: f,
+      className: "bwg-btn",
+      style: { fontSize: `${s}px`, ...e.style },
+      children: e.children
+    }
+  );
+}, T = Ae(
+  ({
+    children: e,
+    label: t,
+    name: f,
+    rules: s,
+    initialValue: r,
+    style: o,
+    required: g,
+    ...i
+  }) => {
+    const y = {
+      fontWeight: "bold"
+    };
+    (s == null || s == null) && g && (s = [
+      {
+        required: !0,
+        message: `${t}을(를) 입력해주세요.`
+      }
+    ]);
+    const c = Array.isArray(s) && s.some((C) => C.required === !0), u = () => typeof t == "string" ? /* @__PURE__ */ K("span", { style: y, children: [
+      t,
+      c && /* @__PURE__ */ a("span", { style: { color: "#ff4d4f", marginLeft: "4px" }, children: "*" })
+    ] }) : /* @__PURE__ */ a("span", { style: y, children: t });
+    return /* @__PURE__ */ a(
+      x.Item,
+      {
+        className: "bwg-form-item",
+        label: t ? u() : void 0,
+        labelAlign: i.labelAlign || "left",
+        name: f,
+        rules: s,
+        colon: !1,
+        initialValue: r,
+        style: o,
+        ...i,
+        children: e
+      }
+    );
+  }
+), Mt = ({
+  itemProps: e,
+  inputProps: t = {
+    format: "YN"
+  }
+}) => {
+  const f = x.useFormInstance();
+  return /* @__PURE__ */ a(
+    T,
+    {
+      ...e,
+      getValueProps: (r) => ({ checked: t.format === "boolean" ? !!r : r === "Y" }),
+      normalize: (r) => typeof r == "boolean" ? t.format === "boolean" ? r : r ? "Y" : "N" : t.format === "boolean" ? !!r : r ? "Y" : "N",
+      children: /* @__PURE__ */ a(ue, { ...t, onChange: (r) => {
+        t.format === "boolean" ? f.setFieldValue(e?.name, r.target.checked) : f.setFieldValue(e?.name, r.target.checked ? "Y" : "N"), t.onChange && t.onChange(r);
+      }, children: t?.title })
+    }
+  );
+}, _t = ({ itemProps: e, inputProps: t }) => {
+  const f = x.useFormInstance(), [s, r] = j(
+    e?.initialValue ?? []
+  ), [o, g] = j([]), i = o.length > 0 && o.length == s?.length, y = s?.length > 0 && s.length < o.length;
+  G(() => {
+    g(c(t?.options));
+  }, [t?.options]), G(() => {
+    r(s);
+  }, [s]);
+  const c = (Y) => {
+    const v = [];
+    return (Y || []).map((b, R) => {
+      v.push(b.value);
+    }), v;
+  }, u = (Y) => {
+    r(Y.target.checked ? o : []), f.setFieldValue(e?.name, Y.target.checked ? o : []);
+  }, C = (Y) => {
+    r(Y), f.setFieldValue(e?.name, Y), t?.onChange && typeof t?.onChange == "function" && t?.onChange(Y);
+  };
+  return /* @__PURE__ */ a(T, { ...e, children: /* @__PURE__ */ K(se, { theme: {
+    components: {
+      Checkbox: {
+        colorPrimary: "var(--check-primary)",
+        colorPrimaryBorder: "var(--check-primary)",
+        colorPrimaryHover: "var(--check-primary-active)"
+      }
+    }
+  }, children: [
+    t?.allCheck && /* @__PURE__ */ a(
+      ue,
+      {
+        indeterminate: y,
+        checked: i,
+        onChange: u,
+        children: "전체선택"
+      }
+    ),
+    /* @__PURE__ */ a(
+      ue.Group,
+      {
+        options: t?.options,
+        value: s,
+        onChange: C
+      }
+    )
+  ] }) });
+}, pe = {
+  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"
+  }
+}, Dt = ({
+  itemProps: e,
+  inputProps: t,
+  type: f = "date",
+  returnType: s = "string"
+}) => {
+  const { displayFormat: r, outputFormat: o } = Q(
+    () => pe[f],
+    [f]
+  ), g = Q(
+    () => Object.values(pe).map((i) => i.outputFormat).sort((i, y) => {
+      if (i.length === y.length) {
+        if (i === o) return -1;
+        if (y === o) return 1;
+      }
+      return y.length - i.length;
+    }),
+    [o]
+    // type(outputFormat)이 바뀔 때마다 재정렬
+  );
+  return /* @__PURE__ */ a(
+    T,
+    {
+      ...e,
+      getValueProps: (i) => ({
+        // 폼에 저장된 값(문자열 또는 Dayjs)을 DatePicker가 요구하는 Dayjs로 변환
+        value: i ? D.isDayjs(i) ? i : D(i, g) : null
+      }),
+      normalize: (i) => i ? s === "dayjs" ? i : i.format(o) : null,
+      children: /* @__PURE__ */ a(
+        ie,
+        {
+          ...t,
+          picker: f === "datetime" ? "date" : f,
+          showTime: t?.showTime ?? (f === "datetime" || f === "time"),
+          format: t?.format ? {
+            format: t?.format?.format,
+            type: "mask"
+          } : r
+        }
+      )
+    }
+  );
+}, Et = ({
+  fileGrpKey: e,
+  onFetchFilesTrxCd: t = "SCMFILE00101",
+  readOnly: f = !1,
+  appCd: s = __APP_CD__
+}) => {
+  const [r, o] = j([]);
+  G(() => {
+    if (t)
+      if (s != __APP_CD__) {
+        const y = he().findSystemByAppCd?.(s ?? __APP_CD__);
+        if (!y || !y.sysCd) {
+          console.error("해당 앱코드는 존재하지 않습니다.", s);
+          return;
+        }
+        We(
+          { trxCd: t, appCd: s },
+          {
+            crprCd: qe(),
+            sysCd: y.sysCd,
+            fileGrpKey: e
+          }
+        ).then((c) => {
+          if (c?.sub) {
+            const u = c.sub.map((C) => ({
+              uid: C.fileKey,
+              name: C.lgclFileNm,
+              filePath: C.filePath
+            }));
+            o(u);
+          }
+        }).catch((c) => {
+          console.error("파일 목록 조회 서비스 호출에 실패했습니다.", c), z.error("파일 목록을 불러오는 중 오류가 발생했습니다.");
+        });
+      } else
+        J(t, {
+          crprCd: te()?.crprCd,
+          sysCd: __SYS_CD__,
+          fileGrpKey: e
+        }).then((i) => {
+          if (i?.sub) {
+            const y = i.sub.map((c) => ({
+              uid: c.fileKey,
+              name: c.lgclFileNm,
+              filePath: c.filePath
+            }));
+            o(y);
+          }
+        }).catch((i) => {
+          console.error("파일 목록 조회 서비스 호출에 실패했습니다.", i), z.error("파일 목록을 불러오는 중 오류가 발생했습니다.");
+        });
+    else
+      o([]);
+  }, [e, t, s]);
+  const g = async (i) => {
+    try {
+      const c = he().findSystemByAppCd?.(s ?? __APP_CD__);
+      if (!c || !c.sysCd) {
+        console.error("해당 앱코드는 존재하지 않습니다.", s);
+        return;
+      }
+      const C = await fetch("/api/download", {
+        method: "POST",
+        headers: {
+          SYSCD: c.sysCd,
+          "Content-Type": "application/json"
+          // 여기에 필요한 다른 헤더(예: 인증 토큰)를 추가할 수 있습니다.
+        },
+        body: JSON.stringify({
+          filePath: i.filePath,
+          logicalName: i.name,
+          fileKey: i.uid
+        })
+      });
+      if (!C.ok) {
+        const V = (await C.json().catch(() => null))?.message || "파일 다운로드에 실패했습니다.";
+        throw new Error(V);
+      }
+      const Y = await C.blob(), v = window.URL.createObjectURL(Y), b = document.createElement("a");
+      b.href = v, b.setAttribute("download", i.name), document.body.appendChild(b), b.click(), document.body.removeChild(b), window.URL.revokeObjectURL(v);
+    } catch (y) {
+      console.error(y), z.error(
+        y.message || "파일을 다운로드하는 중 오류가 발생했습니다."
+      );
+    }
+  };
+  return /* @__PURE__ */ a(be, { title: "파일 목록", children: /* @__PURE__ */ a(
+    re,
+    {
+      dataSource: r,
+      renderItem: (i) => /* @__PURE__ */ a(
+        re.Item,
+        {
+          actions: f ? [] : [
+            /* @__PURE__ */ a(
+              X,
+              {
+                type: "text",
+                icon: /* @__PURE__ */ a(Ue, {}),
+                onClick: () => g(i)
+              },
+              "download"
+            )
+          ],
+          children: /* @__PURE__ */ a(re.Item.Meta, { avatar: /* @__PURE__ */ a(Re, {}), title: i.name })
+        }
+      )
+    }
+  ) });
+}, nt = Be(
+  ({ children: e, labelCol: t, style: f, className: s, ...r }, o) => /* @__PURE__ */ a(
+    se,
+    {
+      form: {
+        /**
+         * 기존 rule.message의 default message인 $name을를 입력해주세요를 변경
+         * label이 단순 string이 아닌 <><>형식으로 변경되서 주석처리.
+         */
+        // validateMessages: { required: "'${label}을(를) 입력해주세요.'" },
+      },
+      children: /* @__PURE__ */ a(
+        x,
+        {
+          ref: o,
+          ...r,
+          requiredMark: !1,
+          labelCol: t || { flex: "100px" },
+          style: { padding: "10px", ...f },
+          className: `bwg-form ${s ?? ""}`,
+          children: e
+        }
+      )
+    }
+  )
+);
+nt.displayName = "BwgForm";
+const xt = ({ itemProps: e, inputProps: t }) => /* @__PURE__ */ a(T, { ...e, children: /* @__PURE__ */ a(q, { ...t }) }), { Text: oe } = ke, { Dragger: at } = Z, ot = [
+  ".pdf",
+  ".xlsx",
+  ".xls",
+  ".docx",
+  ".doc",
+  ".pptx",
+  ".ppt",
+  ".hwp",
+  ".txt",
+  ".csv",
+  // 이미지
+  ".jpg",
+  ".jpeg",
+  ".png",
+  ".gif",
+  // 압축
+  ".zip"
+], lt = (e, t = 2) => {
+  if (e === 0) return "0 Bytes";
+  const f = 1024, s = t < 0 ? 0 : t, r = ["Bytes", "KB", "MB", "GB", "TB"], o = Math.floor(Math.log(e) / Math.log(f));
+  return parseFloat((e / Math.pow(f, o)).toFixed(s)) + " " + r[o];
+}, At = ({
+  title: e = "첨부파일",
+  fileGrpKey: t,
+  onUploadComplete: f,
+  onSuccessTrxCd: s = "SCMFILE00102",
+  // BwgUploader와 동일한 기본 trxCd 설정
+  anotherServiceTrxCd: r = "SCMFILE00105",
+  allowedExtensions: o = ot,
+  maxFileSize: g = 2048
+  // 기본값 2GB
+}) => {
+  const [i, y] = j([]), [c, u] = j(!1), [C, Y] = j(!1), [v, b] = j(0), R = (h) => {
+    if (o && o.length > 0) {
+      const A = (($) => {
+        const l = $.lastIndexOf(".");
+        return l === -1 ? "" : $.substring(l).toLowerCase();
+      })(h.name);
+      if (!o.includes(A))
+        return z.error(
+          `${h.name} 파일은 허용되지 않는 확장자입니다. (${o.join(
+            ", "
+          )}만 가능)`
+        ), !1;
+    }
+    return !0;
+  }, V = async () => {
+    const h = i.filter((F) => F.status !== "done"), L = h.reduce(
+      (F, w) => F + (w.size || 0),
+      0
+    ), A = 2 * 1024 * 1024 * 1024;
+    if (L > A) {
+      Me.error({
+        message: "업로드 용량 초과",
+        description: "한 번에 업로드할 수 있는 총 파일 용량은 2GB를 초과할 수 없습니다."
+      });
+      return;
+    }
+    if (h.length === 0) {
+      z.warning(
+        "업로드할 파일이 없거나 모든 파일이 이미 업로드되었습니다."
+      );
+      return;
+    }
+    Y(!0);
+    let $;
+    try {
+      const F = new Ze();
+      h.forEach((w) => {
+        w.originFileObj && F.file(w.name, w.originFileObj);
+      }), $ = await F.generateAsync({
+        type: "blob",
+        compression: "DEFLATE",
+        compressionOptions: {
+          level: 9
+          // 높은 압축률 설정
+        }
+      });
+    } catch (F) {
+      Y(!1), z.error("파일을 압축하는 중 오류가 발생했습니다."), console.error("Zipping error:", F);
+      return;
+    }
+    Y(!1);
+    const l = new FormData();
+    l.append("file", $, "upload.zip"), u(!0), b(0);
+    try {
+      const F = await new Promise((S, B) => {
+        const O = new XMLHttpRequest();
+        O.open("POST", "/api/upload-large", !0), O.upload.onprogress = (U) => {
+          if (U.lengthComputable) {
+            const ee = Math.round(
+              U.loaded / U.total * 100
+            );
+            b(ee);
+          }
+        }, O.onload = () => {
+          if (O.status >= 200 && O.status < 300)
+            try {
+              const U = JSON.parse(O.responseText);
+              U.success ? S(U) : B(
+                new Error(U.message || "파일 업로드에 실패했습니다.")
+              );
+            } catch {
+              B(new Error("잘못된 서버 응답입니다."));
+            }
+          else
+            try {
+              const U = JSON.parse(O.responseText);
+              B(new Error(U.message || `서버 오류: ${O.status}`));
+            } catch {
+              B(new Error(`서버 오류: ${O.status}`));
+            }
+        }, O.onerror = () => {
+          B(new Error("네트워크 오류가 발생했습니다."));
+        }, O.send(l);
+      });
+      z.success(
+        F.message || "압축 파일이 성공적으로 업로드되었습니다."
+      );
+      const w = i.map(
+        (S) => h.find((B) => B.uid === S.uid) ? { ...S, status: "done" } : S
+      );
+      if (y(w), s && F.uploadedFiles && Array.isArray(F.uploadedFiles)) {
+        const S = te();
+        F.uploadedFiles.forEach((B) => {
+          const O = {
+            crprCd: S?.crprCd,
+            sysCd: __SYS_CD__,
+            fileGrpKey: t,
+            sub: [
+              {
+                crprCd: S?.crprCd,
+                sysCd: __SYS_CD__,
+                fileGrpKey: t,
+                physFileNm: B.fileNameP,
+                lgclFileNm: B.fileNameL,
+                filePath: B.filePath,
+                fileExtn: B.fileExt,
+                fileSize: B.fileSize,
+                mltpYn: "Y"
+              }
+            ]
+          };
+          J(s, O).then((U) => {
+            const ee = i.map((W) => ({
+              crprCd: S?.crprCd,
+              sysCd: __SYS_CD__,
+              fileGrpKey: U.sub[0].fileGrpKey,
+              fileKey: U.sub[0].fileKey,
+              lgclFileNm: W.name,
+              fileSize: W.size,
+              fileExtn: W.name.split(".").pop(),
+              fileType: W.type
+            }));
+            J(r, {
+              // 파일 목록에 fileKey를 추가합니다.
+              sub: ee
+            });
+          }).catch((U) => {
+            console.error("후처리 서비스 호출 실패:", U), z.error(
+              `${B.fileNameL} 파일의 후처리 작업에 실패했습니다.`
+            );
+          }), f && f({
+            fileNameP: B.fileNameP,
+            fileNameL: B.fileNameL
+          });
+        });
+      }
+    } catch (F) {
+      z.error(F.message || "파일 업로드 중 오류가 발생했습니다.");
+      const w = i.map(
+        (S) => h.find((B) => B.uid === S.uid) ? {
+          ...S,
+          status: "error",
+          response: F.message || "파일 업로드 중 오류가 발생했습니다."
+        } : S
+      );
+      y(w);
+    } finally {
+      u(!1);
+    }
+  }, _ = {
+    multiple: !0,
+    fileList: i,
+    beforeUpload: (h) => R(h) ? g && h.size >= g * 1024 * 1024 ? (z.error(
+      `대용량 첨부 파일 최대 크기는 ${(g / 1024).toFixed(
+        1
+      )}GB입니다.`
+    ), Z.LIST_IGNORE) : !1 : Z.LIST_IGNORE,
+    onChange: ({ fileList: h }) => {
+      const L = new Map(i.map((A) => [A.uid, A]));
+      h.forEach((A) => {
+        L.set(A.uid, A);
+      }), y(Array.from(L.values()));
+    },
+    onRemove: (h) => {
+      const L = i.filter((A) => A.uid !== h.uid);
+      y(L);
+    },
+    showUploadList: !1
+    // 수동으로 목록을 렌더링하므로 antd의 기본 목록은 숨깁니다.
+  };
+  return /* @__PURE__ */ a(
+    Le,
+    {
+      spinning: c || C,
+      tip: C ? "파일 압축 중..." : `파일 업로드 중... ${v}%`,
+      children: /* @__PURE__ */ K("div", { className: "bwg-large-uploader-container", children: [
+        /* @__PURE__ */ a(
+          be,
+          {
+            title: /* @__PURE__ */ a(oe, { strong: !0, children: e }),
+            extra: /* @__PURE__ */ a(Z, { ..._, children: /* @__PURE__ */ a(X, { icon: /* @__PURE__ */ a(Ve, {}), children: "파일 선택" }) }),
+            style: { padding: 0 },
+            children: /* @__PURE__ */ a(
+              at,
+              {
+                ..._,
+                style: {
+                  border: "none",
+                  background: "transparent",
+                  padding: 0
+                },
+                children: /* @__PURE__ */ a("div", { className: "upload-list-container", children: i.length > 0 ? /* @__PURE__ */ a(
+                  re,
+                  {
+                    style: { textAlign: "left" },
+                    dataSource: i,
+                    renderItem: (h) => {
+                      const L = h.status === "done", A = h.status === "error";
+                      let $;
+                      return L ? $ = /* @__PURE__ */ a(
+                        Pe,
+                        {
+                          style: { color: "#52c41a", fontSize: 14 }
+                        }
+                      ) : A ? $ = /* @__PURE__ */ a(
+                        _e,
+                        {
+                          title: typeof h.response == "string" ? h.response : "업로드 실패",
+                          children: /* @__PURE__ */ a(
+                            Ke,
+                            {
+                              style: { color: "#ff4d4f", fontSize: 14 }
+                            }
+                          )
+                        }
+                      ) : $ = /* @__PURE__ */ a(Ge, { style: { fontSize: 14 } }), /* @__PURE__ */ a(
+                        re.Item,
+                        {
+                          actions: [
+                            /* @__PURE__ */ a(oe, { type: "secondary", children: lt(h.size || 0) }, "size"),
+                            /* @__PURE__ */ a(
+                              X,
+                              {
+                                type: "text",
+                                icon: /* @__PURE__ */ a(Te, {}),
+                                onClick: (l) => {
+                                  l.stopPropagation(), _.onRemove?.(h);
+                                },
+                                disabled: c || C
+                              },
+                              "delete"
+                            )
+                          ],
+                          children: /* @__PURE__ */ a(
+                            re.Item.Meta,
+                            {
+                              avatar: $,
+                              title: /* @__PURE__ */ a(oe, { type: A ? "danger" : void 0, children: h.name })
+                            }
+                          )
+                        },
+                        h.uid
+                      );
+                    }
+                  }
+                ) : /* @__PURE__ */ K(
+                  ge,
+                  {
+                    gap: "middle",
+                    align: "center",
+                    justify: "center",
+                    vertical: !0,
+                    style: { padding: "20px 0", minHeight: "120px" },
+                    children: [
+                      /* @__PURE__ */ a(je, { style: { fontSize: "32px", color: "#999" } }),
+                      /* @__PURE__ */ a(oe, { type: "secondary", children: "업로드할 파일을 선택하거나 이 영역으로 드래그하세요." })
+                    ]
+                  }
+                ) })
+              }
+            )
+          }
+        ),
+        i.length > 0 && /* @__PURE__ */ K(
+          ge,
+          {
+            justify: "flex-end",
+            align: "center",
+            gap: "large",
+            style: { marginTop: 16 },
+            children: [
+              c && /* @__PURE__ */ a("div", { style: { width: "250px" }, children: /* @__PURE__ */ a(ve, { percent: v, size: "small" }) }),
+              /* @__PURE__ */ a(
+                X,
+                {
+                  type: "primary",
+                  onClick: V,
+                  disabled: c || C || i.filter((h) => h.status !== "done").length === 0,
+                  icon: /* @__PURE__ */ a(He, {}),
+                  children: "일괄 업로드"
+                }
+              )
+            ]
+          }
+        )
+      ] })
+    }
+  );
+}, st = (e) => {
+  if (typeof e == "string")
+    return e.replace(/0/g, "_");
+  if (Array.isArray(e))
+    return e[0].replace(/0/g, "_");
+  if (typeof e == "object" && "mask" in e && "blocks" in e) {
+    const { mask: t, blocks: f } = e;
+    return t.split(".").map((s) => {
+      const o = f?.[s]?.maxLength ?? 3;
+      return "_".repeat(o);
+    }).join(".");
+  }
+  return "";
+}, Bt = ({
+  itemProps: e,
+  inputProps: t,
+  mask: f
+}) => {
+  const s = P(null), r = x.useFormInstance(), o = Q(() => st(f), [f]);
+  return G(() => {
+    if (!s.current?.input) return;
+    const g = typeof f == "string" || Array.isArray(f) ? { mask: f } : f, i = le(s.current.input, g);
+    return i.on("accept", () => {
+      r && e?.name && r.setFieldValue(e.name, i.value);
+    }), () => {
+      i.destroy();
+    };
+  }, [f, r, e?.name]), /* @__PURE__ */ a(T, { ...e, children: /* @__PURE__ */ a(q, { ...t, ref: s, placeholder: o }) });
+}, it = (e) => {
+  switch (e) {
+    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"
+      };
+  }
+}, Ot = ({
+  type: e = "date",
+  itemProps: t = { name: "calendar" },
+  inputProps: f,
+  pickerProps: s
+}) => {
+  const { format: r, mask: o, outputFormat: g } = it(e), i = P(null), y = P(null), c = P(null), u = x.useFormInstance(), [C, Y] = j(!1), [v, b] = j(!1), R = t?.name, [V, _] = j(null), h = x.useWatch(R, u), L = Ne();
+  G(() => {
+    if (!i.current?.input) return;
+    const l = le(i.current.input, {
+      mask: o,
+      lazy: !1
+    });
+    return y.current = l, l.on("accept", () => {
+      const F = l.value;
+      F.length > 0 && Y(!0);
+      const w = D(F, r, !0);
+      F.length === r.length && w.isValid() && (u.setFieldValue(R, l.value), _(w), y.current?.updateValue());
+    }), () => {
+      l.destroy();
+    };
+  }, [r, o]), G(() => {
+    if (!h) {
+      _(null);
+      return;
+    }
+    let l = null;
+    if (typeof h == "string" && h.length === g.length && /^\d+$/.test(h))
+      if (e === "date") {
+        const F = h.substring(0, 4), w = h.substring(4, 6), S = h.substring(6, 8);
+        l = D(`${F}-${w}-${S}`, r, !0);
+      } else if (e === "month") {
+        const F = h.substring(0, 4), w = h.substring(4, 6);
+        l = D(`${F}-${w}`, r, !0);
+      } else e === "year" && (l = D(h, r, !0));
+    else
+      l = D(h, r, !0);
+    l && l.isValid() ? _(l) : _(null), b(!1);
+  }, [h, r, g, e]);
+  const A = (l) => {
+    if (!l) {
+      _(null), y.current?.updateValue();
+      return;
+    }
+    _(l);
+    const F = l.format(g);
+    y.current && (y.current.value = F, y.current.updateValue()), b(!1);
+  }, $ = (l) => {
+    setTimeout(() => {
+      const F = document.activeElement, w = c.current, S = w?.querySelector(".ant-picker-dropdown");
+      !(w && (w.contains(F) || w === F || S?.contains(F))) && !(l !== void 0 ? l : C) && console.log("✅ Input과 DatePicker 모두 포커스가 없습니다");
+    }, 0);
+  };
+  return /* @__PURE__ */ a(
+    T,
+    {
+      ...t,
+      name: void 0,
+      validateStatus: v ? "warning" : void 0,
+      children: /* @__PURE__ */ K(
+        se,
+        {
+          componentSize: L.componentSize,
+          theme: {
+            components: {
+              Input: {
+                addonBg: "#fff"
+              }
+            }
+          },
+          children: [
+            /* @__PURE__ */ a(
+              x.Item,
+              {
+                name: R,
+                getValueProps: (l) => ({
+                  value: l ? D(l).format(r) : void 0
+                }),
+                normalize: (l) => l ? D(l).format(g) : void 0,
+                noStyle: !0,
+                children: /* @__PURE__ */ a(
+                  q,
+                  {
+                    ...f,
+                    ref: i,
+                    onFocus: () => {
+                      Y(!C), y.current?.updateValue();
+                    },
+                    onBlur: () => {
+                      $();
+                    },
+                    onKeyDown: (l) => {
+                      if (l.key === "Backspace" && Y(!0), l.key === "Tab" && Y(!1), l.key === "Enter")
+                        if (C) {
+                          const F = y.current?.value || "", w = D(F, r, !0);
+                          F.length === r.length && w.isValid() ? (Y(!1), b(!1)) : b(!0);
+                        } else
+                          Y(!0);
+                    },
+                    style: {
+                      width: "65%"
+                    },
+                    allowClear: !0,
+                    placeholder: o.replace(/0/g, "_"),
+                    suffix: /* @__PURE__ */ a(de, { style: { color: "#d9d9d9" } }),
+                    autoComplete: "off"
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ a(
+              ie,
+              {
+                ...s,
+                open: C,
+                picker: e,
+                format: {
+                  format: r,
+                  type: "mask"
+                },
+                showNow: !0,
+                value: V,
+                onChange: A,
+                onOpenChange: (l) => {
+                  Y(l), l || $(!1);
+                },
+                renderExtraFooter: () => v ? /* @__PURE__ */ K(
+                  "div",
+                  {
+                    style: {
+                      color: "#faad14",
+                      paddingLeft: "8px",
+                      fontSize: "12px",
+                      display: "flex",
+                      alignItems: "center",
+                      gap: "6px",
+                      borderTop: "1px solid #f0f0f0",
+                      backgroundColor: "#fffbe6"
+                    },
+                    children: [
+                      /* @__PURE__ */ a(Se, {}),
+                      /* @__PURE__ */ a("span", { children: "유효하지 않은 날짜입니다" })
+                    ]
+                  }
+                ) : null,
+                getPopupContainer: (l) => l.parentElement,
+                style: {
+                  position: "absolute",
+                  top: 0,
+                  left: 0,
+                  pointerEvents: "none",
+                  opacity: 0,
+                  width: "100%"
+                }
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+}, { RangePicker: ct } = ie, ut = (e) => {
+  switch (e) {
+    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"
+      };
+  }
+}, zt = ({
+  type: e = "date",
+  itemProps: t = { name: "dateRange" },
+  inputProps: f,
+  pickerProps: s
+}) => {
+  const { format: r, mask: o, outputFormat: g } = ut(e), i = P(null), y = P(null), c = P(null), u = P(null), C = P(null), Y = x.useFormInstance(), [v, b] = j(!1), [R, V] = j(!1), [_, h] = j(null), [L, A] = j(!1), $ = P(!1), l = t?.name, [F, w] = j([
+    null,
+    null
+  ]), S = x.useWatch(
+    l ? Array.isArray(l) ? [...l, 0] : [l, 0] : void 0,
+    Y
+  ), B = x.useWatch(
+    l ? Array.isArray(l) ? [...l, 1] : [l, 1] : void 0,
+    Y
+  ), O = x.useWatch(l, Y), U = Ne();
+  G(() => {
+    if (!i.current?.input) return;
+    const n = le(i.current.input, {
+      mask: o,
+      lazy: !1
+    });
+    return c.current = n, n.on("accept", () => {
+      const m = n.value, p = n.unmaskedValue || "";
+      if (console.log("🔵 [시작일] accept 이벤트:", {
+        maskValue: m,
+        unmaskedValue: p,
+        length: m.length,
+        formatLength: r.length
+      }), m.length > 0 && (h("start"), b(!0), A(!1)), p.length === g.length) {
+        const d = D(m, r, !0);
+        if (d.isValid()) {
+          console.log("🔵 [시작일] 입력 완료 및 검증 통과:", {
+            parsed: d.format(r)
+          });
+          const M = d.format(g);
+          $.current = !0;
+          const k = Array.isArray(l) ? [...l, 0] : [l, 0];
+          Y.setFieldValue(k, M), w([d, F[1]]), c.current && c.current.updateValue(), V(!1), setTimeout(() => {
+            u.current && (u.current.value = "", u.current.unmaskedValue = "", u.current.updateValue());
+            const N = Array.isArray(l) ? [...l, 1] : [l, 1];
+            Y.getFieldValue(N) || Y.setFieldValue(N, void 0), y.current?.focus(), setTimeout(() => {
+              if (u.current) {
+                const E = u.current.value || "";
+                !(u.current.unmaskedValue || "") && !E.replace(/[^0-9]/g, "") && (u.current.value = "", u.current.updateValue());
+              }
+            }, 10), h("end"), b(!0), $.current = !1;
+          }, 0);
+        } else
+          s?.allowEmpty ? V(!1) : (console.log("🔵 [시작일] 검증 실패:", { val: m, parsed: d }), V(!0));
+      }
+    }), () => {
+      n.destroy();
+    };
+  }, [r, o, l]), G(() => {
+    if (!y.current?.input) return;
+    const n = le(y.current.input, {
+      mask: o,
+      lazy: !1
+    });
+    return u.current = n, n.on("accept", () => {
+      const m = n.value, p = n.unmaskedValue || "";
+      if (console.log("🟢 [종료일] accept 이벤트:", {
+        maskValue: m,
+        unmaskedValue: p,
+        length: m.length,
+        formatLength: r.length
+      }), p === "" || p.length === 0) {
+        const d = Array.isArray(l) ? [...l, 1] : [l, 1];
+        Y.setFieldValue(d, void 0), w([F[0], null]), u.current && (u.current.value = "", u.current.updateValue()), setTimeout(() => {
+          i.current?.focus(), h("start"), b(!0);
+        }, 0);
+        return;
+      }
+      if (m.length > 0 && (h("end"), b(!0)), m.length < r.length) {
+        V(!1);
+        return;
+      }
+      if (p.length === g.length) {
+        const d = D(m, r, !0);
+        if (d.isValid()) {
+          const M = d.format(g);
+          console.log("🟢 [종료일] 입력 완료:", {
+            parsed: d.format(r),
+            formatted: M
+          }), $.current = !0;
+          const k = Array.isArray(l) ? [...l, 1] : [l, 1];
+          Y.setFieldValue(k, M), w([F[0], d]), u.current?.updateValue(), setTimeout(() => {
+            $.current = !1;
+          }, 0);
+        } else
+          s?.allowEmpty ? V(!1) : (console.log("🟢 [종료일] 검증 실패:", { val: m, parsed: d }), V(!0));
+      }
+    }), () => {
+      n.destroy();
+    };
+  }, [r, o, l]), G(() => {
+    console.log("🟡 [useEffect] form 값 변경 감지:", {
+      startFormValue: S,
+      endFormValue: B,
+      formValue: O
+    });
+    const n = S ?? (Array.isArray(O) ? O[0] : null), m = B ?? (Array.isArray(O) ? O[1] : null);
+    if (n === void 0 && m === void 0 && (!O || !Array.isArray(O))) {
+      w([null, null]);
+      return;
+    }
+    const p = (k) => {
+      if (!k) return null;
+      let N = null;
+      if (typeof k == "string" && k.length === g.length && /^\d+$/.test(k))
+        if (e === "date") {
+          const I = k.substring(0, 4), E = k.substring(4, 6), H = k.substring(6, 8);
+          N = D(`${I}-${E}-${H}`, r, !0);
+        } else if (e === "month") {
+          const I = k.substring(0, 4), E = k.substring(4, 6);
+          N = D(`${I}-${E}`, r, !0);
+        } else e === "year" && (N = D(k, r, !0));
+      else
+        N = D(k, r, !0);
+      return N && N.isValid() ? N : null;
+    }, d = p(n), M = p(m);
+    if (console.log("🟡 [useEffect] 파싱 결과:", {
+      startParsed: d ? d.format(r) : null,
+      endParsed: M ? M.format(r) : null,
+      isStartDateFromPicker: L
+    }), w([d, M]), $.current) {
+      console.log("🟡 [useEffect] 사용자 입력 중 - 마스크 값 업데이트 스킵"), V(!1);
+      return;
+    }
+    if (!L && c.current) {
+      const k = c.current.value || "", N = d ? d.format(r) : "", I = c.current.unmaskedValue || "", E = d ? d.format(g) : "";
+      console.log("🟡 [useEffect] 시작일 마스크 값 체크:", {
+        currentMaskValue: k,
+        expectedMaskValue: N,
+        unmaskedValue: I,
+        expectedUnmasked: E,
+        shouldUpdate: k === "" || k !== N,
+        canUpdate: I === "" || I === E
+      }), (k === "" || k !== N) && (I === "" || I === E ? (console.log("🟡 [useEffect] 시작일 마스크 값 업데이트:", {
+        before: k,
+        after: d ? d.format(r) : ""
+      }), d ? (c.current.value = d.format(r), c.current.updateValue()) : (c.current.value = "", c.current.updateValue())) : console.log(
+        "🟡 [useEffect] 시작일 마스크 값 업데이트 스킵 (사용자 입력 중)"
+      ));
+    }
+    if (u.current) {
+      const k = u.current.value || "", N = M ? M.format(r) : "", I = u.current.unmaskedValue || "", E = M ? M.format(g) : "";
+      console.log("🟡 [useEffect] 종료일 마스크 값 체크:", {
+        currentMaskValue: k,
+        expectedMaskValue: N,
+        unmaskedValue: I,
+        expectedUnmasked: E,
+        shouldUpdate: k === "" || k !== N,
+        canUpdate: I === "" || I === E
+      }), (k === "" || k !== N) && (I === "" || I === E ? (console.log("🟡 [useEffect] 종료일 마스크 값 업데이트:", {
+        before: k,
+        after: N
+      }), M ? (u.current.value = M.format(r), u.current.updateValue()) : (u.current.value = "", u.current.updateValue())) : console.log(
+        "🟡 [useEffect] 종료일 마스크 값 업데이트 스킵 (사용자 입력 중)"
+      ));
+    }
+    V(!1);
+  }, [S, B, O, r, g, e]);
+  const ee = (n) => {
+    if (console.log("🔴 [RangePicker] 날짜 변경:", {
+      dates: n ? [
+        n[0] ? n[0].format(r) : null,
+        n[1] ? n[1].format(r) : null
+      ] : null,
+      prevRange: [
+        F[0] ? F[0].format(r) : null,
+        F[1] ? F[1].format(r) : null
+      ]
+    }), !n) {
+      w([null, null]), c.current?.updateValue(), u.current?.updateValue();
+      return;
+    }
+    const [m, p] = n, d = F[0], M = m && (!d || !m.isSame(
+      d,
+      e === "year" ? "year" : e === "month" ? "month" : "day"
+    ));
+    if (console.log("🔴 [RangePicker] 시작일 변경 여부:", {
+      isStartDateChanged: M,
+      startDate: m ? m.format(r) : null,
+      prevStartDate: d ? d.format(r) : null
+    }), w([m, p]), M) {
+      console.log("🔴 [RangePicker] 시작일 선택됨 - input 비우기"), A(!0), c.current && (c.current.value = "", c.current.updateValue());
+      const k = m.format(g);
+      console.log("🔴 [RangePicker] form 값 업데이트:", {
+        formatted: k
+      });
+      const N = Array.isArray(l) ? [...l, 0] : [l, 0];
+      Y.setFieldValue(N, k);
+    } else !m && c.current ? (A(!1), c.current.value = "", c.current.updateValue()) : A(!1);
+    if (p && u.current) {
+      const k = p.format(g);
+      u.current.value = k, u.current.updateValue();
+    } else !p && u.current && (u.current.value = "", u.current.updateValue());
+    V(!1);
+  }, W = (n) => {
+    setTimeout(() => {
+      const m = document.activeElement, p = C.current, d = p?.querySelector(".ant-picker-dropdown");
+      !(p && (p.contains(m) || p === m || d?.contains(m))) && !(n !== void 0 ? n : v) && (console.log("✅ Input과 RangePicker 모두 포커스가 없습니다"), b(!1));
+    }, 0);
+  };
+  return /* @__PURE__ */ a(
+    T,
+    {
+      ...t,
+      name: void 0,
+      validateStatus: R ? "warning" : void 0,
+      children: /* @__PURE__ */ K(
+        se,
+        {
+          componentSize: U.componentSize,
+          theme: {
+            components: {
+              Input: {
+                addonBg: "#fff"
+              }
+            }
+          },
+          children: [
+            /* @__PURE__ */ K(
+              "div",
+              {
+                ref: C,
+                style: {
+                  display: "flex",
+                  alignItems: "center",
+                  gap: "8px",
+                  width: "100%"
+                },
+                children: [
+                  /* @__PURE__ */ a(
+                    x.Item,
+                    {
+                      name: l ? Array.isArray(l) ? [...l, 0] : [l, 0] : void 0,
+                      getValueProps: (n) => {
+                        if (!n) return { value: void 0 };
+                        if (typeof n == "string" && n.length === g.length && /^\d+$/.test(n)) {
+                          if (e === "date") {
+                            const m = n.substring(0, 4), p = n.substring(4, 6), d = n.substring(6, 8);
+                            return { value: `${m}-${p}-${d}` };
+                          } else if (e === "month") {
+                            const m = n.substring(0, 4), p = n.substring(4, 6);
+                            return { value: `${m}-${p}` };
+                          } else if (e === "year")
+                            return { value: n };
+                        }
+                        return { value: D(n).format(r) };
+                      },
+                      normalize: (n) => n ? D(n).format(g) : (s?.allowEmpty, void 0),
+                      noStyle: !0,
+                      children: /* @__PURE__ */ a(
+                        q,
+                        {
+                          ...f,
+                          value: void 0,
+                          ref: i,
+                          onFocus: () => {
+                            if (h("start"), b(!v), A(!1), c.current) {
+                              const n = Array.isArray(l) ? [...l, 0] : [l, 0];
+                              Y.getFieldValue(n) || (c.current.value = "", c.current.unmaskedValue = ""), c.current.updateValue();
+                            }
+                          },
+                          onBlur: () => {
+                            W();
+                          },
+                          onKeyDown: (n) => {
+                            if (n.key === "Backspace" && (h("start"), b(!0)), n.key === "Enter")
+                              if (v && _ === "start") {
+                                const m = c.current?.value || "";
+                                m.length === r.length ? D(m, r, !0).isValid() ? (b(!1), V(!1)) : s?.allowEmpty ? V(!1) : V(!0) : V(!1);
+                              } else
+                                h("start"), b(!0);
+                          },
+                          style: {
+                            flex: 1
+                          },
+                          allowClear: !0,
+                          placeholder: o.replace(/0/g, "_"),
+                          suffix: /* @__PURE__ */ a(de, { style: { color: "#d9d9d9" } }),
+                          autoComplete: "off"
+                        }
+                      )
+                    }
+                  ),
+                  /* @__PURE__ */ a("span", { style: { color: "#d9d9d9", userSelect: "none" }, children: "~" }),
+                  /* @__PURE__ */ a(
+                    x.Item,
+                    {
+                      name: l ? Array.isArray(l) ? [...l, 1] : [l, 1] : void 0,
+                      getValueProps: (n) => {
+                        if (!n) return { value: void 0 };
+                        if (typeof n == "string" && n.length === g.length && /^\d+$/.test(n)) {
+                          if (e === "date") {
+                            const m = n.substring(0, 4), p = n.substring(4, 6), d = n.substring(6, 8);
+                            return { value: `${m}-${p}-${d}` };
+                          } else if (e === "month") {
+                            const m = n.substring(0, 4), p = n.substring(4, 6);
+                            return { value: `${m}-${p}` };
+                          } else if (e === "year")
+                            return { value: n };
+                        }
+                        return { value: D(n).format(r) };
+                      },
+                      normalize: (n) => n ? D(n).format(g) : (s?.allowEmpty, void 0),
+                      noStyle: !0,
+                      children: /* @__PURE__ */ a(
+                        q,
+                        {
+                          ...f,
+                          ref: y,
+                          onFocus: () => {
+                            if (h("end"), b(!v), u.current) {
+                              u.current.updateValue();
+                              const n = u.current.value || "";
+                              !(u.current.unmaskedValue || "") && !n.replace(/[^0-9]/g, "") && (u.current.value = "", u.current.updateValue());
+                            }
+                          },
+                          onBlur: () => {
+                            W();
+                          },
+                          onKeyDown: (n) => {
+                            if (n.key === "Backspace") {
+                              const m = u.current?.value || "", p = u.current?.unmaskedValue || "";
+                              if (m === "" || p === "" || m.replace(/[^0-9]/g, "").length <= 1) {
+                                n.preventDefault();
+                                const d = Array.isArray(l) ? [...l, 1] : [l, 1];
+                                Y.setFieldValue(d, void 0), w([F[0], null]), u.current && (u.current.value = "", u.current.updateValue()), setTimeout(() => {
+                                  i.current?.focus(), h("start"), b(!0);
+                                }, 0);
+                                return;
+                              }
+                              h("end"), b(!0);
+                            }
+                            if (n.key === "Tab" && b(!1), n.key === "Enter")
+                              if (v && _ === "end") {
+                                const m = u.current?.value || "";
+                                m.length === r.length ? D(m, r, !0).isValid() ? (b(!1), V(!1)) : s?.allowEmpty ? V(!1) : V(!0) : V(!1);
+                              } else
+                                h("end"), b(!0);
+                          },
+                          style: {
+                            flex: 1
+                          },
+                          allowClear: !0,
+                          onClear: () => {
+                            const n = Array.isArray(l) ? [...l, 1] : [l, 1];
+                            Y.setFieldValue(n, void 0), w([F[0], null]), u.current && (u.current.value = "", u.current.updateValue()), setTimeout(() => {
+                              i.current?.focus(), h("start"), b(!0);
+                            }, 0);
+                          },
+                          placeholder: o.replace(/0/g, "_"),
+                          suffix: /* @__PURE__ */ a(de, { style: { color: "#d9d9d9" } }),
+                          autoComplete: "off"
+                        }
+                      )
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ a(
+              ct,
+              {
+                ...s,
+                open: v,
+                picker: e,
+                format: {
+                  format: r,
+                  type: "mask"
+                },
+                showNow: !0,
+                value: F,
+                onChange: ee,
+                onOpenChange: (n) => {
+                  b(n), n || W(!1);
+                },
+                renderExtraFooter: () => R ? /* @__PURE__ */ K(
+                  "div",
+                  {
+                    style: {
+                      color: "#faad14",
+                      paddingLeft: "8px",
+                      fontSize: "12px",
+                      display: "flex",
+                      alignItems: "center",
+                      gap: "6px",
+                      borderTop: "1px solid #f0f0f0",
+                      backgroundColor: "#fffbe6"
+                    },
+                    children: [
+                      /* @__PURE__ */ a(Se, {}),
+                      /* @__PURE__ */ a("span", { children: "유효하지 않은 날짜입니다" })
+                    ]
+                  }
+                ) : null,
+                getPopupContainer: (n) => n.parentElement,
+                style: {
+                  position: "absolute",
+                  top: 0,
+                  left: 0,
+                  pointerEvents: "none",
+                  opacity: 0,
+                  width: "100%"
+                }
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+}, { Option: ye } = fe, $t = ({ itemProps: e, inputProps: t }) => {
+  const [f, s] = j([]);
+  return G(() => {
+    t?.addField === "ALL" ? s([
+      { label: "전체", value: "" },
+      ...t?.list || []
+    ]) : t?.addField === "NULL" ? s([{ label: "", value: "" }, ...t?.list || []]) : s(t?.list || []);
+  }, [t?.list]), /* @__PURE__ */ a(
+    T,
+    {
+      ...e,
+      getValueProps: (r) => r ? {
+        value: r && r.indexOf(",") > 0 ? r.split(",") : [r]
+      } : {
+        value: []
+      },
+      normalize: (r) => r != null && r != null && r.length > 0 ? r.toString() : "",
+      children: /* @__PURE__ */ a(fe, { ...t, mode: "multiple", children: f.map((r) => {
+        const { value: o, label: g } = r;
+        return t?.printCode ? /* @__PURE__ */ a(ye, { value: o, label: g, children: /* @__PURE__ */ a(ae, { children: `[${o}] ${g}` }) }, o) : /* @__PURE__ */ a(ye, { value: o, label: g, children: /* @__PURE__ */ a(ae, { children: `${g}` }) }, o);
+      }) })
+    }
+  );
+}, Rt = ({ itemProps: e, inputProps: t }) => {
+  const f = (r) => {
+    let o = r.toString().split(".");
+    return t?.decimalPoint != null && o[1] != null && t?.decimalPoint > 0 ? o[1].length > t?.decimalPoint ? o[1] = "." + o[1].substring(0, t?.decimalPoint) : o[1] = "." + o[1] : o[1] = "", o[0].replace(/\B(?=(\d{3})+(?!\d))/g, ",") + o[1];
+  }, s = (r) => {
+    let o = r.toString().split(".");
+    return t?.decimalPoint != null && o[1] != null && t?.decimalPoint > 0 ? o[1].length > t?.decimalPoint ? o[1] = "." + o[1].substring(0, t?.decimalPoint) : o[1] = "." + o[1] : o[1] = "", o[0].replace(/\$\s?|(,*)/g, "") + o[1];
+  };
+  return /* @__PURE__ */ a(T, { ...e, children: /* @__PURE__ */ a(
+    De,
+    {
+      ...t,
+      formatter: (r) => f(r),
+      parser: (r) => s(r)
+    }
+  ) });
+}, Ut = ({ itemProps: e, inputProps: t }) => /* @__PURE__ */ a(T, { ...e, children: /* @__PURE__ */ a(Ee.Group, { ...t }) }), { RangePicker: dt } = ie, Fe = {
+  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"
+  }
+}, Tt = ({
+  itemProps: e,
+  inputProps: t,
+  type: f = "date",
+  minDate: s,
+  maxDate: r,
+  returnType: o = "string"
+}) => {
+  const { displayFormat: g, outputFormat: i } = Q(
+    () => Fe[f],
+    [f]
+  ), y = Q(
+    () => Object.values(Fe).map((c) => c.outputFormat).sort((c, u) => {
+      if (c.length === u.length) {
+        if (c === i) return -1;
+        if (u === i) return 1;
+      }
+      return u.length - c.length;
+    }),
+    [i]
+    // type(outputFormat)이 바뀔 때마다 재정렬
+  );
+  return /* @__PURE__ */ a(
+    T,
+    {
+      ...e,
+      getValueProps: (c) => ({
+        // 폼에 저장된 값(문자열 또는 Dayjs)을 RangePicker가 요구하는 Dayjs 배열로 변환
+        value: c && c.length > 0 ? [
+          c[0] ? D.isDayjs(c[0]) ? c[0] : D(c[0], y) : null,
+          c[1] ? D.isDayjs(c[1]) ? c[1] : D(c[1], y) : null
+        ] : null
+      }),
+      normalize: (c) => c ? o === "dayjs" ? [c[0] ?? void 0, c[1] ?? void 0] : [
+        c[0] ? c[0].format(i) : void 0,
+        c[1] ? c[1].format(i) : void 0
+      ] : [void 0, void 0],
+      children: /* @__PURE__ */ a(
+        dt,
+        {
+          ...t,
+          order: !0,
+          minDate: s ? D(s, y) : void 0,
+          maxDate: r ? D(r, y) : void 0,
+          picker: f === "datetime" ? "date" : f,
+          showTime: t?.showTime ?? (f === "datetime" || f === "time"),
+          format: g
+        }
+      )
+    }
+  );
+}, Ce = q.Search, jt = (e) => {
+  const t = x.useFormInstance(), { openPopup: f } = $e(), s = e.itemProps?.name || [], r = e.popupConfig || {
+    callback(g) {
+      Array.isArray(s) && s.length > 1 ? (t.setFieldValue(s[0], g.code), t.setFieldValue(s[1], g.name)) : t.setFieldValue(s, g.code);
+    }
+  }, o = {
+    ...e,
+    placeholder: typeof e.placeholder == "string" ? e.placeholder : e.placeholder?.[0] || "",
+    onChange: (g) => {
+      Array.isArray(s) && s.length > 1 && t.setFieldValue(s[0], ""), e.onChange?.(g);
+    },
+    onSearch: (g) => {
+      e.popuCd ? f(e.popuCd, e.popupParams, r) : e.onSearch?.(g);
+    }
+  };
+  return Array.isArray(s) && s.length > 1 ? /* @__PURE__ */ a(T, { ...e.itemProps, name: void 0, children: /* @__PURE__ */ K(ae.Compact, { block: !0, children: [
+    /* @__PURE__ */ a(
+      x.Item,
+      {
+        name: s[0],
+        rules: e.itemProps?.rules,
+        style: { width: "40%", marginBottom: 0, marginInlineEnd: 0 },
+        validateStatus: "",
+        help: "",
+        children: /* @__PURE__ */ a(
+          q,
+          {
+            style: { color: "#999", backgroundColor: "#f5f5f5" },
+            placeholder: e.placeholder?.[0] || "",
+            readOnly: !0
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ a(x.Item, { name: s[1], style: { width: "60%", marginBottom: 0 }, children: /* @__PURE__ */ a(
+      Ce,
+      {
+        readOnly: e.readOnly,
+        enterButton: /* @__PURE__ */ a(
+          X,
+          {
+            icon: /* @__PURE__ */ a(we, {}),
+            disabled: e.readOnly
+          }
+        ),
+        ...o
+      }
+    ) })
+  ] }) }) : /* @__PURE__ */ a(T, { ...e.itemProps, children: /* @__PURE__ */ a(Ce, { ...o }) });
+}, Ht = ({
+  itemProps: e,
+  selectProps: t = {
+    options: [],
+    allowClear: !0
+  }
+}) => {
+  const f = x.useFormInstance(), s = !!f, r = Q(() => t?.addField === "ALL" ? [{ label: "전체", value: "" }, ...t?.options || []] : t?.addField === "NULL" ? [{ label: "", value: "" }, ...t?.options || []] : t?.options || [], [t.options, t.addField]), o = (y) => {
+    t.onChange?.(y);
+  }, g = {
+    ...t,
+    allowClear: t.allowClear ?? !0,
+    options: r,
+    onChange: o,
+    variant: t.variant
+  }, i = /* @__PURE__ */ a(fe, { ...g, disabled: t.disabled });
+  return t.copyable && !s && console.warn(
+    "BwgSelect: copyable 기능은 Form 컨텍스트 내에서만 사용 가능합니다."
+  ), t.copyable ? /* @__PURE__ */ a(T, { ...e, name: void 0, children: /* @__PURE__ */ K(ae.Compact, { block: !0, children: [
+    /* @__PURE__ */ a(
+      x.Item,
+      {
+        name: e?.name,
+        rules: e?.rules,
+        style: { width: "100%", marginBottom: 0 },
+        validateStatus: "",
+        help: "",
+        children: i
+      }
+    ),
+    /* @__PURE__ */ a(
+      ke.Paragraph,
+      {
+        copyable: {
+          text: s && f?.getFieldValue(e?.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__ */ a(T, { ...e, children: i });
+}, Pt = ({
+  itemProps: e,
+  inputProps: t = {
+    format: "YN"
+  }
+}) => {
+  const f = x.useFormInstance(), s = (r, o) => {
+    t.format === "boolean" ? f.setFieldValue(e?.name, r) : f.setFieldValue(e?.name, r ? "Y" : "N"), t.onChange && t.onChange(r, o);
+  };
+  return /* @__PURE__ */ a(
+    T,
+    {
+      ...e,
+      getValueProps: (r) => ({ checked: t.format === "boolean" ? !!r : r === "Y" }),
+      normalize: (r) => typeof r == "boolean" ? t.format === "boolean" ? r : r ? "Y" : "N" : t.format === "boolean" ? !!r : r ? "Y" : "N",
+      children: /* @__PURE__ */ a(xe, { ...t, onChange: (r, o) => s(r, o) })
+    }
+  );
+}, { TextArea: ft } = q, Kt = ({ itemProps: e, inputProps: t }) => /* @__PURE__ */ a(T, { ...e, children: /* @__PURE__ */ a(ft, { ...t }) }), mt = [
+  ".pdf",
+  ".xlsx",
+  ".xls",
+  ".docx",
+  ".doc",
+  ".pptx",
+  ".ppt",
+  ".hwp",
+  ".txt",
+  ".csv",
+  // 이미지
+  ".jpg",
+  ".jpeg",
+  ".png",
+  ".gif",
+  // 압축
+  ".zip"
+], Ye = {
+  FILE: "file"
+}, gt = ({
+  originNode: e,
+  file: t,
+  fileList: f,
+  moveFile: s,
+  onDrop: r
+}) => {
+  const o = P(null), [{ handlerId: g }, i] = et({
+    accept: Ye.FILE,
+    collect: (C) => ({
+      handlerId: C.getHandlerId()
+    }),
+    hover(C, Y) {
+      if (!o.current)
+        return;
+      const v = C.uid, b = t.uid;
+      if (v === b)
+        return;
+      const R = ne(f, { uid: b }), V = ne(f, { uid: v });
+      if (V === -1 || R === -1)
+        return;
+      const _ = o.current.getBoundingClientRect(), h = Y.getClientOffset();
+      if (!h)
+        return;
+      const L = (_.bottom - _.top) / 2, A = h.y - _.top;
+      V < R && A < L || V > R && A > L || s(v, b);
+    },
+    drop() {
+      r();
+    }
+  }), [{ isDragging: y }, c] = tt({
+    type: Ye.FILE,
+    item: () => ({
+      uid: t.uid,
+      index: ne(f, { uid: t.uid })
+    }),
+    collect: (C) => ({
+      isDragging: C.isDragging()
+    })
+  }), u = y ? 0 : 1;
+  return c(i(o)), /* @__PURE__ */ a("div", { ref: o, style: { opacity: u }, "data-handler-id": g, children: e });
+}, Gt = ({
+  itemProps: e,
+  fileGrpKey: t,
+  onUploadComplete: f,
+  onFetchFilesTrxCd: s = "SCMFILE00101",
+  onSuccessTrxCd: r = "SCMFILE00102",
+  onDeleteFileTrxCd: o = "SCMFILE00103",
+  onReorderFilesTrxCd: g = "SCMFILE00104",
+  allowedExtensions: i = mt,
+  maxFileSize: y = 200,
+  showButton: c = !0,
+  // 기본값으로 true 설정
+  multiple: u = !1,
+  newFileGrpKeyonModify: C = !1,
+  buttonText: Y = "파일 선택",
+  localOnly: v = !1,
+  onFilesChange: b
+}) => {
+  const [R, V] = j([]), _ = P(t), h = P([]), L = x.useFormInstance(), $ = P(
+    Xe(() => {
+      if (v || h.current.length === 0)
+        return;
+      const n = [...h.current];
+      if (h.current = [], r) {
+        const m = n.map((p) => ({
+          crprCd: te()?.crprCd,
+          sysCd: __SYS_CD__,
+          fileGrpKey: _.current,
+          physFileNm: p.fileNameP,
+          lgclFileNm: p.fileNameL,
+          filePath: p.filePath,
+          fileExtn: p.fileExt,
+          fileSize: p.fileSize,
+          mltpYn: "N"
+        }));
+        console.log("newFileGrpKeyonModify", C), console.log(
+          "newFileGrpKeyonModify",
+          C ? 0 : _.current
+        ), J(r, {
+          crprCd: te()?.crprCd,
+          sysCd: __SYS_CD__,
+          fileGrpKey: C ? 0 : _.current,
+          oldFileGrpKey: _.current,
+          newFileGrpKeyonModify: C,
+          sub: m
+        }).then((p) => {
+          if (p?.sub && p.sub.length > 0) {
+            const d = p.sub[0].fileGrpKey;
+            (!_.current || C) && (_.current = d);
+            const M = /* @__PURE__ */ new Map();
+            p.sub.forEach((I) => {
+              const E = n.find(
+                (H) => H.fileNameL === I.lgclFileNm
+              );
+              E && M.set(E.tempId, I);
+            });
+            const k = e?.name;
+            ((I) => {
+              if (S) {
+                const E = L?.getFieldValue(k) || [], H = I(E);
+                L?.setFieldValue(k, H);
+              } else
+                V((E) => I(E));
+            })((I) => I.map((E) => {
+              const H = M.get(E.uid);
+              if (H) {
+                const me = n.find(
+                  (Ie) => Ie.tempId === E.uid
+                );
+                return f && me && f({
+                  ...me,
+                  fileGrpKey: d,
+                  fileKey: H.fileKey
+                }), {
+                  ...E,
+                  name: H.lgclFileNm,
+                  fileGrpKey: d,
+                  fileKey: H.fileKey,
+                  uid: H.fileKey,
+                  status: "done",
+                  url: `/api/download?filePath=${H.filePath}&logicalName=${H.lgclFileNm}`
+                };
+              }
+              return E;
+            }));
+          }
+        }).catch((p) => {
+          console.error("업로드 후처리 서비스 호출 실패:", p), z.error("파일 후처리 중 오류가 발생했습니다.");
+          const d = new Set(n.map((N) => N.tempId)), M = e?.name;
+          ((N) => {
+            if (S) {
+              const I = L?.getFieldValue(M) || [], E = N(I);
+              L?.setFieldValue(M, E);
+            } else
+              V((I) => N(I));
+          })(
+            (N) => N.map(
+              (I) => d.has(I.uid) ? { ...I, status: "error", error: "후처리 실패" } : I
+            )
+          );
+        });
+      }
+    }, 500)
+  ).current;
+  G(() => () => {
+    $.cancel();
+  }, [$]), G(() => {
+    _.current = t;
+  }, [t]), G(() => {
+    v || t && s && J(s, {
+      crprCd: te()?.crprCd,
+      sysCd: __SYS_CD__,
+      fileGrpKey: t
+    }).then((n) => {
+      if (n?.sub) {
+        const m = n.sub.map((d) => ({
+          uid: d.fileKey,
+          name: d.lgclFileNm,
+          status: "done",
+          url: `/api/download?filePath=${d.filePath}&logicalName=${d.lgclFileNm}`
+        })), p = e?.name;
+        S ? L?.setFieldValue(p, m) : V(m);
+      } else {
+        const m = e?.name;
+        S ? L?.setFieldValue(m, []) : V([]);
+      }
+    }).catch((n) => {
+      console.error("파일 목록 조회 서비스 호출에 실패했습니다.", n), z.error("파일 목록을 불러오는 중 오류가 발생했습니다.");
+    });
+  }, [t, s]);
+  const l = (n, m) => {
+    const p = e?.name, d = S ? L?.getFieldValue(p) || [] : R, M = ne(d, { uid: n }), k = ne(d, { uid: m });
+    if (M < 0 || k < 0) return;
+    const N = [...d], [I] = N.splice(M, 1);
+    N.splice(k, 0, I), S ? L?.setFieldValue(p, N) : V(N);
+  }, F = () => {
+    if (!v && t && g) {
+      const n = e?.name, p = (S ? L?.getFieldValue(n) || [] : R).map((d) => d.uid);
+      J(g, {
+        crprCd: te()?.crprCd,
+        sysCd: __SYS_CD__,
+        fileGrpKey: t,
+        reorderedFileKeys: p
+      }).then(() => {
+        z.success("파일 순서가 성공적으로 저장되었습니다.");
+      }).catch((d) => {
+        console.error("파일 순서 저장 서비스 호출 실패:", d), z.error("파일 순서 저장 중 오류가 발생했습니다.");
+      });
+    }
+  }, w = (n) => {
+    const m = e?.name, p = S ? L?.getFieldValue(m) || [] : R;
+    if (!u && p.length > 0)
+      return z.error("하나의 파일만 업로드할 수 있습니다."), Z.LIST_IGNORE;
+    if (i && i.length > 0) {
+      const d = `.${n.name.split(".").pop()?.toLowerCase()}`;
+      if (!i.includes(d))
+        return z.error(
+          `${n.name} 파일은 허용되지 않는 확장자입니다. (${i.join(
+            ", "
+          )})`
+        ), Z.LIST_IGNORE;
+    }
+    return y && !(n.size / 1024 / 1024 < y) ? (z.error(`일반업로드의 최대용량은 ${y}MB입니다.`), Z.LIST_IGNORE) : !v;
+  }, S = !!e?.name, B = {
+    name: "file",
+    multiple: u,
+    action: v ? void 0 : "/api/upload",
+    beforeUpload: w,
+    showUploadList: {
+      showRemoveIcon: c
+      // showButton 값에 따라 삭제 버튼 표시/숨김
+    },
+    onChange(n) {
+      const { status: m, uid: p } = n.file;
+      if (m === "removed") {
+        if (!v && o)
+          J(o, {
+            crprCd: te()?.crprCd,
+            sysCd: __SYS_CD__,
+            fileGrpKey: C ? 0 : _.current,
+            fileKey: p,
+            oldFileGrpKey: _.current,
+            newFileGrpKeyonModify: C
+          }).then((d) => {
+            if (z.success("파일이 성공적으로 삭제되었습니다."), C && (_.current = d.fileGrpKey), S) {
+              const M = e?.name;
+              L?.setFieldValue(M, n.fileList);
+            } else
+              V(n.fileList);
+            b?.(n.fileList), f?.({
+              fileGrpKey: d.fileGrpKey
+            });
+          }).catch((d) => {
+            console.error("파일 삭제 서비스 호출에 실패했습니다.", d), z.error("파일 삭제 중 오류가 발생했습니다.");
+          });
+        else {
+          if (S) {
+            const d = e?.name;
+            L?.setFieldValue(d, n.fileList);
+          } else
+            V(n.fileList);
+          b?.(n.fileList);
+        }
+        return;
+      }
+      if (S) {
+        const d = e?.name;
+        L?.setFieldValue(d, n.fileList);
+      } else
+        V(n.fileList);
+      if (b?.(n.fileList), m === "done")
+        if (!v && n.file.response?.success) {
+          const { uploadedFiles: d } = n.file.response;
+          d && Array.isArray(d) && d.length > 0 && (d.forEach((M) => {
+            M.tempId = n.file.uid, h.current.push(M);
+          }), $()), z.success(
+            n.file.response.message || `${n.file.name} 파일이 성공적으로 업로드되었습니다.`
+          );
+        } else
+          z.error(
+            n.file.response?.message || `${n.file.name} 파일 업로드에 실패했습니다.`
+          );
+      else m === "error" && z.error(
+        n.file.response?.message || `${n.file.name} 파일 업로드 중 오류가 발생했습니다.`
+      );
+    },
+    itemRender(n, m, p) {
+      const d = Oe(n, {
+        href: m.url || void 0,
+        title: void 0
+      });
+      return /* @__PURE__ */ a(
+        gt,
+        {
+          originNode: d,
+          file: m,
+          fileList: p,
+          moveFile: l,
+          onDrop: F
+        },
+        m.uid
+      );
+    }
+  };
+  S || (B.fileList = R);
+  const O = (n) => Array.isArray(n) ? n : n && n.fileList, U = e?.name, ee = S ? x.useWatch?.(U, L) : void 0, W = S ? ee || [] : R;
+  return /* @__PURE__ */ a(Qe, { backend: rt, children: /* @__PURE__ */ a(
+    T,
+    {
+      valuePropName: "fileList",
+      getValueFromEvent: O,
+      ...e,
+      children: /* @__PURE__ */ a(
+        Z,
+        {
+          headers: { SYSCD: __SYS_CD__ },
+          ...B,
+          listType: "picture",
+          children: c && (u || W.length === 0) && /* @__PURE__ */ a(X, { icon: /* @__PURE__ */ a(Ve, {}), children: Y })
+        }
+      )
+    }
+  ) });
+}, ht = q.Search, Wt = (e) => {
+  const t = x.useFormInstance(), { openCorePopup: f } = Je(), s = {
+    value: "empNm",
+    fieldName: "empNm",
+    placeholder: "사원명"
+  }, r = {
+    value: "deptNm",
+    fieldName: "deptNm",
+    placeholder: "부서"
+  }, o = e.field1 || s, g = e.field2 || r, i = ce(
+    (u) => {
+      t.setFieldValue(e.employeeFieldName || "employee", u), t.setFieldValue(e.empNoFieldName || "empNo", u.empNo ?? ""), t.setFieldValue(
+        o.fieldName,
+        u[o.value || "empNm"] ?? ""
+      ), t.setFieldValue(
+        g.fieldName,
+        u[g.value || "deptNm"] ?? ""
+      ), e.onFinish?.();
+    },
+    [t, o, g, e.employeeFieldName]
+  ), y = ce(
+    (u) => {
+      f("CORE_ORGANIZATION_01", {
+        onSelect: (C) => {
+          i(C);
+        },
+        defaultParams: {
+          keyword: u
+        }
+      });
+    },
+    [i, f]
+  ), c = ce(
+    async (u) => {
+      const C = u?.trim();
+      if (C)
+        try {
+          const Y = await J(
+            "SCMUTIL00101",
+            {
+              keyword: C
+            },
+            { showLoading: !1 }
+          ), v = Y?.empList || [];
+          if (Y?.empCnt === 0) {
+            z.warning(
+              "일치하는 사원을 찾을 수 없어 팝업을 열립니다. 사원을 선택해주세요."
+            ), y();
+            return;
+          }
+          if (Y?.empCnt > 1) {
+            z.info(
+              "여러 건이 검색되어 팝업이 열립니다. 사원을 선택해주세요."
+            ), y(C);
+            return;
+          }
+          const b = v[0];
+          i(b);
+        } catch (Y) {
+          console.error("사원 검색 서비스 실패:", Y), z.error("사원 검색 중 오류가 발생했습니다.");
+        }
+    },
+    [i, y]
+  );
+  return /* @__PURE__ */ a(T, { label: e.label || "사원", name: void 0, children: /* @__PURE__ */ K(ae.Compact, { block: !0, children: [
+    /* @__PURE__ */ a(
+      x.Item,
+      {
+        name: o.fieldName,
+        style: { width: "40%", marginBottom: 0, marginInlineEnd: 0 },
+        validateStatus: "",
+        help: "",
+        children: /* @__PURE__ */ a(
+          q,
+          {
+            style: { color: "#999", backgroundColor: "#f5f5f5" },
+            placeholder: o.placeholder,
+            readOnly: !0
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ a(
+      x.Item,
+      {
+        name: e.employeeFieldName || "employee",
+        hidden: !0
+      }
+    ),
+    /* @__PURE__ */ a(x.Item, { name: e.empNoFieldName || "empNo", hidden: !0 }),
+    /* @__PURE__ */ a(
+      x.Item,
+      {
+        name: g.fieldName,
+        style: { width: "60%", marginBottom: 0 },
+        children: /* @__PURE__ */ a(
+          ht,
+          {
+            allowClear: !0,
+            readOnly: e.readOnly,
+            placeholder: g.placeholder,
+            enterButton: /* @__PURE__ */ a(
+              X,
+              {
+                icon: /* @__PURE__ */ a(we, {}),
+                disabled: e.readOnly,
+                onClick: () => {
+                  y();
+                }
+              }
+            ),
+            onSearch: c,
+            onChange: (u) => {
+              t.setFieldValue(e.empNoFieldName || "empNo", ""), t.setFieldValue(o.fieldName, ""), t.setFieldValue(g.fieldName, u.target.value), t.setFieldValue(e.employeeFieldName || "employee", null);
+            }
+          }
+        )
+      }
+    )
+  ] }) });
+};
+export {
+  vt as B,
+  nt as a,
+  xt as b,
+  Ht as c,
+  T as d,
+  jt as e,
+  Kt as f,
+  Rt as g,
+  $t as h,
+  Dt as i,
+  Tt as j,
+  Mt as k,
+  _t as l,
+  Ut as m,
+  Gt as n,
+  At as o,
+  Ot as p,
+  Bt as q,
+  Et as r,
+  Wt as s,
+  zt as t,
+  Pt as u
+};