vkedit 3.2.6 → 4.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +51 -0
- package/LICENSE +21 -21
- package/README.en.md +38 -36
- package/README.md +32 -28
- package/dist/commands/change-layer-order-command.d.ts +1 -0
- package/dist/commands/index.d.ts +1 -0
- package/dist/commands/reorder-elements-command.d.ts +19 -0
- package/dist/components/BaseElementPropertyPanel.vue.d.ts +28 -1
- package/dist/components/TextProperty.vue.d.ts +2 -0
- package/dist/components/ui/VkButton.vue.d.ts +2 -2
- package/dist/components/ui/VkColorPicker.vue.d.ts +26 -0
- package/dist/components/ui/VkTextarea.vue.d.ts +20 -0
- package/dist/components/ui/index.d.ts +2 -1
- package/dist/core/ContentLayer.vue.d.ts +0 -2
- package/dist/core/Editor.vue.d.ts +1 -0
- package/dist/{plugins/rect/Tool.vue.d.ts → core/GraphicToolRenderer.vue.d.ts} +6 -1
- package/dist/core/HelpGuide.vue.d.ts +3 -1
- package/dist/{plugins/table/CellsBorder.vue.d.ts → core/TransformOverlay.vue.d.ts} +2 -2
- package/dist/core/editor-host.d.ts +2 -11
- package/dist/favicon.ico +0 -0
- package/dist/favicon.svg +8 -0
- package/dist/hooks/index.d.ts +1 -0
- package/dist/hooks/use-content-layer.d.ts +6 -6
- package/dist/hooks/use-host-state.d.ts +1 -0
- package/dist/hooks/use-ruler-layer.d.ts +24 -0
- package/dist/hooks/use-selection-layer.d.ts +2 -3
- package/dist/hooks/use-stage-event.d.ts +1 -0
- package/dist/hooks/use-transform-overlay.d.ts +108 -0
- package/dist/index-CSKpw1uX.js +25597 -0
- package/dist/{index.es-CEBX1sXY.js → index.es-Dswe047Z.js} +1 -1
- package/dist/plugins/barcode/Shape.vue.d.ts +1 -1
- package/dist/plugins/barcode/barcode.d.ts +12 -13
- package/dist/plugins/barcode/index.d.ts +0 -1
- package/dist/plugins/export/export.d.ts +1 -2
- package/dist/plugins/graphic-registry/graphic-registry.d.ts +43 -0
- package/dist/plugins/graphic-registry/index.d.ts +1 -0
- package/dist/plugins/import/import.d.ts +1 -2
- package/dist/plugins/index.d.ts +2 -6
- package/dist/plugins/keydown.d.ts +6 -0
- package/dist/plugins/{table/ContextMenu.vue.d.ts → layer-manager/LayerPanel.vue.d.ts} +5 -4
- package/dist/plugins/layer-manager/index.d.ts +2 -0
- package/dist/plugins/layer-manager/layer-manager.d.ts +16 -0
- package/dist/plugins/line/Shape.vue.d.ts +1 -1
- package/dist/plugins/line/index.d.ts +0 -1
- package/dist/plugins/line/line.d.ts +12 -13
- package/dist/plugins/qrcode/Shape.vue.d.ts +1 -1
- package/dist/plugins/qrcode/index.d.ts +0 -1
- package/dist/plugins/qrcode/qrcode.d.ts +12 -13
- package/dist/plugins/rect/Shape.vue.d.ts +1 -1
- package/dist/plugins/rect/index.d.ts +0 -1
- package/dist/plugins/rect/rect.d.ts +11 -13
- package/dist/plugins/selection.d.ts +5 -1
- package/dist/plugins/text/Shape.vue.d.ts +1 -1
- package/dist/plugins/text/index.d.ts +0 -1
- package/dist/plugins/text/text.d.ts +16 -13
- package/dist/types/base-graphic-element.d.ts +10 -3
- package/dist/types/base.d.ts +5 -18
- package/dist/types/event-data.d.ts +17 -0
- package/dist/types/event-map.d.ts +8 -1
- package/dist/types/graphic-plugin.d.ts +27 -0
- package/dist/types/index.d.ts +1 -3
- package/dist/utils/color.d.ts +40 -0
- package/dist/utils/css-var.d.ts +14 -0
- package/dist/utils/index.d.ts +4 -0
- package/dist/utils/readability.d.ts +22 -0
- package/dist/utils/theme.d.ts +2 -0
- package/dist/utils/transform-geometry.d.ts +62 -0
- package/dist/utils/transform-overlay.d.ts +62 -0
- package/dist/vkedit.css +1 -1
- package/dist/vkedit.es.js +81 -96
- package/package.json +5 -5
- package/dist/components/ui/VkIcon.vue.d.ts +0 -8
- package/dist/index-Bisex1w7.js +0 -72850
- package/dist/plugins/barcode/Tool.vue.d.ts +0 -6
- package/dist/plugins/chart/PropertyPanel.vue.d.ts +0 -9
- package/dist/plugins/chart/Shape.vue.d.ts +0 -23
- package/dist/plugins/chart/Tool.vue.d.ts +0 -6
- package/dist/plugins/chart/chart.d.ts +0 -38
- package/dist/plugins/chart/index.d.ts +0 -4
- package/dist/plugins/element-manager.d.ts +0 -24
- package/dist/plugins/graphic-manager/graphic-manager.d.ts +0 -31
- package/dist/plugins/graphic-manager/index.d.ts +0 -1
- package/dist/plugins/graphic-tool-manager.d.ts +0 -16
- package/dist/plugins/line/Tool.vue.d.ts +0 -7
- package/dist/plugins/property-panel-manager/index.d.ts +0 -1
- package/dist/plugins/property-panel-manager/property-panel-manager.d.ts +0 -32
- package/dist/plugins/qrcode/Tool.vue.d.ts +0 -6
- package/dist/plugins/table/PropertyPanel.vue.d.ts +0 -9
- package/dist/plugins/table/Shape.vue.d.ts +0 -26
- package/dist/plugins/table/Tool.vue.d.ts +0 -7
- package/dist/plugins/table/cell.d.ts +0 -61
- package/dist/plugins/table/index.d.ts +0 -6
- package/dist/plugins/table/table.d.ts +0 -92
- package/dist/plugins/text/Tool.vue.d.ts +0 -6
- package/dist/types/base-graphic-type.d.ts +0 -9
- package/dist/types/element-type-map.d.ts +0 -12
- package/dist/types/plugin-map.d.ts +0 -12
|
@@ -24,6 +24,30 @@ export declare function useRulerLayer(host: EditorHost): {
|
|
|
24
24
|
strokeWidth: number;
|
|
25
25
|
listening: boolean;
|
|
26
26
|
}>;
|
|
27
|
+
cornerConfig: import('vue').ComputedRef<{
|
|
28
|
+
x: number;
|
|
29
|
+
y: number;
|
|
30
|
+
width: number;
|
|
31
|
+
height: number;
|
|
32
|
+
fill: string;
|
|
33
|
+
strokeEnabled: boolean;
|
|
34
|
+
listening: boolean;
|
|
35
|
+
}>;
|
|
36
|
+
cornerEdgeConfigs: import('vue').ComputedRef<{
|
|
37
|
+
right: {
|
|
38
|
+
points: number[];
|
|
39
|
+
stroke: string;
|
|
40
|
+
strokeWidth: number;
|
|
41
|
+
listening: boolean;
|
|
42
|
+
};
|
|
43
|
+
bottom: {
|
|
44
|
+
points: number[];
|
|
45
|
+
stroke: string;
|
|
46
|
+
strokeWidth: number;
|
|
47
|
+
listening: boolean;
|
|
48
|
+
};
|
|
49
|
+
}>;
|
|
27
50
|
upRulerShapeRef: import('vue').Ref<any, any>;
|
|
28
51
|
leftRulerShapeRef: import('vue').Ref<any, any>;
|
|
52
|
+
RULER_SIZE: number;
|
|
29
53
|
};
|
|
@@ -18,8 +18,8 @@ export declare function useSelectionLayer(host: EditorHost): {
|
|
|
18
18
|
}>;
|
|
19
19
|
handleMouseDown: (event: any) => void;
|
|
20
20
|
handleMouseMove: (event: any) => void;
|
|
21
|
-
handleMouseUp: (
|
|
22
|
-
|
|
21
|
+
handleMouseUp: () => void;
|
|
22
|
+
handleMouseLeave: () => void;
|
|
23
23
|
rectConfig: import('vue').ComputedRef<{
|
|
24
24
|
x: number;
|
|
25
25
|
y: number;
|
|
@@ -28,7 +28,6 @@ export declare function useSelectionLayer(host: EditorHost): {
|
|
|
28
28
|
fill: string;
|
|
29
29
|
stroke: string;
|
|
30
30
|
strokeWidth: number;
|
|
31
|
-
dash: number[];
|
|
32
31
|
listening: boolean;
|
|
33
32
|
}>;
|
|
34
33
|
selectionLayerConfig: import('vue').Ref<{}, {}>;
|
|
@@ -0,0 +1,108 @@
|
|
|
1
|
+
import { EditorHost } from '../core';
|
|
2
|
+
import { IGraphicElement } from '../types';
|
|
3
|
+
export interface OverlayAnchorView {
|
|
4
|
+
id: string;
|
|
5
|
+
x: number;
|
|
6
|
+
y: number;
|
|
7
|
+
size: number;
|
|
8
|
+
}
|
|
9
|
+
export interface OverlayViewModel {
|
|
10
|
+
visible: boolean;
|
|
11
|
+
mode: 'single' | 'multi';
|
|
12
|
+
border: {
|
|
13
|
+
x: number;
|
|
14
|
+
y: number;
|
|
15
|
+
width: number;
|
|
16
|
+
height: number;
|
|
17
|
+
rotation: number;
|
|
18
|
+
stroke: string;
|
|
19
|
+
strokeWidth: number;
|
|
20
|
+
} | null;
|
|
21
|
+
anchors: OverlayAnchorView[];
|
|
22
|
+
rotateHandle: {
|
|
23
|
+
x: number;
|
|
24
|
+
y: number;
|
|
25
|
+
radius: number;
|
|
26
|
+
} | null;
|
|
27
|
+
rotateStem: {
|
|
28
|
+
points: number[];
|
|
29
|
+
stroke: string;
|
|
30
|
+
strokeWidth: number;
|
|
31
|
+
} | null;
|
|
32
|
+
}
|
|
33
|
+
export declare function useTransformOverlay(host: EditorHost): {
|
|
34
|
+
overlay: import('vue').ComputedRef<OverlayViewModel>;
|
|
35
|
+
refreshOverlay: () => void;
|
|
36
|
+
selectedElements: import('vue').Ref<{
|
|
37
|
+
id: string;
|
|
38
|
+
type: string;
|
|
39
|
+
x: number;
|
|
40
|
+
y: number;
|
|
41
|
+
width: number;
|
|
42
|
+
height: number;
|
|
43
|
+
rotation: number;
|
|
44
|
+
scaleX: number;
|
|
45
|
+
scaleY: number;
|
|
46
|
+
visible: boolean;
|
|
47
|
+
locked: boolean;
|
|
48
|
+
draggable: boolean;
|
|
49
|
+
resizable: boolean;
|
|
50
|
+
zIndex: number;
|
|
51
|
+
displayName?: string | null | undefined;
|
|
52
|
+
resizeAnchors?: string[] | null | undefined;
|
|
53
|
+
getBoundingBox: () => import('../types').BoundingBox;
|
|
54
|
+
clone: () => IGraphicElement;
|
|
55
|
+
serialize: () => any;
|
|
56
|
+
deserialize: (data: any) => void;
|
|
57
|
+
updateProperty: (host: EditorHost, property: string, oldValue: any, newValue: any) => void;
|
|
58
|
+
getTransformAttr?: ((event: any) => {
|
|
59
|
+
oldAttrs: any;
|
|
60
|
+
newAttrs: any;
|
|
61
|
+
}) | undefined;
|
|
62
|
+
}[], IGraphicElement[] | {
|
|
63
|
+
id: string;
|
|
64
|
+
type: string;
|
|
65
|
+
x: number;
|
|
66
|
+
y: number;
|
|
67
|
+
width: number;
|
|
68
|
+
height: number;
|
|
69
|
+
rotation: number;
|
|
70
|
+
scaleX: number;
|
|
71
|
+
scaleY: number;
|
|
72
|
+
visible: boolean;
|
|
73
|
+
locked: boolean;
|
|
74
|
+
draggable: boolean;
|
|
75
|
+
resizable: boolean;
|
|
76
|
+
zIndex: number;
|
|
77
|
+
displayName?: string | null | undefined;
|
|
78
|
+
resizeAnchors?: string[] | null | undefined;
|
|
79
|
+
getBoundingBox: () => import('../types').BoundingBox;
|
|
80
|
+
clone: () => IGraphicElement;
|
|
81
|
+
serialize: () => any;
|
|
82
|
+
deserialize: (data: any) => void;
|
|
83
|
+
updateProperty: (host: EditorHost, property: string, oldValue: any, newValue: any) => void;
|
|
84
|
+
getTransformAttr?: ((event: any) => {
|
|
85
|
+
oldAttrs: any;
|
|
86
|
+
newAttrs: any;
|
|
87
|
+
}) | undefined;
|
|
88
|
+
}[]>;
|
|
89
|
+
getElementNode: (id: string) => any;
|
|
90
|
+
cursor: import('vue').Ref<string, string>;
|
|
91
|
+
onOverlayPointerDown: (e: any) => void;
|
|
92
|
+
onOverlayPointerMove: () => void;
|
|
93
|
+
onOverlayPointerUp: () => void;
|
|
94
|
+
onStagePointerMove: (e: any) => void;
|
|
95
|
+
angleLabel: import('vue').Ref<{
|
|
96
|
+
x: number;
|
|
97
|
+
y: number;
|
|
98
|
+
text: string;
|
|
99
|
+
} | null, {
|
|
100
|
+
x: number;
|
|
101
|
+
y: number;
|
|
102
|
+
text: string;
|
|
103
|
+
} | {
|
|
104
|
+
x: number;
|
|
105
|
+
y: number;
|
|
106
|
+
text: string;
|
|
107
|
+
} | null>;
|
|
108
|
+
};
|