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.
Files changed (97) hide show
  1. package/CHANGELOG.md +51 -0
  2. package/LICENSE +21 -21
  3. package/README.en.md +38 -36
  4. package/README.md +32 -28
  5. package/dist/commands/change-layer-order-command.d.ts +1 -0
  6. package/dist/commands/index.d.ts +1 -0
  7. package/dist/commands/reorder-elements-command.d.ts +19 -0
  8. package/dist/components/BaseElementPropertyPanel.vue.d.ts +28 -1
  9. package/dist/components/TextProperty.vue.d.ts +2 -0
  10. package/dist/components/ui/VkButton.vue.d.ts +2 -2
  11. package/dist/components/ui/VkColorPicker.vue.d.ts +26 -0
  12. package/dist/components/ui/VkTextarea.vue.d.ts +20 -0
  13. package/dist/components/ui/index.d.ts +2 -1
  14. package/dist/core/ContentLayer.vue.d.ts +0 -2
  15. package/dist/core/Editor.vue.d.ts +1 -0
  16. package/dist/{plugins/rect/Tool.vue.d.ts → core/GraphicToolRenderer.vue.d.ts} +6 -1
  17. package/dist/core/HelpGuide.vue.d.ts +3 -1
  18. package/dist/{plugins/table/CellsBorder.vue.d.ts → core/TransformOverlay.vue.d.ts} +2 -2
  19. package/dist/core/editor-host.d.ts +2 -11
  20. package/dist/favicon.ico +0 -0
  21. package/dist/favicon.svg +8 -0
  22. package/dist/hooks/index.d.ts +1 -0
  23. package/dist/hooks/use-content-layer.d.ts +6 -6
  24. package/dist/hooks/use-host-state.d.ts +1 -0
  25. package/dist/hooks/use-ruler-layer.d.ts +24 -0
  26. package/dist/hooks/use-selection-layer.d.ts +2 -3
  27. package/dist/hooks/use-stage-event.d.ts +1 -0
  28. package/dist/hooks/use-transform-overlay.d.ts +108 -0
  29. package/dist/index-CSKpw1uX.js +25597 -0
  30. package/dist/{index.es-CEBX1sXY.js → index.es-Dswe047Z.js} +1 -1
  31. package/dist/plugins/barcode/Shape.vue.d.ts +1 -1
  32. package/dist/plugins/barcode/barcode.d.ts +12 -13
  33. package/dist/plugins/barcode/index.d.ts +0 -1
  34. package/dist/plugins/export/export.d.ts +1 -2
  35. package/dist/plugins/graphic-registry/graphic-registry.d.ts +43 -0
  36. package/dist/plugins/graphic-registry/index.d.ts +1 -0
  37. package/dist/plugins/import/import.d.ts +1 -2
  38. package/dist/plugins/index.d.ts +2 -6
  39. package/dist/plugins/keydown.d.ts +6 -0
  40. package/dist/plugins/{table/ContextMenu.vue.d.ts → layer-manager/LayerPanel.vue.d.ts} +5 -4
  41. package/dist/plugins/layer-manager/index.d.ts +2 -0
  42. package/dist/plugins/layer-manager/layer-manager.d.ts +16 -0
  43. package/dist/plugins/line/Shape.vue.d.ts +1 -1
  44. package/dist/plugins/line/index.d.ts +0 -1
  45. package/dist/plugins/line/line.d.ts +12 -13
  46. package/dist/plugins/qrcode/Shape.vue.d.ts +1 -1
  47. package/dist/plugins/qrcode/index.d.ts +0 -1
  48. package/dist/plugins/qrcode/qrcode.d.ts +12 -13
  49. package/dist/plugins/rect/Shape.vue.d.ts +1 -1
  50. package/dist/plugins/rect/index.d.ts +0 -1
  51. package/dist/plugins/rect/rect.d.ts +11 -13
  52. package/dist/plugins/selection.d.ts +5 -1
  53. package/dist/plugins/text/Shape.vue.d.ts +1 -1
  54. package/dist/plugins/text/index.d.ts +0 -1
  55. package/dist/plugins/text/text.d.ts +16 -13
  56. package/dist/types/base-graphic-element.d.ts +10 -3
  57. package/dist/types/base.d.ts +5 -18
  58. package/dist/types/event-data.d.ts +17 -0
  59. package/dist/types/event-map.d.ts +8 -1
  60. package/dist/types/graphic-plugin.d.ts +27 -0
  61. package/dist/types/index.d.ts +1 -3
  62. package/dist/utils/color.d.ts +40 -0
  63. package/dist/utils/css-var.d.ts +14 -0
  64. package/dist/utils/index.d.ts +4 -0
  65. package/dist/utils/readability.d.ts +22 -0
  66. package/dist/utils/theme.d.ts +2 -0
  67. package/dist/utils/transform-geometry.d.ts +62 -0
  68. package/dist/utils/transform-overlay.d.ts +62 -0
  69. package/dist/vkedit.css +1 -1
  70. package/dist/vkedit.es.js +81 -96
  71. package/package.json +5 -5
  72. package/dist/components/ui/VkIcon.vue.d.ts +0 -8
  73. package/dist/index-Bisex1w7.js +0 -72850
  74. package/dist/plugins/barcode/Tool.vue.d.ts +0 -6
  75. package/dist/plugins/chart/PropertyPanel.vue.d.ts +0 -9
  76. package/dist/plugins/chart/Shape.vue.d.ts +0 -23
  77. package/dist/plugins/chart/Tool.vue.d.ts +0 -6
  78. package/dist/plugins/chart/chart.d.ts +0 -38
  79. package/dist/plugins/chart/index.d.ts +0 -4
  80. package/dist/plugins/element-manager.d.ts +0 -24
  81. package/dist/plugins/graphic-manager/graphic-manager.d.ts +0 -31
  82. package/dist/plugins/graphic-manager/index.d.ts +0 -1
  83. package/dist/plugins/graphic-tool-manager.d.ts +0 -16
  84. package/dist/plugins/line/Tool.vue.d.ts +0 -7
  85. package/dist/plugins/property-panel-manager/index.d.ts +0 -1
  86. package/dist/plugins/property-panel-manager/property-panel-manager.d.ts +0 -32
  87. package/dist/plugins/qrcode/Tool.vue.d.ts +0 -6
  88. package/dist/plugins/table/PropertyPanel.vue.d.ts +0 -9
  89. package/dist/plugins/table/Shape.vue.d.ts +0 -26
  90. package/dist/plugins/table/Tool.vue.d.ts +0 -7
  91. package/dist/plugins/table/cell.d.ts +0 -61
  92. package/dist/plugins/table/index.d.ts +0 -6
  93. package/dist/plugins/table/table.d.ts +0 -92
  94. package/dist/plugins/text/Tool.vue.d.ts +0 -6
  95. package/dist/types/base-graphic-type.d.ts +0 -9
  96. package/dist/types/element-type-map.d.ts +0 -12
  97. 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: (event: any) => void;
22
- handlePMouseleave: (event: any) => void;
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<{}, {}>;
@@ -14,6 +14,7 @@ export declare function useStageEvent(host: EditorHost): {
14
14
  zoom: number;
15
15
  currentTool: string;
16
16
  snapToGrid: boolean;
17
+ snapRotation: boolean;
17
18
  showGrid: boolean;
18
19
  width: number;
19
20
  height: number;
@@ -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
+ };