amis-editor-core 6.11.0-beta.4 → 6.11.0-beta.6

package/esm/inlineEdit.d.ts

@@ -0,0 +1,28 @@
+import { InlineEditableElement } from './plugin';
+import { EditorNodeType } from './store/node';
+/**
+ * 内联编辑上下文接口定义
+ * @interface InlineEditContext
+ * @property {EditorNodeType} node - 当前编辑器节点实例
+ * @property {HTMLElement} elem - 需要编辑的DOM元素
+ * @property {InlineEditableElement} config - 内联编辑的配置信息
+ * @property {MouseEvent} [event] - 触发编辑的鼠标事件对象
+ * @property {Function} onConfirm - 编辑确认后的回调函数,参数为编辑后的内容
+ * @property {Function} onCancel - 取消编辑的回调函数
+ */
+export interface InlineEditContext {
+    node: EditorNodeType;
+    elem: HTMLElement;
+    config: InlineEditableElement;
+    event?: MouseEvent;
+    onConfirm: (value: string) => void;
+    onCancel: () => void;
+    richTextToken?: string;
+    richTextOptions?: any;
+}
+/**
+ * 启动内联编辑
+ * 根据配置的mode选择对应的编辑模式
+ * @param {InlineEditContext} context - 编辑上下文
+ */
+export declare function startInlineEdit(context: InlineEditContext): void;

package/esm/manager.d.ts

@@ -2,7 +2,7 @@
 /// <reference types="lodash" />
 import { DataSchema } from 'amis';
 import { RenderOptions, GlobalVariableItem } from 'amis-core';
-import { PluginInterface, BasicPanelItem, RendererInfo, SubRendererInfo, PluginEvent, RegionConfig, ContextMenuItem, ContextMenuEventContext, EventContext, PluginEventFn, ScaffoldForm, RendererPluginEvent, PluginEvents, PluginActions } from './plugin';
+import { PluginInterface, BasicPanelItem, RendererInfo, SubRendererInfo, PluginEvent, RegionConfig, ContextMenuItem, ContextMenuEventContext, EventContext, PluginEventFn, ScaffoldForm, RendererPluginEvent, PluginEvents, PluginActions, InlineEditableElement } from './plugin';
 import { EditorStoreType, SubEditorContext } from './store/editor';
 import { EditorNodeType } from './store/node';
 import { EditorProps } from './component/Editor';
