@tmagic/editor 1.1.0-beta.9 → 1.1.0

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;
@@ -139,6 +144,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 +157,7 @@ export interface MenuComponent {
     listeners?: Record<string, Function>;
     slots?: Record<string, any>;
     /** 是否显示，默认为true */
+    className?: string;
     display?: boolean | ((data?: Services) => Promise<boolean> | boolean);
 }
 /**
@@ -161,15 +168,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 +235,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;