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:
parent
b07e8bb3d5
commit
9b218a487a
|
|
@ -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 (
|
||||
<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>
|
||||
);
|
||||
}
|
||||
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: <DataBindingTab />,
|
||||
children: <DataBinding />,
|
||||
},
|
||||
{
|
||||
key: 'style',
|
||||
label: '样式',
|
||||
children: <StyleConfigTab />,
|
||||
children: <StyleConfig />,
|
||||
},
|
||||
{
|
||||
key: 'interaction',
|
||||
label: '交互',
|
||||
children: <InteractionConfigTab />,
|
||||
children: <InteractionConfig />,
|
||||
},
|
||||
];
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue