- 파일 정보 조회를 위한 getFileInfo 함수를 추가하여, 파일의 메타데이터를 공개 접근으로 조회할 수 있도록 하였습니다. - 파일 업로드 컴포넌트에서 파일 아이콘 매핑 및 파일 미리보기 기능을 개선하여 사용자 경험을 향상시켰습니다. - V2 파일 업로드 컴포넌트의 설정 패널을 추가하여, 파일 업로드 관련 설정을 보다 쉽게 관리할 수 있도록 하였습니다. - 파일 뷰어 모달을 추가하여 다양한 파일 형식의 미리보기를 지원합니다.
47 lines
1.6 KiB
TypeScript
47 lines
1.6 KiB
TypeScript
"use client";
|
|
|
|
import React from "react";
|
|
import { createComponentDefinition } from "../../utils/createComponentDefinition";
|
|
import { ComponentCategory } from "@/types/component";
|
|
import type { WebType } from "@/types/screen";
|
|
import { FileUploadComponent } from "./FileUploadComponent";
|
|
import { FileUploadConfigPanel } from "./FileUploadConfigPanel";
|
|
import { FileUploadConfig } from "./types";
|
|
|
|
/**
|
|
* V2 FileUpload 컴포넌트 정의
|
|
* 화면관리 전용 V2 파일 업로드 컴포넌트입니다
|
|
*/
|
|
export const V2FileUploadDefinition = createComponentDefinition({
|
|
id: "v2-file-upload",
|
|
name: "파일 업로드",
|
|
nameEng: "V2 FileUpload Component",
|
|
description: "V2 파일 업로드를 위한 파일 선택 컴포넌트",
|
|
category: ComponentCategory.INPUT,
|
|
webType: "file",
|
|
component: FileUploadComponent,
|
|
defaultConfig: {
|
|
placeholder: "파일을 선택하세요",
|
|
multiple: true,
|
|
accept: "*/*",
|
|
maxSize: 10 * 1024 * 1024, // 10MB
|
|
},
|
|
defaultSize: { width: 350, height: 240 },
|
|
configPanel: FileUploadConfigPanel,
|
|
icon: "Upload",
|
|
tags: ["file", "upload", "attachment", "v2"],
|
|
version: "2.0.0",
|
|
author: "개발팀",
|
|
documentation: "https://docs.example.com/components/v2-file-upload",
|
|
});
|
|
|
|
// 타입 내보내기
|
|
export type { FileUploadConfig, FileInfo, FileUploadProps, FileUploadStatus, FileUploadResponse } from "./types";
|
|
|
|
// 컴포넌트 내보내기
|
|
export { FileUploadComponent } from "./FileUploadComponent";
|
|
export { V2FileUploadRenderer } from "./V2FileUploadRenderer";
|
|
|
|
// 기본 export
|
|
export default V2FileUploadDefinition;
|