@bwg-ui/core 1.2.7 → 1.2.8

package/dist/chunks/MenuReport-CiL4ggPy.js

@@ -0,0 +1,1244 @@
+import { jsx as e, Fragment as k, jsxs as n } from "react/jsx-runtime";
+import { AlertTwoTone as se, ReloadOutlined as ae, DeleteOutlined as ze, EyeFilled as Oe, EditOutlined as Le } from "@ant-design/icons";
+import { Form as d, Tag as oe, message as g, Row as x, Col as l, Space as D, Input as a, Splitter as W, Flex as Ve, Progress as Ae, Button as z, List as H, Avatar as Ue, DatePicker as de } from "antd";
+import Ye from "dayjs";
+import { useRef as O, useState as b, useMemo as J, useEffect as E } from "react";
+import { useUserStore as Ge, useMenuViewStore as je } from "../stores/index.js";
+import { d as $, e as qe, C as L, S as Qe, f as We, h as He, i as ce } from "./common-components-G-FELsbw.js";
+import { useSearchBox as Je } from "../provider/index.js";
+import { BwgFormItem as C, BwgSelect as V, BwgRangePicker as $e, BwgSwitch as Ke, BwgInput as Xe, BwgDatePicker as K, BwgCheck as me, BwgForm as Ze } from "../components/core/index.js";
+import { callService as S, realFormat as X } from "../utils/index.js";
+const { TextArea: _e } = a, A = [
+  { label: "요청", value: "RQST" },
+  { label: "문의", value: "INQR" }
+  // { label: '신고', value: 'RPRT' },
+  // { label: '건의', value: 'SGSN' },
+], et = {
+  INQR: "blue",
+  RQST: "green",
+  RPRT: "red",
+  SGSN: "purple"
+}, ue = [
+  { label: "대기", value: "READY" },
+  { label: "담당자 지정", value: "ASSIGNED" },
+  { label: "처리중", value: "PROCESSING" },
+  { label: "처리완료", value: "COMPLETED" },
+  { label: "반려", value: "REJECTED" }
+], tt = {
+  READY: "gray",
+  ASSIGNED: "blue",
+  PROCESSING: "yellow",
+  COMPLETED: "green",
+  REJECTED: "red"
+}, he = {
+  READY: 0,
+  ASSIGNED: 25,
+  PROCESSING: 50,
+  COMPLETED: 100,
+  REJECTED: 100
+}, ht = ({ popup: w, onClose: Z }) => {
+  const { searchBoxRef: B } = Je(), N = O(null), U = O(null), { user: v } = Ge(), { activeMenuItem: m } = je(), [i] = d.useForm(), [_, ee] = b(!1), [te, re] = b(!1), [T, pe] = b(!1), [y, ge] = b(!1), [o, M] = b(!1), [c, I] = b(
+    "list"
+  );
+  b(null);
+  const F = O(null), [Y, ne] = b([]), [P, le] = b(""), [G, rt] = b(!1), [fe, j] = b(15), q = O(null), ye = J(
+    () => $(
+      (t, r, s, h, p) => {
+        const f = t.getValue(r.index?.itemIndex, "type");
+        p.render(
+          /* @__PURE__ */ e(oe, { color: et[f], children: A.find((R) => R.value === f)?.label })
+        );
+      }
+    ),
+    []
+  ), xe = J(
+    () => $(
+      (t, r, s, h, p) => {
+        const f = t.getValue(r.index?.itemIndex, "status");
+        p.render(
+          /* @__PURE__ */ e(oe, { color: tt[f], children: ue.find((R) => R.value === f)?.label })
+        );
+      }
+    ),
+    []
+  ), be = J(
+    () => $(
+      (t, r, s, h, p) => {
+        t.getValue(r.index?.itemIndex, "urgentYn") === "Y" ? p.render(/* @__PURE__ */ e(se, { twoToneColor: "red" })) : p.render(/* @__PURE__ */ e(k, {}));
+      }
+    ),
+    []
+  ), Ce = [
+    {
+      fieldName: "boardMstrId",
+      header: { text: "글 번호" },
+      width: 80
+    },
+    {
+      name: "type",
+      fieldName: "type",
+      header: { text: "등록구분" },
+      width: 80,
+      renderer: "tagType"
+    },
+    {
+      fieldName: "title",
+      header: { text: "제목" },
+      width: 200
+    },
+    {
+      fieldName: "content",
+      header: { text: "내용" },
+      width: 200,
+      visible: !1
+    },
+    {
+      name: "status",
+      fieldName: "status",
+      header: { text: "상태" },
+      width: 80,
+      renderer: "statusTag"
+    },
+    {
+      fieldName: "rgstUserId",
+      visible: !1
+    },
+    {
+      fieldName: "rgstUserNm",
+      header: { text: "등록자" },
+      width: 100
+    },
+    {
+      fieldName: "rgstDt",
+      header: { text: "등록일자" },
+      width: 120,
+      renderer: X.maskYmd
+    },
+    {
+      fieldName: "dueDt",
+      header: { text: "마감요청일자" },
+      width: 120,
+      renderer: X.maskYmd
+    },
+    {
+      fieldName: "urgentYn",
+      header: { text: "긴급여부" },
+      width: 80,
+      renderer: "alert"
+    },
+    {
+      fieldName: "prcsUserId",
+      visible: !1
+    },
+    {
+      fieldName: "prcsUserNm",
+      header: { text: "처리담당자" },
+      width: 100
+    },
+    {
+      fieldName: "prcsDt",
+      header: { text: "처리일자" },
+      width: 120,
+      renderer: X.maskYmd
+    },
+    {
+      fieldName: "scrnId",
+      header: { text: "화면ID" },
+      width: 100,
+      visible: !1
+    },
+    {
+      fieldName: "menuId",
+      header: { text: "메뉴ID" },
+      width: 100,
+      visible: !1
+    }
+  ], Ie = {
+    onCellDblClicked: (t, r) => {
+      const s = r.itemIndex ?? -1;
+      if (s < 0) return;
+      const h = t.getValues(s);
+      console.log("🔍 그리드 셀 더블클릭 이벤트:", h);
+      const p = {
+        ...h,
+        menuId: m?.menuId,
+        menuNm: m?.menuNm,
+        scrnId: m?.scrnId
+      };
+      i.setFieldsValue(p), pe(p.rgstUserId === v?.userId), ge(
+        p.status === "COMPLETED" || p.status === "REJECTED"
+      ), I("detail");
+    }
+  }, Q = () => {
+    i.resetFields(), I("list"), u.SCMBoardMstr0001(1, 20);
+  }, ie = async (t) => {
+    ee(!0);
+    try {
+      i.validateFields().then((r) => {
+        console.log("문의/신고 제출:", r), c === "new" ? u.SCMBoardMstr0003(r) : c === "detail" && u.SCMBoardMstr0004(r);
+      });
+    } catch (r) {
+      console.error("문의/신고 제출 실패:", r);
+    } finally {
+      ee(!1);
+    }
+  }, we = () => {
+    u.SCMBoardMstr0005();
+  }, Se = () => {
+    B?.current?.resetForm(), i.resetFields(), c === "new" ? I("list") : (I("list"), w?.close?.() || Z?.());
+  }, Be = () => {
+    B?.current?.resetForm(), i.resetFields(), I("list"), w?.close?.() || Z?.();
+  }, ve = () => {
+    (c === "detail" || c === "new") && I("list");
+  }, Me = () => {
+    i.resetFields(), I("new");
+  }, De = () => {
+    console.log("댓글 수동 새로고침"), j(15);
+  }, Ee = () => {
+    if (!P.trim()) {
+      g.warning("댓글 상세내용 작성");
+      return;
+    }
+    u.SCMBoardDtls0002(
+      i.getFieldValue("boardMstrId"),
+      P.trim()
+    ), le(""), setTimeout(() => {
+      F.current && (F.current.scrollTop = F.current.scrollHeight);
+    }, 100);
+  }, Ne = (t) => {
+    const r = Y.find((s) => s.id === t);
+    if (r && r.regUserId !== v?.userId) {
+      g.error("본인이 작성한 댓글만 삭제할 수 있습니다.");
+      return;
+    }
+    u.SCMBoardDtls0003(i.getFieldValue("boardMstrId"), t);
+  };
+  E(() => {
+    w && setTimeout(() => {
+      u.SCMBoardMstr0001(1, 20);
+    }, 100);
+  }, [w]);
+  const Pe = () => /* @__PURE__ */ n(L, { border: !1, children: [
+    /* @__PURE__ */ e(
+      Qe,
+      {
+        border: !0,
+        ref: B,
+        reqRows: /* @__PURE__ */ n(k, { children: [
+          /* @__PURE__ */ e(x, { gutter: [16, 8], style: { marginBottom: "8px" }, children: /* @__PURE__ */ e(l, { span: 24, children: /* @__PURE__ */ e(C, { label: "화면 정보", name: void 0, children: /* @__PURE__ */ n(D.Compact, { style: { width: "100%" }, children: [
+            /* @__PURE__ */ e(
+              d.Item,
+              {
+                name: "menuId",
+                style: {
+                  width: "40%",
+                  marginBottom: 0,
+                  marginInlineEnd: 0
+                },
+                validateStatus: "",
+                help: "",
+                children: /* @__PURE__ */ e(a, { disabled: !0 })
+              }
+            ),
+            /* @__PURE__ */ e(
+              d.Item,
+              {
+                name: "menuNm",
+                style: { width: "60%", marginBottom: 0 },
+                children: /* @__PURE__ */ e(a, { disabled: !0 })
+              }
+            )
+          ] }) }) }) }),
+          /* @__PURE__ */ n(x, { gutter: [16, 8], style: { marginBottom: "8px" }, children: [
+            /* @__PURE__ */ e(l, { span: 6, children: /* @__PURE__ */ e(
+              V,
+              {
+                itemProps: {
+                  label: "등록구분",
+                  name: "type"
+                },
+                selectProps: {
+                  options: A
+                }
+              }
+            ) }),
+            /* @__PURE__ */ e(l, { span: 12, children: /* @__PURE__ */ e(
+              $e,
+              {
+                itemProps: {
+                  label: "등록일자",
+                  name: "rgstDt"
+                },
+                inputProps: {
+                  allowEmpty: !0
+                }
+              }
+            ) }),
+            /* @__PURE__ */ e(l, { span: 6, children: /* @__PURE__ */ e(
+              Ke,
+              {
+                itemProps: {
+                  name: "myArticle",
+                  label: "내 글만"
+                },
+                inputProps: {
+                  format: "YN",
+                  onChange: () => console.log("hello!!")
+                }
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ e(x, { children: /* @__PURE__ */ e(l, { span: 24, children: /* @__PURE__ */ e(
+            Xe,
+            {
+              itemProps: {
+                label: "제목 및 내용",
+                name: "keyword"
+              }
+            }
+          ) }) })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ e(
+      We,
+      {
+        ref: q,
+        gridColumns: Ce,
+        gridEvents: Ie,
+        gridOptions: {},
+        renderers: [
+          {
+            name: "tagType",
+            renderer: ye
+          },
+          {
+            name: "statusTag",
+            renderer: xe
+          },
+          {
+            name: "alert",
+            renderer: be
+          }
+        ]
+      }
+    ),
+    /* @__PURE__ */ e(
+      He,
+      {
+        ref: N,
+        mode: "server",
+        onServerPageChange: (t, r) => {
+          console.log("🔄 서버 모드 페이징 변경:", { page: t, size: r }), u.SCMBoardMstr0001(t, r);
+        },
+        pageSizeOptions: [10, 20, 50, 100]
+      }
+    )
+  ] }), Re = () => /* @__PURE__ */ n(W, { children: [
+    /* @__PURE__ */ e(
+      W.Panel,
+      {
+        defaultSize: "70%",
+        min: "60%",
+        max: "80%",
+        style: {
+          paddingRight: "15px",
+          overflowX: "hidden",
+          overflowY: "hidden"
+        },
+        children: /* @__PURE__ */ e(L, { children: /* @__PURE__ */ n(
+          d,
+          {
+            form: i,
+            onFinish: ie,
+            labelCol: { flex: "100px" },
+            disabled: !T || y,
+            children: [
+              /* @__PURE__ */ n(x, { gutter: [16, 8], children: [
+                /* @__PURE__ */ n(l, { span: 8, children: [
+                  /* @__PURE__ */ e(d.Item, { name: "boardMstrId", hidden: !0, children: /* @__PURE__ */ e(a, {}) }),
+                  /* @__PURE__ */ e(
+                    V,
+                    {
+                      itemProps: { name: "type", label: "구분" },
+                      selectProps: { options: A }
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ n(l, { span: 16, children: [
+                  /* @__PURE__ */ e(C, { label: "화면 정보", name: void 0, children: /* @__PURE__ */ n(D.Compact, { children: [
+                    /* @__PURE__ */ e(
+                      d.Item,
+                      {
+                        name: "menuId",
+                        style: {
+                          width: "40%",
+                          marginBottom: 0,
+                          marginInlineEnd: 0
+                        },
+                        validateStatus: "",
+                        help: "",
+                        children: /* @__PURE__ */ e(a, { readOnly: !0 })
+                      }
+                    ),
+                    /* @__PURE__ */ e(
+                      d.Item,
+                      {
+                        name: "menuNm",
+                        style: { width: "60%", marginBottom: 0 },
+                        children: /* @__PURE__ */ e(a, { readOnly: !0 })
+                      }
+                    )
+                  ] }) }),
+                  /* @__PURE__ */ e(d.Item, { name: "scrnId", style: { width: "100%" }, hidden: !0, children: /* @__PURE__ */ e(a, { readOnly: !0 }) })
+                ] })
+              ] }),
+              /* @__PURE__ */ n(x, { gutter: [16, 8], children: [
+                /* @__PURE__ */ e(l, { span: 8, children: /* @__PURE__ */ e(C, { label: "작성자", name: void 0, children: /* @__PURE__ */ n(D.Compact, { style: { width: "100%" }, children: [
+                  /* @__PURE__ */ e(
+                    d.Item,
+                    {
+                      name: "rgstUserId",
+                      style: {
+                        width: "40%",
+                        marginBottom: 0,
+                        marginInlineEnd: 0
+                      },
+                      validateStatus: "",
+                      help: "",
+                      children: /* @__PURE__ */ e(a, { readOnly: !0 })
+                    }
+                  ),
+                  /* @__PURE__ */ e(
+                    d.Item,
+                    {
+                      name: "rgstUserNm",
+                      style: { width: "60%", marginBottom: 0 },
+                      children: /* @__PURE__ */ e(a, { readOnly: !0 })
+                    }
+                  )
+                ] }) }) }),
+                /* @__PURE__ */ e(l, { span: 8, children: /* @__PURE__ */ e(
+                  K,
+                  {
+                    itemProps: {
+                      label: "작성일자",
+                      name: "rgstDt"
+                    },
+                    inputProps: { disabled: !0 }
+                  }
+                ) }),
+                /* @__PURE__ */ e(l, { span: 8, children: /* @__PURE__ */ e(
+                  V,
+                  {
+                    itemProps: { name: "status", label: "상태" },
+                    selectProps: { options: ue, disabled: !0 }
+                  }
+                ) })
+              ] }),
+              /* @__PURE__ */ n(x, { gutter: [16, 8], children: [
+                /* @__PURE__ */ e(l, { span: 8, children: /* @__PURE__ */ e(
+                  K,
+                  {
+                    itemProps: {
+                      label: "마감요청일",
+                      name: "dueDate"
+                    }
+                  }
+                ) }),
+                /* @__PURE__ */ e(l, { span: 8, children: /* @__PURE__ */ n(Ve, { vertical: !0, gap: 2, children: [
+                  /* @__PURE__ */ e("span", { style: { fontSize: "12px", color: "#000000E0" }, children: "진척률" }),
+                  /* @__PURE__ */ e(
+                    Ae,
+                    {
+                      percent: he[i.getFieldValue(
+                        "status"
+                      )],
+                      status: he[i.getFieldValue(
+                        "status"
+                      )] > 0 ? "active" : "normal",
+                      size: "small",
+                      format: (t) => `${t}%`
+                    }
+                  )
+                ] }) }),
+                /* @__PURE__ */ e(l, { span: 8, children: /* @__PURE__ */ e(
+                  me,
+                  {
+                    itemProps: { name: "urgentYn", label: "긴급여부" }
+                  }
+                ) })
+              ] }),
+              /* @__PURE__ */ n(x, { gutter: [16, 8], children: [
+                /* @__PURE__ */ e(l, { span: 8, children: /* @__PURE__ */ e(C, { label: "처리담당자", name: void 0, help: "", children: /* @__PURE__ */ n(D.Compact, { children: [
+                  /* @__PURE__ */ e(
+                    d.Item,
+                    {
+                      name: "processor",
+                      style: {
+                        width: "40%",
+                        marginBottom: 0,
+                        marginInlineEnd: 0
+                      },
+                      validateStatus: "",
+                      help: "",
+                      children: /* @__PURE__ */ e(a, { readOnly: !0 })
+                    }
+                  ),
+                  /* @__PURE__ */ e(
+                    d.Item,
+                    {
+                      name: "processorNm",
+                      style: { width: "60%", marginBottom: 0 },
+                      children: /* @__PURE__ */ e(a, { readOnly: !0 })
+                    }
+                  )
+                ] }) }) }),
+                /* @__PURE__ */ e(l, { span: 8, children: /* @__PURE__ */ e(
+                  K,
+                  {
+                    itemProps: {
+                      label: "처리일자",
+                      name: "processDt"
+                    }
+                  }
+                ) })
+              ] }),
+              /* @__PURE__ */ e(x, { gutter: [16, 8], children: /* @__PURE__ */ e(l, { span: 24, children: /* @__PURE__ */ e(
+                C,
+                {
+                  label: "제목",
+                  name: "title",
+                  style: { width: "100%" },
+                  children: /* @__PURE__ */ e(a, {})
+                }
+              ) }) }),
+              /* @__PURE__ */ e(
+                ce,
+                {
+                  border: !1,
+                  itemProps: {
+                    name: "content",
+                    label: "내용",
+                    rules: [{ required: !0, message: "내용을 입력하세요." }]
+                  },
+                  editorProps: {
+                    isEditing: T && !y,
+                    title: { title: "에디터" }
+                  }
+                }
+              )
+            ]
+          }
+        ) })
+      }
+    ),
+    /* @__PURE__ */ e(W.Panel, { collapsible: !0, style: { paddingLeft: "15px" }, children: /* @__PURE__ */ n(
+      L,
+      {
+        style: {
+          flex: "0 0 400px",
+          display: "flex",
+          flexDirection: "column"
+        },
+        children: [
+          /* @__PURE__ */ n(
+            "div",
+            {
+              style: {
+                borderBottom: "1px solid #e8e8e8",
+                paddingBottom: "12px",
+                marginBottom: "16px",
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "space-between"
+              },
+              children: [
+                /* @__PURE__ */ e(
+                  "span",
+                  {
+                    style: {
+                      fontSize: "14px",
+                      fontWeight: "600",
+                      color: "#262626"
+                    },
+                    children: "댓글"
+                  }
+                ),
+                /* @__PURE__ */ n("div", { style: { position: "relative", display: "inline-block" }, children: [
+                  /* @__PURE__ */ e(
+                    z,
+                    {
+                      type: "text",
+                      icon: /* @__PURE__ */ e(ae, { spin: G || o }),
+                      onClick: De,
+                      disabled: G || o,
+                      size: "small",
+                      style: {
+                        fontSize: "12px",
+                        color: y ? "#d9d9d9" : o ? "#8c8c8c" : "#595959",
+                        height: "24px",
+                        padding: "0 8px"
+                      }
+                    }
+                  ),
+                  !y && /* @__PURE__ */ e(
+                    "span",
+                    {
+                      style: {
+                        position: "absolute",
+                        top: "-4px",
+                        right: "-4px",
+                        fontSize: "10px",
+                        fontWeight: "700",
+                        color: G ? "#8c8c8c" : "#1890ff",
+                        minWidth: "14px",
+                        height: "14px",
+                        lineHeight: "14px",
+                        textAlign: "center",
+                        borderRadius: "50%",
+                        pointerEvents: "none"
+                      },
+                      children: fe
+                    }
+                  )
+                ] })
+              ]
+            }
+          ),
+          /* @__PURE__ */ e(
+            "div",
+            {
+              ref: F,
+              style: {
+                flex: 1,
+                overflowY: "auto",
+                marginBottom: "16px",
+                minHeight: 0,
+                position: "relative"
+              },
+              children: o ? /* @__PURE__ */ n(
+                "div",
+                {
+                  style: {
+                    display: "flex",
+                    flexDirection: "column",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    height: "200px",
+                    color: "#8c8c8c"
+                  },
+                  children: [
+                    /* @__PURE__ */ e("div", { style: { marginBottom: "12px" }, children: /* @__PURE__ */ e(ae, { spin: !0, style: { fontSize: "24px" } }) }),
+                    /* @__PURE__ */ e("div", { style: { fontSize: "13px" }, children: "댓글을 불러오는 중..." })
+                  ]
+                }
+              ) : Y.length === 0 ? /* @__PURE__ */ e(
+                "div",
+                {
+                  style: {
+                    display: "flex",
+                    flexDirection: "column",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    height: "200px",
+                    color: "#8c8c8c"
+                  },
+                  children: /* @__PURE__ */ e("div", { style: { fontSize: "13px" }, children: "등록된 댓글이 없습니다." })
+                }
+              ) : /* @__PURE__ */ e(
+                H,
+                {
+                  dataSource: Y,
+                  renderItem: (t) => /* @__PURE__ */ n(
+                    H.Item,
+                    {
+                      style: {
+                        position: "relative",
+                        paddingRight: "20px",
+                        padding: "12px 20px 12px 12px",
+                        borderBottom: "1px solid #f0f0f0"
+                      },
+                      children: [
+                        /* @__PURE__ */ e(
+                          H.Item.Meta,
+                          {
+                            avatar: /* @__PURE__ */ e(
+                              Ue,
+                              {
+                                size: 32,
+                                style: {
+                                  backgroundColor: "#1890ff",
+                                  fontSize: "13px"
+                                },
+                                children: t.author[0]
+                              }
+                            ),
+                            title: /* @__PURE__ */ n(
+                              "div",
+                              {
+                                style: {
+                                  display: "flex",
+                                  justifyContent: "space-between",
+                                  alignItems: "center",
+                                  marginBottom: "4px"
+                                },
+                                children: [
+                                  /* @__PURE__ */ e(
+                                    "span",
+                                    {
+                                      style: {
+                                        fontWeight: "500",
+                                        fontSize: "13px",
+                                        color: "#262626"
+                                      },
+                                      children: t.author
+                                    }
+                                  ),
+                                  /* @__PURE__ */ e(
+                                    "span",
+                                    {
+                                      style: {
+                                        fontSize: "11px",
+                                        color: "#8c8c8c"
+                                      },
+                                      children: t.regDt
+                                    }
+                                  )
+                                ]
+                              }
+                            ),
+                            description: /* @__PURE__ */ e(
+                              "span",
+                              {
+                                style: {
+                                  fontSize: "13px",
+                                  color: "#595959",
+                                  lineHeight: "1.5"
+                                },
+                                children: t.content
+                              }
+                            )
+                          }
+                        ),
+                        t.regUserId === v?.userId && /* @__PURE__ */ e(
+                          z,
+                          {
+                            type: "text",
+                            danger: !0,
+                            icon: /* @__PURE__ */ e(ze, { style: { fontSize: "12px" } }),
+                            size: "small",
+                            onClick: () => Ne(t.id),
+                            disabled: o,
+                            style: {
+                              position: "absolute",
+                              right: "8px",
+                              top: "62%",
+                              transform: "translateY(-50%)",
+                              opacity: o ? 0.3 : 0.5,
+                              height: "24px",
+                              width: "24px",
+                              padding: 0
+                            },
+                            onMouseEnter: (r) => {
+                              o || (r.currentTarget.style.opacity = "1");
+                            },
+                            onMouseLeave: (r) => {
+                              r.currentTarget.style.opacity = o ? "0.3" : "0.5";
+                            }
+                          }
+                        )
+                      ]
+                    },
+                    t.id
+                  )
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ e(
+            "div",
+            {
+              style: {
+                padding: "12px",
+                borderTop: "1px solid #e8e8e8",
+                backgroundColor: y ? "#f5f5f5" : "#fafafa",
+                flexShrink: 0,
+                marginTop: "auto"
+              },
+              children: y ? /* @__PURE__ */ n(
+                "div",
+                {
+                  style: {
+                    textAlign: "center",
+                    padding: "20px",
+                    color: "#8c8c8c",
+                    fontSize: "13px",
+                    backgroundColor: "#ffffff",
+                    borderRadius: "6px",
+                    border: "1px solid #e8e8e8"
+                  },
+                  children: [
+                    /* @__PURE__ */ e("div", { style: { marginBottom: "8px" }, children: /* @__PURE__ */ e(se, { twoToneColor: "#faad14" }) }),
+                    /* @__PURE__ */ e("div", { children: "이미 완료처리된 게시글입니다." }),
+                    /* @__PURE__ */ e("div", { style: { fontSize: "11px", marginTop: "4px" }, children: "댓글을 작성할 수 없습니다." })
+                  ]
+                }
+              ) : /* @__PURE__ */ n(k, { children: [
+                /* @__PURE__ */ e("div", { style: { marginBottom: "8px" }, children: /* @__PURE__ */ e(
+                  _e,
+                  {
+                    rows: 2,
+                    placeholder: o ? "댓글 처리 중..." : "댓글을 입력하세요...",
+                    value: P,
+                    onChange: (t) => le(t.target.value),
+                    maxLength: 300,
+                    disabled: o,
+                    style: {
+                      borderRadius: "6px",
+                      border: "1px solid #d9d9d9",
+                      resize: "none",
+                      fontSize: "13px",
+                      backgroundColor: o ? "#f5f5f5" : "#ffffff",
+                      color: o ? "#8c8c8c" : "#000000"
+                    },
+                    onFocus: (t) => {
+                      o || (t.target.style.borderColor = "#1890ff", t.target.style.boxShadow = "0 0 0 2px rgba(24, 144, 255, 0.05)");
+                    },
+                    onBlur: (t) => {
+                      t.target.style.borderColor = "#d9d9d9", t.target.style.boxShadow = "none";
+                    }
+                  }
+                ) }),
+                /* @__PURE__ */ n(
+                  "div",
+                  {
+                    style: {
+                      display: "flex",
+                      justifyContent: "space-between",
+                      alignItems: "center"
+                    },
+                    children: [
+                      /* @__PURE__ */ e("span", { style: { fontSize: "11px", color: "#8c8c8c" }, children: o ? "처리 중..." : `${P.length} / 300자` }),
+                      /* @__PURE__ */ e(
+                        z,
+                        {
+                          type: "primary",
+                          onClick: Ee,
+                          size: "small",
+                          loading: o,
+                          style: {
+                            borderRadius: "4px",
+                            fontSize: "12px",
+                            height: "28px",
+                            padding: "0 16px",
+                            fontWeight: "500"
+                          },
+                          disabled: !P.trim() || o,
+                          children: o ? "등록 중..." : "등록"
+                        }
+                      )
+                    ]
+                  }
+                )
+              ] })
+            }
+          )
+        ]
+      }
+    ) })
+  ] }), Te = () => /* @__PURE__ */ e(L, { children: /* @__PURE__ */ n(
+    Ze,
+    {
+      form: i,
+      onFinish: ie,
+      initialValues: {
+        type: "INQR"
+        // 기본값: 문의
+      },
+      labelCol: { flex: "100px" },
+      children: [
+        /* @__PURE__ */ n(x, { gutter: [16, 8], children: [
+          /* @__PURE__ */ e(l, { span: 8, children: /* @__PURE__ */ e(
+            V,
+            {
+              itemProps: {
+                name: "type",
+                label: "구분",
+                rules: [{ required: !0, message: "구분을 선택해주세요." }]
+              },
+              selectProps: { options: A }
+            }
+          ) }),
+          /* @__PURE__ */ n(l, { span: 16, children: [
+            /* @__PURE__ */ e(C, { label: "화면 정보", name: void 0, children: /* @__PURE__ */ n(D.Compact, { style: { width: "100%" }, children: [
+              /* @__PURE__ */ e(
+                d.Item,
+                {
+                  name: "menuId",
+                  style: {
+                    width: "40%",
+                    marginBottom: 0,
+                    marginInlineEnd: 0
+                  },
+                  validateStatus: "",
+                  help: "",
+                  children: /* @__PURE__ */ e(a, { readOnly: !0 })
+                }
+              ),
+              /* @__PURE__ */ e(
+                d.Item,
+                {
+                  name: "menuNm",
+                  style: { width: "60%", marginBottom: 0 },
+                  children: /* @__PURE__ */ e(a, { readOnly: !0 })
+                }
+              )
+            ] }) }),
+            /* @__PURE__ */ e(d.Item, { name: "scrnId", style: { width: "100%" }, hidden: !0, children: /* @__PURE__ */ e(a, { readOnly: !0 }) })
+          ] })
+        ] }),
+        /* @__PURE__ */ n(x, { gutter: [16, 8], children: [
+          /* @__PURE__ */ e(l, { span: 8, children: /* @__PURE__ */ e(C, { label: "작성자", name: void 0, children: /* @__PURE__ */ n(D.Compact, { style: { width: "100%" }, children: [
+            /* @__PURE__ */ e(
+              d.Item,
+              {
+                name: "rgstUserId",
+                style: {
+                  width: "40%",
+                  marginBottom: 0,
+                  marginInlineEnd: 0
+                },
+                validateStatus: "",
+                help: "",
+                children: /* @__PURE__ */ e(a, { readOnly: !0 })
+              }
+            ),
+            /* @__PURE__ */ e(
+              d.Item,
+              {
+                name: "rgstUserNm",
+                style: { width: "60%", marginBottom: 0 },
+                children: /* @__PURE__ */ e(a, { readOnly: !0 })
+              }
+            )
+          ] }) }) }),
+          /* @__PURE__ */ e(l, { span: 6, children: /* @__PURE__ */ e(
+            C,
+            {
+              label: "작성일자",
+              name: "rgstDt",
+              style: { width: "100%" },
+              children: /* @__PURE__ */ e(de, { disabled: !0 })
+            }
+          ) }),
+          /* @__PURE__ */ e(l, { span: 6, children: /* @__PURE__ */ e(
+            C,
+            {
+              label: "마감요청일",
+              name: "dueDate",
+              style: { width: "100%" },
+              children: /* @__PURE__ */ e(de, {})
+            }
+          ) }),
+          /* @__PURE__ */ e(l, { span: 4, children: /* @__PURE__ */ e(
+            me,
+            {
+              itemProps: { name: "urgentYn", label: "긴급여부" }
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ e(x, { gutter: [16, 8], children: /* @__PURE__ */ e(l, { span: 24, children: /* @__PURE__ */ e(
+          C,
+          {
+            label: "제목",
+            name: "title",
+            style: { width: "100%" },
+            rules: [{ required: !0, message: "제목을 입력해주세요." }],
+            children: /* @__PURE__ */ e(a, {})
+          }
+        ) }) }),
+        /* @__PURE__ */ e(
+          ce,
+          {
+            border: !1,
+            itemProps: { name: "content" },
+            editorProps: {
+              isEditing: te,
+              title: {
+                title: /* @__PURE__ */ n(k, { children: [
+                  /* @__PURE__ */ e(Le, { style: { marginRight: "5px" } }),
+                  " 상세내용 작성"
+                ] }),
+                children: /* @__PURE__ */ e(
+                  z,
+                  {
+                    icon: /* @__PURE__ */ e(Oe, {}),
+                    onClick: () => re(!te),
+                    children: "미리보기"
+                  }
+                )
+              }
+            }
+          }
+        )
+      ]
+    }
+  ) });
+  E(() => {
+    c === "new" && (re(!0), i.setFieldsValue({
+      type: "INQR",
+      // 기본값: 문의
+      menuId: m?.menuId,
+      menuNm: m?.menuNm,
+      scrnId: m?.scrnId,
+      rgstUserId: v?.userId,
+      rgstUserNm: v?.userNm,
+      rgstDt: Ye(),
+      // 오늘 날짜 자동 설정
+      content: ""
+      // 에디터 초기화
+    }));
+  }, [c, i, m, v]), E(() => {
+    if (c === "detail" && !y) {
+      const t = setInterval(() => {
+        j((r) => r <= 1 ? (console.log("🔄 댓글 자동 갱신 실행 (카운트다운 완료)"), u.SCMBoardDtls0001(i.getFieldValue("boardMstrId")), 15) : r - 1);
+      }, 1e3);
+      return u.SCMBoardDtls0001(i.getFieldValue("boardMstrId")), () => {
+        console.log("🧹 댓글 인터벌 정리"), clearInterval(t);
+      };
+    } else c === "detail" && y && (console.log("📋 완료된 게시글 - 댓글 조회만"), u.SCMBoardDtls0001(i.getFieldValue("boardMstrId")));
+  }, [c, y, i]), E(() => () => {
+    console.log("🧹 컴포넌트 언마운트 - 모든 인터벌 정리"), U.current && (clearInterval(U.current), U.current = null);
+  }, []), E(() => {
+    c === "list" && m && (B?.current?.setFormData({
+      menuId: m?.menuId,
+      menuNm: m?.menuNm
+    }), u.SCMBoardMstr0001(1, 20));
+  }, [c, m]), E(() => {
+    w && m && B?.current?.setFormData({
+      menuId: m?.menuId,
+      menuNm: m?.menuNm
+    });
+  }, [w, m]);
+  const u = {
+    SCMBoardMstr0001: async (t, r) => {
+      const s = t || N.current?.currentPage || 1, h = r || N.current?.pageSize || 20, p = {
+        ...B?.current?.getFormData(),
+        pageNum: s,
+        // 1-based
+        pageCount: h
+      };
+      console.log("🔍 서버 모드 페이징 요청:", p);
+      try {
+        const f = await S("SCMBoardMstr0001", p, {
+          isPopup: !0
+        });
+        if (f && f.pageList) {
+          const R = f.pageCnt || 0;
+          N.current?.setTotalData(R), q.current?.addAllData(f.pageList);
+        } else
+          N.current?.setTotalData(0), q.current?.addAllData([]), console.log("📭 서버 모드 페이징 데이터 없음");
+      } catch (f) {
+        console.error("❌ SCMBoardMstr0001 호출 실패:", f), g.error("데이터 조회 중 오류가 발생했습니다.");
+      }
+    },
+    /**
+     * 문의/신고 등록
+     * @param values
+     */
+    SCMBoardMstr0003: (t) => {
+      S(
+        "SCMBoardMstr0003",
+        {
+          ...t,
+          status: "READY"
+        },
+        { isPopup: !0 }
+      ).then((r) => {
+        console.log("문의/신고 제출 응답:", r), g.success("정상 접수되었습니다."), Q();
+      }).catch((r) => {
+        console.error("문의/신고 제출 실패:", r), g.error("접수 중 오류가 발생했습니다.");
+      });
+    },
+    /**
+     * 문의/신고 수정
+     * @param values
+     */
+    SCMBoardMstr0004: (t) => {
+      S(
+        "SCMBoardMstr0004",
+        {
+          boardMstrId: i.getFieldValue("boardMstrId"),
+          ...t
+        },
+        { isPopup: !0 }
+      ).then((r) => {
+        console.log("문의/신고 제출 응답:", r), g.success("수정이 완료되었습니다."), Q();
+      }).catch((r) => {
+        console.error("문의/신고 변경 실패:", r);
+      });
+    },
+    SCMBoardMstr0005: () => {
+      S(
+        "SCMBoardMstr0005",
+        { boardMstrId: i.getFieldValue("boardMstrId") },
+        { isPopup: !0 }
+      ).then((t) => {
+        console.log("문의/신고 삭제 응답:", t), g.success("삭제가 완료되었습니다."), Q();
+      });
+    },
+    /**
+     * 게시글 댓글 목록 조회
+     * @param boardMstrId
+     * @returns 댓글 목록
+     */
+    SCMBoardDtls0001: (t) => {
+      M(!0), S(
+        "SCMBoardDtls0001",
+        {
+          boardMstrId: t
+        },
+        { isPopup: !0, showLoading: !1 }
+      ).then((r) => {
+        if (r && r.subList) {
+          const s = r.subList.map((h) => ({
+            id: h.seq,
+            author: h.userNm || h.regUserId,
+            regUserId: h.regUserId,
+            content: h.content,
+            regDt: h.regDt
+          }));
+          ne(s);
+        } else
+          ne([]);
+      }).catch((r) => {
+        console.error("게시글 댓글 목록 조회 실패:", r), g.error("댓글 목록 조회 중 오류가 발생했습니다.");
+      }).finally(() => {
+        M(!1), j(15);
+      });
+    },
+    /**
+     *
+     * 게시글 댓글 등록
+     * @param boardMstrId
+     * @param content
+     * @returns
+     */
+    SCMBoardDtls0002: (t, r) => {
+      M(!0), S(
+        "SCMBoardDtls0002",
+        {
+          boardMstrId: t,
+          content: r
+        },
+        { isPopup: !0, showLoading: !1 }
+      ).then((s) => {
+        s && s.result === 1 ? (g.success("댓글이 등록되었습니다."), u.SCMBoardDtls0001(t)) : g.error("댓글 등록에 실패했습니다.");
+      }).catch((s) => {
+        g.error("댓글 등록 중 오류가 발생했습니다.");
+      }).finally(() => {
+        M(!1);
+      });
+    },
+    /**
+     * 게시글 댓글 삭제
+     * @param boardMstrId
+     * @param seq
+     * @returns
+     */
+    SCMBoardDtls0003: (t, r) => {
+      M(!0), S(
+        "SCMBoardDtls0003",
+        {
+          boardMstrId: t,
+          seq: r
+        },
+        { isPopup: !0, showLoading: !1 }
+      ).then((s) => {
+        s && s.result === 1 ? (g.success("댓글이 삭제되었습니다."), u.SCMBoardDtls0001(t)) : g.error("댓글 삭제에 실패했습니다.");
+      }).catch((s) => {
+        g.error("댓글 삭제 중 오류가 발생했습니다.");
+      }).finally(() => {
+        M(!1);
+      });
+    }
+  }, Fe = () => {
+    switch (c) {
+      case "list":
+        return [
+          {
+            id: "REFRESH",
+            label: "조회",
+            type: "default",
+            onClick: () => u.SCMBoardMstr0001(),
+            disabled: _
+          },
+          {
+            id: "NEW",
+            label: "신규 등록",
+            type: "primary",
+            onClick: Me
+          }
+        ];
+      case "detail":
+        return [
+          {
+            id: "BACK",
+            label: "뒤로",
+            type: "default",
+            onClick: ve
+          },
+          {
+            id: "EDIT",
+            label: "수정",
+            type: "primary",
+            disabled: !T || y,
+            onClick: () => i.submit()
+          },
+          {
+            id: "DELETE",
+            label: "삭제",
+            type: "default",
+            disabled: !T || y,
+            onClick: we
+          }
+        ];
+      case "new":
+        return [
+          {
+            id: "SUBMIT",
+            label: "제출",
+            type: "primary",
+            onClick: () => i.submit(),
+            disabled: _
+          },
+          {
+            id: "CANCEL",
+            label: "취소",
+            type: "default",
+            onClick: Se
+          }
+        ];
+      default:
+        return [];
+    }
+  }, ke = {};
+  return /* @__PURE__ */ n(
+    qe,
+    {
+      popup: w,
+      buttons: Fe(),
+      popupEvent: ke,
+      onClose: Be,
+      children: [
+        c === "list" && Pe(),
+        c === "detail" && Re(),
+        c === "new" && Te()
+      ]
+    }
+  );
+};
+export {
+  ht as default
+};