vkedit 3.2.7 → 4.0.1

package/dist/core/HelpGuide.vue.d.ts

@@ -1,2 +1,4 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    helpGuideRef: HTMLDivElement;
+}, HTMLDivElement>;
 export default _default;

package/dist/{plugins/table/CellsBorder.vue.d.ts → core/TransformOverlay.vue.d.ts}

@@ -1,6 +1,6 @@
-import { TableElement } from './table';
+import { EditorHost } from '.';
 type __VLS_Props = {
-    element: TableElement;
+    host: EditorHost;
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/core/editor-host.d.ts

@@ -1,6 +1,5 @@
-import { IEditorPlugin, IEditorState, EventMap, PluginMap } from '../types';
+import { IEditorPlugin, IEditorState, EventMap } from '../types';
 import { ICommand } from '../commands/i-command';
-import { RectPlugin } from '../plugins';
 export declare class EditorHost {
     private plugins;
     private events;
@@ -21,26 +20,20 @@ export declare class EditorHost {
         isPanning: boolean;
         offsetX: number;
         offsetY: number;
+        autoFitPending: boolean;
     };
     emit<K extends keyof EventMap>(event: K, payload: Parameters<EventMap[K]>[0]): void;
     on<K extends keyof EventMap>(event: K, handler: EventMap[K]): void;
     off<K extends keyof EventMap>(event: K, handler: EventMap[K]): void;
-    installPlugin<K extends keyof PluginMap>(name: K, pluginClass: PluginMap[K] | (new (...args: any[]) => PluginMap[K])): EditorHost;
-    installPlugin(name: string, pluginClass: IEditorPlugin | (new (...args: any[]) => IEditorPlugin)): EditorHost;
-    uninstallPlugin<K extends keyof PluginMap>(pluginName: K): EditorHost;
+    installPlugin<T extends IEditorPlugin = IEditorPlugin>(name: string, pluginClass: new (...args: any[]) => T): EditorHost;
     uninstallPlugin(pluginName: string): EditorHost;
-    getPlugin<K extends keyof PluginMap>(pluginName: K): PluginMap[K];
     getPlugin<T extends IEditorPlugin = IEditorPlugin>(pluginName: string): T;
     executeCommand(command: ICommand): void;
     undo(): void;
     redo(): void;
+    private _emitHistoryChanged;
     get status(): IEditorState;
     setStatus(newStatus: Partial<IEditorState>): void;
     toJSON(): string;
     loadJSON(jsonStr: string): void;
 }
-declare module '../types' {
-    interface PluginMap {
-        ttt: RectPlugin;
-    }
-}

package/dist/favicon.svg

@@ -0,0 +1,21 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 80" width="80" height="80" role="img" aria-labelledby="title desc">
+  <title id="title">vkedit</title>
+  <desc id="desc">vkedit 网站图标，由渐变 V 形与画布折角组成</desc>
+  <defs>
+    <linearGradient id="vkedit-mark" x1="0" y1="0" x2="1" y2="1">
+      <stop offset="0" stop-color="#2DD4BF"/>
+      <stop offset="0.48" stop-color="#14B8A6"/>
+      <stop offset="1" stop-color="#0D9488"/>
+    </linearGradient>
+    <linearGradient id="vkedit-fold" x1="0" y1="0" x2="1" y2="1">
+      <stop offset="0" stop-color="#99F6E4"/>
+      <stop offset="1" stop-color="#5EEAD4"/>
+    </linearGradient>
+  </defs>
+  <rect x="4" y="4" width="72" height="72" rx="18" fill="#111726" stroke="#2B3854"/>
+  <g transform="translate(3 8)">
+    <path d="M42 45L55 41.5V27.5L59 31.5C60.3 32.8 61 34.5 61 36.4V48C61 52.4 57.4 56 53 56H39.5C36.9 56 34.6 54.5 33.5 52.3L42 45Z" fill="url(#vkedit-fold)"/>
+    <path d="M14 18C11.7 14.3 13.2 9.6 17.2 7.5C21.1 5.5 25.6 6.7 27.9 10.3L36 23.2L44.1 10.3C46.4 6.7 50.9 5.5 54.8 7.5C58.8 9.6 60.3 14.3 58 18L42.8 42.4C39.6 47.6 32.4 47.6 29.2 42.4L14 18Z" fill="url(#vkedit-mark)"/>
+    <path d="M18.4 10.7C21.1 9.3 24.2 10.1 25.8 12.7L35.7 28.5" fill="none" stroke="#FFFFFF" stroke-width="1.3" stroke-linecap="round" opacity="0.18"/>
+  </g>
+</svg>

package/dist/hooks/index.d.ts

@@ -2,8 +2,10 @@ export * from './use-bg-layer';
 export * from './use-content-layer';
 export * from './use-host-state';
 export * from './use-property-command';
+export * from './use-canvas-property-command';
 export * from './use-ruler-layer';
 export * from './use-selection-layer';
 export * from './use-stage-event';
 export * from './use-stage';
 export * from './use-zoom';
+export * from './use-transform-overlay';

package/dist/hooks/use-canvas-property-command.d.ts

@@ -0,0 +1,5 @@
+import { CanvasPropertyPath } from '../commands';
+import { EditorHost } from '../core';
+export declare function useCanvasPropertyCommand(host: EditorHost): {
+    updateCanvasProperty: (propertyPath: CanvasPropertyPath, newValue: number) => void;
+};

package/dist/hooks/use-content-layer.d.ts

@@ -2,7 +2,6 @@ import { IGraphicElement } from '../types';
 import { EditorHost } from '../core';
 export declare function useContentLayer(host: EditorHost): {
     contentLayerRef: import('vue').Ref<any, any>;
-    transformerRef: import('vue').Ref<any, any>;
     contentLayerConfig: import('vue').ComputedRef<{}>;
     contentGroupConfig: import('vue').ComputedRef<{
         x: number;
@@ -23,7 +22,9 @@ export declare function useContentLayer(host: EditorHost): {
         visible: boolean;
         locked: boolean;
         draggable: boolean;
-        transferable: boolean;
+        resizable: boolean;
+        zIndex: number;
+        displayName?: string | null | undefined;
         resizeAnchors?: string[] | null | undefined;
         getBoundingBox: () => import('../types').BoundingBox;
         clone: () => IGraphicElement;
@@ -47,7 +48,9 @@ export declare function useContentLayer(host: EditorHost): {
         visible: boolean;
         locked: boolean;
         draggable: boolean;
-        transferable: boolean;
+        resizable: boolean;
+        zIndex: number;
+        displayName?: string | null | undefined;
         resizeAnchors?: string[] | null | undefined;
         getBoundingBox: () => import('../types').BoundingBox;
         clone: () => IGraphicElement;
@@ -63,8 +66,5 @@ export declare function useContentLayer(host: EditorHost): {
     handleDragStart: (event: any, element: any) => void;
     handleDragMove: (event: any, element: any) => void;
     handleDragEnd: (event: any, element: any) => void;
-    handleElementTransform: (event: any, element: IGraphicElement) => void;
-    handleElementTransformEnd: (event: any, element: any) => void;
-    updateTransformerNodes: (selection: IGraphicElement[]) => void;
     updateCanvas: () => void;
 };

package/dist/hooks/use-host-state.d.ts

@@ -4,6 +4,7 @@ export declare function useHostState(host: EditorHost): {
         zoom: number;
         currentTool: string;
         snapToGrid: boolean;
+        snapRotation: boolean;
         showGrid: boolean;
         width: number;
         height: number;

package/dist/hooks/use-ruler-layer.d.ts

@@ -24,6 +24,30 @@ export declare function useRulerLayer(host: EditorHost): {
         strokeWidth: number;
         listening: boolean;
     }>;
+    cornerConfig: import('vue').ComputedRef<{
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+        fill: string;
+        strokeEnabled: boolean;
+        listening: boolean;
+    }>;
+    cornerEdgeConfigs: import('vue').ComputedRef<{
+        right: {
+            points: number[];
+            stroke: string;
+            strokeWidth: number;
+            listening: boolean;
+        };
+        bottom: {
+            points: number[];
+            stroke: string;
+            strokeWidth: number;
+            listening: boolean;
+        };
+    }>;
     upRulerShapeRef: import('vue').Ref<any, any>;
     leftRulerShapeRef: import('vue').Ref<any, any>;
+    RULER_SIZE: number;
 };

package/dist/hooks/use-selection-layer.d.ts

@@ -18,8 +18,8 @@ export declare function useSelectionLayer(host: EditorHost): {
     }>;
     handleMouseDown: (event: any) => void;
     handleMouseMove: (event: any) => void;
-    handleMouseUp: (event: any) => void;
-    handlePMouseleave: (event: any) => void;
+    handleMouseUp: () => void;
+    handleMouseLeave: () => void;
     rectConfig: import('vue').ComputedRef<{
         x: number;
         y: number;
@@ -28,7 +28,6 @@ export declare function useSelectionLayer(host: EditorHost): {
         fill: string;
         stroke: string;
         strokeWidth: number;
-        dash: number[];
         listening: boolean;
     }>;
     selectionLayerConfig: import('vue').Ref<{}, {}>;

package/dist/hooks/use-stage-event.d.ts

@@ -14,6 +14,7 @@ export declare function useStageEvent(host: EditorHost): {
         zoom: number;
         currentTool: string;
         snapToGrid: boolean;
+        snapRotation: boolean;
         showGrid: boolean;
         width: number;
         height: number;

package/dist/hooks/use-transform-overlay.d.ts

@@ -0,0 +1,108 @@
+import { EditorHost } from '../core';
+import { IGraphicElement } from '../types';
+export interface OverlayAnchorView {
+    id: string;
+    x: number;
+    y: number;
+    size: number;
+}
+export interface OverlayViewModel {
+    visible: boolean;
+    mode: 'single' | 'multi';
+    border: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+        rotation: number;
+        stroke: string;
+        strokeWidth: number;
+    } | null;
+    anchors: OverlayAnchorView[];
+    rotateHandle: {
+        x: number;
+        y: number;
+        radius: number;
+    } | null;
+    rotateStem: {
+        points: number[];
+        stroke: string;
+        strokeWidth: number;
+    } | null;
+}
+export declare function useTransformOverlay(host: EditorHost): {
+    overlay: import('vue').ComputedRef<OverlayViewModel>;
+    refreshOverlay: () => void;
+    selectedElements: import('vue').Ref<{
+        id: string;
+        type: string;
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+        rotation: number;
+        scaleX: number;
+        scaleY: number;
+        visible: boolean;
+        locked: boolean;
+        draggable: boolean;
+        resizable: boolean;
+        zIndex: number;
+        displayName?: string | null | undefined;
+        resizeAnchors?: string[] | null | undefined;
+        getBoundingBox: () => import('../types').BoundingBox;
+        clone: () => IGraphicElement;
+        serialize: () => any;
+        deserialize: (data: any) => void;
+        updateProperty: (host: EditorHost, property: string, oldValue: any, newValue: any) => void;
+        getTransformAttr?: ((event: any) => {
+            oldAttrs: any;
+            newAttrs: any;
+        }) | undefined;
+    }[], IGraphicElement[] | {
+        id: string;
+        type: string;
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+        rotation: number;
+        scaleX: number;
+        scaleY: number;
+        visible: boolean;
+        locked: boolean;
+        draggable: boolean;
+        resizable: boolean;
+        zIndex: number;
+        displayName?: string | null | undefined;
+        resizeAnchors?: string[] | null | undefined;
+        getBoundingBox: () => import('../types').BoundingBox;
+        clone: () => IGraphicElement;
+        serialize: () => any;
+        deserialize: (data: any) => void;
+        updateProperty: (host: EditorHost, property: string, oldValue: any, newValue: any) => void;
+        getTransformAttr?: ((event: any) => {
+            oldAttrs: any;
+            newAttrs: any;
+        }) | undefined;
+    }[]>;
+    getElementNode: (id: string) => any;
+    cursor: import('vue').Ref<string, string>;
+    onOverlayPointerDown: (e: any) => void;
+    onOverlayPointerMove: () => void;
+    onOverlayPointerUp: () => void;
+    onStagePointerMove: (e: any) => void;
+    angleLabel: import('vue').Ref<{
+        x: number;
+        y: number;
+        text: string;
+    } | null, {
+        x: number;
+        y: number;
+        text: string;
+    } | {
+        x: number;
+        y: number;
+        text: string;
+    } | null>;
+};