diff --git a/frontend/src/frameworks/components/layout/RightPanel.tsx b/frontend/src/frameworks/components/layout/RightPanel.tsx index 6c77bf1..fa7a33d 100644 --- a/frontend/src/frameworks/components/layout/RightPanel.tsx +++ b/frontend/src/frameworks/components/layout/RightPanel.tsx @@ -3,39 +3,9 @@ import { Tabs, Empty } from 'antd'; import { useUIStore } from '@/adapters/state/zustand/uiStore'; import { useAppSelector } from '@/adapters/state/redux/store'; - -/** Placeholder for the DataBinding configuration component. */ -function DataBindingTab() { - return ( -
-

- 数据绑定配置区域 — 将字段拖拽到对应轴位置 -

-
- ); -} - -/** Placeholder for the StyleConfig component. */ -function StyleConfigTab() { - return ( -
-

- 样式配置区域 — 标题、颜色、图例、坐标轴、标签等 -

-
- ); -} - -/** Placeholder for the InteractionConfig component. */ -function InteractionConfigTab() { - return ( -
-

- 交互配置区域 — 工具提示、缩放、筛选联动等 -

-
- ); -} +import DataBinding from '@/frameworks/components/configPanel/DataBinding'; +import StyleConfig from '@/frameworks/components/configPanel/StyleConfig'; +import InteractionConfig from '@/frameworks/components/configPanel/InteractionConfig'; export function RightPanel() { const rightPanelTab = useUIStore((s) => s.rightPanelTab); @@ -62,17 +32,17 @@ export function RightPanel() { { key: 'bindData', label: '数据', - children: , + children: , }, { key: 'style', label: '样式', - children: , + children: , }, { key: 'interaction', label: '交互', - children: , + children: , }, ];