amis-editor-core 6.2.2 → 6.3.0

package/esm/manager.d.ts

@@ -853,7 +853,7 @@ export declare class EditorManager {
      * @param rendererIdOrSchema
      * 备注：可以根据渲染器ID添加新元素，也可以根据现有schema片段添加新元素
      */
-    addElem(rendererIdOrSchema: string | any, reGenerateId?: boolean): Promise<void>;
+    addElem(rendererIdOrSchema: string | any, reGenerateId?: boolean, activeChild?: boolean): Promise<void>;
     /**
      * 判断当前节点是否可以添加同级节点
      */
@@ -908,7 +908,7 @@ export declare class EditorManager {
      * @param value
      * @param diff
      */
-    panelChangeValue(value: any, diff?: any): void;
+    panelChangeValue(value: any, diff?: any, changeFilter?: (schema: any, value: any, id: string, diff?: any) => any, id?: string): void;
     /**
      * 打开子编辑器，比如弹框什么的，没办法直接编辑器，靠弹窗个新的编辑器来编辑。
      * @param config

package/esm/plugin.d.ts

@@ -676,7 +676,7 @@ export interface RendererPluginAction {
     schema?: any;
     supportComponents?: string[] | string;
     innerArgs?: string[];
-    descDetail?: (info: any) => string | JSX.Element;
+    descDetail?: (info: any, context: any, props: any) => string | JSX.Element;
     outputVarDataSchema?: any | any[];
     actions?: SubRendererPluginAction[];
     children?: RendererPluginAction[];

package/esm/store/editor.d.ts

@@ -3,6 +3,8 @@ import { Instance } from 'mobx-state-tree';
 import { InsertEventContext, PluginEvent, RendererInfo, SubRendererInfo, ToolbarItem, PanelItem, MoveEventContext, ScaffoldForm, PopOverForm } from '../plugin';
 import type { Schema } from 'amis';
 import { EditorNodeType } from './node';
+import type { DialogSchema } from '../../../amis/src/renderers/Dialog';
+import type { DrawerSchema } from '../../../amis/src/renderers/Drawer';
 export interface SchemaHistory {
     versionId: number;
     schema: any;
@@ -57,6 +59,11 @@ export interface TargetName {
     name: string;
     editorId: string;
 }
+export type EditorModalBody = (DialogSchema | DrawerSchema) & {
+    $$id?: string;
+    $$ref?: string;
+    actionType?: string;
+};
 export declare const MainStore: import("mobx-state-tree").IModelType<{
     isMobile: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
     isSubEditor: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
@@ -415,7 +422,7 @@ export declare const MainStore: import("mobx-state-tree").IModelType<{
         removeChild(child: any): void;
         toggleFold(e: import("react").MouseEvent<HTMLAnchorElement, MouseEvent>): void;
         patch(store: any, force?: boolean, setPatchInfo?: ((id: string, value: any) => void) | undefined): void;
-        updateSchema(value: any): void;
+        updateSchema(value: any): void; /** 根据关键字过滤组件 */
         updateSchemaStyle(value: any): void;
         setComponent(value: any): void;
         getComponent(): any;
@@ -429,8 +436,6 @@ export declare const MainStore: 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>;
-    previewDialogId: import("mobx-state-tree").IType<string | undefined, string, string>;
-    activeDialogPath: 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]>;
@@ -853,7 +858,7 @@ export declare const MainStore: import("mobx-state-tree").IModelType<{
         removeChild(child: any): void;
         toggleFold(e: import("react").MouseEvent<HTMLAnchorElement, MouseEvent>): void;
         patch(store: any, force?: boolean, setPatchInfo?: ((id: string, value: any) => void) | undefined): void;
-        updateSchema(value: any): void;
+        updateSchema(value: any): void; /** 根据关键字过滤组件 */
         updateSchemaStyle(value: any): void;
         setComponent(value: any): void;
         getComponent(): any;
@@ -1216,7 +1221,7 @@ export declare const MainStore: import("mobx-state-tree").IModelType<{
         removeChild(child: any): void;
         toggleFold(e: import("react").MouseEvent<HTMLAnchorElement, MouseEvent>): void;
         patch(store: any, force?: boolean, setPatchInfo?: ((id: string, value: any) => void) | undefined): void;
-        updateSchema(value: any): void;
+        updateSchema(value: any): void; /** 根据关键字过滤组件 */
         updateSchemaStyle(value: any): void;
         setComponent(value: any): void;
         getComponent(): any;
@@ -1601,7 +1606,7 @@ export declare const MainStore: import("mobx-state-tree").IModelType<{
         removeChild(child: any): void;
         toggleFold(e: import("react").MouseEvent<HTMLAnchorElement, MouseEvent>): void;
         patch(store: any, force?: boolean, setPatchInfo?: ((id: string, value: any) => void) | undefined): void;
-        updateSchema(value: any): void;
+        updateSchema(value: any): void; /** 根据关键字过滤组件 */
         updateSchemaStyle(value: any): void;
         setComponent(value: any): void;
         getComponent(): any;
@@ -1964,7 +1969,7 @@ export declare const MainStore: import("mobx-state-tree").IModelType<{
         removeChild(child: any): void;
         toggleFold(e: import("react").MouseEvent<HTMLAnchorElement, MouseEvent>): void;
         patch(store: any, force?: boolean, setPatchInfo?: ((id: string, value: any) => void) | undefined): void;
-        updateSchema(value: any): void;
+        updateSchema(value: any): void; /** 根据关键字过滤组件 */
         updateSchemaStyle(value: any): void;
         setComponent(value: any): void;
         getComponent(): any;
@@ -2328,7 +2333,7 @@ export declare const MainStore: import("mobx-state-tree").IModelType<{
         removeChild(child: any): void;
         toggleFold(e: import("react").MouseEvent<HTMLAnchorElement, MouseEvent>): void;
         patch(store: any, force?: boolean, setPatchInfo?: ((id: string, value: any) => void) | undefined): void;
-        updateSchema(value: any): void;
+        updateSchema(value: any): void; /** 根据关键字过滤组件 */
         updateSchemaStyle(value: any): void;
         setComponent(value: any): void;
         getComponent(): any;
@@ -2691,7 +2696,7 @@ export declare const MainStore: import("mobx-state-tree").IModelType<{
         removeChild(child: any): void;
         toggleFold(e: import("react").MouseEvent<HTMLAnchorElement, MouseEvent>): void;
         patch(store: any, force?: boolean, setPatchInfo?: ((id: string, value: any) => void) | undefined): void;
-        updateSchema(value: any): void;
+        updateSchema(value: any): void; /** 根据关键字过滤组件 */
         updateSchemaStyle(value: any): void;
         setComponent(value: any): void;
         getComponent(): any;
@@ -3055,7 +3060,7 @@ export declare const MainStore: import("mobx-state-tree").IModelType<{
         removeChild(child: any): void;
         toggleFold(e: import("react").MouseEvent<HTMLAnchorElement, MouseEvent>): void;
         patch(store: any, force?: boolean, setPatchInfo?: ((id: string, value: any) => void) | undefined): void;
-        updateSchema(value: any): void;
+        updateSchema(value: any): void; /** 根据关键字过滤组件 */
         updateSchemaStyle(value: any): void;
         setComponent(value: any): void;
         getComponent(): any;
@@ -3418,7 +3423,7 @@ export declare const MainStore: import("mobx-state-tree").IModelType<{
         removeChild(child: any): void;
         toggleFold(e: import("react").MouseEvent<HTMLAnchorElement, MouseEvent>): void;
         patch(store: any, force?: boolean, setPatchInfo?: ((id: string, value: any) => void) | undefined): void;
-        updateSchema(value: any): void;
+        updateSchema(value: any): void; /** 根据关键字过滤组件 */
         updateSchemaStyle(value: any): void;
         setComponent(value: any): void;
         getComponent(): any;
@@ -3483,7 +3488,13 @@ export declare const MainStore: import("mobx-state-tree").IModelType<{
     readonly getSuperEditorData: any;
     getComponentTreeSource(): any;
     readonly scaffoldData: any;
-    readonly dialogOutlineList: any[];
+    readonly modals: any[];
+    readonly modalOptions: {
+        label: string;
+        tip: string;
+        value: any;
+        $$ref: any;
+    }[];
 } & {
     setLayer(value: any): void;
     getLayer(): HTMLElement | undefined;
@@ -3500,8 +3511,6 @@ export declare const MainStore: import("mobx-state-tree").IModelType<{
     insertSchema(event: PluginEvent<InsertEventContext>): any;
     moveSchema(event: PluginEvent<MoveEventContext>): void;
     setActiveId(id: string, region?: string, selections?: Array<string>): void;
-    setActiveDialogPath(path: string): void;
-    setPreviewDialogId(id?: string): void;
     setSelections(ids: Array<string>): void;
     clearSelection(): void;
     setHoverId(id: string, region?: string): void;
@@ -3527,9 +3536,9 @@ export declare const MainStore: import("mobx-state-tree").IModelType<{
     changeOutlineTabsKey(key: string): void;
     changeLeftPanelOpenStatus(isOpenStatus: boolean): void;
     showRendererPanel(tag?: string, msg?: string): void;
-    changeValue(value: Schema, diff?: any): void;
+    changeValue(value: Schema, diff?: any, changeFilter?: ((schema: any, value: any, id: string, diff?: any) => any) | undefined, id?: string): void;
     definitionOnchangeValue(value: Schema, diff?: any): void;
-    changeValueById(id: string, value: Schema, diff?: any, replace?: boolean, noTrace?: boolean): void;
+    changeValueById(id: string, value: Schema, diff?: any, replace?: boolean, noTrace?: boolean, changeFilter?: ((schema: any, value: any, id: string, diff?: any) => any) | undefined): void;
     batchChangeValue(list: Array<{
         id: string;
         value: Schema;
@@ -3555,6 +3564,16 @@ export declare const MainStore: import("mobx-state-tree").IModelType<{
     setInsertTag(tag: string): void;
     setInsertSelected(id: string): void;
     setJSONSchemaUri(schemaUri: string): void;
+    addModal(modal?: DialogSchema | DrawerSchema, definitions?: any): void;
+    /**
+     * 计算具有指定ID的模态动作引用的数量
+     *
+     * @param id 模态动作的ID
+     * @returns 返回模态动作引用的数量
+     */
+    countModalActionRefs(id: string): number;
+    removeModal(id: string): void;
+    updateModal(id: string, modal: DialogSchema | DrawerSchema, definitions?: any): void;
     openSubEditor(context: SubEditorContext): void;
     confirmSubEditor([valueRaw]: any): void;
     closeSubEditor(): void;

package/esm/util.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="lodash" />
 import type { Schema } from 'amis';
 import { Diff } from 'deep-diff';
+import { EditorModalBody } from './store/editor';
 declare const guid: any, omitControls: any, isObjectShallowModified: any, cloneObject: any, anyChanged: any, noop: any, makeHorizontalDeeper: any, isEmpty: any, eachTree: any, createObject: any;
 export { guid, isObjectShallowModified, anyChanged, noop, makeHorizontalDeeper, omitControls, isEmpty, cloneObject, eachTree, createObject };
 export declare let themeConfig: any;
@@ -159,16 +160,23 @@ export declare const updateComponentContext: (variables: any[]) => any[];
  * @param selector dom 选择器
  */
 export declare const scrollToActive: import("lodash").DebouncedFunc<(selector: string) => void>;
+export declare function addModal(schema: any, modal: any, definitions?: any): any[];
 /**
- * 获取弹窗事件
- * @param schema 遍历的schema
- * @param listType 列表形式，弹窗list或label value形式的数据源
- * @param filterId 要过滤弹窗的id
+ * 弹窗转成 definitions 定义
+ * 这样打开子弹窗的时候，可以把父级的弹窗列表透传到子弹窗里面去
+ *
+ * 这样子弹窗里面打开弹窗才能选到外面的弹窗
+ * @param modals
+ * @param definitions
+ * @returns
  */
-export declare const getDialogActions: (schema: Schema, listType: 'list' | 'source', filterId?: string) => any[];
+export declare function modalsToDefinitions(modals: Array<EditorModalBody>, definitions?: any): any;
 /**
- * 获取弹窗的类型，来源于事件或definitions,由于历史数据可能没有type: dialog,在这里兼容一下
- * @param json
- * @param previewDialogId
+ * 从子弹窗的 definitions 合并回来到主弹窗的 definitions
+ *
+ * @param originSchema
+ * @param definitions
+ * @param modal
+ * @returns
  */
-export declare const getFixDialogType: (json: Schema, dialogId: string) => any;
+export declare function mergeDefinitions(originSchema: any, definitions: any, modal: any): any;

package/lib/component/Editor.d.ts

@@ -103,7 +103,7 @@ export default class Editor extends Component<EditorProps> {
     componentWillUnmount(): void;
     handleKeyDown(e: KeyboardEvent): void;
     handleMessage(event: any): void;
-    handleContextMenu(e: React.MouseEvent<HTMLElement>): void;
+    handleContextMenu(e: React.MouseEvent<HTMLElement>): Promise<void>;
     canUndo(): boolean;
     canRedo(): boolean;
     undo(): void;

package/lib/component/HighlightBox.d.ts

@@ -13,19 +13,5 @@ export interface HighlightBoxProps {
     manager: EditorManager;
     children?: React.ReactNode;
 }
-export default class HighlightBox extends React.Component<HighlightBoxProps> {
-    mainRef: React.RefObject<HTMLDivElement>;
-    handleWResizerMouseDown(e: MouseEvent): void;
-    handleHResizerMouseDown(e: MouseEvent): void;
-    handleResizerMouseDown(e: MouseEvent): void;
-    startResize(e: MouseEvent, direction?: 'horizontal' | 'vertical' | 'both'): void;
-    wResizerDom: HTMLElement;
-    wResizerRef(ref: any): void;
-    hResizerDom: HTMLElement;
-    hResizerRef(ref: any): void;
-    resizerDom: HTMLElement;
-    resizerRef(ref: any): void;
-    handleMouseEnter(): void;
-    handleDragStart(e: React.DragEvent): void;
-    render(): React.JSX.Element;
-}
+declare const _default: ({ className, store, id, title, children, node, toolbarContainer, onSwitch, manager }: HighlightBoxProps) => React.JSX.Element;
+export default _default;

package/lib/component/Panel/DialogList.d.ts

@@ -0,0 +1,9 @@
+import { ClassNamesFn } from 'amis-core';
+import React from 'react';
+import { EditorStoreType } from '../../store/editor';
+export interface DialogListProps {
+    classnames: ClassNamesFn;
+    store: EditorStoreType;
+}
+declare const _default: ({ classnames: cx, store }: DialogListProps) => React.JSX.Element;
+export default _default;

package/lib/component/Panel/Outline.d.ts

@@ -19,6 +19,6 @@ export declare class OutlinePanel extends React.Component<PanelProps> {
     renderItem(option: EditorNodeType, index: number, type?: 'dialog' | 'dialogView'): React.JSX.Element | null;
     getDialogNodeLabel(option: EditorNodeType, type?: 'dialog' | 'dialogView'): string;
     getDialogLabel(option: any, isNode: boolean, title?: 'title' | 'dialogTitle'): string;
-    renderDialogItem(option: any, index: number): React.JSX.Element | null;
+    renderDialogItem(option: any, index: number): React.JSX.Element;
     render(): React.JSX.Element;
 }

package/lib/component/Panel/RenderersPanel.d.ts

@@ -1,3 +1,4 @@
+import { TestIdBuilder } from 'amis';
 import React from 'react';
 import { EditorStoreType } from '../../store/editor';
 import { EditorManager } from '../../manager';
@@ -10,6 +11,7 @@ type PanelProps = {
     };
     searchRendererType: string;
     className?: string;
+    testIdBuilder?: TestIdBuilder;
 };
 type PanelStates = {
     toggleCollapseFolderStatus: boolean;

package/lib/component/RegionHLBox.d.ts

@@ -14,7 +14,5 @@ export interface HighlightBoxProps {
     manager: EditorManager;
     isOnlyChildRegion: boolean;
 }
-export default class RegionHighlightBox extends React.Component<HighlightBoxProps> {
-    handleClick(): void;
-    render(): React.JSX.Element;
-}
+declare const _default: (props: HighlightBoxProps) => React.JSX.Element;
+export default _default;

package/lib/component/base/BackTop.d.ts

@@ -16,7 +16,7 @@ export default class BackTop extends React.Component<BackTopProps, BackTopStates
     constructor(props: any);
     componentDidMount(): void;
     componentWillUnmount(): void;
-    getDefaultTarget(): Document | (Window & typeof globalThis);
+    getDefaultTarget(): (Window & typeof globalThis) | Document;
     handleScroll(e: React.UIEvent<HTMLElement> | {
         target: any;
     }): void;

package/lib/component/base/SchemaForm.d.ts

@@ -0,0 +1,24 @@
+import { EditorNodeType } from '../../store/node';
+import { EditorManager } from '../../manager';
+export declare function SchemaFrom({ propKey, body, definitions, controls, onChange, value, env, api, popOverContainer, submitOnChange, node, manager, justify, ctx, pipeIn, pipeOut }: {
+    propKey?: string;
+    env: any;
+    body?: Array<any>;
+    /**
+     * @deprecated 用 body 代替
+     */
+    controls?: Array<any>;
+    definitions?: any;
+    value: any;
+    api?: any;
+    onChange: (value: any, diff: any, filter: (schema: any, value: any, id: string, diff?: any) => any) => void;
+    popOverContainer?: () => HTMLElement | void;
+    submitOnChange?: boolean;
+    node?: EditorNodeType;
+    manager: EditorManager;
+    panelById?: string;
+    justify?: boolean;
+    ctx?: any;
+    pipeIn?: (value: any) => any;
+    pipeOut?: (value: any, oldValue: any) => any;
+}): any;

package/lib/editor.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor-core v6.2.2
+ * amis-editor-core v6.3.0
  * Copyright 2018-2024 @fex
  */
 

package/lib/index.d.ts

@@ -33,6 +33,7 @@ import type { EditorStoreType } from './store/editor';
 import { AvailableRenderersPlugin } from './plugin/AvailableRenderers';
 import ShortcutKey from './component/base/ShortcutKey';
 import WidthDraggableContainer from './component/base/WidthDraggableContainer';
+import { SchemaFrom } from './component/base/SchemaForm';
 export declare const version = "__buildVersion";
 export default Editor;
-export { Editor, MiniEditor, utils, mapReactElement, RendererEditor, BasicEditor, CodeEditor, VRenderer, RegionWrapper, IFramePreview as IFrameEditor, SearchPanel, EditorNodeType, EditorNodeSnapshot, EditorStoreType, ContainerWrapper, AvailableRenderersPlugin, ShortcutKey, WidthDraggableContainer };
+export { Editor, MiniEditor, utils, mapReactElement, RendererEditor, BasicEditor, CodeEditor, VRenderer, RegionWrapper, IFramePreview as IFrameEditor, SearchPanel, EditorNodeType, EditorNodeSnapshot, EditorStoreType, ContainerWrapper, AvailableRenderersPlugin, ShortcutKey, SchemaFrom, WidthDraggableContainer };