@tmagic/editor 1.1.0-beta.9 → 1.1.2

package/types/services/props.d.ts

@@ -1,16 +1,47 @@
 import type { FormConfig } from '@tmagic/form';
-import type { MNode, MPage } from '@tmagic/schema';
+import type { MNode } from '@tmagic/schema';
 import BaseService from './BaseService';
 declare class Props extends BaseService {
     private state;
     constructor();
     setPropsConfigs(configs: Record<string, FormConfig>): void;
+    fillConfig(config: FormConfig): Promise<{
+        type: string;
+        items: ({
+            title: string;
+            labelWidth: string;
+            items: (import("@tmagic/form").ChildConfig & {
+                [key: string]: any;
+            })[];
+        } | {
+            title: string;
+            items: {
+                type: string;
+                name: string;
+                items: ({
+                    name: string;
+                    label: string;
+                    type: string;
+                    options: (mForm: import("@tmagic/form").FormState, { formValue }: any) => {
+                        text: string;
+                        value: string;
+                    }[];
+                } | {
+                    name: string;
+                    label: string;
+                    type: string;
+                    options?: undefined;
+                })[];
+            }[];
+            labelWidth?: undefined;
+        })[];
+    }[]>;
     /**
      * 为指定类型组件设置组件属性表单配置
      * @param type 组件类型
      * @param config 组件属性表单配置
      */
-    setPropsConfig(type: string, config: FormConfig): void;
+    setPropsConfig(type: string, config: FormConfig): Promise<void>;
     /**
      * 获取指点类型的组件属性表单配置
      * @param type 组件类型
@@ -30,18 +61,12 @@ declare class Props extends BaseService {
      * @returns 组件初始值
      */
     getPropsValue(type: string, { inputEvent, ...defaultValue }?: Record<string, any>): Promise<any>;
-    /**
-     * 生成指定位数的GUID，无【-】格式
-     * @param digit 位数，默认值8
-     * @returns
-     */
-    guid(digit?: number): string;
     createId(type: string | number): Promise<string>;
     /**
      * 将组件与组件的子元素配置中的id都设置成一个新的ID
      * @param {Object} config 组件配置
      */
-    setNewItemId(config: MNode, parent?: MPage): Promise<MNode>;
+    setNewItemId(config: MNode): Promise<MNode>;
     /**
      * 获取默认属性配置
      * @param type 组件类型
@@ -60,6 +85,13 @@ declare class Props extends BaseService {
         layout?: undefined;
         items?: undefined;
     }>;
+    destroy(): void;
+    /**
+     * 生成指定位数的GUID，无【-】格式
+     * @param digit 位数，默认值8
+     * @returns
+     */
+    private guid;
 }
 export declare type PropsService = Props;
 declare const _default: Props;

package/types/services/storage.d.ts

@@ -49,6 +49,7 @@ export declare class WebStorage extends BaseService {
      * 设置存储项，支持storageService.usePlugin
      */
     setItem(key: string, value: any, options?: Options): Promise<void>;
+    destroy(): void;
     private getValueAndProtocol;
 }
 export declare type StorageService = WebStorage;

package/types/services/ui.d.ts

@@ -20,15 +20,18 @@ declare const state: {
     showGuides: boolean;
     showRule: boolean;
     propsPanelSize: "small" | "large" | "default";
+    showAddPageButton: boolean;
 };
 declare class Ui extends BaseService {
     constructor();
     set<T = any>(name: keyof UiState, value: T): void;
     get<T>(name: keyof typeof state): T;
+    initColumnWidth(): void;
     zoom(zoom: number): void;
+    calcZoom(): number;
+    destroy(): void;
     private setColumnWidth;
     private setStageRect;
-    private calcZoom;
 }
 export declare type UiService = Ui;
 declare const _default: Ui;

package/types/type.d.ts

