amis-editor 4.0.1-beta.9 → 4.0.2-beta.10

package/dist/plugin/Property.d.ts

@@ -3,6 +3,7 @@ export declare class PropertyPlugin extends BasePlugin {
     rendererName: string;
     $schema: string;
     name: string;
+    isBaseComponent: boolean;
     icon: string;
     description: string;
     docLink: string;

package/dist/plugin/QRCode.d.ts

@@ -3,6 +3,7 @@ export declare class QRCodePlugin extends BasePlugin {
     rendererName: string;
     $schema: string;
     name: string;
+    isBaseComponent: boolean;
     description: string;
     tags: string[];
     icon: string;

package/dist/plugin/Reset.d.ts

@@ -3,6 +3,7 @@ export declare class ResetPlugin extends ButtonPlugin {
     rendererName: string;
     disabledRendererPlugin: boolean;
     name: string;
+    isBaseComponent: boolean;
     icon: string;
     description: string;
     docLink: string;

package/dist/plugin/Service.d.ts

@@ -3,6 +3,7 @@ export declare class ServicePlugin extends BasePlugin {
     rendererName: string;
     $schema: string;
     name: string;
+    isBaseComponent: boolean;
     description: string;
     tags: string[];
     icon: string;

package/dist/plugin/Sparkline.d.ts

@@ -6,6 +6,7 @@ export declare class SparklinePlugin extends BasePlugin {
     rendererName: string;
     $schema: string;
     name: string;
+    isBaseComponent: boolean;
     description: string;
     tags: string[];
     icon: string;

package/dist/plugin/Status.d.ts

@@ -3,6 +3,7 @@ export declare class StatusPlugin extends BasePlugin {
     rendererName: string;
     $schema: string;
     name: string;
+    isBaseComponent: boolean;
     description: string;
     tags: string[];
     icon: string;

package/dist/plugin/Steps.d.ts

@@ -3,6 +3,7 @@ export declare class StepsPlugin extends BasePlugin {
     rendererName: string;
     $schema: string;
     name: string;
+    isBaseComponent: boolean;
     icon: string;
     description: string;
     tags: string[];

package/dist/plugin/Submit.d.ts

@@ -3,6 +3,7 @@ export declare class SubmitPlugin extends ButtonPlugin {
     rendererName: string;
     disabledRendererPlugin: boolean;
     name: string;
+    isBaseComponent: boolean;
     description: string;
     docLink: string;
     panelTitle: string;

package/dist/plugin/Table.d.ts

@@ -4,6 +4,7 @@ export declare class TablePlugin extends BasePlugin {
     rendererName: string;
     $schema: string;
     name: string;
+    isBaseComponent: boolean;
     description: string;
     docLink: string;
     icon: 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/TableView.d.ts

@@ -7,6 +7,7 @@ export declare class TableViewPlugin extends BasePlugin {
     rendererName: string;
     $schema: string;
     name: string;
+    isBaseComponent: boolean;
     icon: string;
     description: string;
     tags: string[];

package/dist/plugin/Tabs.d.ts

@@ -3,6 +3,7 @@ export declare class TabsPlugin extends BasePlugin {
     rendererName: string;
     $schema: string;
     name: string;
+    isBaseComponent: boolean;
     description: string;
     docLink: string;
     tags: string[];

package/dist/plugin/Tasks.d.ts

@@ -3,6 +3,7 @@ export declare class TasksPlugin extends BasePlugin {
     rendererName: string;
     $schema: string;
     name: string;
+    isBaseComponent: boolean;
     description: string;
     tags: string[];
     icon: string;

package/dist/plugin/Time.d.ts

@@ -3,6 +3,7 @@ import { DatePlugin } from './Date';
 export declare class TimePlugin extends DatePlugin {
     rendererName: string;
     name: string;
+    isBaseComponent: boolean;
     scaffold: {
         type: string;
         value: number;

package/dist/plugin/Tpl.d.ts

@@ -3,6 +3,7 @@ export declare class TplPlugin extends BasePlugin {
     rendererName: string;
     $schema: string;
     name: string;
+    isBaseComponent: boolean;
     icon: string;
     description: string;
     docLink: string;

package/dist/plugin/Video.d.ts

@@ -3,6 +3,7 @@ export declare class VideoPlugin extends BasePlugin {
     rendererName: string;
     $schema: string;
     name: string;
+    isBaseComponent: boolean;
     description: string;
     tags: string[];
     icon: string;

package/dist/plugin/WebComponent.d.ts

@@ -4,6 +4,7 @@ export declare class WebComponentPlugin extends BasePlugin {
     rendererName: string;
     $schema: string;
     name: string;
+    isBaseComponent: boolean;
     description: string;
     tags: string[];
     icon: string;
@@ -16,33 +17,9 @@ export declare class WebComponentPlugin extends BasePlugin {
         tag: string;
     };
     panelTitle: string;
-    panelBody: ({
+    panelBody: {
         type: string;
         label: string;
         name: string;
-        multiple?: undefined;
-        pipeIn?: undefined;
-        pipeOut?: undefined;
-        controls?: undefined;
-    } | {
-        type: string;
-        label: string;
-        name: string;
-        multiple: boolean;
-        pipeIn: (value: any) => any;
-        pipeOut: (value: any) => any;
-        controls: ({
-            placeholder: string;
-            type: string;
-            unique: boolean;
-            name: string;
-            columnClassName: string;
-        } | {
-            placeholder: string;
-            type: string;
-            name: string;
-            unique?: undefined;
-            columnClassName?: undefined;
-        })[];
-    })[];
+    }[];
 }

package/dist/plugin/Wizard.d.ts

@@ -4,6 +4,7 @@ export declare class WizardPlugin extends BasePlugin {
     rendererName: string;
     $schema: string;
     name: string;
+    isBaseComponent: boolean;
     description: string;
     docLink: string;
     tags: string[];

package/dist/plugin/Wrapper.d.ts

@@ -4,6 +4,7 @@ export declare class WrapperPlugin extends BasePlugin {
     $schema: string;
     disabledRendererPlugin: boolean;
     name: string;
+    isBaseComponent: boolean;
     description: string;
     tags: string[];
     icon: 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;
     /**
@@ -131,6 +131,8 @@ export interface RendererInfo extends RendererScaffoldInfo {
      * json schema 协议
      */
     $schema?: string;
+    isBaseComponent?: boolean;
+    disabledRendererPlugin?: boolean;
     /**
      * 配置区域。
      */
@@ -182,7 +184,7 @@ export interface RendererInfo extends RendererScaffoldInfo {
      *
      * 表格的列，即是表格列，也可能是其他文本框。
      *
-     * 配置了这个后会自动添加多个 panel 面板来编辑。
+     * 配置了这个后会自动添加多个 Panel 面板来编辑。
      */
     multifactor?: boolean;
     /**
@@ -249,6 +251,10 @@ export interface ScaffoldForm extends PopOverForm {
  * 子渲染器信息
  */
 export interface SubRendererInfo extends RendererScaffoldInfo {
+    /**
+     * 用于判断是否是平台预置组件，平台预置组件为true。
+     */
+    isBaseComponent?: boolean;
     /**
      * 首次拖入的时候可以用来配置个表单。
      */
@@ -274,13 +280,13 @@ export interface ToolbarItem {
     className?: string;
     draggable?: boolean;
     onDragStart?: (e: React.DragEvent) => void;
-    icon: string;
+    icon?: string;
     iconSvg?: string;
     onClick?: (e: React.MouseEvent) => void;
     tooltip?: string;
     placement?: 'top' | 'bottom' | 'right' | 'left';
 }
-export declare type BasicToolbarItem = Partial<ToolbarItem> & Pick<ToolbarItem, 'icon'>;
+export declare type BasicToolbarItem = Partial<ToolbarItem>;
 export declare type ContextMenuItem = MenuItem | MenuDivider;
 /**
  * 面板的属性定义
@@ -304,10 +310,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 {
@@ -539,6 +546,11 @@ export interface PluginInterface extends Partial<BasicRendererInfo>, Partial<Bas
      * 构建子渲染器信息集合。
      */
     buildSubRenderers?: (context: RendererEventContext, subRenderers: Array<SubRendererInfo>, renderers: Array<RendererConfig>) => BasicSubRenderInfo | Array<BasicSubRenderInfo> | void;
+    /**
+     * 更新NPM自定义组件分类和排序[异步方法]
+     * 备注：目前主要在npm自定义组件的分类和排序更新中使用
+     */
+    asyncUpdateCustomSubRenderersInfo?: (context: RendererEventContext, subRenderers: Array<SubRendererInfo>, renderers: Array<RendererConfig>) => void;
     markDom?: (dom: HTMLElement | Array<HTMLElement>, props: any) => void;
 }
 /**
@@ -573,6 +585,7 @@ export declare abstract class BasePlugin implements PluginInterface {
      * @param menus
      */
     buildEditorContextMenu({ id, schema, region, info }: ContextMenuEventContext, menus: Array<ContextMenuItem>): void;
+    buildEditorToolbar({ id, schema, info }: BaseEventContext, toolbars: Array<BasicToolbarItem>): void;
     renderPlaceholder(text: string, key?: any): React.DetailedReactHTMLElement<{
         key: any;
         className: string;

package/dist/store/editor.d.ts

@@ -137,6 +137,7 @@ export declare const EditorStore: import("mobx-state-tree").IModelType<{
         setWidthMutable(value: any): void;
         setHeightMutable(value: any): void;
     }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
+    theme: import("mobx-state-tree").IType<string | undefined, string, string>;
     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>;
@@ -161,16 +162,25 @@ export declare const EditorStore: import("mobx-state-tree").IModelType<{
     insertMode: import("mobx-state-tree").IType<string | undefined, string, string>;
     insertOrigId: import("mobx-state-tree").IType<string | undefined, string, string>;
     insertBeforeId: import("mobx-state-tree").IType<string | undefined, string, string>;
+    showInsertRenderer: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
     schema: import("mobx-state-tree").IType<any, any, any>;
     versionId: import("mobx-state-tree").IType<number | undefined, number, number>;
     schemaHistory: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IType<SchemaHistory, SchemaHistory, SchemaHistory>>, [undefined]>;
     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]>;
+    showCustomRenderersPanel: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    renderersTabsKey: import("mobx-state-tree").IType<string | undefined, string, string>;
+    renderersPanelUUID: import("mobx-state-tree").IType<string | undefined, string, string>;
+    subRenderers: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<SubRendererInfo[], SubRendererInfo[], SubRendererInfo[]>, [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]>;
+    customRenderersPanelUUID: import("mobx-state-tree").IType<string | undefined, string, string>;
+    customRenderersKeywords: import("mobx-state-tree").IType<string | undefined, string, string>;
+    customRenderersTag: import("mobx-state-tree").IType<string | undefined, string, string>;
     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>;
@@ -357,6 +367,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[];
@@ -840,10 +851,38 @@ export declare const EditorStore: import("mobx-state-tree").IModelType<{
     readonly dragging: boolean;
     readonly needPatch: boolean;
     readonly schemaRaw: any;
+    /** 获取平台预置组件（基础组件）*/
+    readonly subRenderersByOrder: SubRendererInfo[];
+    /** 获取自定义组件*/
+    readonly customRenderersByOrder: SubRendererInfo[];
+    /** 根据关键字过滤组件 */
+    groupedRenderersByKeyword(_subRenderers: Array<SubRendererInfo>, keywords?: string | undefined): {
+        [propName: string]: SubRendererInfo[];
+    };
+    /** 根据关键字过滤预置组件
+     * 备注：组件搜索中需要
+     */
+    groupedSubRenderersByKeyword(_subRenderers?: SubRendererInfo[] | undefined, keywords?: string | undefined): {
+        [propName: string]: SubRendererInfo[];
+    };
+    /**
+     * 根据当前分类和关键字获取预置组件
+     * 备注：组件面板展示需要
+     */
     readonly groupedSubRenderers: {
         [propName: string]: SubRendererInfo[];
     };
-    getSubRendererById(id: string): SubRendererInfo | undefined;
+    /** 根据关键字过滤自定义组件 */
+    groupedCustomRenderersByKeyword(_subRenderers?: SubRendererInfo[] | undefined, keywords?: string | undefined): {
+        [propName: string]: SubRendererInfo[];
+    };
+    /**
+     * 根据当前分类和关键字获取自定义组件
+     */
+    readonly groupedCustomRenderers: {
+        [propName: string]: SubRendererInfo[];
+    };
+    getSubRendererById(id: string): any;
     readonly groupedInsertRenderers: {
         [propName: string]: SubRendererInfo[];
     };
@@ -861,7 +900,9 @@ export declare const EditorStore: import("mobx-state-tree").IModelType<{
     getIframe(): HTMLIFrameElement | undefined;
     setIsMobile(value?: boolean | undefined): void;
     setCtx(value: any): void;
+    setTheme(value: string): void;
     setIsSubEditor(isSubEditor: boolean): void;
+    setShowCustomRenderersPanel(_showCustomRenderersPanel: boolean): void;
     setSchema(json: any): void;
     insertSchema(event: PluginEvent<InsertEventContext>): any;
     moveSchema(event: PluginEvent<MoveEventContext>): void;
@@ -879,10 +920,17 @@ 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;
+    changeCustomRenderersKeywords(keywords: string): void;
+    changeCustomRenderersTag(tag: string): void;
+    resetCustomRenderersKeywords(): 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;
+    changeRenderersTabsKey(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;
@@ -894,6 +942,8 @@ export declare const EditorStore: import("mobx-state-tree").IModelType<{
     replaceChild(id: string, json: any): void;
     setInsertRegion(region: string, id?: string, tag?: string, mode?: 'insert' | 'replace', originId?: string, beforeId?: string | undefined): void;
     closeInsertPanel(): void;
+    showInsertRendererPanel(): void;
+    closeInsertRendererPanel(): void;
     setInsertRenderers(renderers: Array<SubRendererInfo>): void;
     changeInsertRenderersKeywords(keywords: string): void;
     resetInsertRenderersKeywords(): void;