amis-editor 4.1.0-beta.1 → 4.1.0-beta.20

package/dist/manager.d.ts

@@ -80,6 +80,8 @@ export declare class EditorManager {
             readonly clickable: boolean;
             readonly draggable: boolean;
             readonly moveable: boolean;
+            readonly canMoveUp: boolean;
+            readonly canMoveDown: boolean;
             readonly removable: boolean;
             readonly duplicatable: boolean;
             readonly replaceable: boolean;
@@ -158,6 +160,8 @@ export declare class EditorManager {
             readonly clickable: boolean;
             readonly draggable: boolean;
             readonly moveable: boolean;
+            readonly canMoveUp: boolean;
+            readonly canMoveDown: boolean;
             readonly removable: boolean;
             readonly duplicatable: boolean;
             readonly replaceable: boolean;
@@ -255,10 +259,17 @@ export declare class EditorManager {
      */
     trigger<T extends EventContext>(type: string, context: T): PluginEvent<T>;
     /**
-     * 组件面板中的组件点选添加
-     * @param rendererId
+     * 在当前选中元素插入或追加新的元素
+     * @param rendererIdOrSchema
+     * 备注：可以根据渲染器ID添加新元素，也可以根据现有schema片段添加新元素
      */
-    addElem(rendererId: string): Promise<void>;
+    addElem(rendererIdOrSchema: string | Object): Promise<void>;
+    /**
+     * 在当前选中元素追加新的schema
+     * 备注：目前主要用在复制&粘贴快捷功能键中
+     * @param rendererSchema
+     */
+    appendSiblingSchema(rendererSchema: Object): Promise<void>;
     /**
      * 给插入面板使用的，将当前选中的节点插入到当前选中的节点容器内。
      * @param position

package/dist/plugin/Card.d.ts

@@ -5,6 +5,7 @@ export declare class CardPlugin extends BasePlugin {
     name: string;
     isBaseComponent: boolean;
     description: string;
+    docLink: string;
     tags: string[];
     icon: string;
     scaffold: {

package/dist/plugin/Cards.d.ts

@@ -5,6 +5,7 @@ export declare class CardsPlugin extends BasePlugin {
     name: string;
     isBaseComponent: boolean;
     description: string;
+    docLink: string;
     tags: string[];
     icon: string;
     scaffold: {

package/dist/plugin/Carousel.d.ts

@@ -5,6 +5,7 @@ export declare class CarouselPlugin extends BasePlugin {
     name: string;
     isBaseComponent: boolean;
     description: string;
+    docLink: string;
     tags: string[];
     icon: string;
     scaffold: {

package/dist/plugin/Chart.d.ts

@@ -5,6 +5,7 @@ export declare class ChartPlugin extends BasePlugin {
     name: string;
     isBaseComponent: boolean;
     description: string;
+    docLink: string;
     tags: string[];
     icon: string;
     scaffold: {

package/dist/plugin/Collapse.d.ts

@@ -5,6 +5,7 @@ export declare class CollapsePlugin extends BasePlugin {
     name: string;
     isBaseComponent: boolean;
     description: string;
+    docLink: string;
     tags: string[];
     icon: string;
     scaffold: {

package/dist/plugin/Custom.d.ts

@@ -10,12 +10,15 @@ export declare class CustomPlugin extends BasePlugin {
     description: string;
     tags: string[];
     icon: string;
+    docLink: string;
     scaffold: {
         type: string;
+        html: string;
         onMount: string;
     };
     previewSchema: {
         type: string;
+        html: string;
         onMount: string;
     };
     panelTitle: string;

package/dist/plugin/CustomRegion.d.ts

@@ -0,0 +1,43 @@
+/**
+ * @file 自定义代码
+ */
+import { BasePlugin, BasicRendererInfo, RendererInfoResolveEventContext } from '../plugin';
+export declare class CustomPlugin extends BasePlugin {
+    rendererName: string;
+    $schema: string;
+    name: string;
+    isBaseComponent: boolean;
+    disabledRendererPlugin: boolean;
+    description: string;
+    docLink: string;
+    tags: string[];
+    icon: string;
+    scaffold: {
+        type: string;
+        html: string;
+        onMount: string;
+        body: {
+            type: string;
+            tpl: string;
+            inline: boolean;
+            id: string;
+        }[];
+    };
+    previewSchema: {
+        type: string;
+        html: string;
+        onMount: string;
+        body: {
+            type: string;
+            tpl: string;
+            inline: boolean;
+            id: string;
+        }[];
+    };
+    panelTitle: string;
+    panelBody: any[];
+    /**
+     * 备注: 根据当前custom组件的schema中是否有body元素来启动容器模式，用于实现custom组件实现自定义容器类型
+     */
+    getRendererInfo(context: RendererInfoResolveEventContext): BasicRendererInfo | void;
+}

package/dist/plugin/Flex.d.ts

@@ -7,6 +7,7 @@ export declare class FlexPlugin extends BasePlugin {
     isBaseComponent: boolean;
     icon: string;
     description: string;
+    docLink: string;
     tags: string[];
     scaffold: {
         type: string;

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

@@ -6,6 +6,7 @@ export declare class ControlPlugin extends BasePlugin {
     isBaseComponent: boolean;
     icon: string;
     description: string;
+    docLink: string;
     tags: string[];
     scaffold: {
         type: string;

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

@@ -1,4 +1,3 @@
-import { SchemaObject } from 'amis';
 import { BasePlugin, ChangeEventContext, BaseEventContext, PluginEvent, RegionConfig, ScaffoldForm } from '../../plugin';
 export declare class FormPlugin extends BasePlugin {
     rendererName: string;
@@ -10,8 +9,25 @@ export declare class FormPlugin extends BasePlugin {
     docLink: string;
     tags: string[];
     icon: string;
-    scaffold: SchemaObject;
-    previewSchema: SchemaObject;
+    scaffold: {
+        type: string;
+        title: string;
+        body: {
+            label: string;
+            type: string;
+            name: string;
+        }[];
+    };
+    previewSchema: {
+        type: string;
+        panelClassName: string;
+        mode: string;
+        body: {
+            label: string;
+            name: string;
+            type: string;
+        }[];
+    };
     scaffoldForm: ScaffoldForm;
     regions: Array<RegionConfig>;
     panelTitle: string;

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

@@ -6,6 +6,7 @@ export declare class URLControlPlugin extends TextControlPlugin {
     isBaseComponent: boolean;
     icon: string;
     description: string;
+    docLink: string;
     scaffold: {
         type: string;
         label: string;

package/dist/plugin/Grid.d.ts

@@ -7,6 +7,7 @@ export declare class GridPlugin extends BasePlugin {
     name: string;
     isBaseComponent: boolean;
     description: string;
+    docLink: string;
     tags: string[];
     icon: string;
     scaffold: {

package/dist/plugin/HBox.d.ts

@@ -9,6 +9,7 @@ export declare class HBoxPlugin extends BasePlugin {
     isBaseComponent: boolean;
     icon: string;
     description: string;
+    docLink: string;
     tags: string[];
     scaffold: {
         type: string;

package/dist/plugin/Json.d.ts

@@ -5,6 +5,7 @@ export declare class JsonPlugin extends BasePlugin {
     name: string;
     isBaseComponent: boolean;
     description: string;
+    docLink: string;
     tags: string[];
     icon: string;
     scaffold: {

package/dist/plugin/List.d.ts

@@ -5,6 +5,7 @@ export declare class ListPlugin extends BasePlugin {
     name: string;
     isBaseComponent: boolean;
     description: string;
+    docLink: string;
     tags: string[];
     icon: string;
     scaffold: {

package/dist/plugin/Mapping.d.ts

@@ -5,6 +5,7 @@ export declare class MappingPlugin extends BasePlugin {
     name: string;
     isBaseComponent: boolean;
     description: string;
+    docLink: string;
     tags: string[];
     icon: string;
     scaffold: {

package/dist/plugin/Markdown.d.ts

@@ -5,6 +5,7 @@ export declare class MarkdownPlugin extends BasePlugin {
     name: string;
     isBaseComponent: boolean;
     description: string;
+    docLink: string;
     tags: string[];
     icon: string;
     scaffold: {

package/dist/plugin/Nav.d.ts

@@ -5,6 +5,7 @@ export declare class NavPlugin extends BasePlugin {
     name: string;
     isBaseComponent: boolean;
     description: string;
+    docLink: string;
     tags: string[];
     icon: string;
     scaffold: {

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

@@ -0,0 +1,8 @@
+import { BasePlugin, BasicPanelItem, BuildPanelEventContext } from '../../plugin';
+/**
+ * 大纲面板
+ */
+export declare class OutlinePlugin extends BasePlugin {
+    order: number;
+    buildEditorPanel(context: BuildPanelEventContext, panels: Array<BasicPanelItem>): void;
+}

package/dist/plugin/Progress.d.ts

@@ -5,6 +5,7 @@ export declare class ProgressPlugin extends BasePlugin {
     name: string;
     isBaseComponent: boolean;
     description: string;
+    docLink: string;
     tags: string[];
     icon: string;
     scaffold: {

package/dist/plugin/QRCode.d.ts

@@ -5,6 +5,7 @@ export declare class QRCodePlugin extends BasePlugin {
     name: string;
     isBaseComponent: boolean;
     description: string;
+    docLink: string;
     tags: string[];
     icon: string;
     scaffold: {

package/dist/plugin/Reset.d.ts

@@ -6,7 +6,6 @@ export declare class ResetPlugin extends ButtonPlugin {
     isBaseComponent: boolean;
     icon: string;
     description: string;
-    docLink: string;
     panelTitle: string;
     scaffold: any;
     previewSchema: any;

package/dist/plugin/Service.d.ts

@@ -5,6 +5,7 @@ export declare class ServicePlugin extends BasePlugin {
     name: string;
     isBaseComponent: boolean;
     description: string;
+    docLink: string;
     tags: string[];
     icon: string;
     scaffold: {

package/dist/plugin/Sparkline.d.ts

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

package/dist/plugin/Status.d.ts

@@ -5,6 +5,7 @@ export declare class StatusPlugin extends BasePlugin {
     name: string;
     isBaseComponent: boolean;
     description: string;
+    docLink: string;
     tags: string[];
     icon: string;
     scaffold: {

package/dist/plugin/Steps.d.ts

@@ -6,6 +6,7 @@ export declare class StepsPlugin extends BasePlugin {
     isBaseComponent: boolean;
     icon: string;
     description: string;
+    docLink: string;
     tags: string[];
     scaffold: {
         type: string;

package/dist/plugin/Submit.d.ts

@@ -5,7 +5,6 @@ export declare class SubmitPlugin extends ButtonPlugin {
     name: string;
     isBaseComponent: boolean;
     description: string;
-    docLink: string;
     panelTitle: string;
     scaffold: any;
     previewSchema: any;

package/dist/plugin/TableView.d.ts

@@ -10,6 +10,7 @@ export declare class TableViewPlugin extends BasePlugin {
     isBaseComponent: boolean;
     icon: string;
     description: string;
+    docLink: string;
     tags: string[];
     scaffold: {
         type: string;

package/dist/plugin/Tasks.d.ts

@@ -5,6 +5,7 @@ export declare class TasksPlugin extends BasePlugin {
     name: string;
     isBaseComponent: boolean;
     description: string;
+    docLink: string;
     tags: string[];
     icon: string;
     scaffold: {

package/dist/plugin/TooltipWrapper.d.ts

@@ -5,6 +5,7 @@ export declare class TooltipWrapperPlugin extends BasePlugin {
     isBaseComponent: boolean;
     name: string;
     description: string;
+    docLink: string;
     tags: string[];
     icon: string;
     scaffold: {

package/dist/plugin/Video.d.ts

@@ -5,6 +5,7 @@ export declare class VideoPlugin extends BasePlugin {
     name: string;
     isBaseComponent: boolean;
     description: string;
+    docLink: string;
     tags: string[];
     icon: string;
     scaffold: {

package/dist/plugin/WebComponent.d.ts

@@ -6,6 +6,7 @@ export declare class WebComponentPlugin extends BasePlugin {
     name: string;
     isBaseComponent: boolean;
     description: string;
+    docLink: string;
     tags: string[];
     icon: string;
     scaffold: {

package/dist/plugin/Wizard.d.ts

@@ -1,4 +1,3 @@
-import { SchemaObject } from 'amis';
 import { BaseEventContext, BasePlugin, BasicToolbarItem, VRendererConfig } from '../plugin';
 export declare class WizardPlugin extends BasePlugin {
     rendererName: string;
@@ -9,7 +8,17 @@ export declare class WizardPlugin extends BasePlugin {
     docLink: string;
     tags: string[];
     icon: string;
-    scaffold: SchemaObject;
+    scaffold: {
+        type: string;
+        steps: {
+            title: string;
+            body: {
+                type: string;
+                label: string;
+                name: string;
+            }[];
+        }[];
+    };
     previewSchema: {
         type: string;
         className: string;

package/dist/plugin/Wrapper.d.ts

@@ -6,6 +6,7 @@ export declare class WrapperPlugin extends BasePlugin {
     name: string;
     isBaseComponent: boolean;
     description: string;
+    docLink: string;
     tags: string[];
     icon: string;
     scaffold: {

package/dist/plugin.d.ts

@@ -311,7 +311,7 @@ export interface PanelItem {
     nodeId?: string;
     key: string;
     icon: string;
-    title: string;
+    title: string | JSX.Element;
     component?: React.ComponentType<PanelProps | any>;
     order: number;
     position?: 'left' | 'right';
@@ -586,7 +586,7 @@ export declare abstract class BasePlugin implements PluginInterface {
      * @param info
      * @param menus
      */
-    buildEditorContextMenu({ id, schema, region, info }: ContextMenuEventContext, menus: Array<ContextMenuItem>): void;
+    buildEditorContextMenu({ id, schema, region, info, selections }: ContextMenuEventContext, menus: Array<ContextMenuItem>): void;
     buildEditorToolbar({ id, schema, info }: BaseEventContext, toolbars: Array<BasicToolbarItem>): void;
     renderPlaceholder(text: string, key?: any): React.DetailedReactHTMLElement<{
         key: any;

package/dist/store/editor.d.ts

@@ -89,6 +89,8 @@ export declare const EditorStore: import("mobx-state-tree").IModelType<{
         readonly clickable: boolean;
         readonly draggable: boolean;
         readonly moveable: boolean;
+        readonly canMoveUp: boolean;
+        readonly canMoveDown: boolean;
         readonly removable: boolean;
         readonly duplicatable: boolean;
         readonly replaceable: boolean;
@@ -170,12 +172,10 @@ export declare const EditorStore: import("mobx-state-tree").IModelType<{
     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>;
-    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>;
@@ -193,6 +193,7 @@ export declare const EditorStore: import("mobx-state-tree").IModelType<{
 }, {
     readonly filteredSchema: any;
     readonly filteredSchemaForPreview: any;
+    isRootSchema(id: string): boolean;
     isHoved(id: string): boolean | "";
     isActive(id: string): boolean | "";
     isContextOn(id: string): boolean | "";
@@ -232,6 +233,8 @@ export declare const EditorStore: import("mobx-state-tree").IModelType<{
         readonly clickable: boolean;
         readonly draggable: boolean;
         readonly moveable: boolean;
+        readonly canMoveUp: boolean;
+        readonly canMoveDown: boolean;
         readonly removable: boolean;
         readonly duplicatable: boolean;
         readonly replaceable: boolean;
@@ -310,6 +313,8 @@ export declare const EditorStore: import("mobx-state-tree").IModelType<{
         readonly clickable: boolean;
         readonly draggable: boolean;
         readonly moveable: boolean;
+        readonly canMoveUp: boolean;
+        readonly canMoveDown: boolean;
         readonly removable: boolean;
         readonly duplicatable: boolean;
         readonly replaceable: boolean;
@@ -363,6 +368,7 @@ export declare const EditorStore: import("mobx-state-tree").IModelType<{
     getSchema(id?: string | undefined): any;
     getSchemaParentById(id: string): any;
     getSchemaPath(id: string): string;
+    getSimpleSchema(curSchema: any): any;
     getPanelKey(): string;
     getLeftPanelKey(): string;
     readonly leftPanels: PanelItem[];
@@ -408,6 +414,8 @@ export declare const EditorStore: import("mobx-state-tree").IModelType<{
         readonly clickable: boolean;
         readonly draggable: boolean;
         readonly moveable: boolean;
+        readonly canMoveUp: boolean;
+        readonly canMoveDown: boolean;
         readonly removable: boolean;
         readonly duplicatable: boolean;
         readonly replaceable: boolean;
@@ -486,6 +494,8 @@ export declare const EditorStore: import("mobx-state-tree").IModelType<{
         readonly clickable: boolean;
         readonly draggable: boolean;
         readonly moveable: boolean;
+        readonly canMoveUp: boolean;
+        readonly canMoveDown: boolean;
         readonly removable: boolean;
         readonly duplicatable: boolean;
         readonly replaceable: boolean;
@@ -565,6 +575,8 @@ export declare const EditorStore: import("mobx-state-tree").IModelType<{
         readonly clickable: boolean;
         readonly draggable: boolean;
         readonly moveable: boolean;
+        readonly canMoveUp: boolean;
+        readonly canMoveDown: boolean;
         readonly removable: boolean;
         readonly duplicatable: boolean;
         readonly replaceable: boolean;
@@ -643,6 +655,8 @@ export declare const EditorStore: import("mobx-state-tree").IModelType<{
         readonly clickable: boolean;
         readonly draggable: boolean;
         readonly moveable: boolean;
+        readonly canMoveUp: boolean;
+        readonly canMoveDown: boolean;
         readonly removable: boolean;
         readonly duplicatable: boolean;
         readonly replaceable: boolean;
@@ -722,6 +736,8 @@ export declare const EditorStore: import("mobx-state-tree").IModelType<{
         readonly clickable: boolean;
         readonly draggable: boolean;
         readonly moveable: boolean;
+        readonly canMoveUp: boolean;
+        readonly canMoveDown: boolean;
         readonly removable: boolean;
         readonly duplicatable: boolean;
         readonly replaceable: boolean;
@@ -800,6 +816,8 @@ export declare const EditorStore: import("mobx-state-tree").IModelType<{
         readonly clickable: boolean;
         readonly draggable: boolean;
         readonly moveable: boolean;
+        readonly canMoveUp: boolean;
+        readonly canMoveDown: boolean;
         readonly removable: boolean;
         readonly duplicatable: boolean;
         readonly replaceable: boolean;

package/dist/store/node.d.ts

@@ -36,6 +36,8 @@ export declare const EditorNode: import("mobx-state-tree").IModelType<{
     readonly clickable: boolean;
     readonly draggable: boolean;
     readonly moveable: boolean;
+    readonly canMoveUp: boolean;
+    readonly canMoveDown: boolean;
     readonly removable: boolean;
     readonly duplicatable: boolean;
     readonly replaceable: boolean;
@@ -120,6 +122,8 @@ export declare const EditorNodeContext: React.Context<({
     readonly clickable: boolean;
     readonly draggable: boolean;
     readonly moveable: boolean;
+    readonly canMoveUp: boolean;
+    readonly canMoveDown: boolean;
     readonly removable: boolean;
     readonly duplicatable: boolean;
     readonly replaceable: boolean;
@@ -203,6 +207,8 @@ export declare const EditorNodeContext: React.Context<({
     readonly clickable: boolean;
     readonly draggable: boolean;
     readonly moveable: boolean;
+    readonly canMoveUp: boolean;
+    readonly canMoveDown: boolean;
     readonly removable: boolean;
     readonly duplicatable: boolean;
     readonly replaceable: boolean;