@@ -54,15 +54,20 @@ export interface PropsState {
 export interface ComponentGroupState {
     list: ComponentGroup[];
 }
+export declare enum ColumnLayout {
+    LEFT = "left",
+    CENTER = "center",
+    RIGHT = "right"
+}
 export interface SetColumnWidth {
-    left?: number;
-    center?: number | 'auto';
-    right?: number;
+    [ColumnLayout.LEFT]?: number;
+    [ColumnLayout.CENTER]?: number | 'auto';
+    [ColumnLayout.RIGHT]?: number;
 }
 export interface GetColumnWidth {
-    left: number;
-    center: number;
-    right: number;
+    [ColumnLayout.LEFT]: number;
+    [ColumnLayout.CENTER]: number;
+    [ColumnLayout.RIGHT]: number;
 }
 export interface StageRect {
     width: number;
@@ -87,6 +92,8 @@ export interface UiState {
     showRule: boolean;
     /** 用于控制该属性配置表单内组件的尺寸 */
     propsPanelSize: 'large' | 'default' | 'small';
+    /** 是否显示新增页面按钮 */
+    showAddPageButton: boolean;
 }
 export interface EditorNodeInfo {
     node?: MNode;
@@ -139,6 +146,7 @@ export interface MenuButton {
     /** type为button/dropdown时点击运行的方法 */
     handler?: (data: Services, event: MouseEvent) => Promise<any> | any;
     /** type为dropdown时，下拉的菜单列表， 或者有子菜单时 */
+    className?: string;
     items?: MenuButton[];
 }
 export interface MenuComponent {
@@ -151,6 +159,7 @@ export interface MenuComponent {
     listeners?: Record<string, Function>;
     slots?: Record<string, any>;
     /** 是否显示，默认为true */
+    className?: string;
     display?: boolean | ((data?: Services) => Promise<boolean> | boolean);
 }
 /**
@@ -161,15 +170,15 @@ export interface MenuComponent {
  * 'zoom-in': 放大按钮
  * 'zoom-out': 缩小按钮
  */
-export declare type MenuItem = '/' | 'delete' | 'undo' | 'redo' | 'zoom' | 'zoom-in' | 'zoom-out' | 'guides' | 'rule' | MenuButton | MenuComponent;
+export declare type MenuItem = '/' | 'delete' | 'undo' | 'redo' | 'zoom' | 'zoom-in' | 'zoom-out' | 'guides' | 'rule' | MenuButton | MenuComponent | string;
 /** 工具栏 */
 export interface MenuBarData {
     /** 顶部工具栏左边项 */
-    left?: MenuItem[];
+    [ColumnLayout.LEFT]?: MenuItem[];
     /** 顶部工具栏中间项 */
-    center?: MenuItem[];
+    [ColumnLayout.CENTER]?: MenuItem[];
     /** 顶部工具栏右边项 */
-    right?: MenuItem[];
+    [ColumnLayout.RIGHT]?: MenuItem[];
 }
 export interface SideComponent extends MenuComponent {
     /** 显示文案 */
@@ -228,3 +237,9 @@ export declare enum Keys {
 }
 export declare const H_GUIDE_LINE_STORAGE_KEY = "$MagicStageHorizontalGuidelinesData";
 export declare const V_GUIDE_LINE_STORAGE_KEY = "$MagicStageVerticalGuidelinesData";
+export interface ScrollViewerEvent {
+    scrollLeft: number;
+    scrollTop: number;
+    scrollHeight: number;
+    scrollWidth: number;
+}

package/types/utils/index.d.ts

@@ -2,3 +2,4 @@ export * from './config';
 export * from './props';
 export * from './logger';
 export * from './editor';
+export * from './stage';

package/types/utils/operator.d.ts

@@ -17,5 +17,5 @@ export declare const getPositionInContainer: (position: PastePosition | undefine
     left: number;
     top: number;
 };
-export declare const getAddParent: (addNode: AddMNode | MNode[]) => MContainer | undefined;
+export declare const getAddParent: (node: MNode) => MContainer | undefined;
 export declare const getDefaultConfig: (addNode: AddMNode, parentNode: MContainer) => Promise<any>;

package/types/utils/props.d.ts

@@ -35,4 +35,3 @@ export declare const fillConfig: (config?: FormConfig) => {
         labelWidth?: undefined;
     })[];
 }[];
-export declare const DEFAULT_CONFIG: FormConfig;

package/types/utils/scroll-viewer.d.ts

@@ -1,35 +1,33 @@
+/// <reference types="node" />
+import { EventEmitter } from 'events';
 interface ScrollViewerOptions {
     container: HTMLDivElement;
     target: HTMLDivElement;
     zoom: number;
 }
-export declare class ScrollViewer {
-    private enter;
-    private targetEnter;
-    private keydown;
+export declare class ScrollViewer extends EventEmitter {
     private container;
     private target;
     private zoom;
     private scrollLeft;
     private scrollTop;
-    private x;
-    private y;
+    private scrollHeight;
+    private scrollWidth;
+    private width;
+    private height;
+    private translateXCorrectionValue;
+    private translateYCorrectionValue;
     private resizeObserver;
     constructor(options: ScrollViewerOptions);
     destroy(): void;
     setZoom(zoom: number): void;
-    private scroll;
-    private removeHandler;
+    scrollTo({ left, top }: {
+        left?: number;
+        top?: number;
+    }): void;
     private wheelHandler;
-    private mouseEnterHandler;
-    private mouseLeaveHandler;
-    private targetMouseEnterHandler;
-    private targetMouseLeaveHandler;
-    private mousedownHandler;
-    private mouseupHandler;
-    private mousemoveHandler;
-    private keydownHandler;
-    private keyupHandler;
-    private setScrollOffset;
+    private getPos;
+    private setScrollSize;
+    private setSize;
 }
 export {};

package/types/utils/stage.d.ts

@@ -0,0 +1,3 @@
+import StageCore from '@tmagic/stage';
+import { StageOptions } from '../type';
+export declare const useStage: (stageOptions: StageOptions) => StageCore;

package/src/utils/polyfills.ts

@@ -1,8 +0,0 @@
-// serialize-javascript 依赖的 randombytes 依赖全局的 global 对象，因此此处需添加 global polyfill
-if (typeof global === 'undefined') {
-  (window as any).global = window;
-}
-
-if (typeof globalThis === 'undefined') {
-  (window as any).globalThis = window;
-}