@bwg-ui/core 1.0.0

package/dist/chunks/BwgLargeUploader-ByN1XWV4.js

@@ -0,0 +1,809 @@
+import { j as t } from "./jsx-runtime-Dpn_P65e.js";
+import { Form as b, Select as V, Space as D, Typography as U, Input as S, DatePicker as A, ConfigProvider as T, Radio as X, Checkbox as E, InputNumber as J, Button as v, Upload as L, Tooltip as _, message as k, Spin as Q, Card as Z, List as N, Flex as R, Progress as P } from "antd";
+import G, { forwardRef as ee, useMemo as q, useRef as O, useEffect as B, useState as M } from "react";
+import { u as te } from "./popupStore-Dp_fqtim.js";
+import H from "imask";
+import F from "dayjs";
+import { UploadOutlined as K, CloseCircleOutlined as ne, DeleteOutlined as re, InboxOutlined as oe, CloudUploadOutlined as se, CheckCircleOutlined as ae, FileTextOutlined as le } from "@ant-design/icons";
+const j = G.memo(
+  ({ children: n, label: e, name: l, rules: s, initialValue: r, style: o }) => {
+    const a = {
+      fontWeight: "bold"
+    }, i = Array.isArray(s) && s.some((g) => g.required === !0), c = () => typeof e == "string" ? /* @__PURE__ */ t.jsxs("span", { style: a, children: [
+      e,
+      i && /* @__PURE__ */ t.jsx("span", { style: { color: "#ff4d4f", marginLeft: "4px" }, children: "*" })
+    ] }) : /* @__PURE__ */ t.jsx("span", { style: a, children: e });
+    return /* @__PURE__ */ t.jsx(
+      b.Item,
+      {
+        label: c(),
+        labelAlign: "left",
+        name: l,
+        rules: s,
+        colon: !1,
+        initialValue: r,
+        style: o,
+        children: n
+      }
+    );
+  }
+), ie = ee(
+  ({ children: n, labelCol: e, style: l, className: s, ...r }, o) => /* @__PURE__ */ t.jsx(
+    b,
+    {
+      ref: o,
+      ...r,
+      requiredMark: !1,
+      labelCol: e || { flex: "100px" },
+      style: { padding: "10px", ...l },
+      className: `bwg-form ${s ?? ""}`,
+      children: n
+    }
+  )
+);
+ie.displayName = "BwgForm";
+const we = ({
+  itemProps: n,
+  selectProps: e = {
+    options: [],
+    allowClear: !0
+  }
+}) => {
+  const l = b.useFormInstance(), s = !!l, r = q(() => e?.addField === "ALL" ? [{ label: "전체", value: "" }, ...e?.options || []] : e?.addField === "NULL" ? [{ label: "", value: "" }, ...e?.options || []] : e?.options || [], [e.options, e.addField]), o = (c) => {
+    e.onChange?.(c);
+  }, a = {
+    ...e,
+    allowClear: e.allowClear ?? !0,
+    options: r,
+    onChange: o,
+    variant: e.variant
+  };
+  console.log("selectComponentProps :: ", a);
+  const i = /* @__PURE__ */ t.jsx(V, { ...a, disabled: e.disabled });
+  return e.copyable && !s && console.warn(
+    "BwgSelect: copyable 기능은 Form 컨텍스트 내에서만 사용 가능합니다."
+  ), e.copyable ? /* @__PURE__ */ t.jsx(j, { ...n, children: /* @__PURE__ */ t.jsxs(D.Compact, { block: !0, children: [
+    /* @__PURE__ */ t.jsx(
+      b.Item,
+      {
+        name: n?.name,
+        rules: n?.rules,
+        style: { width: "100%", marginBottom: 0 },
+        validateStatus: "",
+        help: "",
+        children: i
+      }
+    ),
+    /* @__PURE__ */ t.jsx(
+      U.Paragraph,
+      {
+        copyable: {
+          text: s && l?.getFieldValue(n?.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__ */ t.jsx(j, { ...n, children: i });
+}, $ = S.Search, ke = (n) => {
+  const e = b.useFormInstance(), { openPopup: l } = te(), s = n.itemProps?.name || [], r = n.popupConfig || {
+    callback(a) {
+      console.log("callback data :: ", a), s.length > 1 ? (e.setFieldValue(s[0], a.code), e.setFieldValue(s[1], a.name)) : e.setFieldValue(s, a.code);
+    }
+  }, o = {
+    ...n,
+    placeholder: typeof n.placeholder == "string" ? n.placeholder : n.placeholder?.[0] || "",
+    onSearch: (a) => {
+      n.popuCd && l(n.popuCd, n.popupParams, r);
+    }
+  };
+  return s.length > 1 ? /* @__PURE__ */ t.jsx(j, { ...n.itemProps, name: void 0, children: /* @__PURE__ */ t.jsxs(D.Compact, { block: !0, children: [
+    /* @__PURE__ */ t.jsx(
+      b.Item,
+      {
+        name: s[0],
+        rules: n.itemProps?.rules,
+        style: { width: "40%", marginBottom: 0 },
+        validateStatus: "",
+        help: "",
+        children: /* @__PURE__ */ t.jsx(
+          S,
+          {
+            style: { color: "#999", backgroundColor: "#f5f5f5" },
+            placeholder: n.placeholder?.[0] || "",
+            readOnly: !0
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ t.jsx(b.Item, { name: s[1], style: { width: "60%", marginBottom: 0 }, children: /* @__PURE__ */ t.jsx($, { ...o, disabled: n.disabled }) })
+  ] }) }) : /* @__PURE__ */ t.jsx(j, { ...n.itemProps, children: /* @__PURE__ */ t.jsx($, { ...o }) });
+}, ce = (n) => {
+  if (typeof n == "string")
+    return n.replace(/0/g, "_");
+  if (Array.isArray(n))
+    return n[0].replace(/0/g, "_");
+  if (typeof n == "object" && "mask" in n && "blocks" in n) {
+    const { mask: e, blocks: l } = n;
+    return e.split(".").map((s) => {
+      const o = l?.[s]?.maxLength ?? 3;
+      return "_".repeat(o);
+    }).join(".");
+  }
+  return "";
+}, Me = ({
+  itemProps: n,
+  inputProps: e,
+  mask: l
+}) => {
+  const s = O(null), r = b.useFormInstance(), o = q(() => ce(l), [l]);
+  return B(() => {
+    if (!s.current?.input) return;
+    const a = typeof l == "string" || Array.isArray(l) ? { mask: l } : l, i = H(s.current.input, a);
+    return i.on("accept", () => {
+      r && n?.name && r.setFieldValue(n.name, i.value);
+    }), () => {
+      i.destroy();
+    };
+  }, [l, r, n?.name]), /* @__PURE__ */ t.jsx(j, { ...n, children: /* @__PURE__ */ t.jsx(S, { ...e, ref: s, placeholder: o }) });
+}, de = (n) => {
+  switch (n) {
+    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"
+      };
+  }
+}, Le = ({
+  type: n = "date",
+  itemProps: e = { name: "calendar" },
+  inputProps: l
+}) => {
+  const { format: s, mask: r, outputFormat: o } = de(n), a = O(null), i = O(null), c = b.useFormInstance(), [g, d] = M(!1), [Y, p] = M(!1), m = e?.name, [x, f] = M(null);
+  B(() => {
+    if (!a.current?.input) return;
+    const u = H(a.current.input, {
+      mask: r,
+      lazy: !1
+    });
+    return i.current = u, u.on("accept", () => {
+      console.log("input :: ", u.value);
+      const y = u.value, h = F(y, s, !0);
+      console.log("input :: ", h), y.length === s.length && h.isValid() && (console.log("parsed :: ", h.format(o)), c.setFieldValue(m, h.format(o)), i.current.updateValue(), d(!1));
+    }), () => {
+      u.destroy();
+    };
+  }, [s, r]), B(() => {
+    f(F(c.getFieldValue(m)));
+  }, [c.getFieldValue(m)]);
+  const C = (u) => {
+    if (!u) {
+      i.current?.updateValue();
+      return;
+    }
+    const y = u.format(o);
+    console.log("formatted :: ", y), i.current && (i.current.value = y, i.current.updateValue()), p(!1);
+  };
+  return /* @__PURE__ */ t.jsx(
+    j,
+    {
+      ...e,
+      name: void 0,
+      validateStatus: Y ? "warning" : void 0,
+      help: Y ? "유효하지 않은 날짜입니다" : void 0,
+      children: /* @__PURE__ */ t.jsxs("div", { style: { position: "relative" }, children: [
+        /* @__PURE__ */ t.jsx(
+          b.Item,
+          {
+            name: m,
+            getValueProps: (u) => ({
+              value: u ? F(u).format(s) : void 0
+            }),
+            normalize: (u) => u ? F(u).format(o) : void 0,
+            noStyle: !0,
+            children: /* @__PURE__ */ t.jsx(
+              S,
+              {
+                ...l,
+                ref: a,
+                onFocus: () => {
+                  d(!g), i.current?.updateValue();
+                },
+                onKeyDown: (u) => {
+                  u.key === "Backspace" && d(!0), u.key === "Tab" && d(!1);
+                },
+                allowClear: !0,
+                placeholder: r.replace(/0/g, "_"),
+                autoComplete: "off"
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ t.jsx(
+          A,
+          {
+            open: g,
+            picker: n,
+            format: s,
+            value: x,
+            onChange: C,
+            getPopupContainer: (u) => u.parentElement,
+            style: {
+              position: "absolute",
+              top: 0,
+              left: 0,
+              pointerEvents: "none",
+              opacity: 0,
+              width: "100%"
+            }
+          }
+        )
+      ] })
+    }
+  );
+}, Be = ({ itemProps: n, inputProps: e }) => /* @__PURE__ */ t.jsx(j, { ...n, children: /* @__PURE__ */ t.jsx(S, { ...e }) }), Se = ({
+  itemProps: n,
+  inputProps: e,
+  type: l = "date",
+  useMask: s = !1
+}) => {
+  const r = {
+    year: { displayFormat: "YYYY", outputFormat: "YYYY" },
+    month: { displayFormat: "YYYY-MM", outputFormat: "YYYYMM" },
+    date: { displayFormat: "YYYY-MM-DD", outputFormat: "YYYYMMDD" }
+  }, { displayFormat: o, outputFormat: a } = r[l], i = (c, g) => {
+    if (e.onChange && typeof e.onChange == "function") {
+      let d;
+      c instanceof F ? d = c.format(a) : (d = [], c && c.map((Y) => {
+        d.push(Y.format(a));
+      })), e.onChange(d, g);
+    }
+  };
+  return /* @__PURE__ */ t.jsx(
+    j,
+    {
+      ...n,
+      getValueProps: (c) => ({
+        value: c && F(c)
+      }),
+      normalize: (c) => c && `${F(c).format(a)}`,
+      children: /* @__PURE__ */ t.jsx(
+        A,
+        {
+          ...e,
+          format: s ? { format: o, type: "mask" } : void 0,
+          onChange: i
+        }
+      )
+    }
+  );
+}, { RangePicker: ue } = A, ve = ({
+  itemProps: n,
+  inputProps: e,
+  type: l = "date",
+  minDate: s,
+  maxDate: r,
+  useMask: o = !1
+}) => {
+  const a = {
+    year: { displayFormat: "YYYY", outputFormat: "YYYY" },
+    month: { displayFormat: "YYYY-MM", outputFormat: "YYYYMM" },
+    date: { displayFormat: "YYYY-MM-DD", outputFormat: "YYYYMMDD" }
+  }, { displayFormat: i, outputFormat: c } = a[l], g = (d, Y) => {
+    if (e.onChange && typeof e.onChange == "function") {
+      let p;
+      d instanceof F ? p = d.format(c) : (p = [], d && d.map((m) => {
+        p.push(m.format(c));
+      })), e.onChange(p, Y);
+    }
+  };
+  return /* @__PURE__ */ t.jsx(
+    j,
+    {
+      ...n,
+      getValueProps: (d) => ({
+        value: d && [
+          d[0] ? F(d[0]) : null,
+          d[1] ? F(d[1]) : null
+        ]
+      }),
+      normalize: (d) => [
+        d?.[0] ? F(d[0]).format(c) : void 0,
+        d?.[1] ? F(d[1]).format(c) : void 0
+      ],
+      children: /* @__PURE__ */ t.jsx(
+        ue,
+        {
+          ...e,
+          format: o ? {
+            format: i,
+            type: "mask"
+          } : void 0,
+          picker: l,
+          order: !0,
+          minDate: s ? F(s, c) : void 0,
+          maxDate: r ? F(r, c) : void 0,
+          onChange: g
+        }
+      )
+    }
+  );
+}, Ie = ({ itemProps: n, inputProps: e }) => /* @__PURE__ */ t.jsx(j, { ...n, children: /* @__PURE__ */ t.jsx(T, { theme: {
+  components: {
+    Radio: {
+      colorPrimary: "#6377D1",
+      colorPrimaryActive: "#6449FC",
+      colorPrimaryHover: "#6449FC"
+    }
+  }
+}, children: /* @__PURE__ */ t.jsx(X.Group, { ...e }) }) }), De = ({
+  itemProps: n,
+  inputProps: e = {
+    format: "YN"
+  }
+}) => {
+  const l = b.useFormInstance(), s = (r) => {
+    e.format === "boolean" ? l.setFieldValue(n?.name, r.target.checked) : l.setFieldValue(n?.name, r.target.checked ? "Y" : "N"), e.onChange && e.onChange(r);
+  };
+  return /* @__PURE__ */ t.jsx(
+    j,
+    {
+      ...n,
+      getValueProps: (r) => (console.log("getValueProps :: ", r), { checked: e.format === "boolean" ? !!r : r === "Y" }),
+      normalize: (r) => (console.log("normalize :: ", r), typeof r == "boolean" ? e.format === "boolean" ? r : r ? "Y" : "N" : e.format === "boolean" ? !!r : r ? "Y" : "N"),
+      children: /* @__PURE__ */ t.jsx(T, { theme: {
+        components: {
+          Checkbox: {
+            colorPrimary: "#6377D1",
+            colorPrimaryBorder: "#6377D1",
+            colorPrimaryHover: "#6449FC"
+          }
+        }
+      }, children: /* @__PURE__ */ t.jsx(E, { ...e, onChange: s, children: e?.title }) })
+    }
+  );
+}, Ne = ({ itemProps: n, inputProps: e }) => {
+  const l = b.useFormInstance(), [s, r] = M(
+    n?.initialValue ?? []
+  ), [o, a] = M([]), i = o.length > 0 && o.length == s?.length, c = s?.length > 0 && s.length < o.length;
+  B(() => {
+    a(g(e?.options));
+  }, [e?.options]), B(() => {
+    r(s);
+  }, [s]);
+  const g = (p) => {
+    const m = [];
+    return (p || []).map((x, f) => {
+      m.push(x.value);
+    }), m;
+  }, d = (p) => {
+    r(p.target.checked ? o : []), l.setFieldValue(n?.name, p.target.checked ? o : []);
+  }, Y = (p) => {
+    r(p), l.setFieldValue(n?.name, p), e?.onChange && typeof e?.onChange == "function" && e?.onChange(p);
+  };
+  return /* @__PURE__ */ t.jsx(j, { ...n, children: /* @__PURE__ */ t.jsxs(T, { theme: {
+    components: {
+      Checkbox: {
+        colorPrimary: "#6377D1",
+        colorPrimaryBorder: "#6377D1",
+        colorPrimaryHover: "#6449FC"
+      }
+    }
+  }, children: [
+    e?.allCheck && /* @__PURE__ */ t.jsx(
+      E,
+      {
+        indeterminate: c,
+        checked: i,
+        onChange: d,
+        children: "전체선택"
+      }
+    ),
+    /* @__PURE__ */ t.jsx(
+      E.Group,
+      {
+        options: e?.options,
+        value: s,
+        onChange: Y
+      }
+    )
+  ] }) });
+}, { TextArea: me } = S, Ee = ({ itemProps: n, inputProps: e }) => /* @__PURE__ */ t.jsx(j, { ...n, children: /* @__PURE__ */ t.jsx(me, { ...e }) }), Oe = ({ itemProps: n, inputProps: e }) => {
+  const l = (r) => {
+    let o = r.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];
+  }, s = (r) => {
+    let o = r.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__ */ t.jsx(j, { ...n, children: /* @__PURE__ */ t.jsx(
+    J,
+    {
+      ...e,
+      formatter: (r) => l(r),
+      parser: (r) => s(r)
+    }
+  ) });
+}, { Option: z } = V, Ve = ({ itemProps: n, inputProps: e }) => {
+  const [l, s] = M([]);
+  return B(() => {
+    e?.addField === "ALL" ? s([
+      { label: "전체", value: "" },
+      ...e?.list || []
+    ]) : e?.addField === "NULL" ? s([{ label: "", value: "" }, ...e?.list || []]) : s(e?.list || []);
+  }, [e?.list]), /* @__PURE__ */ t.jsx(
+    j,
+    {
+      ...n,
+      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__ */ t.jsx(V, { ...e, mode: "multiple", children: l.map((r) => {
+        const { value: o, label: a } = r;
+        return e?.printCode ? /* @__PURE__ */ t.jsx(z, { value: o, label: a, children: /* @__PURE__ */ t.jsx(D, { children: `[${o}] ${a}` }) }, o) : /* @__PURE__ */ t.jsx(z, { value: o, label: a, children: /* @__PURE__ */ t.jsx(D, { children: `${a}` }) }, o);
+      }) })
+    }
+  );
+}, Ae = (n) => /* @__PURE__ */ t.jsx(v, { ...n }), fe = [
+  ".pdf",
+  ".xlsx",
+  ".xls",
+  ".docx",
+  ".doc",
+  ".pptx",
+  ".ppt",
+  ".hwp",
+  ".txt",
+  ".csv",
+  // 이미지
+  ".jpg",
+  ".jpeg",
+  ".png",
+  ".gif",
+  // 압축
+  ".zip"
+], Te = ({
+  onUploadComplete: n,
+  trxCd: e,
+  allowedExtensions: l = fe,
+  maxFileSize: s
+}) => {
+  const o = {
+    name: "file",
+    multiple: !0,
+    action: "/api/upload",
+    // 기본 업로드 엔드포인트
+    beforeUpload: (a) => {
+      if (l && l.length > 0) {
+        const c = ((g) => {
+          const d = g.lastIndexOf(".");
+          return d === -1 ? "" : g.substring(d).toLowerCase();
+        })(a.name);
+        if (!l.includes(c))
+          return k.error(
+            `${a.name} 파일은 허용되지 않는 확장자입니다. (${l.join(
+              ", "
+            )}만 가능)`
+          ), L.LIST_IGNORE;
+      }
+      return s && !(a.size / 1024 / 1024 < s) ? (k.error(`${a.name} 파일 크기는 ${s}MB를 초과할 수 없습니다.`), L.LIST_IGNORE) : !0;
+    },
+    data: (a) => (console.log("[BwgUploader] Uploading with trxCd:", e), e ? { trxCd: e } : {}),
+    onChange(a) {
+      const { status: i } = a.file;
+      if (i === "done")
+        if (a.file.response && a.file.response.success !== void 0)
+          if (a.file.response.success) {
+            const { uploadedFiles: c } = a.file.response;
+            c && Array.isArray(c) && c.forEach(
+              (g) => {
+                const d = g.fileKey, Y = g.fileName;
+                n && n({ fileNameP: d, fileNameL: Y });
+              }
+            ), k.success(
+              a.file.response.message || `${a.file.name} 파일이 성공적으로 업로드되었습니다.`
+            );
+          } else
+            k.error(
+              a.file.response.message || `${a.file.name} 파일 업로드에 실패했습니다.`
+            );
+        else
+          k.success(
+            `${a.file.name} 파일이 성공적으로 업로드되었습니다.`
+          );
+      else i === "error" && (a.file.response && a.file.response.message ? k.error(a.file.response.message) : k.error(`${a.file.name} 파일 업로드에 실패했습니다.`));
+    },
+    /**
+     * 업로드 목록의 각 항목을 렌더링하는 사용자 정의 함수입니다.
+     * 마우스 오버 시 표시되는 툴팁 텍스트를 사용자 정의합니다.
+     */
+    itemRender(a, i, c, g) {
+      let d = i.name;
+      i.status === "error" && (d = `업로드 실패: ${i.response?.message || "알 수 없는 오류"}`);
+      const Y = G.cloneElement(a, {
+        // 파일에 유효한 URL이 있는 경우에만 href 속성을 설정하고, 그렇지 않으면 제거합니다.
+        href: i.url && i.url !== "" ? i.url : void 0,
+        // Ant Design이 설정할 수 있는 기본 title 속성을 명시적으로 제거합니다.
+        title: void 0
+      });
+      return /* @__PURE__ */ t.jsx(_, { title: d, children: Y });
+    }
+  };
+  return /* @__PURE__ */ t.jsx(L, { ...o, listType: "picture", children: /* @__PURE__ */ t.jsx(v, { icon: /* @__PURE__ */ t.jsx(K, {}), children: "파일 선택" }) });
+}, { Text: I, Link: Re } = U, { Dragger: ge } = L, pe = [
+  ".pdf",
+  ".xlsx",
+  ".xls",
+  ".docx",
+  ".doc",
+  ".pptx",
+  ".ppt",
+  ".hwp",
+  ".txt",
+  ".csv",
+  // 이미지
+  ".jpg",
+  ".jpeg",
+  ".png",
+  ".gif",
+  // 압축
+  ".zip"
+], he = (n, e = 2) => {
+  if (n === 0) return "0 Bytes";
+  const l = 1024, s = e < 0 ? 0 : e, r = ["Bytes", "KB", "MB", "GB", "TB"], o = Math.floor(Math.log(n) / Math.log(l));
+  return parseFloat((n / Math.pow(l, o)).toFixed(s)) + " " + r[o];
+}, $e = ({
+  title: n = "첨부파일",
+  onUploadComplete: e,
+  trxCd: l,
+  allowedExtensions: s = pe
+}) => {
+  const [r, o] = M([]), [a, i] = M(!1), [c, g] = M(0), d = (m) => {
+    if (s && s.length > 0) {
+      const f = ((C) => {
+        const u = C.lastIndexOf(".");
+        return u === -1 ? "" : C.substring(u).toLowerCase();
+      })(m.name);
+      if (!s.includes(f))
+        return k.error(
+          `${m.name} 파일은 허용되지 않는 확장자입니다. (${s.join(
+            ", "
+          )}만 가능)`
+        ), !1;
+    }
+    return !0;
+  }, Y = async () => {
+    const m = r.filter((f) => f.status !== "done");
+    if (m.length === 0) {
+      k.warning(
+        "업로드할 파일이 없거나 모든 파일이 이미 업로드되었습니다."
+      );
+      return;
+    }
+    const x = new FormData();
+    l && x.append("trxCd", l), m.forEach((f) => {
+      x.append("files", f.originFileObj);
+    }), i(!0), g(0);
+    try {
+      const f = await new Promise((u, y) => {
+        const h = new XMLHttpRequest();
+        h.open("POST", "/api/upload-large", !0), h.upload.onprogress = (w) => {
+          if (w.lengthComputable) {
+            const W = Math.round(
+              w.loaded / w.total * 100
+            );
+            g(W);
+          }
+        }, h.onload = () => {
+          if (h.status >= 200 && h.status < 300)
+            try {
+              const w = JSON.parse(h.responseText);
+              w.success ? u(w) : y(
+                new Error(w.message || "파일 업로드에 실패했습니다.")
+              );
+            } catch {
+              y(new Error("잘못된 서버 응답입니다."));
+            }
+          else
+            try {
+              const w = JSON.parse(h.responseText);
+              y(new Error(w.message || `서버 오류: ${h.status}`));
+            } catch {
+              y(new Error(`서버 오류: ${h.status}`));
+            }
+        }, h.onerror = () => {
+          y(new Error("네트워크 오류가 발생했습니다."));
+        }, h.send(x);
+      });
+      k.success(
+        f.message || "모든 파일이 성공적으로 업로드되었습니다."
+      );
+      const C = r.map(
+        (u) => m.find((y) => y.uid === u.uid) ? { ...u, status: "done" } : u
+      );
+      o(C), e && f.uploadedFiles && f.uploadedFiles.forEach((u) => {
+        e({
+          fileNameP: u.fileKey,
+          fileNameL: u.fileName
+        });
+      });
+    } catch (f) {
+      k.error(f.message || "파일 업로드 중 오류가 발생했습니다.");
+      const C = r.map(
+        (u) => m.find((y) => y.uid === u.uid) ? {
+          ...u,
+          status: "error",
+          response: f.message || "파일 업로드 중 오류가 발생했습니다."
+        } : u
+      );
+      o(C);
+    } finally {
+      i(!1);
+    }
+  }, p = {
+    multiple: !0,
+    fileList: r,
+    beforeUpload: (m) => d(m) ? !1 : L.LIST_IGNORE,
+    onChange: ({ fileList: m }) => {
+      const x = new Map(r.map((f) => [f.uid, f]));
+      m.forEach((f) => {
+        x.set(f.uid, f);
+      }), o(Array.from(x.values()));
+    },
+    onRemove: (m) => {
+      const x = r.filter((f) => f.uid !== m.uid);
+      o(x);
+    },
+    showUploadList: !1
+    // 수동으로 목록을 렌더링하므로 antd의 기본 목록은 숨깁니다.
+  };
+  return /* @__PURE__ */ t.jsx(Q, { spinning: a, tip: `파일 업로드 중... ${c}%`, children: /* @__PURE__ */ t.jsxs("div", { className: "bwg-large-uploader-container", children: [
+    /* @__PURE__ */ t.jsx(
+      Z,
+      {
+        title: /* @__PURE__ */ t.jsx(I, { strong: !0, children: n }),
+        extra: /* @__PURE__ */ t.jsx(L, { ...p, children: /* @__PURE__ */ t.jsx(v, { icon: /* @__PURE__ */ t.jsx(K, {}), children: "파일 선택" }) }),
+        bodyStyle: { padding: 0 },
+        children: /* @__PURE__ */ t.jsx(
+          ge,
+          {
+            ...p,
+            style: {
+              border: "none",
+              background: "transparent",
+              padding: 0
+            },
+            children: /* @__PURE__ */ t.jsx("div", { className: "upload-list-container", children: r.length > 0 ? /* @__PURE__ */ t.jsx(
+              N,
+              {
+                style: { textAlign: "left" },
+                dataSource: r,
+                renderItem: (m) => {
+                  const x = m.status === "done", f = m.status === "error";
+                  let C;
+                  return x ? C = /* @__PURE__ */ t.jsx(
+                    ae,
+                    {
+                      style: { color: "#52c41a", fontSize: 14 }
+                    }
+                  ) : f ? C = /* @__PURE__ */ t.jsx(
+                    _,
+                    {
+                      title: typeof m.response == "string" ? m.response : "업로드 실패",
+                      children: /* @__PURE__ */ t.jsx(
+                        ne,
+                        {
+                          style: { color: "#ff4d4f", fontSize: 14 }
+                        }
+                      )
+                    }
+                  ) : C = /* @__PURE__ */ t.jsx(le, { style: { fontSize: 14 } }), /* @__PURE__ */ t.jsx(
+                    N.Item,
+                    {
+                      actions: [
+                        /* @__PURE__ */ t.jsx(I, { type: "secondary", children: he(m.size || 0) }, "size"),
+                        /* @__PURE__ */ t.jsx(
+                          v,
+                          {
+                            type: "text",
+                            icon: /* @__PURE__ */ t.jsx(re, {}),
+                            onClick: () => p.onRemove?.(m),
+                            disabled: a
+                          },
+                          "delete"
+                        )
+                      ],
+                      children: /* @__PURE__ */ t.jsx(
+                        N.Item.Meta,
+                        {
+                          avatar: C,
+                          title: /* @__PURE__ */ t.jsx(I, { type: f ? "danger" : void 0, children: m.name })
+                        }
+                      )
+                    },
+                    m.uid
+                  );
+                }
+              }
+            ) : /* @__PURE__ */ t.jsxs(
+              R,
+              {
+                gap: "middle",
+                align: "center",
+                justify: "center",
+                vertical: !0,
+                style: { padding: "20px 0", minHeight: "120px" },
+                children: [
+                  /* @__PURE__ */ t.jsx(oe, { style: { fontSize: "32px", color: "#999" } }),
+                  /* @__PURE__ */ t.jsx(I, { type: "secondary", children: "업로드할 파일을 선택하거나 이 영역으로 드래그하세요." })
+                ]
+              }
+            ) })
+          }
+        )
+      }
+    ),
+    r.length > 0 && /* @__PURE__ */ t.jsxs(
+      R,
+      {
+        justify: "flex-end",
+        align: "center",
+        gap: "large",
+        style: { marginTop: 16 },
+        children: [
+          a && /* @__PURE__ */ t.jsx("div", { style: { width: "250px" }, children: /* @__PURE__ */ t.jsx(P, { percent: c, size: "small" }) }),
+          /* @__PURE__ */ t.jsx(
+            v,
+            {
+              type: "primary",
+              onClick: Y,
+              disabled: a || r.filter((m) => m.status !== "done").length === 0,
+              icon: /* @__PURE__ */ t.jsx(se, {}),
+              children: "일괄 업로드"
+            }
+          )
+        ]
+      }
+    )
+  ] }) });
+};
+export {
+  j as B,
+  ie as a,
+  we as b,
+  ke as c,
+  Me as d,
+  Le as e,
+  Be as f,
+  Se as g,
+  ve as h,
+  Ie as i,
+  De as j,
+  Ne as k,
+  Ee as l,
+  Oe as m,
+  Ve as n,
+  Ae as o,
+  Te as p,
+  $e as q
+};