designertool 0.39.0 → 0.41.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/dist/components/TextEditor/TipTapEditor.vue.d.ts +66 -0
- package/dist/components/TextEditor/extensions/FontSize.d.ts +19 -0
- package/dist/components/display-elements/displayables/Paragraph.vue.d.ts +14 -0
- package/dist/components/display-elements/displayables/Text.vue.d.ts +106 -2
- package/dist/components/share/ColorPicker.vue.d.ts +18 -0
- package/dist/composable/googleMap.d.ts +20 -7
- package/dist/composable/textEditorBridge.d.ts +19 -0
- package/dist/designertool.js +51075 -39405
- package/dist/layouts/TheSideBar.vue.d.ts +1 -1
- package/dist/stores/global-store.d.ts +20 -7
- package/dist/stores/item-store.d.ts +20 -7
- package/dist/types/items.d.ts +4 -1
- package/package.json +9 -2
- /package/dist/components/TextEditor/{TextFormatter.vue.d.ts → TipTapTextFormatter.vue.d.ts} +0 -0
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
import { Editor } from '@tiptap/vue-3';
|
|
2
|
+
declare function applyFormat(format: string, value: any): void;
|
|
3
|
+
declare function getSelectionFormat(): {
|
|
4
|
+
bold?: undefined;
|
|
5
|
+
italic?: undefined;
|
|
6
|
+
underline?: undefined;
|
|
7
|
+
strike?: undefined;
|
|
8
|
+
color?: undefined;
|
|
9
|
+
fontFamily?: undefined;
|
|
10
|
+
fontSize?: undefined;
|
|
11
|
+
textAlign?: undefined;
|
|
12
|
+
} | {
|
|
13
|
+
bold: boolean;
|
|
14
|
+
italic: boolean;
|
|
15
|
+
underline: boolean;
|
|
16
|
+
strike: boolean;
|
|
17
|
+
color: any;
|
|
18
|
+
fontFamily: any;
|
|
19
|
+
fontSize: any;
|
|
20
|
+
textAlign: any;
|
|
21
|
+
};
|
|
22
|
+
declare function hasSelection(): boolean;
|
|
23
|
+
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
24
|
+
id: {
|
|
25
|
+
type: NumberConstructor;
|
|
26
|
+
required: true;
|
|
27
|
+
};
|
|
28
|
+
modelValue: {
|
|
29
|
+
type: StringConstructor;
|
|
30
|
+
default: string;
|
|
31
|
+
};
|
|
32
|
+
editable: {
|
|
33
|
+
type: BooleanConstructor;
|
|
34
|
+
default: boolean;
|
|
35
|
+
};
|
|
36
|
+
}>, {
|
|
37
|
+
applyFormat: typeof applyFormat;
|
|
38
|
+
getSelectionFormat: typeof getSelectionFormat;
|
|
39
|
+
hasSelection: typeof hasSelection;
|
|
40
|
+
editor: import('vue').ComputedRef<Editor | undefined>;
|
|
41
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
42
|
+
"update:modelValue": (...args: any[]) => void;
|
|
43
|
+
"selection-change": (...args: any[]) => void;
|
|
44
|
+
"content-update": (...args: any[]) => void;
|
|
45
|
+
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
46
|
+
id: {
|
|
47
|
+
type: NumberConstructor;
|
|
48
|
+
required: true;
|
|
49
|
+
};
|
|
50
|
+
modelValue: {
|
|
51
|
+
type: StringConstructor;
|
|
52
|
+
default: string;
|
|
53
|
+
};
|
|
54
|
+
editable: {
|
|
55
|
+
type: BooleanConstructor;
|
|
56
|
+
default: boolean;
|
|
57
|
+
};
|
|
58
|
+
}>> & Readonly<{
|
|
59
|
+
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
60
|
+
"onSelection-change"?: ((...args: any[]) => any) | undefined;
|
|
61
|
+
"onContent-update"?: ((...args: any[]) => any) | undefined;
|
|
62
|
+
}>, {
|
|
63
|
+
modelValue: string;
|
|
64
|
+
editable: boolean;
|
|
65
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
66
|
+
export default _default;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { Extension } from '@tiptap/core';
|
|
2
|
+
export interface FontSizeOptions {
|
|
3
|
+
types: string[];
|
|
4
|
+
}
|
|
5
|
+
declare module '@tiptap/core' {
|
|
6
|
+
interface Commands<ReturnType> {
|
|
7
|
+
fontSize: {
|
|
8
|
+
/**
|
|
9
|
+
* Set the font size
|
|
10
|
+
*/
|
|
11
|
+
setFontSize: (fontSize: string) => ReturnType;
|
|
12
|
+
/**
|
|
13
|
+
* Unset the font size
|
|
14
|
+
*/
|
|
15
|
+
unsetFontSize: () => ReturnType;
|
|
16
|
+
};
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
export declare const FontSize: Extension<FontSizeOptions, any>;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
2
|
+
id: {
|
|
3
|
+
type: NumberConstructor;
|
|
4
|
+
required: true;
|
|
5
|
+
};
|
|
6
|
+
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
7
|
+
id: {
|
|
8
|
+
type: NumberConstructor;
|
|
9
|
+
required: true;
|
|
10
|
+
};
|
|
11
|
+
}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
|
|
12
|
+
paragraphItem: any;
|
|
13
|
+
}, any>;
|
|
14
|
+
export default _default;
|
|
@@ -1,14 +1,118 @@
|
|
|
1
|
+
declare function applyFormat(format: string, value: any): void;
|
|
2
|
+
declare function getSelectionFormat(): any;
|
|
3
|
+
declare function hasSelection(): any;
|
|
1
4
|
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
2
5
|
id: {
|
|
3
6
|
type: NumberConstructor;
|
|
4
7
|
required: true;
|
|
5
8
|
};
|
|
6
|
-
}>, {
|
|
9
|
+
}>, {
|
|
10
|
+
applyFormat: typeof applyFormat;
|
|
11
|
+
getSelectionFormat: typeof getSelectionFormat;
|
|
12
|
+
hasSelection: typeof hasSelection;
|
|
13
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
7
14
|
id: {
|
|
8
15
|
type: NumberConstructor;
|
|
9
16
|
required: true;
|
|
10
17
|
};
|
|
11
18
|
}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
|
|
12
|
-
|
|
19
|
+
editorRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
|
|
20
|
+
id: {
|
|
21
|
+
type: NumberConstructor;
|
|
22
|
+
required: true;
|
|
23
|
+
};
|
|
24
|
+
modelValue: {
|
|
25
|
+
type: StringConstructor;
|
|
26
|
+
default: string;
|
|
27
|
+
};
|
|
28
|
+
editable: {
|
|
29
|
+
type: BooleanConstructor;
|
|
30
|
+
default: boolean;
|
|
31
|
+
};
|
|
32
|
+
}>> & Readonly<{
|
|
33
|
+
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
34
|
+
"onSelection-change"?: ((...args: any[]) => any) | undefined;
|
|
35
|
+
"onContent-update"?: ((...args: any[]) => any) | undefined;
|
|
36
|
+
}>, {
|
|
37
|
+
applyFormat: (format: string, value: any) => void;
|
|
38
|
+
getSelectionFormat: () => {
|
|
39
|
+
bold?: undefined;
|
|
40
|
+
italic?: undefined;
|
|
41
|
+
underline?: undefined;
|
|
42
|
+
strike?: undefined;
|
|
43
|
+
color?: undefined;
|
|
44
|
+
fontFamily?: undefined;
|
|
45
|
+
fontSize?: undefined;
|
|
46
|
+
textAlign?: undefined;
|
|
47
|
+
} | {
|
|
48
|
+
bold: boolean;
|
|
49
|
+
italic: boolean;
|
|
50
|
+
underline: boolean;
|
|
51
|
+
strike: boolean;
|
|
52
|
+
color: any;
|
|
53
|
+
fontFamily: any;
|
|
54
|
+
fontSize: any;
|
|
55
|
+
textAlign: any;
|
|
56
|
+
};
|
|
57
|
+
hasSelection: () => boolean;
|
|
58
|
+
editor: import('vue').ComputedRef<import('@tiptap/vue-3').Editor | undefined>;
|
|
59
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
60
|
+
"update:modelValue": (...args: any[]) => void;
|
|
61
|
+
"selection-change": (...args: any[]) => void;
|
|
62
|
+
"content-update": (...args: any[]) => void;
|
|
63
|
+
}, import('vue').PublicProps, {
|
|
64
|
+
modelValue: string;
|
|
65
|
+
editable: boolean;
|
|
66
|
+
}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
|
|
67
|
+
P: {};
|
|
68
|
+
B: {};
|
|
69
|
+
D: {};
|
|
70
|
+
C: {};
|
|
71
|
+
M: {};
|
|
72
|
+
Defaults: {};
|
|
73
|
+
}, Readonly<import('vue').ExtractPropTypes<{
|
|
74
|
+
id: {
|
|
75
|
+
type: NumberConstructor;
|
|
76
|
+
required: true;
|
|
77
|
+
};
|
|
78
|
+
modelValue: {
|
|
79
|
+
type: StringConstructor;
|
|
80
|
+
default: string;
|
|
81
|
+
};
|
|
82
|
+
editable: {
|
|
83
|
+
type: BooleanConstructor;
|
|
84
|
+
default: boolean;
|
|
85
|
+
};
|
|
86
|
+
}>> & Readonly<{
|
|
87
|
+
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
88
|
+
"onSelection-change"?: ((...args: any[]) => any) | undefined;
|
|
89
|
+
"onContent-update"?: ((...args: any[]) => any) | undefined;
|
|
90
|
+
}>, {
|
|
91
|
+
applyFormat: (format: string, value: any) => void;
|
|
92
|
+
getSelectionFormat: () => {
|
|
93
|
+
bold?: undefined;
|
|
94
|
+
italic?: undefined;
|
|
95
|
+
underline?: undefined;
|
|
96
|
+
strike?: undefined;
|
|
97
|
+
color?: undefined;
|
|
98
|
+
fontFamily?: undefined;
|
|
99
|
+
fontSize?: undefined;
|
|
100
|
+
textAlign?: undefined;
|
|
101
|
+
} | {
|
|
102
|
+
bold: boolean;
|
|
103
|
+
italic: boolean;
|
|
104
|
+
underline: boolean;
|
|
105
|
+
strike: boolean;
|
|
106
|
+
color: any;
|
|
107
|
+
fontFamily: any;
|
|
108
|
+
fontSize: any;
|
|
109
|
+
textAlign: any;
|
|
110
|
+
};
|
|
111
|
+
hasSelection: () => boolean;
|
|
112
|
+
editor: import('vue').ComputedRef<import('@tiptap/vue-3').Editor | undefined>;
|
|
113
|
+
}, {}, {}, {}, {
|
|
114
|
+
modelValue: string;
|
|
115
|
+
editable: boolean;
|
|
116
|
+
}> | null;
|
|
13
117
|
}, any>;
|
|
14
118
|
export default _default;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
interface Props {
|
|
2
|
+
teleportTarget?: string | HTMLElement;
|
|
3
|
+
}
|
|
4
|
+
type __VLS_Props = Props;
|
|
5
|
+
type __VLS_PublicProps = {
|
|
6
|
+
modelValue?: string;
|
|
7
|
+
} & __VLS_Props;
|
|
8
|
+
declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
9
|
+
"update:modelValue": (value: string) => any;
|
|
10
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
11
|
+
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
|
12
|
+
}>, {
|
|
13
|
+
teleportTarget: string | HTMLElement;
|
|
14
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
15
|
+
pickerRef: any;
|
|
16
|
+
modalRef: any;
|
|
17
|
+
}, any>;
|
|
18
|
+
export default _default;
|
|
@@ -367,6 +367,24 @@ export declare const useMap: () => {
|
|
|
367
367
|
} | undefined;
|
|
368
368
|
keepRatio?: boolean | undefined;
|
|
369
369
|
style?: string | undefined;
|
|
370
|
+
} | {
|
|
371
|
+
type: "Paragraph";
|
|
372
|
+
id: number;
|
|
373
|
+
value: string;
|
|
374
|
+
position: {
|
|
375
|
+
x: number;
|
|
376
|
+
y: number;
|
|
377
|
+
w: number;
|
|
378
|
+
h: number;
|
|
379
|
+
r: number;
|
|
380
|
+
};
|
|
381
|
+
border?: {
|
|
382
|
+
radius: number;
|
|
383
|
+
color: string;
|
|
384
|
+
weight: number;
|
|
385
|
+
} | undefined;
|
|
386
|
+
keepRatio?: boolean | undefined;
|
|
387
|
+
style?: string | undefined;
|
|
370
388
|
} | {
|
|
371
389
|
type: "Color";
|
|
372
390
|
id: number;
|
|
@@ -502,6 +520,7 @@ export declare const useMap: () => {
|
|
|
502
520
|
} | undefined;
|
|
503
521
|
getFocusedItemType(): string;
|
|
504
522
|
}, {
|
|
523
|
+
validateItems(): void;
|
|
505
524
|
setItemState(state: import('../types/items').ItemState): void;
|
|
506
525
|
pushItemsToState(elList: NodeListOf<Element>): void;
|
|
507
526
|
getElementPosition(styleStr: string): import('../types/items').Position;
|
|
@@ -516,13 +535,7 @@ export declare const useMap: () => {
|
|
|
516
535
|
addNewItem(item: Partial<import('../types/items').Item>): void;
|
|
517
536
|
editItem(id: number, item: Partial<import('../types/items').Item>): void;
|
|
518
537
|
createAdditionalStyles(item: import('../types/items').Item, editing?: boolean): void;
|
|
519
|
-
setItemPosition(position: import('../types/items').Position):
|
|
520
|
-
x: number;
|
|
521
|
-
y: number;
|
|
522
|
-
w: number;
|
|
523
|
-
h: number;
|
|
524
|
-
r: number;
|
|
525
|
-
};
|
|
538
|
+
setItemPosition(position: import('../types/items').Position): import('../types/items').Position;
|
|
526
539
|
duplicateSelectedItem(): void;
|
|
527
540
|
deleteSelectedItem(): boolean;
|
|
528
541
|
}>;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
export declare const useTextEditorStore: import('pinia').StoreDefinition<"textEditor", Pick<{
|
|
2
|
+
activeTextEditor: import('vue').Ref<any, any>;
|
|
3
|
+
isActive: import('vue').ComputedRef<boolean>;
|
|
4
|
+
registerTextEditor: (editor: any) => void;
|
|
5
|
+
unregisterTextEditor: () => void;
|
|
6
|
+
getActiveTextEditor: () => any;
|
|
7
|
+
}, "activeTextEditor">, Pick<{
|
|
8
|
+
activeTextEditor: import('vue').Ref<any, any>;
|
|
9
|
+
isActive: import('vue').ComputedRef<boolean>;
|
|
10
|
+
registerTextEditor: (editor: any) => void;
|
|
11
|
+
unregisterTextEditor: () => void;
|
|
12
|
+
getActiveTextEditor: () => any;
|
|
13
|
+
}, "isActive">, Pick<{
|
|
14
|
+
activeTextEditor: import('vue').Ref<any, any>;
|
|
15
|
+
isActive: import('vue').ComputedRef<boolean>;
|
|
16
|
+
registerTextEditor: (editor: any) => void;
|
|
17
|
+
unregisterTextEditor: () => void;
|
|
18
|
+
getActiveTextEditor: () => any;
|
|
19
|
+
}, "registerTextEditor" | "unregisterTextEditor" | "getActiveTextEditor">>;
|