@tmagic/editor 1.1.0-beta.6 → 1.1.0-beta.9

package/types/fields/UISelect.vue.d.ts

@@ -3,7 +3,6 @@ declare const _default: {
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
-            labelWidth: string;
             config: any;
             model: any;
             prop: string;
@@ -25,7 +24,6 @@ declare const _default: {
         $emit: (event: "change", ...args: any[]) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
-            labelWidth: string;
             config: any;
             model: any;
             prop: string;
@@ -53,7 +51,6 @@ declare const _default: {
         $nextTick: typeof import("vue").nextTick;
         $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
     } & Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
-        labelWidth: string;
         config: any;
         model: any;
         prop: string;
@@ -65,7 +62,6 @@ declare const _default: {
     __isTeleport?: undefined;
     __isSuspense?: undefined;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
-    labelWidth: string;
     config: any;
     model: any;
     prop: string;

package/types/layouts/workspace/PageBarScrollContainer.vue.d.ts

@@ -0,0 +1,48 @@
+declare const _default: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{}>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot | undefined;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
+        $emit: ((event: string, ...args: any[]) => void) | ((event: string, ...args: any[]) => void);
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, {}> & {
+            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+            created?: ((() => void) | (() => void)[]) | undefined;
+            beforeMount?: ((() => void) | (() => void)[]) | undefined;
+            mounted?: ((() => void) | (() => void)[]) | undefined;
+            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+            updated?: ((() => void) | (() => void)[]) | undefined;
+            activated?: ((() => void) | (() => void)[]) | undefined;
+            deactivated?: ((() => void) | (() => void)[]) | undefined;
+            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+            destroyed?: ((() => void) | (() => void)[]) | undefined;
+            unmounted?: ((() => void) | (() => void)[]) | undefined;
+            renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+            renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+            errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void)[]) | undefined;
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<{}>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        default: (_: {}) => any;
+    };
+});
+export default _default;

package/types/layouts/workspace/ViewerMenu.vue.d.ts

