c6941bc41f
- TableOptionsContext 기반 테이블 자동 감지 시스템 구현 - 독립 위젯으로 드래그앤드롭 배치 가능 - 3가지 기능: 컬럼 가시성, 필터 설정, 그룹 설정 - FlowWidget, TableList, SplitPanel 등 모든 테이블 컴포넌트 지원 - 유틸리티 카테고리에 등록 (1920×80px) - 위젯 크기 제어 가이드 룰 파일에 추가
42 lines
1.4 KiB
TypeScript
42 lines
1.4 KiB
TypeScript
"use client";
|
||
|
||
import { ComponentRegistry } from "../../ComponentRegistry";
|
||
import { TableSearchWidget } from "./TableSearchWidget";
|
||
import { TableSearchWidgetRenderer } from "./TableSearchWidgetRenderer";
|
||
import { TableSearchWidgetConfigPanel } from "./TableSearchWidgetConfigPanel";
|
||
|
||
// 검색 필터 위젯 등록
|
||
ComponentRegistry.registerComponent({
|
||
id: "table-search-widget",
|
||
name: "검색 필터",
|
||
nameEng: "Table Search Widget",
|
||
category: "utility", // 유틸리티 컴포넌트로 분류
|
||
description: "화면 내 테이블을 자동 감지하여 검색, 필터, 그룹 기능을 제공하는 위젯",
|
||
icon: "Search",
|
||
tags: ["table", "search", "filter", "group", "search-widget"],
|
||
webType: "custom",
|
||
defaultSize: { width: 1920, height: 80 }, // 픽셀 단위: 전체 너비 × 80px 높이
|
||
component: TableSearchWidget,
|
||
defaultProps: {
|
||
title: "테이블 검색",
|
||
style: {
|
||
width: "100%",
|
||
height: "80px",
|
||
padding: "0.75rem",
|
||
},
|
||
componentConfig: {
|
||
autoSelectFirstTable: true,
|
||
showTableSelector: true,
|
||
},
|
||
},
|
||
renderer: TableSearchWidgetRenderer.render,
|
||
configPanel: TableSearchWidgetConfigPanel,
|
||
version: "1.0.0",
|
||
author: "WACE",
|
||
});
|
||
|
||
export { TableSearchWidget } from "./TableSearchWidget";
|
||
export { TableSearchWidgetRenderer } from "./TableSearchWidgetRenderer";
|
||
export { TableSearchWidgetConfigPanel } from "./TableSearchWidgetConfigPanel";
|
||
|