amis-editor 3.3.12-beta.1 → 4.0.1-beta.19

package/dist/manager.d.ts

@@ -240,6 +240,8 @@ export declare class EditorManager {
      * @param preferTag
      */
     showReplacePanel(id: string, preferTag?: string): void;
+    /** 显示左侧组件面板（主要在属性面板中使用）*/
+    showRendererPanel(tag?: string, msg?: string): void;
     readonly listeners: Array<{
         type: string;
         fn: PluginEventFn;
@@ -252,6 +254,11 @@ export declare class EditorManager {
      * @param context
      */
     trigger<T extends EventContext>(type: string, context: T): PluginEvent<T>;
+    /**
+     * 组件面板中的组件点选添加
+     * @param rendererId
+     */
+    addElem(rendererId: string): Promise<void>;
     /**
      * 给插入面板使用的，将当前选中的节点插入到当前选中的节点容器内。
      * @param position
@@ -265,9 +272,9 @@ export declare class EditorManager {
     /**
      * 入口在 Preview 里面，用来获取渲染器对应的编辑器信息。
      * 拿到这些信息后会在渲染原本渲染器的地方包一层，并创建高亮框在点选或者 hover 的时候显示。
-     * @param renderer
-     * @param path
-     * @param schema
+     * @param renderer  amis元素渲染器，比如 { type: 'audio', component: 'xxx渲染器'}
+     * @param path 节点路径
+     * @param schema 节点 schema 数据
      */
     getEditorInfo(renderer: RendererConfig, path: string, schema: any): RendererInfo | null | undefined;
     /**
@@ -335,8 +342,8 @@ export declare class EditorManager {
     emptyRegion(id: string, region: string): void;
     /**
      * 添加孩子，成功后返回节点，失败后返回 null。
-     * @param id
-     * @param region
+     * @param id 目标组件 id
+     * @param region 目标组件区域
      * @param json
      * @param position
      */
@@ -346,7 +353,7 @@ export declare class EditorManager {
         data: any;
     }): any | null;
     /**
-     * 添加孩子。
+     * 移动节点
      * @param id 目标组件 id
      * @param region 目标组件区域
      * @param sourceId 移动的节点 id
@@ -383,13 +390,13 @@ export declare class EditorManager {
      */
     hackRenderers(renderers?: RendererConfig[]): void;
     /**
-     * 入口在 Preview，用来生成包括控件。
+     * 入口在 Preview，用来生成包括元素头部快捷工具栏。
      * @param info
      * @param render
      */
     makeWrapper(info: RendererInfo, render: RendererConfig): any;
     /**
-     * 用来生成配置面板。
+     * 用来生成属性配置面板。
      * @param schema
      */
     makeSchemaFormRender(schema: {
@@ -398,7 +405,7 @@ export declare class EditorManager {
         definitions?: any;
         api?: any;
         submitOnChange?: boolean;
-    }): ({ value, onChange, popOverContainer, id, store }: import("./plugin").PanelProps) => JSX.Element;
+    }): ({ value, onChange, popOverContainer, id, store, node }: import("./plugin").PanelProps) => JSX.Element;
     onWidthChangeStart(e: MouseEvent, ctx: {
         dom: HTMLElement;
         node: EditorNodeType;

package/dist/plugin/BasicToolbar.d.ts

@@ -1,6 +1,6 @@
 import { BasePlugin, BaseEventContext, BasicToolbarItem, ContextMenuItem, ContextMenuEventContext, BasicPanelItem, BuildPanelEventContext, PluginEvent, InsertEventContext } from '../plugin';
 /**
- * 用来添加一些基本的工具栏按钮。
+ * 用来给当前选中的元素添加一些基本的工具栏按钮。
  */
 export declare class BasicToolbarPlugin extends BasePlugin {
     order: number;

package/dist/plugin/Card.d.ts

@@ -43,7 +43,6 @@ export declare class CardPlugin extends BasePlugin {
     regions: Array<RegionConfig>;
     panelTitle: string;
     panelBodyCreator: (context: BaseEventContext) => any[];
-    exchangeRenderer(id: string): void;
     fieldWrapperResolve: (dom: HTMLElement) => HTMLElement;
     overrides: {
         renderFeild: (this: any, region: string, field: any, index: any, props: any) => any;

package/dist/plugin/Date.d.ts

@@ -8,6 +8,7 @@ export declare class DatePlugin extends BasePlugin {
     icon: string;
     scaffold: {
         type: string;
+        value: number;
     };
     previewSchema: {
         format: string;

package/dist/plugin/Datetime.d.ts

@@ -1,8 +1,10 @@
+import { BaseEventContext } from '../plugin';
 import { DatePlugin } from './Date';
 export declare class DatetimePlugin extends DatePlugin {
     rendererName: string;
     scaffold: {
         type: string;
+        value: number;
     };
     name: string;
     previewSchema: {
@@ -10,4 +12,5 @@ export declare class DatetimePlugin extends DatePlugin {
         value: number;
         type: string;
     };
+    panelBodyCreator: (context: BaseEventContext) => any[];
 }

package/dist/plugin/Flex.d.ts

@@ -23,6 +23,5 @@ export declare class FlexPlugin extends BasePlugin {
     panelTitle: string;
     panelBody: any[];
     regions: Array<RegionConfig>;
-    exchangeRenderer(id: string): void;
     afterResolveJsonSchema(event: PluginEvent<RendererJSONSchemaResolveEventContext>): void;
 }

package/dist/plugin/Form/CodeEditor.d.ts

@@ -0,0 +1,39 @@
+import { BasePlugin } from '../../plugin';
+export declare class CodeEditorControlPlugin extends BasePlugin {
+    rendererName: string;
+    $schema: string;
+    name: string;
+    icon: string;
+    description: string;
+    docLink: string;
+    tags: string[];
+    scaffold: {
+        type: string;
+        label: string;
+        name: string;
+    };
+    previewSchema: any;
+    panelTitle: string;
+    panelBody: ({
+        label: string;
+        name: string;
+        type: string;
+        value: string;
+        searchable: boolean;
+        options: string[];
+        size?: undefined;
+        pipeIn?: undefined;
+    } | {
+        name: string;
+        type: string;
+        size: string;
+        pipeIn: (value: any) => any;
+        label: string;
+        options: {
+            label: string;
+            value: string;
+        }[];
+        value?: undefined;
+        searchable?: undefined;
+    })[];
+}

package/dist/plugin/Form/FieldSet.d.ts

@@ -2,6 +2,7 @@ import { BaseEventContext, BasePlugin, RegionConfig } from '../../plugin';
 export declare class FieldSetControlPlugin extends BasePlugin {
     rendererName: string;
     $schema: string;
+    disabledRendererPlugin: boolean;
     name: string;
     icon: string;
     description: string;

package/dist/plugin/Form/Group.d.ts

@@ -2,6 +2,7 @@ import { BasePlugin, ContextMenuEventContext, ContextMenuItem, RegionConfig } fr
 export declare class GroupControlPlugin extends BasePlugin {
     rendererName: string;
     $schema: string;
+    disabledRendererPlugin: boolean;
     name: string;
     icon: string;
     description: string;

package/dist/plugin/Form/InputGroup.d.ts

@@ -13,7 +13,6 @@ export declare class InputGroupControlPlugin extends BasePlugin {
         label: string;
         body: ({
             type: string;
-            placeholder: string;
             inputClassName: string;
             name: string;
             label?: undefined;
@@ -22,7 +21,6 @@ export declare class InputGroupControlPlugin extends BasePlugin {
             type: string;
             label: string;
             level: string;
-            placeholder?: undefined;
             inputClassName?: undefined;
             name?: undefined;
         })[];

package/dist/plugin/Form/InputTable.d.ts

@@ -34,6 +34,5 @@ export declare class TableControlPlugin extends BasePlugin {
     panelTitle: string;
     panelBodyCreator: (context: BaseEventContext) => any;
     filterProps(props: any): any;
-    exchangeRenderer(id: string): void;
     beforeInsert(event: PluginEvent<InsertEventContext>): void;
 }

package/dist/plugin/Form/Item.d.ts

@@ -1,7 +1,7 @@
 import { BasePlugin, BaseEventContext, BasicPanelItem, PluginEvent, DragEventContext, ChangeEventContext, ReplaceEventContext, BuildPanelEventContext, ContextMenuEventContext, ContextMenuItem } from '../../plugin';
 export declare class ItemPlugin extends BasePlugin {
-    buildEditorPanel(context: BuildPanelEventContext, panels: Array<BasicPanelItem>): void;
     panelTitle: string;
+    buildEditorPanel(context: BuildPanelEventContext, panels: Array<BasicPanelItem>): void;
     panelBodyCreator: (context: BaseEventContext) => any[];
     onDndAccept(event: PluginEvent<DragEventContext>): false | void;
     afterUpdate(event: PluginEvent<ChangeEventContext>): void;

package/dist/plugin/Form/Static.d.ts

@@ -18,5 +18,4 @@ export declare class StaticControlPlugin extends BasePlugin {
     panelTitle: string;
     panelBodyCreator: (context: BaseEventContext) => any[];
     filterProps(props: any, node: EditorNodeType): any;
-    exchangeRenderer(id: string): void;
 }

package/dist/plugin/Grid.d.ts

@@ -5,29 +5,26 @@ export declare class GridPlugin extends BasePlugin {
     rendererName: string;
     $schema: string;
     name: string;
+    description: string;
     tags: string[];
     icon: string;
-    scaffolds: {
-        name: string;
-        description: string;
-        scaffold: {
-            type: string;
-            columns: {
-                body: never[];
-            }[];
-        };
-        previewSchema: {
-            type: string;
-            columns: {
-                body: {
-                    type: string;
-                    tpl: string;
-                    inline: boolean;
-                    className: string;
-                }[];
+    scaffold: {
+        type: string;
+        columns: {
+            body: never[];
+        }[];
+    };
+    previewSchema: {
+        type: string;
+        columns: {
+            body: {
+                type: string;
+                tpl: string;
+                inline: boolean;
+                className: string;
             }[];
-        };
-    }[];
+        }[];
+    };
     panelTitle: string;
     panelWithOutOthers: boolean;
     panelBodyCreator(context: BaseEventContext): any[];

package/dist/plugin/HBox.d.ts

@@ -4,6 +4,7 @@ import { Schema } from 'amis/lib/types';
 export declare class HBoxPlugin extends BasePlugin {
     rendererName: string;
     $schema: string;
+    disabledRendererPlugin: boolean;
     name: string;
     icon: string;
     description: string;
@@ -30,7 +31,6 @@ export declare class HBoxPlugin extends BasePlugin {
     overrides: {
         renderColumn: (this: any, node: Schema, index: number) => any;
     };
-    exchangeRenderer(id: string): void;
     afterResolveJsonSchema(event: PluginEvent<RendererJSONSchemaResolveEventContext>): void;
     buildEditorContextMenu(context: ContextMenuEventContext, menus: Array<ContextMenuItem>): void;
     onWidthChangeStart(event: PluginEvent<ResizeMoveEventContext, {

package/dist/plugin/ListItem.d.ts

@@ -11,6 +11,5 @@ export declare class ListItemPlugin extends BasePlugin {
         renderFeild: (this: any, region: string, field: any, index: any, props: any) => any;
     };
     vRendererConfig: VRendererConfig;
-    exchangeRenderer(id: string): void;
     beforeInsert(event: PluginEvent<InsertEventContext>): void;
 }

package/dist/plugin/Log.d.ts

@@ -9,6 +9,7 @@ export declare class LogPlugin extends BasePlugin {
     tags: string[];
     previewSchema: {
         type: string;
+        height: number;
     };
     scaffold: any;
     panelTitle: string;

package/dist/plugin/Panel/AvailableRenderers.d.ts

@@ -0,0 +1,8 @@
+import { BasePlugin, BasicPanelItem, BuildPanelEventContext } from '../../plugin';
+/**
+ * 添加源码编辑功能
+ */
+export declare class AvailableRenderersPlugin extends BasePlugin {
+    order: number;
+    buildEditorPanel(context: BuildPanelEventContext, panels: Array<BasicPanelItem>): void;
+}

package/dist/plugin/Panel/Code.d.ts

@@ -0,0 +1,9 @@
+import { BasePlugin, BasicPanelItem, RendererJSONSchemaResolveEventContext, BuildPanelEventContext } from '../../plugin';
+/**
+ * 添加源码编辑功能
+ */
+export declare class CodePlugin extends BasePlugin {
+    order: number;
+    buildJSONSchema({ info }: RendererJSONSchemaResolveEventContext): string | undefined;
+    buildEditorPanel({ info, selections }: BuildPanelEventContext, panels: Array<BasicPanelItem>): void;
+}

package/dist/plugin/Panel/Name.d.ts

@@ -0,0 +1,8 @@
+import { BasePlugin, BasicPanelItem, BuildPanelEventContext } from '../../plugin';
+/**
+ * 添加名字面板，方便根据组件名字定位节点
+ */
+export declare class NamePlugin extends BasePlugin {
+    order: number;
+    buildEditorPanel({ info, selections }: BuildPanelEventContext, panels: Array<BasicPanelItem>): void;
+}

package/dist/plugin/Panel.d.ts

@@ -1,4 +1,3 @@
-import { SchemaObject } from 'amis';
 import { BasePlugin, BaseEventContext, BasicPanelItem, RegionConfig, BuildPanelEventContext } from '../plugin';
 export declare class PanelPlugin extends BasePlugin {
     rendererName: string;
@@ -8,8 +7,21 @@ export declare class PanelPlugin extends BasePlugin {
     description: string;
     docLink: string;
     tags: string;
-    scaffold: SchemaObject;
-    previewSchema: SchemaObject;
+    scaffold: {
+        type: string;
+        title: string;
+        body: string;
+    };
+    previewSchema: {
+        type: string;
+        title: string;
+        body: string;
+        className: string;
+        actions: {
+            label: string;
+            type: string;
+        }[];
+    };
     regions: Array<RegionConfig>;
     panelTitle: string;
     panelBodyCreator: (context: BaseEventContext) => any[];

package/dist/plugin/Plain.d.ts

@@ -2,6 +2,7 @@ import { BaseEventContext, BasePlugin } from '../plugin';
 export declare class PlainPlugin extends BasePlugin {
     rendererName: string;
     $schema: string;
+    disabledRendererPlugin: boolean;
     name: string;
     icon: string;
     description: string;

package/dist/plugin/Reset.d.ts

@@ -1,6 +1,7 @@
 import { ButtonPlugin } from './Button';
 export declare class ResetPlugin extends ButtonPlugin {
     rendererName: string;
+    disabledRendererPlugin: boolean;
     name: string;
     icon: string;
     description: string;

package/dist/plugin/Steps.d.ts

@@ -33,11 +33,5 @@ export declare class StepsPlugin extends BasePlugin {
         })[];
     };
     panelTitle: string;
-    panelBody: {
-        type: string;
-        tabs: {
-            title: string;
-            body: any[];
-        }[];
-    }[];
+    panelBody: any[];
 }

package/dist/plugin/Submit.d.ts

@@ -1,6 +1,7 @@
 import { ButtonPlugin } from './Button';
 export declare class SubmitPlugin extends ButtonPlugin {
     rendererName: string;
+    disabledRendererPlugin: boolean;
     name: string;
     description: string;
     docLink: string;

package/dist/plugin/TableCell.d.ts

@@ -4,6 +4,5 @@ export declare class TableCellPlugin extends BasePlugin {
     panelIcon: string;
     panelBodyCreator: (context: BaseEventContext) => any[];
     getRendererInfo({ renderer, schema }: RendererInfoResolveEventContext): BasicRendererInfo | void;
-    exchangeRenderer(id: string): void;
     beforeReplace(event: PluginEvent<ReplaceEventContext>): void;
 }

package/dist/plugin/Time.d.ts

@@ -1,13 +1,16 @@
+import { BaseEventContext } from '../plugin';
 import { DatePlugin } from './Date';
 export declare class TimePlugin extends DatePlugin {
     rendererName: string;
     name: string;
     scaffold: {
         type: string;
+        value: number;
     };
     previewSchema: {
         format: string;
         value: number;
         type: string;
     };
+    panelBodyCreator: (context: BaseEventContext) => any[];
 }

package/dist/plugin/Wrapper.d.ts

@@ -2,6 +2,7 @@ import { BasePlugin, RegionConfig } from '../plugin';
 export declare class WrapperPlugin extends BasePlugin {
     rendererName: string;
     $schema: string;
+    disabledRendererPlugin: boolean;
     name: string;
     description: string;
     tags: string[];

package/dist/plugin.d.ts

@@ -57,7 +57,7 @@ export interface RegionConfig {
     optional?: boolean;
     /**
      * 有时候有些包括是需要其他条件的，所以要自己写包裹逻辑。
-     * 比如 panel 里面的 renderBody
+     * 比如 Panel 里面的 renderBody
      */
     renderMethodOverride?: (regions: Array<RegionConfig>, insertRegion: (component: JSX.Element, dom: JSX.Element, regions: Array<RegionConfig>, info: RendererInfo, manager: EditorManager) => JSX.Element) => Function;
     /**
@@ -182,7 +182,7 @@ export interface RendererInfo extends RendererScaffoldInfo {
      *
      * 表格的列，即是表格列，也可能是其他文本框。
      *
-     * 配置了这个后会自动添加多个 panel 面板来编辑。
+     * 配置了这个后会自动添加多个 Panel 面板来编辑。
      */
     multifactor?: boolean;
     /**
@@ -253,6 +253,10 @@ export interface SubRendererInfo extends RendererScaffoldInfo {
      * 首次拖入的时候可以用来配置个表单。
      */
     scaffoldForm?: ScaffoldForm;
+    /**
+     * 新增属性，用于判断是否出现在组件面板中，默认为false，为ture则不展示
+     */
+    disabledRendererPlugin?: boolean;
     plugin: PluginInterface;
     parent: RendererInfo;
     id: string;
@@ -271,6 +275,7 @@ export interface ToolbarItem {
     draggable?: boolean;
     onDragStart?: (e: React.DragEvent) => void;
     icon: string;
+    iconSvg?: string;
     onClick?: (e: React.MouseEvent) => void;
     tooltip?: string;
     placement?: 'top' | 'bottom' | 'right' | 'left';
@@ -284,6 +289,7 @@ export interface PanelProps {
     id?: string;
     info?: RendererInfo;
     path?: string;
+    node?: EditorNodeType;
     value: BaseSchema;
     onChange: (value: BaseSchema, diff?: Array<DiffChange>) => void;
     store: EditorStoreType;
@@ -298,10 +304,11 @@ export interface PanelItem {
     key: string;
     icon: string;
     title: string;
-    component?: React.ComponentType<PanelProps>;
+    component?: React.ComponentType<PanelProps | any>;
     order: number;
     position?: 'left' | 'right';
     render?: (props: PanelProps) => JSX.Element;
+    menus?: Array<any>;
 }
 export declare type BasicPanelItem = Omit<PanelItem, 'order'> & Partial<Pick<PanelItem, 'order'>>;
 export interface EventContext {
@@ -490,6 +497,10 @@ export interface PluginInterface extends Partial<BasicRendererInfo>, Partial<Bas
      */
     panelIcon?: string;
     panelTitle?: string;
+    /**
+     * 新增属性，用于判断是否出现在组件面板中，默认为false，为ture则不展示
+     */
+    disabledRendererPlugin?: boolean;
     /**
      * @deprecated 用 panelBody
      */
@@ -554,6 +565,14 @@ export declare abstract class BasePlugin implements PluginInterface {
      * @param subRenderers
      */
     buildSubRenderers(context: RendererEventContext, subRenderers: Array<SubRendererInfo>, renderers: Array<RendererConfig>): BasicSubRenderInfo | Array<BasicSubRenderInfo> | void;
+    /**
+     * 构建当前选中组件的右键菜单
+     * @param id
+     * @param schema
+     * @param region
+     * @param info
+     * @param menus
+     */
     buildEditorContextMenu({ id, schema, region, info }: ContextMenuEventContext, menus: Array<ContextMenuItem>): void;
     renderPlaceholder(text: string, key?: any): React.DetailedReactHTMLElement<{
         key: any;

package/dist/store/editor.d.ts

@@ -140,6 +140,8 @@ export declare const EditorStore: import("mobx-state-tree").IModelType<{
     hoverId: import("mobx-state-tree").IType<string | undefined, string, string>;
     hoverRegion: import("mobx-state-tree").IType<string | undefined, string, string>;
     activeId: import("mobx-state-tree").IType<string | undefined, string, string>;
+    activeRegion: import("mobx-state-tree").IType<string | undefined, string, string>;
+    mouseMoveRegion: import("mobx-state-tree").IType<string | undefined, string, string>;
     selections: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<string[], string[], string[]>, [undefined]>;
     contextId: import("mobx-state-tree").IType<string | undefined, string, string>;
     dragMode: import("mobx-state-tree").IType<string | undefined, string, string>;
@@ -165,10 +167,12 @@ export declare const EditorStore: import("mobx-state-tree").IModelType<{
     toolbars: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<ToolbarItem[], ToolbarItem[], ToolbarItem[]>, [undefined]>;
     panels: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<PanelItem[], PanelItem[], PanelItem[]>, [undefined]>;
     subRenderersKeywords: import("mobx-state-tree").IType<string | undefined, string, string>;
+    subRenderersTag: import("mobx-state-tree").IType<string | undefined, string, string>;
     subRendererRegion: import("mobx-state-tree").IType<string | undefined, string, string>;
     subRenderers: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<SubRendererInfo[], SubRendererInfo[], SubRendererInfo[]>, [undefined]>;
     panelKey: import("mobx-state-tree").IType<string | undefined, string, string>;
     leftPanelKey: import("mobx-state-tree").IType<string | undefined, string, string>;
+    leftPanelOpenStatus: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
     jsonSchemaUri: import("mobx-state-tree").IType<string | undefined, string, string>;
     scaffoldForm: import("mobx-state-tree").IMaybe<import("mobx-state-tree").IType<ScaffoldFormContext, ScaffoldFormContext, ScaffoldFormContext>>;
     scaffoldFormBuzy: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
@@ -186,6 +190,7 @@ export declare const EditorStore: import("mobx-state-tree").IModelType<{
     isContextOn(id: string): boolean | "";
     readonly activeContainerId: string;
     isRegionHighlighted(id: string, region: string): boolean;
+    isRegionHighlightHover(id: string, region: string): boolean;
     isRegionActive(id: string, region: string): boolean;
     isRegionDragEnter(id: string, region: string): boolean;
     readonly highlightNodes: ({
@@ -354,6 +359,7 @@ export declare const EditorStore: import("mobx-state-tree").IModelType<{
     getLeftPanelKey(): string;
     readonly leftPanels: PanelItem[];
     readonly rightPanels: PanelItem[];
+    readonly contextMenuPanel: PanelItem | undefined;
     getPanels(): Array<PanelItem>;
     getLeftPanels(): Array<PanelItem>;
     readonly sortedToolbars: ToolbarItem[];
@@ -837,6 +843,10 @@ export declare const EditorStore: import("mobx-state-tree").IModelType<{
     readonly dragging: boolean;
     readonly needPatch: boolean;
     readonly schemaRaw: any;
+    readonly subRenderersByOrder: SubRendererInfo[];
+    groupedSubRenderersByKeyword(_subRenderers?: SubRendererInfo[] | undefined, keywords?: string | undefined): {
+        [propName: string]: SubRendererInfo[];
+    };
     readonly groupedSubRenderers: {
         [propName: string]: SubRendererInfo[];
     };
@@ -862,10 +872,11 @@ export declare const EditorStore: import("mobx-state-tree").IModelType<{
     setSchema(json: any): void;
     insertSchema(event: PluginEvent<InsertEventContext>): any;
     moveSchema(event: PluginEvent<MoveEventContext>): void;
-    setActiveId(id: string, selections?: Array<string>): void;
+    setActiveId(id: string, region?: string, selections?: Array<string>): void;
     setSelections(ids: Array<string>): void;
     clearSelection(): void;
     setHoverId(id: string, region?: string | undefined): void;
+    setMouseMoveRegion(region: string): void;
     setInsertId(id: string): void;
     setContextId(id: string): void;
     setDragId(id: string, mode?: 'move' | 'copy', type?: string, schema?: any): void;
@@ -875,10 +886,13 @@ export declare const EditorStore: import("mobx-state-tree").IModelType<{
     setPanels(panels: Array<PanelItem>): void;
     setSubRenderers(renderers: Array<SubRendererInfo>): void;
     changeSubRenderersKeywords(keywords: string): void;
+    changeSubRenderersTag(tag: string): void;
     resetSubRenderersKeywords(): void;
     changeSubRendererRegion(region: string): void;
-    changePanelKey(key: string, force?: boolean): void;
-    changeLeftPanelKey(key: string, force?: boolean): void;
+    changePanelKey(key: string): void;
+    changeLeftPanelKey(key: string): void;
+    changeLeftPanelOpenStatus(isOpenStatus: boolean): void;
+    showRendererPanel(tag?: string | undefined, msg?: string | undefined): void;
     changeValue(value: Schema, diff?: any): void;
     changeValueById(id: string, value: Schema, diff?: any, replace?: boolean | undefined, noTrace?: boolean | undefined): void;
     moveUp(id: string): void;