fix: wire real DataBinding/StyleConfig/InteractionConfig into RightPanel

Replaced placeholder text with actual configPanel components.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
hailin 2026-04-05 02:17:48 -07:00
parent b07e8bb3d5
commit 9b218a487a
1 changed files with 6 additions and 36 deletions

View File

@ -3,39 +3,9 @@
import { Tabs, Empty } from 'antd'; import { Tabs, Empty } from 'antd';
import { useUIStore } from '@/adapters/state/zustand/uiStore'; import { useUIStore } from '@/adapters/state/zustand/uiStore';
import { useAppSelector } from '@/adapters/state/redux/store'; import { useAppSelector } from '@/adapters/state/redux/store';
import DataBinding from '@/frameworks/components/configPanel/DataBinding';
/** Placeholder for the DataBinding configuration component. */ import StyleConfig from '@/frameworks/components/configPanel/StyleConfig';
function DataBindingTab() { import InteractionConfig from '@/frameworks/components/configPanel/InteractionConfig';
return (
<div style={{ padding: 8 }}>
<p style={{ fontSize: 13, color: 'var(--text-secondary)' }}>
</p>
</div>
);
}
/** Placeholder for the StyleConfig component. */
function StyleConfigTab() {
return (
<div style={{ padding: 8 }}>
<p style={{ fontSize: 13, color: 'var(--text-secondary)' }}>
</p>
</div>
);
}
/** Placeholder for the InteractionConfig component. */
function InteractionConfigTab() {
return (
<div style={{ padding: 8 }}>
<p style={{ fontSize: 13, color: 'var(--text-secondary)' }}>
</p>
</div>
);
}
export function RightPanel() { export function RightPanel() {
const rightPanelTab = useUIStore((s) => s.rightPanelTab); const rightPanelTab = useUIStore((s) => s.rightPanelTab);
@ -62,17 +32,17 @@ export function RightPanel() {
{ {
key: 'bindData', key: 'bindData',
label: '数据', label: '数据',
children: <DataBindingTab />, children: <DataBinding />,
}, },
{ {
key: 'style', key: 'style',
label: '样式', label: '样式',
children: <StyleConfigTab />, children: <StyleConfig />,
}, },
{ {
key: 'interaction', key: 'interaction',
label: '交互', label: '交互',
children: <InteractionConfigTab />, children: <InteractionConfig />,
}, },
]; ];