2025-09-11 18:38:28 +09:00
|
|
|
"use client";
|
|
|
|
|
|
|
|
|
|
import React from "react";
|
|
|
|
|
import { createComponentDefinition } from "../../utils/createComponentDefinition";
|
|
|
|
|
import { ComponentCategory } from "@/types/component";
|
|
|
|
|
import type { WebType } from "@/types/screen";
|
|
|
|
|
import { SelectBasicWrapper } from "./SelectBasicComponent";
|
|
|
|
|
import { SelectBasicConfigPanel } from "./SelectBasicConfigPanel";
|
|
|
|
|
import { SelectBasicConfig } from "./types";
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
* SelectBasic 컴포넌트 정의
|
|
|
|
|
* select-basic 컴포넌트입니다
|
|
|
|
|
*/
|
|
|
|
|
export const SelectBasicDefinition = createComponentDefinition({
|
|
|
|
|
id: "select-basic",
|
|
|
|
|
name: "선택상자",
|
|
|
|
|
nameEng: "SelectBasic Component",
|
|
|
|
|
description: "옵션 선택을 위한 드롭다운 선택상자 컴포넌트",
|
|
|
|
|
category: ComponentCategory.INPUT,
|
|
|
|
|
webType: "select",
|
|
|
|
|
component: SelectBasicWrapper,
|
|
|
|
|
defaultConfig: {
|
|
|
|
|
options: [],
|
|
|
|
|
placeholder: "선택하세요",
|
|
|
|
|
},
|
2025-10-14 16:45:30 +09:00
|
|
|
defaultSize: { width: 250, height: 40 },
|
2025-09-11 18:38:28 +09:00
|
|
|
configPanel: SelectBasicConfigPanel,
|
|
|
|
|
icon: "Edit",
|
|
|
|
|
tags: [],
|
|
|
|
|
version: "1.0.0",
|
|
|
|
|
author: "개발팀",
|
|
|
|
|
documentation: "https://docs.example.com/components/select-basic",
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
// 타입 내보내기
|
|
|
|
|
export type { SelectBasicConfig } from "./types";
|
|
|
|
|
|
|
|
|
|
// 컴포넌트 내보내기
|
|
|
|
|
export { SelectBasicComponent } from "./SelectBasicComponent";
|
|
|
|
|
export { SelectBasicRenderer } from "./SelectBasicRenderer";
|