import React from "react";
import type { ComponentData, IComponentParser } from "../parsers/index";
import type { ComponentInfo, ComponentTypes } from "../type";
import "./design-component-view.scss";
interface Props {
    componentData: ComponentData;
    componentTypes: ComponentTypes;
    /** 组件导入,组件引用到的其他库的对象 */
    componentImports?: Record<string, any>;
    /** @deprecated */
    parserType?: new (componentTypes: ComponentTypes) => IComponentParser;
    /** 组件库信息：提供后在设计视图左侧显示组件库面板（拖入/点击添加组件） */
    componentInfos?: ComponentInfo[];
    globalScope?: Record<string, any>;
}
interface State {
    libraryCollapsed: boolean;
    librarySize: number;
}
/**
 * 设计模式的组件视图：在 ComponentView 的基础上，把页面的顶层子组件
 * 包裹为 DesignComponentWrapper（悬浮操作栏：上移/下移/选择/删除，点击选中高亮），
 * 操作经 DesignerContext 调用 Designer 提供的方法，与属性面板双向联动。
 * 传入 componentInfos 时，左侧显示组件库面板，组件可拖入设计区或点击追加。
 */
export declare class DesignComponentView extends React.Component<Props, State> {
    private componentView;
    state: State;
    /** 折叠/展开左侧组件库“菜单”面板；状态持久化到 localStorage */
    private toggleLibrary;
    render(): React.JSX.Element;
}
export {};