feat: Add support for selected rows data handling in TabsWidget

- Introduced new props for managing selected rows data, enabling better interaction with tab components.
- Added `selectedRowsData` and `onSelectedRowsChange` callbacks to facilitate row selection and updates.
- Enhanced the TabsWidget functionality to improve user experience when interacting with tabbed content.
This commit is contained in:
kjs 2026-02-12 10:30:37 +09:00
parent 56d069f853
commit 5c6efa861d
1 changed files with 13 additions and 0 deletions

View File

@ -26,6 +26,15 @@ interface TabsWidgetProps {
isDesignMode?: boolean; isDesignMode?: boolean;
onComponentSelect?: (tabId: string, componentId: string) => void; onComponentSelect?: (tabId: string, componentId: string) => void;
selectedComponentId?: string; selectedComponentId?: string;
// 테이블 선택된 행 데이터 (버튼 활성화 및 수정/삭제 동작에 필요)
selectedRowsData?: any[];
onSelectedRowsChange?: (
selectedRows: any[],
selectedRowsData: any[],
sortBy?: string,
sortOrder?: "asc" | "desc",
columnOrder?: string[],
) => void;
} }
export function TabsWidget({ export function TabsWidget({
@ -38,6 +47,8 @@ export function TabsWidget({
isDesignMode = false, isDesignMode = false,
onComponentSelect, onComponentSelect,
selectedComponentId, selectedComponentId,
selectedRowsData,
onSelectedRowsChange,
}: TabsWidgetProps) { }: TabsWidgetProps) {
const { setActiveTab, removeTabsComponent } = useActiveTab(); const { setActiveTab, removeTabsComponent } = useActiveTab();
const { const {
@ -345,6 +356,8 @@ export function TabsWidget({
menuObjid={menuObjid} menuObjid={menuObjid}
isDesignMode={isDesignMode} isDesignMode={isDesignMode}
isInteractive={!isDesignMode} isInteractive={!isDesignMode}
selectedRowsData={selectedRowsData}
onSelectedRowsChange={onSelectedRowsChange}
/> />
</div> </div>
); );