kjs
/
ERP-node
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
ERP-node/frontend/lib/registry/components/file-upload
History
kjs 8c3eca8129 refactor: 파일 관련 API 및 컴포넌트 개선 
- deleteFile, previewFile, downloadFile, setRepresentativeFile 함수에서 objid 파라미터의 타입을 정수에서 문자열로 변경하여 일관성을 높였습니다.
- getComponentFiles 함수에 레코드의 컬럼 값으로 파일을 직접 조회하는 로직을 추가하여, 파일 로드 시 유연성을 개선했습니다.
- FileUploadComponent에서 localStorage 파일 캐시 정리 로직을 추가하여, 등록 후 재등록 시 이전 파일이 남아있지 않도록 처리했습니다.
- v2-file-upload/FileUploadComponent에서 등록 모드 시 이전 파일 로드를 스킵하도록 개선하여, 불필요한 파일 로드를 방지했습니다.
 		2026-02-06 14:08:20 +09:00
..
FileManagerModal.tsx 파일 업로드 구조 개선 2025-11-05 15:39:02 +09:00
FileUploadComponent.tsx refactor: 파일 관련 API 및 컴포넌트 개선 2026-02-06 14:08:20 +09:00
FileUploadConfigPanel.tsx 컴포넌트 추가방식 변경 2025-09-11 18:38:28 +09:00
FileUploadRenderer.tsx 컴포넌트 추가방식 변경 2025-09-11 18:38:28 +09:00
FileViewerModal.tsx fix: API URL 처리 로직 개선 2026-02-06 12:10:07 +09:00
README.md 컴포넌트 추가방식 변경 2025-09-11 18:38:28 +09:00
config.ts 컴포넌트 추가방식 변경 2025-09-11 18:38:28 +09:00
index.ts feat: 파일 정보 조회 API 추가 및 파일 업로드 컴포넌트 개선 2026-02-05 13:45:23 +09:00
types.ts 파일 업로드 쪽 수정 2025-11-04 17:32:46 +09:00

README.md

FileUpload 컴포넌트

file-upload 컴포넌트입니다

개요

  • ID: file-upload
  • 카테고리: input
  • 웹타입: file
  • 작성자: 개발팀
  • 버전: 1.0.0

특징

  • ✅ 자동 등록 시스템
  • ✅ 타입 안전성
  • ✅ Hot Reload 지원
  • ✅ 설정 패널 제공
  • ✅ 반응형 디자인

사용법

기본 사용법

import { FileUploadComponent } from "@/lib/registry/components/file-upload";

<FileUploadComponent
  component={{
    id: "my-file-upload",
    type: "widget",
    webType: "file",
    position: { x: 100, y: 100, z: 1 },
    size: { width: 250, height: 36 },
    config: {
      // 설정값들
    }
  }}
  isDesignMode={false}
/>

설정 옵션

속성 타입 기본값 설명
placeholder string "" 플레이스홀더 텍스트
disabled boolean false 비활성화 여부
required boolean false 필수 입력 여부
readonly boolean false 읽기 전용 여부

이벤트

  • onChange: 값 변경 시
  • onFocus: 포커스 시
  • onBlur: 포커스 해제 시
  • onClick: 클릭 시

스타일링

컴포넌트는 다음과 같은 스타일 옵션을 제공합니다:

  • variant: "default" | "outlined" | "filled"
  • size: "sm" | "md" | "lg"

예시

// 기본 예시
<FileUploadComponent
  component={{
    id: "sample-file-upload",
    config: {
      placeholder: "입력하세요",
      required: true,
      variant: "outlined"
    }
  }}
/>

개발자 정보

  • 생성일: 2025-09-11
  • CLI 명령어: node scripts/create-component.js file-upload --category=input --webType=file
  • 경로: lib/registry/components/file-upload/

관련 문서