@mekari/pixel3-rich-text-editor 0.1.0 → 0.1.1-dev.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/{chunk-SBD2AUDA.mjs → chunk-25RKPG44.mjs} +4 -2
- package/dist/{chunk-MGNW6NK2.mjs → chunk-3CWKDY4T.mjs} +16 -8
- package/dist/{chunk-OZGNQAK5.mjs → chunk-5S2LSGJV.mjs} +1 -1
- package/dist/{chunk-PTKS3BYW.mjs → chunk-H4GW25PU.mjs} +1 -1
- package/dist/{chunk-JE7IG7UU.mjs → chunk-NKNFA3DF.mjs} +11 -8
- package/dist/{chunk-C7IUW3FX.mjs → chunk-Q7QLZISF.mjs} +22 -1
- package/dist/{chunk-4SN6MBXS.mjs → chunk-UBJOZ2IA.mjs} +1 -1
- package/dist/{chunk-X25J3BAC.mjs → chunk-YIEQVTEO.mjs} +1 -1
- package/dist/editor-toolbar.d.mts +3 -1
- package/dist/editor-toolbar.d.ts +3 -1
- package/dist/editor-toolbar.js +33 -4
- package/dist/editor-toolbar.mjs +7 -7
- package/dist/extensions/align-extension.js +20 -0
- package/dist/extensions/align-extension.mjs +2 -2
- package/dist/extensions/color-extension.js +20 -0
- package/dist/extensions/color-extension.mjs +2 -2
- package/dist/extensions/heading-extension.js +20 -0
- package/dist/extensions/heading-extension.mjs +2 -2
- package/dist/extensions/icons.d.mts +2 -1
- package/dist/extensions/icons.d.ts +2 -1
- package/dist/extensions/icons.js +22 -0
- package/dist/extensions/icons.mjs +3 -1
- package/dist/extensions/index.js +22 -1
- package/dist/extensions/index.mjs +6 -6
- package/dist/extensions/link-extension.js +20 -0
- package/dist/extensions/link-extension.mjs +2 -2
- package/dist/extensions/single-extension.d.mts +1 -1
- package/dist/extensions/single-extension.d.ts +1 -1
- package/dist/extensions/single-extension.js +22 -1
- package/dist/extensions/single-extension.mjs +2 -2
- package/dist/index.js +43 -11
- package/dist/index.mjs +8 -8
- package/dist/metafile-cjs.json +1 -1
- package/dist/metafile-esm.json +1 -1
- package/dist/modules/rich-text-editor.types.d.mts +2 -2
- package/dist/modules/rich-text-editor.types.d.ts +2 -2
- package/dist/rich-text-editor.d.mts +4 -4
- package/dist/rich-text-editor.d.ts +4 -4
- package/dist/rich-text-editor.js +43 -11
- package/dist/rich-text-editor.mjs +8 -8
- package/package.json +3 -3
|
@@ -7,13 +7,14 @@ import {
|
|
|
7
7
|
FileIcon,
|
|
8
8
|
ImageIcon,
|
|
9
9
|
ItalicIcon,
|
|
10
|
+
LocationIcon,
|
|
10
11
|
MentionIcon,
|
|
11
12
|
OrderedListIcon,
|
|
12
13
|
RedoIcon,
|
|
13
14
|
StrikeIcon,
|
|
14
15
|
UnderlineIcon,
|
|
15
16
|
UndoIcon
|
|
16
|
-
} from "./chunk-
|
|
17
|
+
} from "./chunk-Q7QLZISF.mjs";
|
|
17
18
|
|
|
18
19
|
// src/extensions/single-extension.tsx
|
|
19
20
|
import { withDirectives as _withDirectives, resolveDirective as _resolveDirective, createVNode as _createVNode } from "vue";
|
|
@@ -54,7 +55,8 @@ var SingleExtention = defineComponent({
|
|
|
54
55
|
image: _createVNode(ImageIcon, null, null),
|
|
55
56
|
file: _createVNode(FileIcon, null, null),
|
|
56
57
|
audio: _createVNode(AudioIcon, null, null),
|
|
57
|
-
mention: _createVNode(MentionIcon, null, null)
|
|
58
|
+
mention: _createVNode(MentionIcon, null, null),
|
|
59
|
+
location: _createVNode(LocationIcon, null, null)
|
|
58
60
|
};
|
|
59
61
|
return () => _withDirectives(_createVNode("button", {
|
|
60
62
|
"class": {
|
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
import {
|
|
2
2
|
LinkExtension
|
|
3
|
-
} from "./chunk-
|
|
3
|
+
} from "./chunk-H4GW25PU.mjs";
|
|
4
4
|
import {
|
|
5
5
|
SingleExtention
|
|
6
|
-
} from "./chunk-
|
|
6
|
+
} from "./chunk-25RKPG44.mjs";
|
|
7
7
|
import {
|
|
8
8
|
AlignExtention
|
|
9
|
-
} from "./chunk-
|
|
9
|
+
} from "./chunk-UBJOZ2IA.mjs";
|
|
10
10
|
import {
|
|
11
11
|
ColorExtension
|
|
12
|
-
} from "./chunk-
|
|
12
|
+
} from "./chunk-5S2LSGJV.mjs";
|
|
13
13
|
import {
|
|
14
14
|
HeadingExtention
|
|
15
|
-
} from "./chunk-
|
|
15
|
+
} from "./chunk-YIEQVTEO.mjs";
|
|
16
16
|
import {
|
|
17
17
|
__name
|
|
18
18
|
} from "./chunk-QZ7VFGWC.mjs";
|
|
@@ -25,7 +25,7 @@ import { MpDivider } from "@mekari/pixel3-divider";
|
|
|
25
25
|
import { MpScrollbar } from "@mekari/pixel3-scrollbar";
|
|
26
26
|
var EditorToolbar = defineComponent({
|
|
27
27
|
name: "EditorToolbar",
|
|
28
|
-
emits: ["clickImage", "clickFile", "clickAudio"],
|
|
28
|
+
emits: ["clickImage", "clickFile", "clickAudio", "clickMention", "clickLocation"],
|
|
29
29
|
props: {
|
|
30
30
|
editor: {
|
|
31
31
|
type: Object
|
|
@@ -40,7 +40,7 @@ var EditorToolbar = defineComponent({
|
|
|
40
40
|
}, {
|
|
41
41
|
emit
|
|
42
42
|
}) {
|
|
43
|
-
const items = ["heading", "bold", "italic", "underline", "strike", "blockquote", "bulletList", "orderedList", "textColor", "fillColor", "textLink", "align", "undo", "redo", "clear", "image", "file", "audio", "mention"];
|
|
43
|
+
const items = ["heading", "bold", "italic", "underline", "strike", "blockquote", "bulletList", "orderedList", "textColor", "fillColor", "textLink", "align", "undo", "redo", "clear", "image", "file", "audio", "mention", "location"];
|
|
44
44
|
const itemOptions = {
|
|
45
45
|
heading: {
|
|
46
46
|
tooltipLabel: "Text style",
|
|
@@ -119,7 +119,15 @@ var EditorToolbar = defineComponent({
|
|
|
119
119
|
mention: {
|
|
120
120
|
tooltipLabel: "Mention",
|
|
121
121
|
editor,
|
|
122
|
-
onClick: () =>
|
|
122
|
+
onClick: () => {
|
|
123
|
+
;
|
|
124
|
+
(editor == null ? void 0 : editor.chain()).focus().insertContent("@").run();
|
|
125
|
+
emit("clickMention");
|
|
126
|
+
}
|
|
127
|
+
},
|
|
128
|
+
location: {
|
|
129
|
+
tooltipLabel: "Add location",
|
|
130
|
+
onClick: () => emit("clickLocation")
|
|
123
131
|
}
|
|
124
132
|
};
|
|
125
133
|
const getResolvedItem = /* @__PURE__ */ __name((option) => {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import {
|
|
2
2
|
EditorToolbar
|
|
3
|
-
} from "./chunk-
|
|
3
|
+
} from "./chunk-3CWKDY4T.mjs";
|
|
4
4
|
import {
|
|
5
5
|
MpRTEStyleProvider
|
|
6
6
|
} from "./chunk-7RMCTPMN.mjs";
|
|
@@ -73,9 +73,9 @@ var MpRichTextEditor = defineComponent({
|
|
|
73
73
|
placeholder: api.value.placeholder || ""
|
|
74
74
|
}), CharacterCount.configure({
|
|
75
75
|
limit: api.value.maxlength
|
|
76
|
-
}), Mention.configure({
|
|
76
|
+
}), ...props.suggestions && props.suggestions.length > 0 ? [Mention.configure({
|
|
77
77
|
suggestion: createMentionSuggestion(() => props.suggestions || [])
|
|
78
|
-
})],
|
|
78
|
+
})] : []],
|
|
79
79
|
onFocus({
|
|
80
80
|
editor: editor2,
|
|
81
81
|
event
|
|
@@ -99,6 +99,13 @@ var MpRichTextEditor = defineComponent({
|
|
|
99
99
|
const onClickToolbar = /* @__PURE__ */ __name((name) => {
|
|
100
100
|
emit("action", name);
|
|
101
101
|
}, "onClickToolbar");
|
|
102
|
+
const toolbarActionHandlers = {
|
|
103
|
+
onClickImage: () => onClickToolbar("image"),
|
|
104
|
+
onClickFile: () => onClickToolbar("file"),
|
|
105
|
+
onClickAudio: () => onClickToolbar("audio"),
|
|
106
|
+
onClickMention: () => onClickToolbar("mention"),
|
|
107
|
+
onClickLocation: () => onClickToolbar("location")
|
|
108
|
+
};
|
|
102
109
|
return () => {
|
|
103
110
|
return _createVNode("div", _mergeProps(api.value.rootProps, {
|
|
104
111
|
"style": {
|
|
@@ -110,11 +117,7 @@ var MpRichTextEditor = defineComponent({
|
|
|
110
117
|
}), [_createVNode(EditorToolbar, _mergeProps({
|
|
111
118
|
"editor": editor,
|
|
112
119
|
"options": api.value.options
|
|
113
|
-
}, api.value.toolbarProps, {
|
|
114
|
-
"onClickImage": () => onClickToolbar("image"),
|
|
115
|
-
"onClickFile": () => onClickToolbar("file"),
|
|
116
|
-
"onClickAudio": () => onClickToolbar("audio")
|
|
117
|
-
}), null), _createVNode(MpRTEStyleProvider, {
|
|
120
|
+
}, api.value.toolbarProps, toolbarActionHandlers), null), _createVNode(MpRTEStyleProvider, {
|
|
118
121
|
"id": `${api.value.id}-style-provider`
|
|
119
122
|
}, {
|
|
120
123
|
default: () => [_createVNode(EditorContent, _mergeProps({
|
|
@@ -387,6 +387,26 @@ var MentionIcon = defineComponent({
|
|
|
387
387
|
}, null)]);
|
|
388
388
|
}
|
|
389
389
|
});
|
|
390
|
+
var LocationIcon = defineComponent({
|
|
391
|
+
name: "LocationIcon",
|
|
392
|
+
setup() {
|
|
393
|
+
return () => _createVNode("svg", {
|
|
394
|
+
"xmlns": "http://www.w3.org/2000/svg",
|
|
395
|
+
"width": "24",
|
|
396
|
+
"height": "24",
|
|
397
|
+
"viewBox": "0 0 24 24",
|
|
398
|
+
"fill": "none"
|
|
399
|
+
}, [_createVNode("path", {
|
|
400
|
+
"d": "M3.6202 8.49C5.5902 -0.169998 18.4202 -0.159997 20.3802 8.5C21.5302 13.58 18.3702 17.88 15.6002 20.54C13.5902 22.48 10.4102 22.48 8.3902 20.54C5.6302 17.88 2.4702 13.57 3.6202 8.49Z",
|
|
401
|
+
"stroke": "currentColor",
|
|
402
|
+
"stroke-width": "1.5"
|
|
403
|
+
}, null), _createVNode("path", {
|
|
404
|
+
"d": "M12.0002 13.43C13.7233 13.43 15.1202 12.0331 15.1202 10.31C15.1202 8.58687 13.7233 7.19 12.0002 7.19C10.2771 7.19 8.8802 8.58687 8.8802 10.31C8.8802 12.0331 10.2771 13.43 12.0002 13.43Z",
|
|
405
|
+
"stroke": "currentColor",
|
|
406
|
+
"stroke-width": "1.5"
|
|
407
|
+
}, null)]);
|
|
408
|
+
}
|
|
409
|
+
});
|
|
390
410
|
|
|
391
411
|
export {
|
|
392
412
|
BoldIcon,
|
|
@@ -410,5 +430,6 @@ export {
|
|
|
410
430
|
ImageIcon,
|
|
411
431
|
FileIcon,
|
|
412
432
|
AudioIcon,
|
|
413
|
-
MentionIcon
|
|
433
|
+
MentionIcon,
|
|
434
|
+
LocationIcon
|
|
414
435
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import {
|
|
2
2
|
CaretIcon
|
|
3
|
-
} from "./chunk-
|
|
3
|
+
} from "./chunk-Q7QLZISF.mjs";
|
|
4
4
|
|
|
5
5
|
// src/extensions/heading-extension.tsx
|
|
6
6
|
import { withDirectives as _withDirectives, resolveDirective as _resolveDirective, createVNode as _createVNode, createTextVNode as _createTextVNode } from "vue";
|
|
@@ -12,7 +12,7 @@ declare const EditorToolbar: vue.DefineComponent<{
|
|
|
12
12
|
options: {
|
|
13
13
|
type: PropType<ToolbarOption[][]>;
|
|
14
14
|
};
|
|
15
|
-
}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("clickImage" | "clickFile" | "clickAudio")[], "clickImage" | "clickFile" | "clickAudio", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
|
|
15
|
+
}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("clickImage" | "clickFile" | "clickAudio" | "clickMention" | "clickLocation")[], "clickImage" | "clickFile" | "clickAudio" | "clickMention" | "clickLocation", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
|
|
16
16
|
editor: {
|
|
17
17
|
type: PropType<Editor>;
|
|
18
18
|
};
|
|
@@ -23,6 +23,8 @@ declare const EditorToolbar: vue.DefineComponent<{
|
|
|
23
23
|
onClickImage?: ((...args: any[]) => any) | undefined;
|
|
24
24
|
onClickFile?: ((...args: any[]) => any) | undefined;
|
|
25
25
|
onClickAudio?: ((...args: any[]) => any) | undefined;
|
|
26
|
+
onClickMention?: ((...args: any[]) => any) | undefined;
|
|
27
|
+
onClickLocation?: ((...args: any[]) => any) | undefined;
|
|
26
28
|
}, {}, {}>;
|
|
27
29
|
|
|
28
30
|
export { EditorToolbar };
|
package/dist/editor-toolbar.d.ts
CHANGED
|
@@ -12,7 +12,7 @@ declare const EditorToolbar: vue.DefineComponent<{
|
|
|
12
12
|
options: {
|
|
13
13
|
type: PropType<ToolbarOption[][]>;
|
|
14
14
|
};
|
|
15
|
-
}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("clickImage" | "clickFile" | "clickAudio")[], "clickImage" | "clickFile" | "clickAudio", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
|
|
15
|
+
}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("clickImage" | "clickFile" | "clickAudio" | "clickMention" | "clickLocation")[], "clickImage" | "clickFile" | "clickAudio" | "clickMention" | "clickLocation", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
|
|
16
16
|
editor: {
|
|
17
17
|
type: PropType<Editor>;
|
|
18
18
|
};
|
|
@@ -23,6 +23,8 @@ declare const EditorToolbar: vue.DefineComponent<{
|
|
|
23
23
|
onClickImage?: ((...args: any[]) => any) | undefined;
|
|
24
24
|
onClickFile?: ((...args: any[]) => any) | undefined;
|
|
25
25
|
onClickAudio?: ((...args: any[]) => any) | undefined;
|
|
26
|
+
onClickMention?: ((...args: any[]) => any) | undefined;
|
|
27
|
+
onClickLocation?: ((...args: any[]) => any) | undefined;
|
|
26
28
|
}, {}, {}>;
|
|
27
29
|
|
|
28
30
|
export { EditorToolbar };
|
package/dist/editor-toolbar.js
CHANGED
|
@@ -426,6 +426,26 @@ var MentionIcon = (0, import_vue2.defineComponent)({
|
|
|
426
426
|
}, null)]);
|
|
427
427
|
}
|
|
428
428
|
});
|
|
429
|
+
var LocationIcon = (0, import_vue2.defineComponent)({
|
|
430
|
+
name: "LocationIcon",
|
|
431
|
+
setup() {
|
|
432
|
+
return () => (0, import_vue.createVNode)("svg", {
|
|
433
|
+
"xmlns": "http://www.w3.org/2000/svg",
|
|
434
|
+
"width": "24",
|
|
435
|
+
"height": "24",
|
|
436
|
+
"viewBox": "0 0 24 24",
|
|
437
|
+
"fill": "none"
|
|
438
|
+
}, [(0, import_vue.createVNode)("path", {
|
|
439
|
+
"d": "M3.6202 8.49C5.5902 -0.169998 18.4202 -0.159997 20.3802 8.5C21.5302 13.58 18.3702 17.88 15.6002 20.54C13.5902 22.48 10.4102 22.48 8.3902 20.54C5.6302 17.88 2.4702 13.57 3.6202 8.49Z",
|
|
440
|
+
"stroke": "currentColor",
|
|
441
|
+
"stroke-width": "1.5"
|
|
442
|
+
}, null), (0, import_vue.createVNode)("path", {
|
|
443
|
+
"d": "M12.0002 13.43C13.7233 13.43 15.1202 12.0331 15.1202 10.31C15.1202 8.58687 13.7233 7.19 12.0002 7.19C10.2771 7.19 8.8802 8.58687 8.8802 10.31C8.8802 12.0331 10.2771 13.43 12.0002 13.43Z",
|
|
444
|
+
"stroke": "currentColor",
|
|
445
|
+
"stroke-width": "1.5"
|
|
446
|
+
}, null)]);
|
|
447
|
+
}
|
|
448
|
+
});
|
|
429
449
|
|
|
430
450
|
// src/extensions/heading-extension.tsx
|
|
431
451
|
var HeadingExtention = (0, import_vue4.defineComponent)({
|
|
@@ -689,7 +709,8 @@ var SingleExtention = (0, import_vue8.defineComponent)({
|
|
|
689
709
|
image: (0, import_vue7.createVNode)(ImageIcon, null, null),
|
|
690
710
|
file: (0, import_vue7.createVNode)(FileIcon, null, null),
|
|
691
711
|
audio: (0, import_vue7.createVNode)(AudioIcon, null, null),
|
|
692
|
-
mention: (0, import_vue7.createVNode)(MentionIcon, null, null)
|
|
712
|
+
mention: (0, import_vue7.createVNode)(MentionIcon, null, null),
|
|
713
|
+
location: (0, import_vue7.createVNode)(LocationIcon, null, null)
|
|
693
714
|
};
|
|
694
715
|
return () => (0, import_vue7.withDirectives)((0, import_vue7.createVNode)("button", {
|
|
695
716
|
"class": {
|
|
@@ -984,7 +1005,7 @@ var LinkExtension = (0, import_vue12.defineComponent)({
|
|
|
984
1005
|
// src/editor-toolbar.tsx
|
|
985
1006
|
var EditorToolbar = (0, import_vue14.defineComponent)({
|
|
986
1007
|
name: "EditorToolbar",
|
|
987
|
-
emits: ["clickImage", "clickFile", "clickAudio"],
|
|
1008
|
+
emits: ["clickImage", "clickFile", "clickAudio", "clickMention", "clickLocation"],
|
|
988
1009
|
props: {
|
|
989
1010
|
editor: {
|
|
990
1011
|
type: Object
|
|
@@ -999,7 +1020,7 @@ var EditorToolbar = (0, import_vue14.defineComponent)({
|
|
|
999
1020
|
}, {
|
|
1000
1021
|
emit
|
|
1001
1022
|
}) {
|
|
1002
|
-
const items = ["heading", "bold", "italic", "underline", "strike", "blockquote", "bulletList", "orderedList", "textColor", "fillColor", "textLink", "align", "undo", "redo", "clear", "image", "file", "audio", "mention"];
|
|
1023
|
+
const items = ["heading", "bold", "italic", "underline", "strike", "blockquote", "bulletList", "orderedList", "textColor", "fillColor", "textLink", "align", "undo", "redo", "clear", "image", "file", "audio", "mention", "location"];
|
|
1003
1024
|
const itemOptions = {
|
|
1004
1025
|
heading: {
|
|
1005
1026
|
tooltipLabel: "Text style",
|
|
@@ -1078,7 +1099,15 @@ var EditorToolbar = (0, import_vue14.defineComponent)({
|
|
|
1078
1099
|
mention: {
|
|
1079
1100
|
tooltipLabel: "Mention",
|
|
1080
1101
|
editor,
|
|
1081
|
-
onClick: () =>
|
|
1102
|
+
onClick: () => {
|
|
1103
|
+
;
|
|
1104
|
+
(editor == null ? void 0 : editor.chain()).focus().insertContent("@").run();
|
|
1105
|
+
emit("clickMention");
|
|
1106
|
+
}
|
|
1107
|
+
},
|
|
1108
|
+
location: {
|
|
1109
|
+
tooltipLabel: "Add location",
|
|
1110
|
+
onClick: () => emit("clickLocation")
|
|
1082
1111
|
}
|
|
1083
1112
|
};
|
|
1084
1113
|
const getResolvedItem = /* @__PURE__ */ __name((option) => {
|
package/dist/editor-toolbar.mjs
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import {
|
|
2
2
|
EditorToolbar
|
|
3
|
-
} from "./chunk-
|
|
3
|
+
} from "./chunk-3CWKDY4T.mjs";
|
|
4
4
|
import "./chunk-VYCDVS5I.mjs";
|
|
5
|
-
import "./chunk-
|
|
6
|
-
import "./chunk-
|
|
7
|
-
import "./chunk-
|
|
8
|
-
import "./chunk-
|
|
9
|
-
import "./chunk-
|
|
10
|
-
import "./chunk-
|
|
5
|
+
import "./chunk-H4GW25PU.mjs";
|
|
6
|
+
import "./chunk-25RKPG44.mjs";
|
|
7
|
+
import "./chunk-UBJOZ2IA.mjs";
|
|
8
|
+
import "./chunk-5S2LSGJV.mjs";
|
|
9
|
+
import "./chunk-YIEQVTEO.mjs";
|
|
10
|
+
import "./chunk-Q7QLZISF.mjs";
|
|
11
11
|
import "./chunk-QZ7VFGWC.mjs";
|
|
12
12
|
export {
|
|
13
13
|
EditorToolbar
|
|
@@ -418,6 +418,26 @@ var MentionIcon = (0, import_vue2.defineComponent)({
|
|
|
418
418
|
}, null)]);
|
|
419
419
|
}
|
|
420
420
|
});
|
|
421
|
+
var LocationIcon = (0, import_vue2.defineComponent)({
|
|
422
|
+
name: "LocationIcon",
|
|
423
|
+
setup() {
|
|
424
|
+
return () => (0, import_vue.createVNode)("svg", {
|
|
425
|
+
"xmlns": "http://www.w3.org/2000/svg",
|
|
426
|
+
"width": "24",
|
|
427
|
+
"height": "24",
|
|
428
|
+
"viewBox": "0 0 24 24",
|
|
429
|
+
"fill": "none"
|
|
430
|
+
}, [(0, import_vue.createVNode)("path", {
|
|
431
|
+
"d": "M3.6202 8.49C5.5902 -0.169998 18.4202 -0.159997 20.3802 8.5C21.5302 13.58 18.3702 17.88 15.6002 20.54C13.5902 22.48 10.4102 22.48 8.3902 20.54C5.6302 17.88 2.4702 13.57 3.6202 8.49Z",
|
|
432
|
+
"stroke": "currentColor",
|
|
433
|
+
"stroke-width": "1.5"
|
|
434
|
+
}, null), (0, import_vue.createVNode)("path", {
|
|
435
|
+
"d": "M12.0002 13.43C13.7233 13.43 15.1202 12.0331 15.1202 10.31C15.1202 8.58687 13.7233 7.19 12.0002 7.19C10.2771 7.19 8.8802 8.58687 8.8802 10.31C8.8802 12.0331 10.2771 13.43 12.0002 13.43Z",
|
|
436
|
+
"stroke": "currentColor",
|
|
437
|
+
"stroke-width": "1.5"
|
|
438
|
+
}, null)]);
|
|
439
|
+
}
|
|
440
|
+
});
|
|
421
441
|
|
|
422
442
|
// src/extensions/align-extension.tsx
|
|
423
443
|
var AlignExtention = (0, import_vue4.defineComponent)({
|
|
@@ -416,6 +416,26 @@ var MentionIcon = (0, import_vue2.defineComponent)({
|
|
|
416
416
|
}, null)]);
|
|
417
417
|
}
|
|
418
418
|
});
|
|
419
|
+
var LocationIcon = (0, import_vue2.defineComponent)({
|
|
420
|
+
name: "LocationIcon",
|
|
421
|
+
setup() {
|
|
422
|
+
return () => (0, import_vue.createVNode)("svg", {
|
|
423
|
+
"xmlns": "http://www.w3.org/2000/svg",
|
|
424
|
+
"width": "24",
|
|
425
|
+
"height": "24",
|
|
426
|
+
"viewBox": "0 0 24 24",
|
|
427
|
+
"fill": "none"
|
|
428
|
+
}, [(0, import_vue.createVNode)("path", {
|
|
429
|
+
"d": "M3.6202 8.49C5.5902 -0.169998 18.4202 -0.159997 20.3802 8.5C21.5302 13.58 18.3702 17.88 15.6002 20.54C13.5902 22.48 10.4102 22.48 8.3902 20.54C5.6302 17.88 2.4702 13.57 3.6202 8.49Z",
|
|
430
|
+
"stroke": "currentColor",
|
|
431
|
+
"stroke-width": "1.5"
|
|
432
|
+
}, null), (0, import_vue.createVNode)("path", {
|
|
433
|
+
"d": "M12.0002 13.43C13.7233 13.43 15.1202 12.0331 15.1202 10.31C15.1202 8.58687 13.7233 7.19 12.0002 7.19C10.2771 7.19 8.8802 8.58687 8.8802 10.31C8.8802 12.0331 10.2771 13.43 12.0002 13.43Z",
|
|
434
|
+
"stroke": "currentColor",
|
|
435
|
+
"stroke-width": "1.5"
|
|
436
|
+
}, null)]);
|
|
437
|
+
}
|
|
438
|
+
});
|
|
419
439
|
|
|
420
440
|
// src/extensions/color-extension.tsx
|
|
421
441
|
var import_pixel3_color_picker = require("@mekari/pixel3-color-picker");
|
|
@@ -418,6 +418,26 @@ var MentionIcon = (0, import_vue2.defineComponent)({
|
|
|
418
418
|
}, null)]);
|
|
419
419
|
}
|
|
420
420
|
});
|
|
421
|
+
var LocationIcon = (0, import_vue2.defineComponent)({
|
|
422
|
+
name: "LocationIcon",
|
|
423
|
+
setup() {
|
|
424
|
+
return () => (0, import_vue.createVNode)("svg", {
|
|
425
|
+
"xmlns": "http://www.w3.org/2000/svg",
|
|
426
|
+
"width": "24",
|
|
427
|
+
"height": "24",
|
|
428
|
+
"viewBox": "0 0 24 24",
|
|
429
|
+
"fill": "none"
|
|
430
|
+
}, [(0, import_vue.createVNode)("path", {
|
|
431
|
+
"d": "M3.6202 8.49C5.5902 -0.169998 18.4202 -0.159997 20.3802 8.5C21.5302 13.58 18.3702 17.88 15.6002 20.54C13.5902 22.48 10.4102 22.48 8.3902 20.54C5.6302 17.88 2.4702 13.57 3.6202 8.49Z",
|
|
432
|
+
"stroke": "currentColor",
|
|
433
|
+
"stroke-width": "1.5"
|
|
434
|
+
}, null), (0, import_vue.createVNode)("path", {
|
|
435
|
+
"d": "M12.0002 13.43C13.7233 13.43 15.1202 12.0331 15.1202 10.31C15.1202 8.58687 13.7233 7.19 12.0002 7.19C10.2771 7.19 8.8802 8.58687 8.8802 10.31C8.8802 12.0331 10.2771 13.43 12.0002 13.43Z",
|
|
436
|
+
"stroke": "currentColor",
|
|
437
|
+
"stroke-width": "1.5"
|
|
438
|
+
}, null)]);
|
|
439
|
+
}
|
|
440
|
+
});
|
|
421
441
|
|
|
422
442
|
// src/extensions/heading-extension.tsx
|
|
423
443
|
var HeadingExtention = (0, import_vue4.defineComponent)({
|
|
@@ -23,5 +23,6 @@ declare const ImageIcon: vue.DefineComponent<{}, () => vue_jsx_runtime.JSX.Eleme
|
|
|
23
23
|
declare const FileIcon: vue.DefineComponent<{}, () => vue_jsx_runtime.JSX.Element, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{}>>, {}, {}>;
|
|
24
24
|
declare const AudioIcon: vue.DefineComponent<{}, () => vue_jsx_runtime.JSX.Element, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{}>>, {}, {}>;
|
|
25
25
|
declare const MentionIcon: vue.DefineComponent<{}, () => vue_jsx_runtime.JSX.Element, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{}>>, {}, {}>;
|
|
26
|
+
declare const LocationIcon: vue.DefineComponent<{}, () => vue_jsx_runtime.JSX.Element, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{}>>, {}, {}>;
|
|
26
27
|
|
|
27
|
-
export { AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, AudioIcon, BlockquoteIcon, BoldIcon, BulletListIcon, CaretIcon, ClearIcon, ColorTextIcon, FileIcon, FillTextIcon, ImageIcon, ItalicIcon, LinkIcon, MentionIcon, OrderedListIcon, RedoIcon, StrikeIcon, UnderlineIcon, UndoIcon };
|
|
28
|
+
export { AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, AudioIcon, BlockquoteIcon, BoldIcon, BulletListIcon, CaretIcon, ClearIcon, ColorTextIcon, FileIcon, FillTextIcon, ImageIcon, ItalicIcon, LinkIcon, LocationIcon, MentionIcon, OrderedListIcon, RedoIcon, StrikeIcon, UnderlineIcon, UndoIcon };
|
|
@@ -23,5 +23,6 @@ declare const ImageIcon: vue.DefineComponent<{}, () => vue_jsx_runtime.JSX.Eleme
|
|
|
23
23
|
declare const FileIcon: vue.DefineComponent<{}, () => vue_jsx_runtime.JSX.Element, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{}>>, {}, {}>;
|
|
24
24
|
declare const AudioIcon: vue.DefineComponent<{}, () => vue_jsx_runtime.JSX.Element, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{}>>, {}, {}>;
|
|
25
25
|
declare const MentionIcon: vue.DefineComponent<{}, () => vue_jsx_runtime.JSX.Element, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{}>>, {}, {}>;
|
|
26
|
+
declare const LocationIcon: vue.DefineComponent<{}, () => vue_jsx_runtime.JSX.Element, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{}>>, {}, {}>;
|
|
26
27
|
|
|
27
|
-
export { AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, AudioIcon, BlockquoteIcon, BoldIcon, BulletListIcon, CaretIcon, ClearIcon, ColorTextIcon, FileIcon, FillTextIcon, ImageIcon, ItalicIcon, LinkIcon, MentionIcon, OrderedListIcon, RedoIcon, StrikeIcon, UnderlineIcon, UndoIcon };
|
|
28
|
+
export { AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, AudioIcon, BlockquoteIcon, BoldIcon, BulletListIcon, CaretIcon, ClearIcon, ColorTextIcon, FileIcon, FillTextIcon, ImageIcon, ItalicIcon, LinkIcon, LocationIcon, MentionIcon, OrderedListIcon, RedoIcon, StrikeIcon, UnderlineIcon, UndoIcon };
|
package/dist/extensions/icons.js
CHANGED
|
@@ -36,6 +36,7 @@ __export(icons_exports, {
|
|
|
36
36
|
ImageIcon: () => ImageIcon,
|
|
37
37
|
ItalicIcon: () => ItalicIcon,
|
|
38
38
|
LinkIcon: () => LinkIcon,
|
|
39
|
+
LocationIcon: () => LocationIcon,
|
|
39
40
|
MentionIcon: () => MentionIcon,
|
|
40
41
|
OrderedListIcon: () => OrderedListIcon,
|
|
41
42
|
RedoIcon: () => RedoIcon,
|
|
@@ -432,6 +433,26 @@ var MentionIcon = (0, import_vue2.defineComponent)({
|
|
|
432
433
|
}, null)]);
|
|
433
434
|
}
|
|
434
435
|
});
|
|
436
|
+
var LocationIcon = (0, import_vue2.defineComponent)({
|
|
437
|
+
name: "LocationIcon",
|
|
438
|
+
setup() {
|
|
439
|
+
return () => (0, import_vue.createVNode)("svg", {
|
|
440
|
+
"xmlns": "http://www.w3.org/2000/svg",
|
|
441
|
+
"width": "24",
|
|
442
|
+
"height": "24",
|
|
443
|
+
"viewBox": "0 0 24 24",
|
|
444
|
+
"fill": "none"
|
|
445
|
+
}, [(0, import_vue.createVNode)("path", {
|
|
446
|
+
"d": "M3.6202 8.49C5.5902 -0.169998 18.4202 -0.159997 20.3802 8.5C21.5302 13.58 18.3702 17.88 15.6002 20.54C13.5902 22.48 10.4102 22.48 8.3902 20.54C5.6302 17.88 2.4702 13.57 3.6202 8.49Z",
|
|
447
|
+
"stroke": "currentColor",
|
|
448
|
+
"stroke-width": "1.5"
|
|
449
|
+
}, null), (0, import_vue.createVNode)("path", {
|
|
450
|
+
"d": "M12.0002 13.43C13.7233 13.43 15.1202 12.0331 15.1202 10.31C15.1202 8.58687 13.7233 7.19 12.0002 7.19C10.2771 7.19 8.8802 8.58687 8.8802 10.31C8.8802 12.0331 10.2771 13.43 12.0002 13.43Z",
|
|
451
|
+
"stroke": "currentColor",
|
|
452
|
+
"stroke-width": "1.5"
|
|
453
|
+
}, null)]);
|
|
454
|
+
}
|
|
455
|
+
});
|
|
435
456
|
// Annotate the CommonJS export names for ESM import in node:
|
|
436
457
|
0 && (module.exports = {
|
|
437
458
|
AlignCenterIcon,
|
|
@@ -450,6 +471,7 @@ var MentionIcon = (0, import_vue2.defineComponent)({
|
|
|
450
471
|
ImageIcon,
|
|
451
472
|
ItalicIcon,
|
|
452
473
|
LinkIcon,
|
|
474
|
+
LocationIcon,
|
|
453
475
|
MentionIcon,
|
|
454
476
|
OrderedListIcon,
|
|
455
477
|
RedoIcon,
|
|
@@ -15,13 +15,14 @@ import {
|
|
|
15
15
|
ImageIcon,
|
|
16
16
|
ItalicIcon,
|
|
17
17
|
LinkIcon,
|
|
18
|
+
LocationIcon,
|
|
18
19
|
MentionIcon,
|
|
19
20
|
OrderedListIcon,
|
|
20
21
|
RedoIcon,
|
|
21
22
|
StrikeIcon,
|
|
22
23
|
UnderlineIcon,
|
|
23
24
|
UndoIcon
|
|
24
|
-
} from "../chunk-
|
|
25
|
+
} from "../chunk-Q7QLZISF.mjs";
|
|
25
26
|
import "../chunk-QZ7VFGWC.mjs";
|
|
26
27
|
export {
|
|
27
28
|
AlignCenterIcon,
|
|
@@ -40,6 +41,7 @@ export {
|
|
|
40
41
|
ImageIcon,
|
|
41
42
|
ItalicIcon,
|
|
42
43
|
LinkIcon,
|
|
44
|
+
LocationIcon,
|
|
43
45
|
MentionIcon,
|
|
44
46
|
OrderedListIcon,
|
|
45
47
|
RedoIcon,
|
package/dist/extensions/index.js
CHANGED
|
@@ -425,6 +425,26 @@ var MentionIcon = (0, import_vue2.defineComponent)({
|
|
|
425
425
|
}, null)]);
|
|
426
426
|
}
|
|
427
427
|
});
|
|
428
|
+
var LocationIcon = (0, import_vue2.defineComponent)({
|
|
429
|
+
name: "LocationIcon",
|
|
430
|
+
setup() {
|
|
431
|
+
return () => (0, import_vue.createVNode)("svg", {
|
|
432
|
+
"xmlns": "http://www.w3.org/2000/svg",
|
|
433
|
+
"width": "24",
|
|
434
|
+
"height": "24",
|
|
435
|
+
"viewBox": "0 0 24 24",
|
|
436
|
+
"fill": "none"
|
|
437
|
+
}, [(0, import_vue.createVNode)("path", {
|
|
438
|
+
"d": "M3.6202 8.49C5.5902 -0.169998 18.4202 -0.159997 20.3802 8.5C21.5302 13.58 18.3702 17.88 15.6002 20.54C13.5902 22.48 10.4102 22.48 8.3902 20.54C5.6302 17.88 2.4702 13.57 3.6202 8.49Z",
|
|
439
|
+
"stroke": "currentColor",
|
|
440
|
+
"stroke-width": "1.5"
|
|
441
|
+
}, null), (0, import_vue.createVNode)("path", {
|
|
442
|
+
"d": "M12.0002 13.43C13.7233 13.43 15.1202 12.0331 15.1202 10.31C15.1202 8.58687 13.7233 7.19 12.0002 7.19C10.2771 7.19 8.8802 8.58687 8.8802 10.31C8.8802 12.0331 10.2771 13.43 12.0002 13.43Z",
|
|
443
|
+
"stroke": "currentColor",
|
|
444
|
+
"stroke-width": "1.5"
|
|
445
|
+
}, null)]);
|
|
446
|
+
}
|
|
447
|
+
});
|
|
428
448
|
|
|
429
449
|
// src/extensions/heading-extension.tsx
|
|
430
450
|
var HeadingExtention = (0, import_vue4.defineComponent)({
|
|
@@ -688,7 +708,8 @@ var SingleExtention = (0, import_vue8.defineComponent)({
|
|
|
688
708
|
image: (0, import_vue7.createVNode)(ImageIcon, null, null),
|
|
689
709
|
file: (0, import_vue7.createVNode)(FileIcon, null, null),
|
|
690
710
|
audio: (0, import_vue7.createVNode)(AudioIcon, null, null),
|
|
691
|
-
mention: (0, import_vue7.createVNode)(MentionIcon, null, null)
|
|
711
|
+
mention: (0, import_vue7.createVNode)(MentionIcon, null, null),
|
|
712
|
+
location: (0, import_vue7.createVNode)(LocationIcon, null, null)
|
|
692
713
|
};
|
|
693
714
|
return () => (0, import_vue7.withDirectives)((0, import_vue7.createVNode)("button", {
|
|
694
715
|
"class": {
|
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
import "../chunk-VYCDVS5I.mjs";
|
|
2
2
|
import {
|
|
3
3
|
LinkExtension
|
|
4
|
-
} from "../chunk-
|
|
4
|
+
} from "../chunk-H4GW25PU.mjs";
|
|
5
5
|
import {
|
|
6
6
|
SingleExtention
|
|
7
|
-
} from "../chunk-
|
|
7
|
+
} from "../chunk-25RKPG44.mjs";
|
|
8
8
|
import {
|
|
9
9
|
AlignExtention
|
|
10
|
-
} from "../chunk-
|
|
10
|
+
} from "../chunk-UBJOZ2IA.mjs";
|
|
11
11
|
import {
|
|
12
12
|
ColorExtension
|
|
13
|
-
} from "../chunk-
|
|
13
|
+
} from "../chunk-5S2LSGJV.mjs";
|
|
14
14
|
import {
|
|
15
15
|
HeadingExtention
|
|
16
|
-
} from "../chunk-
|
|
17
|
-
import "../chunk-
|
|
16
|
+
} from "../chunk-YIEQVTEO.mjs";
|
|
17
|
+
import "../chunk-Q7QLZISF.mjs";
|
|
18
18
|
import "../chunk-QZ7VFGWC.mjs";
|
|
19
19
|
export {
|
|
20
20
|
AlignExtention,
|
|
@@ -421,6 +421,26 @@ var MentionIcon = (0, import_vue2.defineComponent)({
|
|
|
421
421
|
}, null)]);
|
|
422
422
|
}
|
|
423
423
|
});
|
|
424
|
+
var LocationIcon = (0, import_vue2.defineComponent)({
|
|
425
|
+
name: "LocationIcon",
|
|
426
|
+
setup() {
|
|
427
|
+
return () => (0, import_vue.createVNode)("svg", {
|
|
428
|
+
"xmlns": "http://www.w3.org/2000/svg",
|
|
429
|
+
"width": "24",
|
|
430
|
+
"height": "24",
|
|
431
|
+
"viewBox": "0 0 24 24",
|
|
432
|
+
"fill": "none"
|
|
433
|
+
}, [(0, import_vue.createVNode)("path", {
|
|
434
|
+
"d": "M3.6202 8.49C5.5902 -0.169998 18.4202 -0.159997 20.3802 8.5C21.5302 13.58 18.3702 17.88 15.6002 20.54C13.5902 22.48 10.4102 22.48 8.3902 20.54C5.6302 17.88 2.4702 13.57 3.6202 8.49Z",
|
|
435
|
+
"stroke": "currentColor",
|
|
436
|
+
"stroke-width": "1.5"
|
|
437
|
+
}, null), (0, import_vue.createVNode)("path", {
|
|
438
|
+
"d": "M12.0002 13.43C13.7233 13.43 15.1202 12.0331 15.1202 10.31C15.1202 8.58687 13.7233 7.19 12.0002 7.19C10.2771 7.19 8.8802 8.58687 8.8802 10.31C8.8802 12.0331 10.2771 13.43 12.0002 13.43Z",
|
|
439
|
+
"stroke": "currentColor",
|
|
440
|
+
"stroke-width": "1.5"
|
|
441
|
+
}, null)]);
|
|
442
|
+
}
|
|
443
|
+
});
|
|
424
444
|
|
|
425
445
|
// src/extensions/link-extension.tsx
|
|
426
446
|
var LinkExtension = (0, import_vue4.defineComponent)({
|