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: ,
},
];