@@ -112,10 +112,6 @@ export declare class EditorManager {
             readonly removable: boolean;
             readonly duplicatable: boolean;
             readonly replaceable: boolean;
-            /**
-             * 在 component/Editor.tsx 里面实例化的。
-             * 辅助 component/Editor.tsx 实现一些非 UI 相关的功能。
-             */
             memberImmutable(region: string): boolean;
             readonly isRegion: boolean;
             readonly childRegions: any[];
@@ -180,10 +176,6 @@ export declare class EditorManager {
                 readonly removable: boolean;
                 readonly duplicatable: boolean;
                 readonly replaceable: boolean;
-                /**
-                 * 在 component/Editor.tsx 里面实例化的。
-                 * 辅助 component/Editor.tsx 实现一些非 UI 相关的功能。
-                 */
                 memberImmutable(region: string): boolean;
                 readonly isRegion: boolean;
                 readonly childRegions: any[];
@@ -247,10 +239,6 @@ export declare class EditorManager {
                 readonly removable: boolean;
                 readonly duplicatable: boolean;
                 readonly replaceable: boolean;
-                /**
-                 * 在 component/Editor.tsx 里面实例化的。
-                 * 辅助 component/Editor.tsx 实现一些非 UI 相关的功能。
-                 */
                 memberImmutable(region: string): boolean;
                 readonly isRegion: boolean;
                 readonly childRegions: any[];
@@ -341,10 +329,6 @@ export declare class EditorManager {
                 readonly removable: boolean;
                 readonly duplicatable: boolean;
                 readonly replaceable: boolean;
-                /**
-                 * 在 component/Editor.tsx 里面实例化的。
-                 * 辅助 component/Editor.tsx 实现一些非 UI 相关的功能。
-                 */
                 memberImmutable(region: string): boolean;
                 readonly isRegion: boolean;
                 readonly childRegions: any[];
@@ -408,10 +392,6 @@ export declare class EditorManager {
                 readonly removable: boolean;
                 readonly duplicatable: boolean;
                 readonly replaceable: boolean;
-                /**
-                 * 在 component/Editor.tsx 里面实例化的。
-                 * 辅助 component/Editor.tsx 实现一些非 UI 相关的功能。
-                 */
                 memberImmutable(region: string): boolean;
                 readonly isRegion: boolean;
                 readonly childRegions: any[];
@@ -509,10 +489,6 @@ export declare class EditorManager {
             readonly removable: boolean;
             readonly duplicatable: boolean;
             readonly replaceable: boolean;
-            /**
-             * 在 component/Editor.tsx 里面实例化的。
-             * 辅助 component/Editor.tsx 实现一些非 UI 相关的功能。
-             */
             memberImmutable(region: string): boolean;
             readonly isRegion: boolean;
             readonly childRegions: any[];
@@ -577,10 +553,6 @@ export declare class EditorManager {
                 readonly removable: boolean;
                 readonly duplicatable: boolean;
                 readonly replaceable: boolean;
-                /**
-                 * 在 component/Editor.tsx 里面实例化的。
-                 * 辅助 component/Editor.tsx 实现一些非 UI 相关的功能。
-                 */
                 memberImmutable(region: string): boolean;
                 readonly isRegion: boolean;
                 readonly childRegions: any[];
@@ -644,10 +616,6 @@ export declare class EditorManager {
                 readonly removable: boolean;
                 readonly duplicatable: boolean;
                 readonly replaceable: boolean;
-                /**
-                 * 在 component/Editor.tsx 里面实例化的。
-                 * 辅助 component/Editor.tsx 实现一些非 UI 相关的功能。
-                 */
                 memberImmutable(region: string): boolean;
                 readonly isRegion: boolean;
                 readonly childRegions: any[];
@@ -738,10 +706,6 @@ export declare class EditorManager {
                 readonly removable: boolean;
                 readonly duplicatable: boolean;
                 readonly replaceable: boolean;
-                /**
-                 * 在 component/Editor.tsx 里面实例化的。
-                 * 辅助 component/Editor.tsx 实现一些非 UI 相关的功能。
-                 */
                 memberImmutable(region: string): boolean;
                 readonly isRegion: boolean;
                 readonly childRegions: any[];
@@ -805,10 +769,6 @@ export declare class EditorManager {
                 readonly removable: boolean;
                 readonly duplicatable: boolean;
                 readonly replaceable: boolean;
-                /**
-                 * 在 component/Editor.tsx 里面实例化的。
-                 * 辅助 component/Editor.tsx 实现一些非 UI 相关的功能。
-                 */
                 memberImmutable(region: string): boolean;
                 readonly isRegion: boolean;
                 readonly childRegions: any[];
@@ -1178,6 +1138,7 @@ export declare class EditorManager {
      * 获取可用上下文待绑定字段
      */
     getAvailableContextFields(node: EditorNodeType): Promise<any>;
+    startInlineEdit(node: EditorNodeType, elem: HTMLElement, config: InlineEditableElement, event?: MouseEvent): void;
     /**
      * 初始化全局变量
      */

package/esm/plugin.d.ts

@@ -127,6 +127,11 @@ export interface RendererScaffoldInfo {
     type?: string;
     scaffold?: any;
 }
+export interface InlineEditableElement {
+    match: string;
+    mode?: 'plain-text' | 'rich-text';
+    key: string;
+}
 /**
  * 渲染器信息。
  */
@@ -148,6 +153,10 @@ export interface RendererInfo extends RendererScaffoldInfo {
      * 配置区域。
      */
     regions?: Array<RegionConfig>;
+    /**
+     * 支持内联编辑的元素集合
+     */
+    inlineEditableElements?: Array<InlineEditableElement>;
     /**
      *  选中不需要高亮
      */
@@ -347,9 +356,10 @@ export interface PanelProps {
 export interface PanelItem {
     nodeId?: string;
     key: string;
-    icon: string;
+    icon: React.ReactNode;
+    tooltip?: string;
     pluginIcon?: string;
-    title: string | JSX.Element;
+    title?: React.ReactNode;
     component?: React.ComponentType<PanelProps | any>;
     order: number;
     position?: 'left' | 'right';

package/esm/store/editor.d.ts

@@ -453,7 +453,10 @@ export declare const MainStore: import("mobx-state-tree").IModelType<{
         calculateHighlightBox(root?: any): void;
         resetHighlightBox(root: any): void;
         updateState(state: any, replace?: boolean): void;
-        setWidthMutable(value: any): void;
+        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>;
@@ -463,6 +466,7 @@ export declare const MainStore: import("mobx-state-tree").IModelType<{
     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>;
+    activeElement: 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>;
@@ -912,7 +916,10 @@ export declare const MainStore: import("mobx-state-tree").IModelType<{
         calculateHighlightBox(root?: any): void;
         resetHighlightBox(root: any): void;
         updateState(state: any, replace?: boolean): void;
-        setWidthMutable(value: any): void;
+        setWidthMutable(value: any): void; /**
+         * 根据当前分类和关键字获取预置组件
+         * 备注：组件面板展示需要
+         */
         setHeightMutable(value: any): void;
     } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
         parentId: import("mobx-state-tree").IType<string | undefined, string, string>;
@@ -1289,7 +1296,10 @@ export declare const MainStore: import("mobx-state-tree").IModelType<{
         calculateHighlightBox(root?: any): void;
         resetHighlightBox(root: any): void;
         updateState(state: any, replace?: boolean): void;
-        setWidthMutable(value: any): void;
+        setWidthMutable(value: any): void; /**
+         * 根据当前分类和关键字获取预置组件
+         * 备注：组件面板展示需要
+         */
         setHeightMutable(value: any): void;
     }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>)[];
     getNodeById(id: string, regionOrType?: string): EditorNodeType | undefined;
@@ -1689,7 +1699,10 @@ export declare const MainStore: import("mobx-state-tree").IModelType<{
         calculateHighlightBox(root?: any): void;
         resetHighlightBox(root: any): void;
         updateState(state: any, replace?: boolean): void;
-        setWidthMutable(value: any): void;
+        setWidthMutable(value: any): void; /**
+         * 根据当前分类和关键字获取预置组件
+         * 备注：组件面板展示需要
+         */
         setHeightMutable(value: any): void;
     } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
         parentId: import("mobx-state-tree").IType<string | undefined, string, string>;
@@ -2066,7 +2079,10 @@ export declare const MainStore: import("mobx-state-tree").IModelType<{
         calculateHighlightBox(root?: any): void;
         resetHighlightBox(root: any): void;
         updateState(state: any, replace?: boolean): void;
-        setWidthMutable(value: any): void;
+        setWidthMutable(value: any): void; /**
+         * 根据当前分类和关键字获取预置组件
+         * 备注：组件面板展示需要
+         */
         setHeightMutable(value: any): void;
     }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>)[];
     readonly activePath: ({
@@ -2444,7 +2460,10 @@ export declare const MainStore: import("mobx-state-tree").IModelType<{
         calculateHighlightBox(root?: any): void;
         resetHighlightBox(root: any): void;
         updateState(state: any, replace?: boolean): void;
-        setWidthMutable(value: any): void;
+        setWidthMutable(value: any): void; /**
+         * 根据当前分类和关键字获取预置组件
+         * 备注：组件面板展示需要
+         */
         setHeightMutable(value: any): void;
     } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
         parentId: import("mobx-state-tree").IType<string | undefined, string, string>;
@@ -2821,7 +2840,10 @@ export declare const MainStore: import("mobx-state-tree").IModelType<{
         calculateHighlightBox(root?: any): void;
         resetHighlightBox(root: any): void;
         updateState(state: any, replace?: boolean): void;
-        setWidthMutable(value: any): void;
+        setWidthMutable(value: any): void; /**
+         * 根据当前分类和关键字获取预置组件
+         * 备注：组件面板展示需要
+         */
         setHeightMutable(value: any): void;
     }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>)[];
     getNodePathById(id: string): ({
@@ -3199,7 +3221,10 @@ export declare const MainStore: import("mobx-state-tree").IModelType<{
         calculateHighlightBox(root?: any): void;
         resetHighlightBox(root: any): void;
         updateState(state: any, replace?: boolean): void;
-        setWidthMutable(value: any): void;
+        setWidthMutable(value: any): void; /**
+         * 根据当前分类和关键字获取预置组件
+         * 备注：组件面板展示需要
+         */
         setHeightMutable(value: any): void;
     } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
         parentId: import("mobx-state-tree").IType<string | undefined, string, string>;
@@ -3576,7 +3601,10 @@ export declare const MainStore: import("mobx-state-tree").IModelType<{
         calculateHighlightBox(root?: any): void;
         resetHighlightBox(root: any): void;
         updateState(state: any, replace?: boolean): void;
-        setWidthMutable(value: any): void;
+        setWidthMutable(value: any): void; /**
+         * 根据当前分类和关键字获取预置组件
+         * 备注：组件面板展示需要
+         */
         setHeightMutable(value: any): void;
     }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>)[];
     readonly dragging: boolean;
@@ -3661,6 +3689,7 @@ export declare const MainStore: import("mobx-state-tree").IModelType<{
     moveSchema(event: PluginEvent<MoveEventContext>): void;
     setActiveId(id: string, region?: string, selections?: Array<string>, onEditorActive?: boolean): void;
     setActiveIdByComponentId(id: string): void;
+    setActiveElement(selector: string): void;
     setSelections(ids: Array<string>): void;
     clearSelection(): void;
     setHoverId(id: string, region?: string): void;

package/lib/component/Editor.d.ts

@@ -6,6 +6,8 @@ import { PluginEventListener, RendererPluginAction, IGlobalEvent } from '../plug
 import type { SchemaObject } from 'amis';
 import type { VariableGroup, VariableOptions } from '../variable';
 import type { EditorNodeType } from '../store/node';
+import { LeftPanelsProps } from './Panel/LeftPanels';
+import { RightPanelsProps } from './Panel/RightPanels';
 export interface EditorProps extends PluginEventListener {
     value: SchemaObject;
     onChange: (value: SchemaObject) => void;
@@ -95,6 +97,13 @@ export interface EditorProps extends PluginEventListener {
     onEditorMount?: (manager: EditorManager) => void;
     onEditorUnmount?: (manager: EditorManager) => void;
     children?: React.ReactNode | ((manager: EditorManager) => React.ReactNode);
+    LeftPanelsComponent?: React.ComponentType<LeftPanelsProps>;
+    RightPanelsComponent?: React.ComponentType<RightPanelsProps>;
+    /**
+     * 富文本编辑器配置, 用于内联编辑
+     */
+    richTextOptions?: any;
+    richTextToken?: string;
 }
 export default class Editor extends Component<EditorProps> {
     readonly store: EditorStoreType;

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { EditorManager } from '../../manager';
 import { EditorStoreType } from '../../store/editor';
-interface LeftPanelsProps {
+export interface LeftPanelsProps {
     store: EditorStoreType;
     manager: EditorManager;
     theme?: string;

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { EditorManager } from '../../manager';
 import { EditorStoreType } from '../../store/editor';
-interface RightPanelsProps {
+export interface RightPanelsProps {
     store: EditorStoreType;
     manager: EditorManager;
     theme?: string;

package/lib/component/Preview.d.ts

@@ -23,7 +23,7 @@ export interface PreviewState {
     ready?: boolean;
 }
 export default class Preview extends Component<PreviewProps> {
-    currentDom: HTMLElement;
+    currentDom: React.RefObject<HTMLDivElement>;
     dialogReaction: any;
     env: RenderOptions;
     doingSelection: boolean;
@@ -46,6 +46,7 @@ export default class Preview extends Component<PreviewProps> {
         h: number;
     }): void;
     handleClick(e: MouseEvent): void;
+    handleDBClick(e: MouseEvent): void;
     handleNavSwitch(id: string): void;
     handleMouseMove(e: MouseEvent): void;
     handleMouseLeave(): void;

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(): (Window & typeof globalThis) | Document;
+    getDefaultTarget(): Document | (Window & typeof globalThis);
     handleScroll(e: React.UIEvent<HTMLElement> | {
         target: any;
     }): void;

package/lib/editor.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor-core v6.11.0-beta.4
+ * amis-editor-core v6.11.0-beta.6
  * Copyright 2018-2025 @fex
  */
 

package/lib/index.d.ts

@@ -42,7 +42,9 @@ import { SchemaForm } from './component/base/SchemaForm';
 import { RendererThumb } from './component/RendererThumb';
 import { AvailableRenderersPanel } from './component/Panel/AvailableRenderersPanel';
 import { deepSplice } from './deepSplice';
+import type { RightPanelsProps } from './component/Panel/RightPanels';
+import type { LeftPanelsProps } from './component/Panel/LeftPanels';
 export declare const version = "__buildVersion";
 export default Editor;
 export { Editor, MiniEditor, utils, deepSplice, mapReactElement, RendererEditor, BasicEditor, CodeEditor, VRenderer, RegionWrapper, IFramePreview as IFrameEditor, SearchPanel, EditorNodeType, EditorNodeSnapshot, EditorStoreType, ContainerWrapper, AvailableRenderersPlugin, AvailableRenderersPanel, BasicToolbarPlugin, CodePlugin, ErrorRendererPlugin, OutlinePlugin, UnknownRendererPlugin, ShortcutKey, SchemaForm as SchemaFrom, // 兼容老版本
-SchemaForm, WidthDraggableContainer, RendererThumb };
+SchemaForm, WidthDraggableContainer, RendererThumb, LeftPanelsProps, RightPanelsProps };