43 lines
1.3 KiB
TypeScript
43 lines
1.3 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 { SliderBasicWrapper } from "./SliderBasicComponent";
|
||
|
|
import { SliderBasicConfigPanel } from "./SliderBasicConfigPanel";
|
||
|
|
import { SliderBasicConfig } from "./types";
|
||
|
|
|
||
|
|
/**
|
||
|
|
* SliderBasic 컴포넌트 정의
|
||
|
|
* slider-basic 컴포넌트입니다
|
||
|
|
*/
|
||
|
|
export const SliderBasicDefinition = createComponentDefinition({
|
||
|
|
id: "slider-basic",
|
||
|
|
name: "슬라이더",
|
||
|
|
nameEng: "SliderBasic Component",
|
||
|
|
description: "범위 값 선택을 위한 슬라이더 컴포넌트",
|
||
|
|
category: ComponentCategory.INPUT,
|
||
|
|
webType: "number",
|
||
|
|
component: SliderBasicWrapper,
|
||
|
|
defaultConfig: {
|
||
|
|
min: 0,
|
||
|
|
max: 999999,
|
||
|
|
step: 1,
|
||
|
|
},
|
||
|
|
defaultSize: { width: 200, height: 36 },
|
||
|
|
configPanel: SliderBasicConfigPanel,
|
||
|
|
icon: "Edit",
|
||
|
|
tags: [],
|
||
|
|
version: "1.0.0",
|
||
|
|
author: "Developer",
|
||
|
|
documentation: "https://docs.example.com/components/slider-basic",
|
||
|
|
});
|
||
|
|
|
||
|
|
// 타입 내보내기
|
||
|
|
export type { SliderBasicConfig } from "./types";
|
||
|
|
|
||
|
|
// 컴포넌트 내보내기
|
||
|
|
export { SliderBasicComponent } from "./SliderBasicComponent";
|
||
|
|
export { SliderBasicRenderer } from "./SliderBasicRenderer";
|