vkedit 3.2.7 → 4.0.0

package/dist/{index.es-B1gCGYT7.js → index.es-Dswe047Z.js}

@@ -1,4 +1,4 @@
-import { c as Da, _ as Va, g as il } from "./index-Aa1HXlw6.js";
+import { c as Da, _ as Va, g as il } from "./index-CSKpw1uX.js";
 var fn = {}, cn = {}, cr, vn;
 function Q() {
   if (vn) return cr;

package/dist/plugins/barcode/Shape.vue.d.ts

@@ -1,6 +1,6 @@
 import { BarcodeElement } from './barcode';
 import { EditorHost } from '../../core';
-interface Props {
+export interface Props {
     host: EditorHost;
     element: BarcodeElement;
 }

package/dist/plugins/barcode/barcode.d.ts

@@ -1,4 +1,4 @@
-import { BasePlugin } from '../../types/base-plugin';
+import { GraphicPlugin, PropertyPanelRegistration } from '../../types/graphic-plugin';
 import { BaseGraphicElement, BaseGraphicElementOptions } from '../../types/base-graphic-element';
 import { EditorHost } from '../../core';
 export interface BarcodeOptions extends BaseGraphicElementOptions {
@@ -55,22 +55,21 @@ export declare class BarcodeElement extends BaseGraphicElement {
         visible: boolean;
         locked: boolean;
         draggable: boolean;
-        transferable: boolean;
+        resizable: boolean;
+        zIndex: number;
+        displayName: string | null;
     };
     renderBarcode(): Promise<HTMLCanvasElement>;
 }
-export declare class BarcodePlugin extends BasePlugin {
+export declare class BarcodePlugin extends GraphicPlugin<BarcodeElement> {
     name: string;
     version: string;
+    graphicType: string;
+    graphicElement: typeof BarcodeElement;
+    shapeComponent: import('vue').DefineComponent<import('./Shape.vue').Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('./Shape.vue').Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+    iconComponent: import('vue').Component;
+    typeDisplayName: string;
+    propertyPanels: PropertyPanelRegistration[];
     protected onInstall(): void;
-}
-declare module '../../types' {
-    interface ElementTypeMap {
-        barcode: BarcodeElement;
-    }
-}
-declare module '../../types' {
-    interface PluginMap {
-        'barcode-plugin': BarcodePlugin;
-    }
+    protected onUninstall(): void;
 }

package/dist/plugins/barcode/index.d.ts

@@ -1,4 +1,3 @@
 export { default as BarcodePropertyPanel } from './PropertyPanel.vue';
 export { default as BarcodeShape } from './Shape.vue';
-export { default as BarcodeTool } from './Tool.vue';
 export * from './barcode';

package/dist/plugins/export/export.d.ts

@@ -7,7 +7,6 @@ export declare class ExportPlugin extends BasePlugin {
     pixelRatio: number;
     constructor(host: EditorHost, pixelRatio?: number);
     protected onInstall(): void;
-    handleExportExcel(): void;
     handleExportImage(): void;
     handleExportJSON(): void;
     handleExportPdf(): void;
@@ -30,7 +29,7 @@ declare module '../../types' {
     }
 }
 export interface ExportEventData extends BaseEventData {
-    format: 'png' | 'jpeg' | 'pdf' | 'json' | 'excel' | string;
+    format: 'png' | 'jpeg' | 'pdf' | 'json' | string;
     error?: any;
     prevent?: () => void;
 }

package/dist/plugins/graphic-registry/graphic-registry.d.ts

@@ -0,0 +1,43 @@
+import { BasePlugin } from '../../types/base-plugin';
+import { Component } from 'vue';
+import { IGraphicElement } from '../../types';
+export interface ToolDescriptor {
+    type: string;
+    iconComponent: Component;
+    typeDisplayName: string;
+    createElement: () => IGraphicElement;
+}
+export declare class GraphicRegistryPlugin extends BasePlugin {
+    name: string;
+    version: string;
+    elements: Map<string, IGraphicElement>;
+    private graphics;
+    private tools;
+    private propertyPanels;
+    protected onInstall(): void;
+    protected onUninstall(): void;
+    getElementComponent(type: string): Component;
+    getTypeMeta(type: string): {
+        iconComponent?: Component;
+        typeDisplayName?: string;
+    } | undefined;
+    getToolList(): ToolDescriptor[];
+    getToolComponent(type: string): Component;
+    getPanelsBySelection(selection: IGraphicElement[]): Component[];
+    private getPanelsByType;
+    private getPanelsByMultipleSelect;
+    private findCommonElements;
+    getCanvasPanels(): Component[];
+    addElement(element: IGraphicElement): void;
+    removeElement(elementId: string): void;
+    getElement<T extends IGraphicElement = IGraphicElement>(elementId: string): T;
+    getAllElements<T extends IGraphicElement = IGraphicElement>(): T[];
+    createElement(type: string): IGraphicElement;
+    getOrderedElements(order?: 'ascending' | 'descending'): IGraphicElement[];
+    normalizeZIndices(): void;
+}
+declare module '../../types' {
+    interface PluginMap {
+        'graphic-registry-plugin': GraphicRegistryPlugin;
+    }
+}

package/dist/plugins/graphic-registry/index.d.ts

@@ -0,0 +1 @@
+export * from './graphic-registry';

package/dist/plugins/import/import.d.ts

@@ -12,7 +12,6 @@ export declare class ImportPlugin extends BasePlugin {
     };
     handleImportJSON(): void;
     importJSON(data: string): void;
-    importExcel(): void;
 }
 declare module '../../types' {
     interface PluginMap {
@@ -20,7 +19,7 @@ declare module '../../types' {
     }
 }
 export interface ImportEventData extends BaseEventData {
-    format: 'json' | 'excel' | string;
+    format: 'json' | string;
     error?: any;
 }
 declare module '../../types' {

package/dist/plugins/index.d.ts

@@ -1,21 +1,17 @@
 export * from './align';
 export * from './barcode';
 export * from './clipboard';
-export * from './chart';
 export * from './context-menu-manager';
-export * from './element-manager';
 export * from './export';
-export * from './graphic-manager';
-export * from './graphic-tool-manager';
+export * from './graphic-registry';
 export * from './import';
 export * from './keydown';
+export * from './layer-manager';
 export * from './line';
 export * from './preview';
-export * from './property-panel-manager';
 export * from './qrcode';
 export * from './rect';
 export * from './selection';
 export * from './snap';
-export * from './table';
 export * from './text';
 export * from './toolbar-manager';

package/dist/plugins/{table/ContextMenu.vue.d.ts → layer-manager/LayerPanel.vue.d.ts}

@@ -1,9 +1,10 @@
 import { EditorHost } from '../../core';
-import { TableElement } from './table';
 type __VLS_Props = {
     host: EditorHost;
-    element: TableElement;
-    selection: TableElement[];
 };
-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>;
+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, {
+    panelRef: HTMLDivElement;
+    listRef: HTMLDivElement;
+    renameInputEl: HTMLInputElement;
+}, HTMLDivElement>;
 export default _default;

package/dist/plugins/layer-manager/index.d.ts

@@ -0,0 +1,2 @@
+export { LayerManagerPlugin } from './layer-manager';
+export { default as LayerPanel } from './LayerPanel.vue';

package/dist/plugins/layer-manager/layer-manager.d.ts

@@ -0,0 +1,16 @@
+import { BasePlugin } from '../../types/base-plugin';
+import { IGraphicElement } from '../../types';
+export declare class LayerManagerPlugin extends BasePlugin {
+    name: string;
+    version: string;
+    protected onInstall(): void;
+    protected onUninstall(): void;
+    getElementDisplayName(element: IGraphicElement): string;
+    moveLayer(elementId: string, direction: 'up' | 'down' | 'top' | 'bottom'): void;
+    reorder(newOrder: string[]): void;
+}
+declare module '../../types' {
+    interface PluginMap {
+        'layer-manager-plugin': LayerManagerPlugin;
+    }
+}

package/dist/plugins/line/Shape.vue.d.ts

@@ -1,5 +1,5 @@
 import { LineElement } from './line';
-interface Props {
+export interface Props {
     element: LineElement;
 }
 declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

package/dist/plugins/line/index.d.ts

@@ -1,4 +1,3 @@
 export { default as LinePropertyPanel } from './PropertyPanel.vue';
 export { default as LineShape } from './Shape.vue';
-export { default as LineTool } from './Tool.vue';
 export * from './line';

package/dist/plugins/line/line.d.ts

@@ -1,4 +1,4 @@
-import { BasePlugin } from '../../types/base-plugin';
+import { GraphicPlugin, PropertyPanelRegistration } from '../../types/graphic-plugin';
 import { BaseGraphicElement, BaseGraphicElementOptions } from '../../types/base-graphic-element';
 import { EditorHost } from '../../core';
 export interface LineOptions extends BaseGraphicElementOptions {
@@ -41,21 +41,20 @@ export declare class LineElement extends BaseGraphicElement {
         visible: boolean;
         locked: boolean;
         draggable: boolean;
-        transferable: boolean;
+        resizable: boolean;
+        zIndex: number;
+        displayName: string | null;
     };
 }
-export declare class LinePlugin extends BasePlugin {
+export declare class LinePlugin extends GraphicPlugin<LineElement> {
     name: string;
     version: string;
+    graphicType: string;
+    graphicElement: typeof LineElement;
+    shapeComponent: import('vue').DefineComponent<import('./Shape.vue').Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('./Shape.vue').Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+    iconComponent: import('vue').Component;
+    typeDisplayName: string;
+    propertyPanels: PropertyPanelRegistration[];
     protected onInstall(): void;
-}
-declare module '../../types' {
-    interface ElementTypeMap {
-        line: LineElement;
-    }
-}
-declare module '../../types' {
-    interface PluginMap {
-        'line-plugin': LinePlugin;
-    }
+    protected onUninstall(): void;
 }

package/dist/plugins/qrcode/Shape.vue.d.ts

@@ -1,6 +1,6 @@
 import { QrcodeElement } from './qrcode';
 import { EditorHost } from '../../core';
-interface Props {
+export interface Props {
     host: EditorHost;
     element: QrcodeElement;
 }

package/dist/plugins/qrcode/index.d.ts

@@ -1,4 +1,3 @@
 export { default as QrPropertyPanel } from './PropertyPanel.vue';
 export { default as QrShape } from './Shape.vue';
-export { default as QrTool } from './Tool.vue';
 export * from './qrcode';

package/dist/plugins/qrcode/qrcode.d.ts

@@ -1,4 +1,4 @@
-import { BasePlugin } from '../../types/base-plugin';
+import { GraphicPlugin, PropertyPanelRegistration } from '../../types/graphic-plugin';
 import { BaseGraphicElement, BaseGraphicElementOptions } from '../../types/base-graphic-element';
 import { EditorHost } from '../../core';
 export interface QrcodeOptions extends BaseGraphicElementOptions {
@@ -34,7 +34,9 @@ export declare class QrcodeElement extends BaseGraphicElement {
         visible: boolean;
         locked: boolean;
         draggable: boolean;
-        transferable: boolean;
+        resizable: boolean;
+        zIndex: number;
+        displayName: string | null;
     };
     get config(): {
         [key: string]: any;
@@ -58,18 +60,15 @@ export declare class QrcodeElement extends BaseGraphicElement {
         height: number;
     };
 }
-export declare class QrcodePlugin extends BasePlugin {
+export declare class QrcodePlugin extends GraphicPlugin<QrcodeElement> {
     name: string;
     version: string;
+    graphicType: string;
+    graphicElement: typeof QrcodeElement;
+    shapeComponent: import('vue').DefineComponent<import('./Shape.vue').Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('./Shape.vue').Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+    iconComponent: import('vue').Component;
+    typeDisplayName: string;
+    propertyPanels: PropertyPanelRegistration[];
     protected onInstall(): void;
-}
-declare module '../../types' {
-    interface ElementTypeMap {
-        qr: QrcodeElement;
-    }
-}
-declare module '../../types' {
-    interface PluginMap {
-        'qr-plugin': QrcodePlugin;
-    }
+    protected onUninstall(): void;
 }

package/dist/plugins/rect/Shape.vue.d.ts

@@ -1,5 +1,5 @@
 import { RectElement } from './rect';
-interface Props {
+export interface Props {
     element: RectElement;
 }
 declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

package/dist/plugins/rect/index.d.ts

@@ -1,4 +1,3 @@
 export { default as RectPropertyPanel } from './PropertyPanel.vue';
 export { default as RectShape } from './Shape.vue';
-export { default as RectTool } from './Tool.vue';
 export * from './rect';

package/dist/plugins/rect/rect.d.ts

@@ -1,6 +1,6 @@
-import { BasePlugin } from '../../types/base-plugin';
 import { BaseGraphicElement, BaseGraphicElementOptions } from '../../types/base-graphic-element';
 import { EditorHost } from '../../core';
+import { GraphicPlugin, PropertyPanelRegistration } from '../../types/graphic-plugin';
 export interface RectOptions extends BaseGraphicElementOptions {
     x?: number;
     y?: number;
@@ -49,21 +49,19 @@ export declare class RectElement extends BaseGraphicElement {
         visible: boolean;
         locked: boolean;
         draggable: boolean;
-        transferable: boolean;
+        resizable: boolean;
+        zIndex: number;
+        displayName: string | null;
     };
 }
-export declare class RectPlugin extends BasePlugin {
+export declare class RectPlugin extends GraphicPlugin<RectElement> {
     name: string;
     version: string;
+    graphicType: string;
+    graphicElement: typeof RectElement;
+    shapeComponent: import('vue').DefineComponent<import('./Shape.vue').Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('./Shape.vue').Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+    iconComponent: import('vue').Component;
+    typeDisplayName: string;
+    propertyPanels: PropertyPanelRegistration[];
     protected onInstall(): void;
 }
-declare module '../../types' {
-    interface ElementTypeMap {
-        rect: RectElement;
-    }
-}
-declare module '../../types' {
-    interface PluginMap {
-        'rect-plugin': RectPlugin;
-    }
-}

package/dist/plugins/selection.d.ts

@@ -13,7 +13,6 @@ export declare class SelectionPlugin extends BasePlugin {
     protected onInstall(): void;
     protected onUninstall(): void;
     private handleMouseDown;
-    private isClickOnTransformer;
     private handleMouseMove;
     private handleMouseUp;
     /**

package/dist/plugins/text/Shape.vue.d.ts

@@ -1,5 +1,5 @@
 import { TextElement } from './text';
-interface Props {
+export interface Props {
     element: TextElement;
 }
 declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

package/dist/plugins/text/index.d.ts

@@ -1,5 +1,4 @@
 export { default as TextPropertyPanel } from './PropertyPanel.vue';
 export { default as TextShape } from './Shape.vue';
-export { default as TextTool } from './Tool.vue';
 export { default as TextContextMenu } from './TextContextMenu.vue';
 export * from './text';

package/dist/plugins/text/text.d.ts

@@ -1,5 +1,5 @@
-import { BasePlugin } from '../../types/base-plugin';
 import { BaseGraphicElement, BaseGraphicElementOptions } from '../../types/base-graphic-element';
+import { GraphicPlugin, PropertyPanelRegistration } from '../../types/graphic-plugin';
 import { EditorHost } from '../../core';
 export interface TextOptions extends BaseGraphicElementOptions {
     x?: number;
@@ -9,6 +9,7 @@ export interface TextOptions extends BaseGraphicElementOptions {
     align?: 'left' | 'center' | 'right' | 'justify';
     verticalAlign?: 'top' | 'middle' | 'bottom';
     fontStyle?: 'normal' | 'italic' | 'bold' | '500' | 'italic bold';
+    fill?: string;
     xmm?: number;
     ymm?: number;
 }
@@ -19,6 +20,7 @@ export declare class TextElement extends BaseGraphicElement {
     align: 'left' | 'center' | 'right' | 'justify';
     verticalAlign: 'top' | 'middle' | 'bottom';
     fontStyle: 'normal' | 'italic' | 'bold' | '500' | 'italic bold';
+    fill: string;
     constructor(host: EditorHost, options?: Partial<TextOptions>);
     get config(): {
         text: string;
@@ -26,6 +28,7 @@ export declare class TextElement extends BaseGraphicElement {
         align: "left" | "right" | "center" | "justify";
         verticalAlign: "top" | "bottom" | "middle";
         fontStyle: "bold" | "normal" | "italic" | "500" | "italic bold";
+        fill: string;
         id: string;
         x: number;
         y: number;
@@ -44,6 +47,7 @@ export declare class TextElement extends BaseGraphicElement {
         align: "left" | "right" | "center" | "justify";
         verticalAlign: "top" | "bottom" | "middle";
         fontStyle: "bold" | "normal" | "italic" | "500" | "italic bold";
+        fill: string;
         id: string;
         type: string;
         xmm: number;
@@ -56,21 +60,20 @@ export declare class TextElement extends BaseGraphicElement {
         visible: boolean;
         locked: boolean;
         draggable: boolean;
-        transferable: boolean;
+        resizable: boolean;
+        zIndex: number;
+        displayName: string | null;
     };
 }
-export declare class TextPlugin extends BasePlugin {
+export declare class TextPlugin extends GraphicPlugin<TextElement> {
     name: string;
     version: string;
+    graphicType: string;
+    graphicElement: typeof TextElement;
+    shapeComponent: import('vue').DefineComponent<import('./Shape.vue').Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('./Shape.vue').Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+    iconComponent: import('vue').Component;
+    typeDisplayName: string;
+    propertyPanels: PropertyPanelRegistration[];
     protected onInstall(): void;
-}
-declare module '../../types' {
-    interface ElementTypeMap {
-        text: TextElement;
-    }
-}
-declare module '../../types' {
-    interface PluginMap {
-        'text-plugin': TextPlugin;
-    }
+    protected onUninstall(): void;
 }

package/dist/types/base-graphic-element.d.ts

@@ -13,7 +13,9 @@ export interface BaseGraphicElementOptions {
     visible?: boolean;
     locked?: boolean;
     draggable?: boolean;
-    transferable?: boolean;
+    resizable?: boolean;
+    zIndex?: number;
+    displayName?: string | null;
 }
 export declare abstract class BaseGraphicElement implements IGraphicElement {
     get x(): number;
@@ -37,8 +39,11 @@ export declare abstract class BaseGraphicElement implements IGraphicElement {
     visible: boolean;
     locked: boolean;
     draggable: boolean;
-    transferable: boolean;
+    resizable: boolean;
+    zIndex: number;
     resizeAnchors: string[] | null;
+    /** 元素自定义显示名称。空字符串/null 时回退到 layer-manager.getElementDisplayName 的自动命名逻辑。 */
+    displayName: string | null;
     constructor(host: EditorHost, options?: Partial<BaseGraphicElementOptions>);
     updateProperty(host: EditorHost, property: string, oldValue: any, newValue: any): void;
     clone(): IGraphicElement;
@@ -62,7 +67,9 @@ export declare abstract class BaseGraphicElement implements IGraphicElement {
         visible: boolean;
         locked: boolean;
         draggable: boolean;
-        transferable: boolean;
+        resizable: boolean;
+        zIndex: number;
+        displayName: string | null;
         [key: string]: any;
     };
     getTransformAttr(event: any): {

package/dist/types/base.d.ts

@@ -14,11 +14,6 @@ export interface BoundingBox {
     width: number;
     height: number;
 }
-export interface IGraphicComponent {
-    component: any;
-    props?: any;
-    events?: any;
-}
 export interface IGraphicElement {
     id: string;
     type: string;
@@ -32,7 +27,10 @@ export interface IGraphicElement {
     visible: boolean;
     locked: boolean;
     draggable: boolean;
-    transferable: boolean;
+    resizable: boolean;
+    zIndex: number;
+    /** 元素自定义显示名称。空字符串/null 时回退到 layer-manager.getElementDisplayName 的自动命名逻辑。 */
+    displayName?: string | null;
     resizeAnchors?: string[] | null;
     getBoundingBox(): BoundingBox;
     clone(): IGraphicElement;
@@ -51,24 +49,13 @@ export interface IEditorPlugin {
     uninstall(): void;
     activate?(): void;
     deactivate?(): void;
-    registerGraphicTypes?(): IGraphicType[];
-    getTools?(): IPluginTool[];
-    [key: string]: any;
-}
-export interface IPluginTool {
     [key: string]: any;
 }
-export interface IGraphicType {
-    type: string;
-    render(): Component;
-    renderTool(): Component;
-    renderPropertyPanel(): Component;
-    createElement(x: number, y: number): IGraphicElement;
-}
 export interface IEditorState {
     zoom: number;
     currentTool: string;
     snapToGrid: boolean;
+    snapRotation: boolean;
     showGrid: boolean;
     width: number;
     height: number;

package/dist/types/event-data.d.ts

@@ -79,6 +79,7 @@ export interface DistributeEventData extends BaseEventData {
 export interface LayerOrderEventData extends BaseEventData {
     elementId: string;
     direction: 'up' | 'down' | 'top' | 'bottom';
+    newOrder?: string[];
 }
 export interface BaseStageEventData extends BaseEventData {
     point: Point2D;
@@ -106,6 +107,22 @@ export interface ElementDragEventData extends BaseEventData {
     target: any;
     evt: MouseEvent | undefined;
 }
+export interface GraphicEventData extends BaseEventData {
+    type: string;
+    render: () => Component;
+    iconComponent?: Component;
+    typeDisplayName?: string;
+}
+export interface GraphicToolEventData extends BaseEventData {
+    type: string;
+    render: () => Component;
+}
+export interface PropertyPanelEventData extends BaseEventData {
+    graphicTypes: string[];
+    render: () => Component;
+    isCanvas: boolean;
+    isPublic: boolean;
+}
 /**
  * 事件工具函数
  */

package/dist/types/event-map.d.ts

@@ -1,4 +1,4 @@
-import { BaseEventData, ElementDragEventData, ElementEventData, SelectionEventData, TransformEventData, ToolEventData, PluginEventData, CommandEventData, HistoryEventData, ViewEventData, CreationEventData, ErrorEventData, PerformanceEventData, AlignEventData, DistributeEventData, LayerOrderEventData, ElementUpdateEventData, StageDblClickEventData, StageMouseEventData, StageKeyboardEventData, ElementRegisteredEventData, StatusEventData } from './event-data';
+import { BaseEventData, ElementDragEventData, ElementEventData, SelectionEventData, TransformEventData, ToolEventData, PluginEventData, CommandEventData, HistoryEventData, ViewEventData, CreationEventData, ErrorEventData, PerformanceEventData, AlignEventData, DistributeEventData, LayerOrderEventData, ElementUpdateEventData, StageDblClickEventData, StageMouseEventData, StageKeyboardEventData, ElementRegisteredEventData, StatusEventData, GraphicEventData, GraphicToolEventData, PropertyPanelEventData } from './event-data';
 /**
  * 编辑器事件映射接口
  * @description 定义编辑器中所有可能的事件及其对应的负载类型。
@@ -98,9 +98,15 @@ export interface EventMap {
     'plugin:deactivated': (payload: PluginEventData) => void;
     'plugin:loaded': (payload: PluginEventData) => void;
     'plugin:error': (payload: ErrorEventData) => void;
+    'graphic:registered': (payload: GraphicEventData) => void;
+    'graphic:unregistered': (payload: GraphicEventData) => void;
+    'graphic-tool:registered': (payload: GraphicToolEventData) => void;
+    'graphic-tool:unregistered': (payload: GraphicToolEventData) => void;
     'create-strategy:registered': (payload: BaseEventData) => void;
     'create-strategy:unregistered': (payload: BaseEventData) => void;
     'create-strategy:needs-register': (payload: BaseEventData) => void;
+    'property-panel:registered': (payload: PropertyPanelEventData) => void;
+    'property-panel:unregistered': (payload: PropertyPanelEventData) => void;
     'property:value-change': (payload: BaseEventData) => void;
     'property:batch-update-start': (payload: BaseEventData) => void;
     'property:batch-update-end': (payload: BaseEventData) => void;
@@ -109,6 +115,7 @@ export interface EventMap {
     'elements:group': (payload: BaseEventData) => void;
     'elements:ungroup': (payload: BaseEventData) => void;
     'elements:layer': (payload: LayerOrderEventData) => void;
+    'elements:reorder': (payload: LayerOrderEventData) => void;
     'shortcut:triggered': (payload: BaseEventData) => void;
     'shortcut:registered': (payload: BaseEventData) => void;
     'shortcut:conflict': (payload: BaseEventData) => void;

package/dist/types/graphic-plugin.d.ts

@@ -0,0 +1,27 @@
+import { Component } from 'vue';
+import { EditorHost } from '../core';
+import { BasePlugin } from './base-plugin';
+import { IGraphicElement } from './base';
+export interface GraphicTypeRegistration {
+    type: string;
+    render: () => Component;
+    createElement: () => IGraphicElement;
+    iconComponent?: Component;
+    typeDisplayName?: string;
+}
+export interface PropertyPanelRegistration {
+    graphicTypes: string[];
+    render: () => Component;
+    isCanvas?: boolean;
+    isPublic?: boolean;
+}
+export declare abstract class GraphicPlugin<T extends IGraphicElement> extends BasePlugin {
+    abstract graphicType: string;
+    abstract graphicElement: new (host: EditorHost) => T;
+    abstract shapeComponent: Component;
+    propertyPanels?: PropertyPanelRegistration[];
+    iconComponent?: Component;
+    typeDisplayName?: string;
+    protected onActivate(): void;
+    protected onDeactivate(): void;
+}