17d4cc297c
- Added `FormDatePicker` and `InlineCellDatePicker` components to provide flexible date selection options. - Implemented a modernized date picker interface with calendar navigation, year selection, and time input capabilities. - Enhanced `DateWidget` to support both date and datetime formats, improving user experience in date handling. - Updated `CategoryColumnList` to group columns dynamically and manage expanded states for better organization. - Improved `AlertDialog` z-index for better visibility in modal interactions. - Refactored `ScreenModal` to ensure consistent modal behavior across the application.
47 lines
1.4 KiB
TypeScript
47 lines
1.4 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 { ImageDisplayWrapper } from "./ImageDisplayComponent";
|
|
import { ImageDisplayConfigPanel } from "./ImageDisplayConfigPanel";
|
|
import { ImageDisplayConfig } from "./types";
|
|
|
|
/**
|
|
* ImageDisplay 컴포넌트 정의
|
|
* image-display 컴포넌트입니다
|
|
*/
|
|
export const ImageDisplayDefinition = createComponentDefinition({
|
|
id: "image-display",
|
|
name: "이미지 표시",
|
|
nameEng: "ImageDisplay Component",
|
|
description: "이미지 표시를 위한 이미지 컴포넌트",
|
|
category: ComponentCategory.DISPLAY,
|
|
webType: "file",
|
|
component: ImageDisplayWrapper,
|
|
defaultConfig: {
|
|
imageUrl: "",
|
|
altText: "이미지",
|
|
objectFit: "contain",
|
|
borderRadius: 8,
|
|
showBorder: true,
|
|
backgroundColor: "#f9fafb",
|
|
placeholder: "이미지 없음",
|
|
},
|
|
defaultSize: { width: 200, height: 200 },
|
|
configPanel: ImageDisplayConfigPanel,
|
|
icon: "Eye",
|
|
tags: [],
|
|
version: "1.0.0",
|
|
author: "Developer",
|
|
documentation: "https://docs.example.com/components/image-display",
|
|
});
|
|
|
|
// 타입 내보내기
|
|
export type { ImageDisplayConfig } from "./types";
|
|
|
|
// 컴포넌트 내보내기
|
|
export { ImageDisplayComponent } from "./ImageDisplayComponent";
|
|
export { ImageDisplayRenderer } from "./ImageDisplayRenderer";
|