@hprint/plugins 0.0.1-alpha.1 → 0.0.1-alpha.3

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 (64) hide show
  1. package/dist/index.js +122 -117
  2. package/dist/index.mjs +41257 -21115
  3. package/dist/src/plugins/AlignGuidLinePlugin.d.ts +7 -2
  4. package/dist/src/plugins/AlignGuidLinePlugin.d.ts.map +1 -1
  5. package/dist/src/plugins/BarCodePlugin.d.ts +4 -0
  6. package/dist/src/plugins/BarCodePlugin.d.ts.map +1 -1
  7. package/dist/src/plugins/CreateElementPlugin.d.ts +3 -9
  8. package/dist/src/plugins/CreateElementPlugin.d.ts.map +1 -1
  9. package/dist/src/plugins/GroupAlignPlugin.d.ts.map +1 -1
  10. package/dist/src/plugins/LockPlugin.d.ts.map +1 -1
  11. package/dist/src/plugins/QrCodePlugin.d.ts +19 -97
  12. package/dist/src/plugins/QrCodePlugin.d.ts.map +1 -1
  13. package/dist/src/plugins/ResizePlugin.d.ts.map +1 -1
  14. package/dist/src/plugins/UnitPlugin.d.ts.map +1 -1
  15. package/dist/src/plugins/WorkspacePlugin.d.ts.map +1 -1
  16. package/dist/src/utils/units.d.ts.map +1 -1
  17. package/package.json +5 -4
  18. package/src/assets/style/resizePlugin.css +27 -27
  19. package/src/objects/Arrow.js +47 -47
  20. package/src/objects/ThinTailArrow.js +50 -50
  21. package/src/plugins/AlignGuidLinePlugin.ts +1152 -1141
  22. package/src/plugins/BarCodePlugin.ts +33 -27
  23. package/src/plugins/ControlsPlugin.ts +251 -251
  24. package/src/plugins/ControlsRotatePlugin.ts +111 -111
  25. package/src/plugins/CopyPlugin.ts +255 -255
  26. package/src/plugins/CreateElementPlugin.ts +14 -10
  27. package/src/plugins/DeleteHotKeyPlugin.ts +57 -57
  28. package/src/plugins/DrawLinePlugin.ts +162 -162
  29. package/src/plugins/DrawPolygonPlugin.ts +205 -205
  30. package/src/plugins/DringPlugin.ts +125 -125
  31. package/src/plugins/FlipPlugin.ts +59 -59
  32. package/src/plugins/FontPlugin.ts +165 -165
  33. package/src/plugins/FreeDrawPlugin.ts +49 -49
  34. package/src/plugins/GroupAlignPlugin.ts +365 -365
  35. package/src/plugins/GroupPlugin.ts +82 -82
  36. package/src/plugins/GroupTextEditorPlugin.ts +198 -198
  37. package/src/plugins/HistoryPlugin.ts +181 -181
  38. package/src/plugins/ImageStroke.ts +121 -121
  39. package/src/plugins/LayerPlugin.ts +108 -108
  40. package/src/plugins/LockPlugin.ts +242 -240
  41. package/src/plugins/MaskPlugin.ts +155 -155
  42. package/src/plugins/MaterialPlugin.ts +224 -224
  43. package/src/plugins/MiddleMousePlugin.ts +45 -45
  44. package/src/plugins/MoveHotKeyPlugin.ts +46 -46
  45. package/src/plugins/PathTextPlugin.ts +89 -89
  46. package/src/plugins/PolygonModifyPlugin.ts +224 -224
  47. package/src/plugins/PrintPlugin.ts +81 -81
  48. package/src/plugins/PsdPlugin.ts +52 -52
  49. package/src/plugins/QrCodePlugin.ts +322 -393
  50. package/src/plugins/ResizePlugin.ts +278 -274
  51. package/src/plugins/RulerPlugin.ts +78 -78
  52. package/src/plugins/SimpleClipImagePlugin.ts +244 -244
  53. package/src/plugins/UnitPlugin.ts +326 -327
  54. package/src/plugins/WaterMarkPlugin.ts +257 -257
  55. package/src/plugins/WorkspacePlugin.ts +10 -6
  56. package/src/types/eventType.ts +11 -11
  57. package/src/utils/psd.js +432 -432
  58. package/src/utils/ruler/guideline.ts +145 -145
  59. package/src/utils/ruler/index.ts +91 -91
  60. package/src/utils/ruler/ruler.ts +924 -924
  61. package/src/utils/ruler/utils.ts +162 -162
  62. package/src/utils/units.ts +4 -2
  63. package/tsconfig.json +10 -10
  64. package/vite.config.ts +29 -29
