Merge branch 'main' of http://39.117.244.52:3000/kjs/ERP-node into lhj

; Please enter a commit message to explain why this merge is necessary, ; especially if it merges an updated upstream into a topic branch. ; ; Lines starting with ';' will be ignored, and an empty message aborts ; the commit.
2025-11-05 13:10:25 +09:00
parent b4cc844675 6c713a11d8
commit c6b2a30651
21 changed files with 874 additions and 196 deletions
--- a/frontend/lib/registry/components/table-list/TableListComponent.tsx
+++ b/frontend/lib/registry/components/table-list/TableListComponent.tsx
@@ -1497,7 +1497,7 @@ export const TableListComponent: React.FC<TableListComponentProps> = ({
          </div>
        )}

-        <div className="mt-10" style={{ flex: 1, overflow: "hidden" }}>
+        <div style={{ marginTop: `${tableConfig.filter?.bottomSpacing ?? 40}px`, flex: 1, overflow: "hidden" }}>
          <SingleTableWithSticky
            data={data}
            columns={visibleColumns}
@@ -1596,7 +1596,10 @@ export const TableListComponent: React.FC<TableListComponentProps> = ({
        )}

        {/* 테이블 컨테이너 */}
-        <div className="flex-1 flex flex-col overflow-hidden w-full max-w-full mt-10">
+        <div 
+          className="flex-1 flex flex-col overflow-hidden w-full max-w-full"
+          style={{ marginTop: `${tableConfig.filter?.bottomSpacing ?? 40}px` }}
+        >
          {/* 스크롤 영역 */}
          <div
            className="w-full max-w-full h-[400px] overflow-y-scroll overflow-x-auto bg-background sm:h-[500px]"
--- a/frontend/lib/registry/components/table-list/TableListConfigPanel.tsx
+++ b/frontend/lib/registry/components/table-list/TableListConfigPanel.tsx
@@ -1105,6 +1105,41 @@ export const TableListConfigPanel: React.FC<TableListConfigPanelProps> = ({
            </div>
          </div>
        )}
+
+        {/* 필터 간격 설정 */}
+        {config.filter?.enabled && (
+          <div className="space-y-3">
+            <div>
+              <h3 className="text-sm font-semibold">필터 간격</h3>
+            </div>
+            <hr className="border-border" />
+            <div className="space-y-1">
+              <Label htmlFor="filterBottomSpacing" className="text-xs">
+                필터와 리스트 사이 간격 (px)
+              </Label>
+              <Input
+                id="filterBottomSpacing"
+                type="number"
+                value={config.filter?.bottomSpacing ?? 40}
+                onChange={(e) => {
+                  const value = Math.max(0, Math.min(200, parseInt(e.target.value) || 40));
+                  handleChange("filter", {
+                    ...config.filter,
+                    bottomSpacing: value,
+                  });
+                }}
+                min={0}
+                max={200}
+                step={10}
+                placeholder="40"
+                className="h-8 text-xs"
+              />
+              <p className="text-[10px] text-muted-foreground">
+                기본값: 40px (0-200px 범위, 10px 단위 권장)
+              </p>
+            </div>
+          </div>
+        )}
      </div>
    </div>
  );
