DDD1542
a8ded6455d
11 패널 일괄 Inv* prefix 통일:
- 통합 (lib/registry/components/X/): button / container / divider / search /
stats / table / title / input → Inv*ConfigPanel
- frontend/components/v2/config-panels/V2FieldConfigPanel → InvFieldConfigPanel
- 옛 v2-* hidden 호환 → InvLegacy{Divider,Text,Button}ConfigPanel
input 통합 컴포넌트 cp 톤 신규 작성 (InvInputConfigPanel):
- 277줄 옛 디자인 → CPVisualGrid 10칸 type 카드 + 타입별 옵션 + FeatureChipGrid
getComponentConfigPanel.tsx 버그 수정 (Codex 검토):
- "stats" key 중복 제거 (옛 StatsCardConfigPanel 이 통합 stats 덮던 silent bug)
- ALIAS 에서 v2-button-primary/v2-divider-line/v2-text-display 제외
(옵션 B 일관성 — 옛 hidden 컴포넌트는 InvLegacy 패널 사용)
- MAP 의 해당 키를 InvLegacy* 로 직접 매핑
호출처 일괄 갱신:
- 각 통합 컴포넌트의 index.ts 7개 (import / config_panel / re-export)
- v2-input/v2-select/v2-divider-line/v2-text-display/v2-button-primary
의 index.ts (config_panel 매핑)
- V2PropertiesPanel.tsx 의 require pattern (v2-input/v2-select)
검증: tsc 우리 영역 0건 / V2FieldConfigPanel 잔재 0건 / 기존 path 잔재 0건
다음 세션: useDbTables hook 추출 + 잔여 V2* cp 마이그 + dead code 정리
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
65 lines
2.1 KiB
TypeScript
65 lines
2.1 KiB
TypeScript
"use client";
|
|
|
|
import { createComponentDefinition } from "../../utils/createComponentDefinition";
|
|
import { ComponentCategory } from "@/types/component";
|
|
import { ButtonWrapper } from "./ButtonComponent";
|
|
import { InvButtonConfigPanel } from "./InvButtonConfigPanel";
|
|
import type { ButtonConfig } from "./types";
|
|
|
|
/**
|
|
* Button — 통합 단일 버튼 컴포넌트 정의 (2026-04-11, Phase A-3)
|
|
*
|
|
* 흡수 대상:
|
|
* - v2-button-primary (base)
|
|
* - button-primary (legacy)
|
|
* - related-data-buttons (legacy; 버튼 그룹은 여러 `button` 배치로 대체)
|
|
*
|
|
* 변형:
|
|
* - variant: primary | secondary | default | destructive | outline | ghost
|
|
* - size: sm | md | lg
|
|
* - actionType: save/edit/delete/add/cancel/close/navigate/popup/search/reset/submit/approval/custom (13종)
|
|
* - confirm, icon, backgroundColor/textColor override
|
|
*
|
|
* 관련 문서:
|
|
* notes/gbpark/2026-04-11-component-unification-plan.md §3.5
|
|
*/
|
|
|
|
const DEFAULT_CONFIG: Partial<ButtonConfig> = {
|
|
text: "버튼",
|
|
variant: "primary",
|
|
size: "md",
|
|
actionType: "save",
|
|
borderRadius: "6px",
|
|
};
|
|
|
|
export const ButtonDefinition = createComponentDefinition({
|
|
id: "button",
|
|
name: "버튼",
|
|
name_eng: "Button",
|
|
description: "저장, 삭제, 팝업 등 동작 실행",
|
|
category: ComponentCategory.ACTION,
|
|
web_type: "button",
|
|
component: ButtonWrapper,
|
|
default_config: DEFAULT_CONFIG as Record<string, any>,
|
|
default_size: { width: 120, height: 36 },
|
|
config_panel: InvButtonConfigPanel,
|
|
icon: "MousePointer",
|
|
tags: ["버튼", "button", "action", "click"],
|
|
version: "2.0.0",
|
|
author: "INVYONE",
|
|
documentation:
|
|
"notes/gbpark/2026-04-11-component-unification-plan.md#35-button",
|
|
// ─── INVYONE DataPort 선언 ───
|
|
dataPorts: {
|
|
inputs: [
|
|
{ name: "disabled", type: "value" },
|
|
{ name: "formData", type: "row" },
|
|
],
|
|
outputs: [{ name: "clicked", type: "value" }],
|
|
},
|
|
});
|
|
|
|
export type { ButtonConfig } from "./types";
|
|
export { ButtonComponent, ButtonWrapper } from "./ButtonComponent";
|
|
export { InvButtonConfigPanel } from "./InvButtonConfigPanel";
|