@@ -1,81 +1,81 @@
1
- import { fabric } from '@hprint/core';
2
- import type { IEditor, IPluginTempl } from '@hprint/core';
3
- import { io } from 'socket.io-client';
4
-
5
- type IPlugin = Pick<PrintPlugin, 'printPDF' | 'getPrinterList'>;
6
-
7
- export interface Option {
8
- 'printer-location': string;
9
- 'printer-make-and-model': string;
10
- system_driverinfo: string;
11
- }
12
-
13
- export interface IPrinterItem {
14
- name: string;
15
- displayName: string;
16
- description: string;
17
- status: number;
18
- isDefault: boolean;
19
- options: Option;
20
- }
21
-
22
- export interface IPrintPDFOption {
23
- width: number;
24
- height: number;
25
- base64: string;
26
- }
27
-
28
- declare module '@hprint/core' {
29
- // eslint-disable-next-line @typescript-eslint/no-empty-interface
30
- interface IEditor extends IPlugin {}
31
- }
32
-
33
- export default class PrintPlugin implements IPluginTempl {
34
- static pluginName = 'PrintPlugin';
35
- static apis = ['printPDF', 'getPrinterList'];
36
-
37
- socket?: any;
38
- isConnect = false;
39
- printerList: IPrinterItem[] = [];
40
-
41
- constructor(
42
- public canvas: fabric.Canvas,
43
- public editor: IEditor
44
- ) {
45
- this.editor = editor;
46
- this.canvas = canvas;
47
-
48
- this.socket = io('http://localhost:17521', {
49
- transports: ['websocket'],
50
- auth: {
51
- token: 'vue-plugin-hiprint',
52
- },
53
- });
54
-
55
- this.socket.on('connect', () => {
56
- this.isConnect = true;
57
- // globalThis.connect = true;
58
- // TODO: Do something for your project
59
- });
60
-
61
- this.socket.on('printerList', (printerList: IPrinterItem[]) => {
62
- console.log('printerList', printerList);
63
- this.printerList = printerList;
64
- });
65
- }
66
-
67
- printPDF(options: IPrintPDFOption) {
68
- this.socket.emit('printPDF', {
69
- ...options,
70
- unit: 'mm',
71
- });
72
- }
73
-
74
- getPrinterList() {
75
- return this.printerList;
76
- }
77
-
78
- destroy() {
79
- console.log('pluginDestroy');
80
- }
81
- }
1
+ import { fabric } from '@hprint/core';
2
+ import type { IEditor, IPluginTempl } from '@hprint/core';
3
+ import { io } from 'socket.io-client';
4
+
5
+ type IPlugin = Pick<PrintPlugin, 'printPDF' | 'getPrinterList'>;
6
+
7
+ export interface Option {
8
+ 'printer-location': string;
9
+ 'printer-make-and-model': string;
10
+ system_driverinfo: string;
11
+ }
12
+
13
+ export interface IPrinterItem {
14
+ name: string;
15
+ displayName: string;
16
+ description: string;
17
+ status: number;
18
+ isDefault: boolean;
19
+ options: Option;
20
+ }
21
+
22
+ export interface IPrintPDFOption {
23
+ width: number;
24
+ height: number;
25
+ base64: string;
26
+ }
27
+
28
+ declare module '@hprint/core' {
29
+ // eslint-disable-next-line @typescript-eslint/no-empty-interface
30
+ interface IEditor extends IPlugin {}
31
+ }
32
+
33
+ export default class PrintPlugin implements IPluginTempl {
34
+ static pluginName = 'PrintPlugin';
35
+ static apis = ['printPDF', 'getPrinterList'];
36
+
37
+ socket?: any;
38
+ isConnect = false;
39
+ printerList: IPrinterItem[] = [];
40
+
41
+ constructor(
42
+ public canvas: fabric.Canvas,
43
+ public editor: IEditor
44
+ ) {
45
+ this.editor = editor;
46
+ this.canvas = canvas;
47
+
48
+ this.socket = io('http://localhost:17521', {
49
+ transports: ['websocket'],
50
+ auth: {
51
+ token: 'vue-plugin-hiprint',
52
+ },
53
+ });
54
+
55
+ this.socket.on('connect', () => {
56
+ this.isConnect = true;
57
+ // globalThis.connect = true;
58
+ // TODO: Do something for your project
59
+ });
60
+
61
+ this.socket.on('printerList', (printerList: IPrinterItem[]) => {
62
+ console.log('printerList', printerList);
63
+ this.printerList = printerList;
64
+ });
65
+ }
66
+
67
+ printPDF(options: IPrintPDFOption) {
68
+ this.socket.emit('printPDF', {
69
+ ...options,
70
+ unit: 'mm',
71
+ });
72
+ }
73
+
74
+ getPrinterList() {
75
+ return this.printerList;
76
+ }
77
+
78
+ destroy() {
79
+ console.log('pluginDestroy');
80
+ }
81
+ }
@@ -1,52 +1,52 @@
1
- import { fabric } from '@hprint/core';
2
- import { utils } from '@hprint/shared';
3
- import psdToJson from '../utils/psd';
4
- import Psd from '@webtoon/psd';
5
- import type { IEditor, IPluginTempl } from '@hprint/core';
6
-
7
- type IPlugin = Pick<PsdPlugin, 'insertPSD'>;
8
-
9
- declare module '@hprint/core' {
10
- // eslint-disable-next-line @typescript-eslint/no-empty-interface
11
- interface IEditor extends IPlugin {}
12
- }
13
-
14
- class PsdPlugin implements IPluginTempl {
15
- static pluginName = 'PsdPlugin';
16
- static apis = ['insertPSD'];
17
- constructor(
18
- public canvas: fabric.Canvas,
19
- public editor: IEditor
20
- ) {}
21
-
22
- insertPSD(callback?: () => void) {
23
- return new Promise((resolve, reject) => {
24
- utils
25
- .selectFiles({ accept: '.psd' })
26
- .then((files) => {
27
- if (files && files.length > 0) {
28
- const file = files[0];
29
- const reader = new FileReader();
30
- reader.readAsText(file, 'UTF-8');
31
- reader.onload = async () => {
32
- const result = await file.arrayBuffer();
33
- // 解析PSD文件
34
- const psdFile = Psd.parse(result as ArrayBuffer);
35
- console.log(psdFile, '11111');
36
- const json = await psdToJson(psdFile);
37
- // 加载json
38
- this.loadJSON(json, callback);
39
- resolve('');
40
- };
41
- }
42
- })
43
- .catch(reject);
44
- });
45
- }
46
-
47
- loadJSON(json: string, callback?: () => void) {
48
- this.editor.loadJSON(json, callback);
49
- }
50
- }
51
-
52
- export default PsdPlugin;
1
+ import { fabric } from '@hprint/core';
2
+ import { utils } from '@hprint/shared';
3
+ import psdToJson from '../utils/psd';
4
+ import Psd from '@webtoon/psd';
5
+ import type { IEditor, IPluginTempl } from '@hprint/core';
6
+
7
+ type IPlugin = Pick<PsdPlugin, 'insertPSD'>;
8
+
9
+ declare module '@hprint/core' {
10
+ // eslint-disable-next-line @typescript-eslint/no-empty-interface
11
+ interface IEditor extends IPlugin {}
12
+ }
13
+
14
+ class PsdPlugin implements IPluginTempl {
15
+ static pluginName = 'PsdPlugin';
16
+ static apis = ['insertPSD'];
17
+ constructor(
18
+ public canvas: fabric.Canvas,
19
+ public editor: IEditor
20
+ ) {}
21
+
22
+ insertPSD(callback?: () => void) {
23
+ return new Promise((resolve, reject) => {
24
+ utils
25
+ .selectFiles({ accept: '.psd' })
26
+ .then((files) => {
27
+ if (files && files.length > 0) {
28
+ const file = files[0];
29
+ const reader = new FileReader();
30
+ reader.readAsText(file, 'UTF-8');
31
+ reader.onload = async () => {
32
+ const result = await file.arrayBuffer();
33
+ // 解析PSD文件
34
+ const psdFile = Psd.parse(result as ArrayBuffer);
35
+ console.log(psdFile, '11111');
36
+ const json = await psdToJson(psdFile);
37
+ // 加载json
38
+ this.loadJSON(json, callback);
39
+ resolve('');
40
+ };
41
+ }
42
+ })
43
+ .catch(reject);
44
+ });
45
+ }
46
+
47
+ loadJSON(json: string, callback?: () => void) {
48
+ this.editor.loadJSON(json, callback);
49
+ }
50
+ }
51
+
52
+ export default PsdPlugin;