--- a/frontend/lib/registry/components/table-list/index.ts
+++ b/frontend/lib/registry/components/table-list/index.ts
@@ -72,6 +72,7 @@ export const TableListDefinition = createComponentDefinition({
    filter: {
      enabled: true,
      filters: [], // 사용자가 설정할 필터 목록
+      bottomSpacing: 40, // 필터와 리스트 사이 간격 (px)
    },

    // 액션 설정
--- a/frontend/lib/registry/components/table-list/types.ts
+++ b/frontend/lib/registry/components/table-list/types.ts
@@ -19,6 +19,7 @@ export type AutoGenerationType =
  | "current_user" // 현재 사용자 ID
  | "current_time" // 현재 시간
  | "sequence" // 시퀀스 번호
+  | "numbering_rule" // 채번 규칙
  | "random_string" // 랜덤 문자열
  | "random_number" // 랜덤 숫자
  | "company_code" // 회사 코드
@@ -37,6 +38,7 @@ export interface AutoGenerationConfig {
    suffix?: string; // 접미사
    format?: string; // 시간 형식 (current_time용)
    startValue?: number; // 시퀀스 시작값
+    numberingRuleId?: string; // 채번 규칙 ID (numbering_rule 타입용)
  };
 }

@@ -114,6 +116,8 @@ export interface FilterConfig {
    referenceColumn?: string;
    displayColumn?: string;
  }>;
+  // 필터와 리스트 사이 간격 (px 단위, 기본: 40)
+  bottomSpacing?: number;
 }

 /**
--- a/frontend/lib/registry/components/text-input/TextInputComponent.tsx
+++ b/frontend/lib/registry/components/text-input/TextInputComponent.tsx
@@ -53,6 +53,10 @@ export const TextInputComponent: React.FC<TextInputComponentProps> = ({

  // 자동생성된 값 상태
  const [autoGeneratedValue, setAutoGeneratedValue] = useState<string>("");
+  
+  // API 호출 중복 방지를 위한 ref
+  const isGeneratingRef = React.useRef(false);
+  const hasGeneratedRef = React.useRef(false);

  // 테스트용: 컴포넌트 라벨에 "test"가 포함되면 강제로 UUID 자동생성 활성화
  const testAutoGeneration = component.label?.toLowerCase().includes("test")
@@ -79,32 +83,96 @@ export const TextInputComponent: React.FC<TextInputComponentProps> = ({
  //   autoGeneratedValue,
  // });

-  // 자동생성 값 생성 (컴포넌트 마운트 시 또는 폼 데이터 변경 시)
+  // 자동생성 값 생성 (컴포넌트 마운트 시 한 번만 실행)
  useEffect(() => {
-    if (testAutoGeneration.enabled && testAutoGeneration.type !== "none") {
-      // 폼 데이터에 이미 값이 있으면 자동생성하지 않음
-      const currentFormValue = formData?.[component.columnName];
-      const currentComponentValue = component.value;
-
-      // 자동생성된 값이 없고, 현재 값도 없을 때만 생성
-      if (!autoGeneratedValue && !currentFormValue && !currentComponentValue) {
-        const generatedValue = AutoGenerationUtils.generateValue(testAutoGeneration, component.columnName);
-
-        if (generatedValue) {
-          setAutoGeneratedValue(generatedValue);
-
-          // 폼 데이터에 자동생성된 값 설정 (인터랙티브 모드에서만)
-          if (isInteractive && onFormDataChange && component.columnName) {
-            onFormDataChange(component.columnName, generatedValue);
-          }
-        }
-      } else if (!autoGeneratedValue && testAutoGeneration.type !== "none") {
-        // 디자인 모드에서도 미리보기용 자동생성 값 표시
-        const previewValue = AutoGenerationUtils.generatePreviewValue(testAutoGeneration);
-        setAutoGeneratedValue(previewValue);
+    const generateAutoValue = async () => {
+      // 이미 생성 중이거나 생성 완료된 경우 중복 실행 방지
+      if (isGeneratingRef.current || hasGeneratedRef.current) {
+        console.log("⏭️ 중복 실행 방지:", {
+          isGenerating: isGeneratingRef.current,
+          hasGenerated: hasGeneratedRef.current,
+        });
+        return;
      }
-    }
-  }, [testAutoGeneration, isInteractive, component.columnName, component.value, formData, onFormDataChange]);
+
+      if (testAutoGeneration.enabled && testAutoGeneration.type !== "none") {
+        // 폼 데이터에 이미 값이 있으면 자동생성하지 않음
+        const currentFormValue = formData?.[component.columnName];
+        const currentComponentValue = component.value;
+
+        console.log("🔧 TextInput 자동생성 체크:", {
+          componentId: component.id,
+          columnName: component.columnName,
+          autoGenType: testAutoGeneration.type,
+          ruleId: testAutoGeneration.options?.numberingRuleId,
+          currentFormValue,
+          currentComponentValue,
+          autoGeneratedValue,
+          isInteractive,
+        });
+
+        // 자동생성된 값이 없고, 현재 값도 없을 때만 생성
+        if (!autoGeneratedValue && !currentFormValue && !currentComponentValue) {
+          isGeneratingRef.current = true; // 생성 시작 플래그
+          let generatedValue: string | null = null;
+
+          // 채번 규칙은 비동기로 처리
+          if (testAutoGeneration.type === "numbering_rule") {
+            const ruleId = testAutoGeneration.options?.numberingRuleId;
+            if (ruleId) {
+              try {
+                console.log("🚀 채번 규칙 API 호출 시작:", ruleId);
+                const { generateNumberingCode } = await import("@/lib/api/numberingRule");
+                const response = await generateNumberingCode(ruleId);
+                console.log("✅ 채번 규칙 API 응답:", response);
+                if (response.success && response.data) {
+                  generatedValue = response.data.generatedCode;
+                }
+              } catch (error) {
+                console.error("❌ 채번 규칙 코드 생성 실패:", error);
+              } finally {
+                isGeneratingRef.current = false; // 생성 완료
+              }
+            } else {
+              console.warn("⚠️ 채번 규칙 ID가 없습니다");
+              isGeneratingRef.current = false;
+            }
+          } else {
+            // 기타 타입은 동기로 처리
+            generatedValue = AutoGenerationUtils.generateValue(testAutoGeneration, component.columnName);
+            isGeneratingRef.current = false;
+          }
+
+          if (generatedValue) {
+            console.log("✅ 자동생성 값 설정:", generatedValue);
+            setAutoGeneratedValue(generatedValue);
+            hasGeneratedRef.current = true; // 생성 완료 플래그
+
+            // 폼 데이터에 자동생성된 값 설정 (인터랙티브 모드에서만)
+            if (isInteractive && onFormDataChange && component.columnName) {
+              console.log("📝 formData 업데이트:", component.columnName, generatedValue);
+              onFormDataChange(component.columnName, generatedValue);
+              
+              // 채번 규칙 ID도 함께 저장 (저장 시점에 실제 할당하기 위함)
+              if (testAutoGeneration.type === "numbering_rule" && testAutoGeneration.options?.numberingRuleId) {
+                const ruleIdKey = `${component.columnName}_numberingRuleId`;
+                onFormDataChange(ruleIdKey, testAutoGeneration.options.numberingRuleId);
+                console.log("📝 채번 규칙 ID 저장:", ruleIdKey, testAutoGeneration.options.numberingRuleId);
+              }
+            }
+          }
+        } else if (!autoGeneratedValue && testAutoGeneration.type !== "none") {
+          // 디자인 모드에서도 미리보기용 자동생성 값 표시
+          const previewValue = AutoGenerationUtils.generatePreviewValue(testAutoGeneration);
+          console.log("👁️ 미리보기 값 설정:", previewValue);
+          setAutoGeneratedValue(previewValue);
+          hasGeneratedRef.current = true;
+        }
+      }
+    };
+
+    generateAutoValue();
+  }, [testAutoGeneration.enabled, testAutoGeneration.type, component.columnName, isInteractive]);

  // 실제 화면에서 숨김 처리된 컴포넌트는 렌더링하지 않음
  if (isHidden && !isDesignMode) {
--- a/frontend/lib/registry/components/text-input/TextInputConfigPanel.tsx
+++ b/frontend/lib/registry/components/text-input/TextInputConfigPanel.tsx
@@ -1,6 +1,6 @@
 "use client";

-import React from "react";
+import React, { useState, useEffect } from "react";
 import { Input } from "@/components/ui/input";
 import { Label } from "@/components/ui/label";
 import { Checkbox } from "@/components/ui/checkbox";
@@ -8,6 +8,8 @@ import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@
 import { TextInputConfig } from "./types";
 import { AutoGenerationType, AutoGenerationConfig } from "@/types/screen";
 import { AutoGenerationUtils } from "@/lib/utils/autoGeneration";
+import { getAvailableNumberingRules } from "@/lib/api/numberingRule";
+import { NumberingRuleConfig } from "@/types/numbering-rule";

 export interface TextInputConfigPanelProps {
  config: TextInputConfig;
@@ -19,6 +21,32 @@ export interface TextInputConfigPanelProps {
 * 컴포넌트의 설정값들을 편집할 수 있는 UI 제공
 */
 export const TextInputConfigPanel: React.FC<TextInputConfigPanelProps> = ({ config, onChange }) => {
+  // 채번 규칙 목록 상태
+  const [numberingRules, setNumberingRules] = useState<NumberingRuleConfig[]>([]);
+  const [loadingRules, setLoadingRules] = useState(false);
+
+  // 채번 규칙 목록 로드
+  useEffect(() => {
+    const loadRules = async () => {
+      setLoadingRules(true);
+      try {
+        const response = await getAvailableNumberingRules();
+        if (response.success && response.data) {
+          setNumberingRules(response.data);
+        }
+      } catch (error) {
+        console.error("채번 규칙 목록 로드 실패:", error);
+      } finally {
+        setLoadingRules(false);
+      }
+    };
+
+    // autoGeneration.type이 numbering_rule일 때만 로드
+    if (config.autoGeneration?.type === "numbering_rule") {
+      loadRules();
+    }
+  }, [config.autoGeneration?.type]);
+
  const handleChange = (key: keyof TextInputConfig, value: any) => {
    onChange({ [key]: value });
  };
@@ -100,6 +128,7 @@ export const TextInputConfigPanel: React.FC<TextInputConfigPanelProps> = ({ conf
                <SelectItem value="current_user">현재 사용자 ID</SelectItem>
                <SelectItem value="current_time">현재 시간</SelectItem>
                <SelectItem value="sequence">순차 번호</SelectItem>
+                <SelectItem value="numbering_rule">채번 규칙</SelectItem>
                <SelectItem value="random_string">랜덤 문자열</SelectItem>
                <SelectItem value="random_number">랜덤 숫자</SelectItem>
                <SelectItem value="company_code">회사 코드</SelectItem>
@@ -113,6 +142,49 @@ export const TextInputConfigPanel: React.FC<TextInputConfigPanelProps> = ({ conf
                {AutoGenerationUtils.getTypeDescription(config.autoGeneration.type)}
              </div>
            )}
+
+            {/* 채번 규칙 선택 */}
+            {config.autoGeneration?.type === "numbering_rule" && (
+              <div className="space-y-2">
+                <Label htmlFor="numberingRuleId">
+                  채번 규칙 선택 <span className="text-destructive">*</span>
+                </Label>
+                <Select
+                  value={config.autoGeneration?.options?.numberingRuleId || ""}
+                  onValueChange={(value) => {
+                    const currentConfig = config.autoGeneration!;
+                    handleChange("autoGeneration", {
+                      ...currentConfig,
+                      options: {
+                        ...currentConfig.options,
+                        numberingRuleId: value,
+                      },
+                    });
+                  }}
+                  disabled={loadingRules}
+                >
+                  <SelectTrigger>
+                    <SelectValue placeholder={loadingRules ? "규칙 로딩 중..." : "채번 규칙 선택"} />
+                  </SelectTrigger>
+                  <SelectContent>
+                    {numberingRules.length === 0 ? (
+                      <SelectItem value="no-rules" disabled>
+                        사용 가능한 규칙이 없습니다
+                      </SelectItem>
+                    ) : (
+                      numberingRules.map((rule) => (
+                        <SelectItem key={rule.ruleId} value={rule.ruleId}>
+                          {rule.ruleName} ({rule.ruleId})
+                        </SelectItem>
+                      ))
+                    )}
+                  </SelectContent>
+                </Select>
+                <p className="text-muted-foreground text-xs">
+                  현재 메뉴에서 사용 가능한 채번 규칙만 표시됩니다
+                </p>
+              </div>
+            )}
          </div>
        )}