@@ -27,7 +27,7 @@ declare const _default: {
         }>, {
             isMultiSelect: boolean;
         }>>>, {
-            show: (e: MouseEvent) => void;
+            show: (e: MouseEvent) => Promise<void>;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
             isMultiSelect: boolean;
         }> & {
@@ -55,7 +55,7 @@ declare const _default: {
     }>, {
         isMultiSelect: boolean;
     }>>> & import("vue").ShallowUnwrapRef<{
-        show: (e: MouseEvent) => void;
+        show: (e: MouseEvent) => Promise<void>;
     }> & {} & import("vue").ComponentCustomProperties;
     __isFragment?: undefined;
     __isTeleport?: undefined;
@@ -65,7 +65,7 @@ declare const _default: {
 }>, {
     isMultiSelect: boolean;
 }>>>, {
-    show: (e: MouseEvent) => void;
+    show: (e: MouseEvent) => Promise<void>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
     isMultiSelect: boolean;
 }> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {

package/types/services/editor.d.ts

@@ -65,37 +65,28 @@ declare class Editor extends BaseService {
      * @returns 加入多选的节点配置
      */
     multiSelect(ids: Id[]): void;
-    /**
-     * 批量向容器添加节点
-     * @param configs 将要添加的节点数组
-     * @returns 添加后的节点
-     */
-    multiAdd(configs: MNode[]): Promise<MNode[]>;
+    doAdd(node: MNode, parent: MContainer): Promise<MNode>;
     /**
      * 向指点容器添加组件节点
      * @param addConfig 将要添加的组件节点配置
      * @param parent 要添加到的容器组件节点配置，如果不设置，默认为当前选中的组件的父节点
      * @returns 添加后的节点
      */
-    add(addNode: AddMNode, parent?: MContainer | null): Promise<MNode>;
+    add(addNode: AddMNode | MNode[], parent?: MContainer | null): Promise<MNode | MNode[]>;
+    doRemove(node: MNode): Promise<void>;
     /**
      * 删除组件
      * @param {Object} node
      * @return {Object} 删除的组件配置
      */
-    remove(nodeOrNodeList: MNode | MNode[]): Promise<MNode | MNode[]>;
-    /**
-     * 批量删除
-     * @param nodes 批量删除的节点
-     * @returns 批量删除的节点
-     */
-    multiRemove(nodes: MNode[]): Promise<MNode[]>;
+    remove(nodeOrNodeList: MNode | MNode[]): Promise<void>;
+    doUpdate(config: MNode): Promise<MNode>;
     /**
      * 更新节点
      * @param config 新的节点配置，配置中需要有id信息
      * @returns 更新后的节点配置
      */
-    update(config: MNode): Promise<MNode>;
+    update(config: MNode | MNode[]): Promise<MNode | MNode[]>;
     /**
      * 将id为id1的组件移动到id为id2的组件位置上，例如：[1,2,3,4] -> sort(1,3) -> [2,1,3,4]
      * @param id1 组件ID
@@ -114,13 +105,14 @@ declare class Editor extends BaseService {
      * @param position 粘贴的坐标
      * @returns 添加后的组件节点配置
      */
-    paste(position?: PastePosition): Promise<MNode[] | void>;
+    paste(position?: PastePosition): Promise<MNode | MNode[] | void>;
+    doAlignCenter(config: MNode): Promise<MNode>;
     /**
      * 将指点节点设置居中
      * @param config 组件节点配置
      * @returns 当前组件节点配置
      */
-    alignCenter(config: MNode): Promise<MNode | void>;
+    alignCenter(config: MNode | MNode[]): Promise<MNode | MNode[]>;
     /**
      * 移动当前选中节点位置
      * @param offset 偏移量

package/types/type.d.ts

@@ -2,7 +2,7 @@ import type { Component } from 'vue';
 import type { FormConfig } from '@tmagic/form';
 import type { Id, MApp, MContainer, MNode, MPage } from '@tmagic/schema';
 import type StageCore from '@tmagic/stage';
-import type { MoveableOptions } from '@tmagic/stage';
+import type { ContainerHighlightType, MoveableOptions } from '@tmagic/stage';
 import type { ComponentListService } from './services/componentList';
 import type { EditorService } from './services/editor';
 import type { EventsService } from './services/events';
@@ -29,6 +29,7 @@ export interface StageOptions {
     autoScrollIntoView: boolean;
     containerHighlightClassName: string;
     containerHighlightDuration: number;
+    containerHighlightType: ContainerHighlightType;
     render: () => HTMLDivElement;
     moveableOptions: MoveableOptions | ((core?: StageCore) => MoveableOptions);
     canSelect: (el: HTMLElement) => boolean | Promise<boolean>;

package/types/utils/editor.d.ts

@@ -33,7 +33,7 @@ export declare const generatePageNameByApp: (app: MApp) => string;
 export declare const isFixed: (node: MNode) => boolean;
 export declare const getNodeIndex: (node: MNode, parent: MContainer | MApp) => number;
 export declare const getRelativeStyle: (style?: Record<string, any>) => Record<string, any>;
-export declare const getInitPositionStyle: (style: Record<string, any> | undefined, layout: Layout, parentNode: MNode, stage: StageCore) => Record<string, any>;
+export declare const getInitPositionStyle: (style: Record<string, any> | undefined, layout: Layout) => Record<string, any>;
 export declare const setLayout: (node: MNode, layout: Layout) => MNode;
 export declare const change2Fixed: (node: MNode, root: MApp) => {
     left: number;
@@ -42,3 +42,6 @@ export declare const change2Fixed: (node: MNode, root: MApp) => {
 export declare const Fixed2Other: (node: MNode, root: MApp, getLayout: (parent: MNode, node?: MNode) => Promise<Layout>) => Promise<Record<string, any>>;
 export declare const getGuideLineFromCache: (key: string) => number[];
 export declare const fixNodeLeft: (config: MNode, parent: MContainer, doc?: Document) => any;
+export declare const fixNodePosition: (config: MNode, parent: MContainer, stage: StageCore | null) => {
+    [key: string]: any;
+} | undefined;

package/types/utils/operator.d.ts

@@ -1,5 +1,5 @@
 import { Id, MContainer, MNode } from '@tmagic/schema';
-import { AddMNode, Layout, PastePosition } from '../type';
+import { AddMNode, PastePosition } from '../type';
 /**
  * 粘贴前置操作：返回分配了新id以及校准了坐标的配置
  * @param position 粘贴的坐标
@@ -7,18 +7,6 @@ import { AddMNode, Layout, PastePosition } from '../type';
  * @returns
  */
 export declare const beforePaste: (position: PastePosition, config: MNode[]) => Promise<MNode[]>;
-/**
- * 新增元素前置操作，实现了在编辑器中新增元素节点，并返回新增元素信息以供stage更新
- * @param addNode 待添加元素的配置
- * @param parent 父级容器（可选）
- * @returns 新增的元素，父级元素，布局方式，是否为根页面
- */
-export declare const beforeAdd: (addNode: AddMNode, parent?: MContainer | null) => Promise<{
-    parentNode: MContainer;
-    newNode: MNode;
-    layout: Layout;
-    isPage: boolean;
-}>;
 /**
  * 将元素粘贴到容器内时，将相对于画布坐标转换为相对于容器的坐标
  * @param position PastePosition 粘贴时相对于画布的坐标
@@ -29,16 +17,5 @@ export declare const getPositionInContainer: (position: PastePosition | undefine
     left: number;
     top: number;
 };
-/**
- * 将新增元素事件通知到stage以更新渲染
- * @param parentNode 父元素
- * @param newNode 当前新增元素
- * @param layout 布局方式
- */
-export declare const notifyAddToStage: (parentNode: MContainer, newNode: MNode, layout: Layout) => Promise<void>;
-/**
- * 删除前置操作：实现了在编辑器中删除元素节点，并返回父级元素信息以供stage更新
- * @param node 待删除的节点
- * @returns 父级元素，root根元素
- */
-export declare const beforeRemove: (node: MNode) => Promise<MContainer | void>;
+export declare const getAddParent: (addNode: AddMNode | MNode[]) => MContainer | undefined;
+export declare const getDefaultConfig: (addNode: AddMNode, parentNode: MContainer) => Promise<any>;