@tailor-cms/ce-quill-html-edit 0.0.4 → 0.0.5
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/Edit.vue.d.ts +19 -0
- package/dist/components/Edit.vue.js +106 -0
- package/dist/components/QuillEditor.vue.d.ts +82 -0
- package/dist/components/QuillEditor.vue.js +117 -0
- package/dist/components/TopToolbar.vue.d.ts +2 -0
- package/dist/components/TopToolbar.vue.js +214 -0
- package/dist/components/theme/index.d.ts +33 -0
- package/dist/components/theme/index.js +157 -0
- package/dist/components/theme/modules/image-embed.d.ts +5 -0
- package/dist/components/theme/modules/image-embed.js +18 -0
- package/dist/components/theme/toolbar-icons.d.ts +3 -0
- package/dist/components/theme/toolbar-icons.js +69 -0
- package/dist/components/theme/ui/color-picker.d.ts +16 -0
- package/dist/components/theme/ui/color-picker.js +54 -0
- package/dist/components/theme/ui/image-embed-tooltip.d.ts +15 -0
- package/dist/components/theme/ui/image-embed-tooltip.js +84 -0
- package/dist/components/theme/ui/tooltip.d.ts +9 -0
- package/dist/components/theme/ui/tooltip.js +31 -0
- package/dist/index.cjs +12085 -41109
- package/dist/index.css +12 -506
- package/dist/index.d.ts +6 -0
- package/dist/index.js +12087 -41111
- package/package.json +6 -4
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { Element } from '@tailor-cms/ce-quill-html-manifest';
|
|
2
|
+
interface Props {
|
|
3
|
+
element: Element;
|
|
4
|
+
isFocused?: boolean;
|
|
5
|
+
isDisabled?: boolean;
|
|
6
|
+
isDragged?: boolean;
|
|
7
|
+
showPlaceholder?: boolean;
|
|
8
|
+
}
|
|
9
|
+
declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
10
|
+
save: (...args: any[]) => void;
|
|
11
|
+
}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
|
|
12
|
+
onSave?: ((...args: any[]) => any) | undefined;
|
|
13
|
+
}>, {
|
|
14
|
+
isFocused: boolean;
|
|
15
|
+
isDisabled: boolean;
|
|
16
|
+
isDragged: boolean;
|
|
17
|
+
showPlaceholder: boolean;
|
|
18
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
19
|
+
export default _default;
|
|
@@ -0,0 +1,106 @@
|
|
|
1
|
+
/// <reference types="../../node_modules/.vue-global-types/vue_3.5_false.d.ts" />
|
|
2
|
+
import { computed, defineEmits, defineProps, ref, watch } from 'vue';
|
|
3
|
+
import debounce from 'lodash/debounce';
|
|
4
|
+
import QuillEditor from './QuillEditor.vue';
|
|
5
|
+
const props = withDefaults(defineProps(), {
|
|
6
|
+
isFocused: false,
|
|
7
|
+
isDisabled: false,
|
|
8
|
+
isDragged: false,
|
|
9
|
+
showPlaceholder: true,
|
|
10
|
+
});
|
|
11
|
+
const emit = defineEmits(['save']);
|
|
12
|
+
const content = ref(props.element.data.content ?? '');
|
|
13
|
+
const isEmpty = computed(() => !content.value.replace(/<[^>]*>/g, ''));
|
|
14
|
+
const hasChanges = computed(() => {
|
|
15
|
+
const previousValue = props.element?.data?.content ?? '';
|
|
16
|
+
return previousValue !== content.value;
|
|
17
|
+
});
|
|
18
|
+
const save = () => {
|
|
19
|
+
if (!hasChanges.value)
|
|
20
|
+
return;
|
|
21
|
+
const { element } = props;
|
|
22
|
+
emit('save', { ...element.data, content: content.value });
|
|
23
|
+
};
|
|
24
|
+
watch(() => props.isFocused, (val) => !val && save());
|
|
25
|
+
watch(content, debounce(() => save(), 4000));
|
|
26
|
+
; /* PartiallyEnd: #3632/scriptSetup.vue */
|
|
27
|
+
const __VLS_withDefaultsArg = (function (t) { return t; })({
|
|
28
|
+
isFocused: false,
|
|
29
|
+
isDisabled: false,
|
|
30
|
+
isDragged: false,
|
|
31
|
+
showPlaceholder: true,
|
|
32
|
+
});
|
|
33
|
+
function __VLS_template() {
|
|
34
|
+
const __VLS_ctx = {};
|
|
35
|
+
let __VLS_components;
|
|
36
|
+
let __VLS_directives;
|
|
37
|
+
// CSS variable injection
|
|
38
|
+
// CSS variable injection end
|
|
39
|
+
__VLS_elementAsFunction(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
|
|
40
|
+
...{ class: ("tce-container") },
|
|
41
|
+
});
|
|
42
|
+
if (__VLS_ctx.isFocused) {
|
|
43
|
+
// @ts-ignore
|
|
44
|
+
/** @type { [typeof QuillEditor, ] } */ ;
|
|
45
|
+
// @ts-ignore
|
|
46
|
+
const __VLS_0 = __VLS_asFunctionalComponent(QuillEditor, new QuillEditor({
|
|
47
|
+
modelValue: ((__VLS_ctx.content)),
|
|
48
|
+
}));
|
|
49
|
+
const __VLS_1 = __VLS_0({
|
|
50
|
+
modelValue: ((__VLS_ctx.content)),
|
|
51
|
+
}, ...__VLS_functionalComponentArgsRest(__VLS_0));
|
|
52
|
+
}
|
|
53
|
+
else {
|
|
54
|
+
__VLS_elementAsFunction(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
|
|
55
|
+
...{ class: ("ql-container ql-snow") },
|
|
56
|
+
});
|
|
57
|
+
if (!__VLS_ctx.isEmpty) {
|
|
58
|
+
__VLS_elementAsFunction(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
|
|
59
|
+
...{ class: ("ql-editor") },
|
|
60
|
+
});
|
|
61
|
+
__VLS_asFunctionalDirective(__VLS_directives.vHtml)(null, { ...__VLS_directiveBindingRestFields, value: (__VLS_ctx.content) }, null, null);
|
|
62
|
+
}
|
|
63
|
+
else {
|
|
64
|
+
__VLS_elementAsFunction(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
|
|
65
|
+
...{ class: ("ql-editor placeholder") },
|
|
66
|
+
});
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
['tce-container', 'ql-container', 'ql-snow', 'ql-editor', 'ql-editor', 'placeholder',];
|
|
70
|
+
var __VLS_slots;
|
|
71
|
+
var $slots;
|
|
72
|
+
let __VLS_inheritedAttrs;
|
|
73
|
+
var $attrs;
|
|
74
|
+
const __VLS_refs = {};
|
|
75
|
+
var $refs;
|
|
76
|
+
var $el;
|
|
77
|
+
return {
|
|
78
|
+
attrs: {},
|
|
79
|
+
slots: __VLS_slots,
|
|
80
|
+
refs: $refs,
|
|
81
|
+
rootEl: $el,
|
|
82
|
+
};
|
|
83
|
+
}
|
|
84
|
+
;
|
|
85
|
+
const __VLS_self = (await import('vue')).defineComponent({
|
|
86
|
+
setup() {
|
|
87
|
+
return {
|
|
88
|
+
QuillEditor: QuillEditor,
|
|
89
|
+
content: content,
|
|
90
|
+
isEmpty: isEmpty,
|
|
91
|
+
};
|
|
92
|
+
},
|
|
93
|
+
emits: {},
|
|
94
|
+
__typeProps: {},
|
|
95
|
+
props: {},
|
|
96
|
+
});
|
|
97
|
+
export default (await import('vue')).defineComponent({
|
|
98
|
+
setup() {
|
|
99
|
+
return {};
|
|
100
|
+
},
|
|
101
|
+
emits: {},
|
|
102
|
+
__typeProps: {},
|
|
103
|
+
props: {},
|
|
104
|
+
__typeEl: {},
|
|
105
|
+
});
|
|
106
|
+
; /* PartiallyEnd: #4569/main.vue */
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
import 'quill/dist/quill.core.css';
|
|
2
|
+
import 'quill/dist/quill.snow.css';
|
|
3
|
+
import 'quill/dist/quill.bubble.css';
|
|
4
|
+
import Quill from 'quill';
|
|
5
|
+
type __VLS_Props = {
|
|
6
|
+
modelValue: string;
|
|
7
|
+
};
|
|
8
|
+
declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
9
|
+
"update:modelValue": (...args: any[]) => void;
|
|
10
|
+
}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
11
|
+
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
12
|
+
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {
|
|
13
|
+
editor: import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
|
|
14
|
+
modelValue?: string | null;
|
|
15
|
+
options?: import("quill").QuillOptions;
|
|
16
|
+
isSemanticHtmlModel?: boolean;
|
|
17
|
+
}> & Readonly<{
|
|
18
|
+
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
|
19
|
+
"onText-change"?: ((args_0: {
|
|
20
|
+
delta: import("quill").Delta;
|
|
21
|
+
oldContent: import("quill").Delta;
|
|
22
|
+
source: import("quill").EmitterSource;
|
|
23
|
+
}) => any) | undefined;
|
|
24
|
+
"onSelection-change"?: ((args_0: {
|
|
25
|
+
range: import("quill").Range;
|
|
26
|
+
oldRange: import("quill").Range;
|
|
27
|
+
source: import("quill").EmitterSource;
|
|
28
|
+
}) => any) | undefined;
|
|
29
|
+
"onEditor-change"?: ((eventName: "text-change" | "selection-change") => any) | undefined;
|
|
30
|
+
onBlur?: ((quill: Quill) => any) | undefined;
|
|
31
|
+
onFocus?: ((quill: Quill) => any) | undefined;
|
|
32
|
+
onReady?: ((quill: Quill) => any) | undefined;
|
|
33
|
+
}>, {
|
|
34
|
+
initialize: (QuillClass: typeof Quill) => Quill;
|
|
35
|
+
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
36
|
+
"update:modelValue": (value: string) => any;
|
|
37
|
+
"text-change": (args_0: {
|
|
38
|
+
delta: import("quill").Delta;
|
|
39
|
+
oldContent: import("quill").Delta;
|
|
40
|
+
source: import("quill").EmitterSource;
|
|
41
|
+
}) => any;
|
|
42
|
+
"selection-change": (args_0: {
|
|
43
|
+
range: import("quill").Range;
|
|
44
|
+
oldRange: import("quill").Range;
|
|
45
|
+
source: import("quill").EmitterSource;
|
|
46
|
+
}) => any;
|
|
47
|
+
"editor-change": (eventName: "text-change" | "selection-change") => any;
|
|
48
|
+
blur: (quill: Quill) => any;
|
|
49
|
+
focus: (quill: Quill) => any;
|
|
50
|
+
ready: (quill: Quill) => any;
|
|
51
|
+
}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
|
|
52
|
+
P: {};
|
|
53
|
+
B: {};
|
|
54
|
+
D: {};
|
|
55
|
+
C: {};
|
|
56
|
+
M: {};
|
|
57
|
+
Defaults: {};
|
|
58
|
+
}, Readonly<{
|
|
59
|
+
modelValue?: string | null;
|
|
60
|
+
options?: import("quill").QuillOptions;
|
|
61
|
+
isSemanticHtmlModel?: boolean;
|
|
62
|
+
}> & Readonly<{
|
|
63
|
+
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
|
64
|
+
"onText-change"?: ((args_0: {
|
|
65
|
+
delta: import("quill").Delta;
|
|
66
|
+
oldContent: import("quill").Delta;
|
|
67
|
+
source: import("quill").EmitterSource;
|
|
68
|
+
}) => any) | undefined;
|
|
69
|
+
"onSelection-change"?: ((args_0: {
|
|
70
|
+
range: import("quill").Range;
|
|
71
|
+
oldRange: import("quill").Range;
|
|
72
|
+
source: import("quill").EmitterSource;
|
|
73
|
+
}) => any) | undefined;
|
|
74
|
+
"onEditor-change"?: ((eventName: "text-change" | "selection-change") => any) | undefined;
|
|
75
|
+
onBlur?: ((quill: Quill) => any) | undefined;
|
|
76
|
+
onFocus?: ((quill: Quill) => any) | undefined;
|
|
77
|
+
onReady?: ((quill: Quill) => any) | undefined;
|
|
78
|
+
}>, {
|
|
79
|
+
initialize: (QuillClass: typeof Quill) => Quill;
|
|
80
|
+
}, {}, {}, {}, {}> | null;
|
|
81
|
+
}, any>;
|
|
82
|
+
export default _default;
|
|
@@ -0,0 +1,117 @@
|
|
|
1
|
+
/// <reference types="../../node_modules/.vue-global-types/vue_3.5_false.d.ts" />
|
|
2
|
+
import 'quill/dist/quill.core.css';
|
|
3
|
+
import 'quill/dist/quill.snow.css';
|
|
4
|
+
import 'quill/dist/quill.bubble.css';
|
|
5
|
+
import { defineEmits, defineProps, onMounted, ref } from 'vue';
|
|
6
|
+
import Quill from 'quill';
|
|
7
|
+
import { QuillyEditor } from 'vue-quilly';
|
|
8
|
+
import createCustomTheme from './theme/index';
|
|
9
|
+
const CustomTheme = createCustomTheme();
|
|
10
|
+
Quill.register(`themes/${CustomTheme.NAME}`, CustomTheme, true);
|
|
11
|
+
const props = defineProps();
|
|
12
|
+
const __VLS_emit = defineEmits(['update:modelValue']);
|
|
13
|
+
const editor = ref();
|
|
14
|
+
let quill = null;
|
|
15
|
+
const options = {
|
|
16
|
+
theme: CustomTheme.NAME,
|
|
17
|
+
modules: {
|
|
18
|
+
toolbar: {
|
|
19
|
+
container: '#quillToolbar',
|
|
20
|
+
handlers: {
|
|
21
|
+
redo() {
|
|
22
|
+
quill?.history.redo();
|
|
23
|
+
},
|
|
24
|
+
undo() {
|
|
25
|
+
quill?.history.undo();
|
|
26
|
+
},
|
|
27
|
+
},
|
|
28
|
+
},
|
|
29
|
+
},
|
|
30
|
+
placeholder: 'Enter your text...',
|
|
31
|
+
readOnly: false,
|
|
32
|
+
};
|
|
33
|
+
const onQuillReady = (quill) => {
|
|
34
|
+
quill.focus();
|
|
35
|
+
if (quill.root) {
|
|
36
|
+
quill.root.innerHTML = props.modelValue;
|
|
37
|
+
}
|
|
38
|
+
};
|
|
39
|
+
onMounted(() => {
|
|
40
|
+
quill = editor.value?.initialize(Quill) ?? null;
|
|
41
|
+
});
|
|
42
|
+
; /* PartiallyEnd: #3632/scriptSetup.vue */
|
|
43
|
+
function __VLS_template() {
|
|
44
|
+
const __VLS_ctx = {};
|
|
45
|
+
let __VLS_components;
|
|
46
|
+
let __VLS_directives;
|
|
47
|
+
const __VLS_0 = {}.QuillyEditor;
|
|
48
|
+
/** @type { [typeof __VLS_components.QuillyEditor, ] } */ ;
|
|
49
|
+
// @ts-ignore
|
|
50
|
+
const __VLS_1 = __VLS_asFunctionalComponent(__VLS_0, new __VLS_0({
|
|
51
|
+
...{ 'onReady': {} },
|
|
52
|
+
...{ 'onUpdate:modelValue': {} },
|
|
53
|
+
ref: ("editor"),
|
|
54
|
+
modelValue: ((__VLS_ctx.modelValue)),
|
|
55
|
+
options: ((__VLS_ctx.options)),
|
|
56
|
+
}));
|
|
57
|
+
const __VLS_2 = __VLS_1({
|
|
58
|
+
...{ 'onReady': {} },
|
|
59
|
+
...{ 'onUpdate:modelValue': {} },
|
|
60
|
+
ref: ("editor"),
|
|
61
|
+
modelValue: ((__VLS_ctx.modelValue)),
|
|
62
|
+
options: ((__VLS_ctx.options)),
|
|
63
|
+
}, ...__VLS_functionalComponentArgsRest(__VLS_1));
|
|
64
|
+
// @ts-ignore navigation for `const editor = ref()`
|
|
65
|
+
/** @type { typeof __VLS_ctx.editor } */ ;
|
|
66
|
+
var __VLS_6 = {};
|
|
67
|
+
let __VLS_7;
|
|
68
|
+
const __VLS_8 = {
|
|
69
|
+
onReady: (__VLS_ctx.onQuillReady)
|
|
70
|
+
};
|
|
71
|
+
const __VLS_9 = {
|
|
72
|
+
'onUpdate:modelValue': (...[$event]) => {
|
|
73
|
+
__VLS_ctx.$emit('update:modelValue', $event);
|
|
74
|
+
}
|
|
75
|
+
};
|
|
76
|
+
let __VLS_3;
|
|
77
|
+
let __VLS_4;
|
|
78
|
+
var __VLS_5;
|
|
79
|
+
var __VLS_slots;
|
|
80
|
+
var $slots;
|
|
81
|
+
let __VLS_inheritedAttrs;
|
|
82
|
+
var $attrs;
|
|
83
|
+
const __VLS_refs = {
|
|
84
|
+
'editor': __VLS_6,
|
|
85
|
+
};
|
|
86
|
+
var $refs;
|
|
87
|
+
var $el;
|
|
88
|
+
return {
|
|
89
|
+
attrs: {},
|
|
90
|
+
slots: __VLS_slots,
|
|
91
|
+
refs: $refs,
|
|
92
|
+
rootEl: $el,
|
|
93
|
+
};
|
|
94
|
+
}
|
|
95
|
+
;
|
|
96
|
+
const __VLS_self = (await import('vue')).defineComponent({
|
|
97
|
+
setup() {
|
|
98
|
+
return {
|
|
99
|
+
QuillyEditor: QuillyEditor,
|
|
100
|
+
editor: editor,
|
|
101
|
+
options: options,
|
|
102
|
+
onQuillReady: onQuillReady,
|
|
103
|
+
};
|
|
104
|
+
},
|
|
105
|
+
emits: {},
|
|
106
|
+
__typeProps: {},
|
|
107
|
+
});
|
|
108
|
+
export default (await import('vue')).defineComponent({
|
|
109
|
+
setup() {
|
|
110
|
+
return {};
|
|
111
|
+
},
|
|
112
|
+
emits: {},
|
|
113
|
+
__typeProps: {},
|
|
114
|
+
__typeRefs: {},
|
|
115
|
+
__typeEl: {},
|
|
116
|
+
});
|
|
117
|
+
; /* PartiallyEnd: #4569/main.vue */
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLDivElement>;
|
|
2
|
+
export default _default;
|
|
@@ -0,0 +1,214 @@
|
|
|
1
|
+
/// <reference types="../../node_modules/.vue-global-types/vue_3.5_false.d.ts" />
|
|
2
|
+
; /* PartiallyEnd: #3632/scriptSetup.vue */
|
|
3
|
+
function __VLS_template() {
|
|
4
|
+
const __VLS_ctx = {};
|
|
5
|
+
let __VLS_components;
|
|
6
|
+
let __VLS_directives;
|
|
7
|
+
// CSS variable injection
|
|
8
|
+
// CSS variable injection end
|
|
9
|
+
__VLS_elementAsFunction(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
|
|
10
|
+
...{ class: ("tce-html-toolbar") },
|
|
11
|
+
});
|
|
12
|
+
__VLS_elementAsFunction(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
|
|
13
|
+
...{ onMousedown: (() => { }) },
|
|
14
|
+
id: ("quillToolbar"),
|
|
15
|
+
});
|
|
16
|
+
__VLS_elementAsFunction(__VLS_intrinsicElements.span, __VLS_intrinsicElements.span)({
|
|
17
|
+
...{ class: ("ql-formats") },
|
|
18
|
+
});
|
|
19
|
+
__VLS_elementAsFunction(__VLS_intrinsicElements.button, __VLS_intrinsicElements.button)({
|
|
20
|
+
...{ class: ("ql-undo") },
|
|
21
|
+
'data-title': ("Undo"),
|
|
22
|
+
type: ("button"),
|
|
23
|
+
});
|
|
24
|
+
__VLS_elementAsFunction(__VLS_intrinsicElements.button, __VLS_intrinsicElements.button)({
|
|
25
|
+
...{ class: ("ql-redo") },
|
|
26
|
+
'data-title': ("Redo"),
|
|
27
|
+
type: ("button"),
|
|
28
|
+
});
|
|
29
|
+
__VLS_elementAsFunction(__VLS_intrinsicElements.span, __VLS_intrinsicElements.span)({
|
|
30
|
+
...{ class: ("ql-formats") },
|
|
31
|
+
});
|
|
32
|
+
__VLS_elementAsFunction(__VLS_intrinsicElements.select, __VLS_intrinsicElements.select)({
|
|
33
|
+
...{ class: ("ql-font") },
|
|
34
|
+
'data-title': ("Font"),
|
|
35
|
+
});
|
|
36
|
+
__VLS_elementAsFunction(__VLS_intrinsicElements.select, __VLS_intrinsicElements.select)({
|
|
37
|
+
...{ class: ("ql-header") },
|
|
38
|
+
'data-title': ("Style"),
|
|
39
|
+
});
|
|
40
|
+
__VLS_elementAsFunction(__VLS_intrinsicElements.span, __VLS_intrinsicElements.span)({
|
|
41
|
+
...{ class: ("ql-formats") },
|
|
42
|
+
});
|
|
43
|
+
__VLS_elementAsFunction(__VLS_intrinsicElements.button, __VLS_intrinsicElements.button)({
|
|
44
|
+
...{ class: ("ql-bold") },
|
|
45
|
+
'data-title': ("Bold"),
|
|
46
|
+
type: ("button"),
|
|
47
|
+
});
|
|
48
|
+
__VLS_elementAsFunction(__VLS_intrinsicElements.button, __VLS_intrinsicElements.button)({
|
|
49
|
+
...{ class: ("ql-italic") },
|
|
50
|
+
'data-title': ("Italic"),
|
|
51
|
+
type: ("button"),
|
|
52
|
+
});
|
|
53
|
+
__VLS_elementAsFunction(__VLS_intrinsicElements.button, __VLS_intrinsicElements.button)({
|
|
54
|
+
...{ class: ("ql-underline") },
|
|
55
|
+
'data-title': ("Underline"),
|
|
56
|
+
type: ("button"),
|
|
57
|
+
});
|
|
58
|
+
__VLS_elementAsFunction(__VLS_intrinsicElements.button, __VLS_intrinsicElements.button)({
|
|
59
|
+
...{ class: ("ql-strike") },
|
|
60
|
+
'data-title': ("Strikethrough"),
|
|
61
|
+
type: ("button"),
|
|
62
|
+
});
|
|
63
|
+
__VLS_elementAsFunction(__VLS_intrinsicElements.span, __VLS_intrinsicElements.span)({
|
|
64
|
+
...{ class: ("ql-formats") },
|
|
65
|
+
});
|
|
66
|
+
__VLS_elementAsFunction(__VLS_intrinsicElements.select, __VLS_intrinsicElements.select)({
|
|
67
|
+
...{ class: ("ql-color") },
|
|
68
|
+
'data-title': ("Text color"),
|
|
69
|
+
});
|
|
70
|
+
__VLS_elementAsFunction(__VLS_intrinsicElements.select, __VLS_intrinsicElements.select)({
|
|
71
|
+
...{ class: ("ql-background") },
|
|
72
|
+
'data-title': ("Highlight color"),
|
|
73
|
+
});
|
|
74
|
+
__VLS_elementAsFunction(__VLS_intrinsicElements.span, __VLS_intrinsicElements.span)({
|
|
75
|
+
...{ class: ("ql-formats") },
|
|
76
|
+
});
|
|
77
|
+
__VLS_elementAsFunction(__VLS_intrinsicElements.button, __VLS_intrinsicElements.button)({
|
|
78
|
+
...{ class: ("ql-script") },
|
|
79
|
+
'data-title': ("Subscript"),
|
|
80
|
+
type: ("button"),
|
|
81
|
+
value: ("sub"),
|
|
82
|
+
});
|
|
83
|
+
__VLS_elementAsFunction(__VLS_intrinsicElements.button, __VLS_intrinsicElements.button)({
|
|
84
|
+
...{ class: ("ql-script") },
|
|
85
|
+
'data-title': ("Superscript"),
|
|
86
|
+
type: ("button"),
|
|
87
|
+
value: ("super"),
|
|
88
|
+
});
|
|
89
|
+
__VLS_elementAsFunction(__VLS_intrinsicElements.span, __VLS_intrinsicElements.span)({
|
|
90
|
+
...{ class: ("ql-formats") },
|
|
91
|
+
});
|
|
92
|
+
__VLS_elementAsFunction(__VLS_intrinsicElements.button, __VLS_intrinsicElements.button)({
|
|
93
|
+
...{ class: ("ql-header") },
|
|
94
|
+
'data-title': ("Heading 1"),
|
|
95
|
+
type: ("button"),
|
|
96
|
+
value: ("1"),
|
|
97
|
+
});
|
|
98
|
+
__VLS_elementAsFunction(__VLS_intrinsicElements.button, __VLS_intrinsicElements.button)({
|
|
99
|
+
...{ class: ("ql-header") },
|
|
100
|
+
'data-title': ("Heading 2"),
|
|
101
|
+
type: ("button"),
|
|
102
|
+
value: ("2"),
|
|
103
|
+
});
|
|
104
|
+
__VLS_elementAsFunction(__VLS_intrinsicElements.button, __VLS_intrinsicElements.button)({
|
|
105
|
+
...{ class: ("ql-blockquote") },
|
|
106
|
+
'data-title': ("Quote"),
|
|
107
|
+
type: ("button"),
|
|
108
|
+
});
|
|
109
|
+
__VLS_elementAsFunction(__VLS_intrinsicElements.button, __VLS_intrinsicElements.button)({
|
|
110
|
+
...{ class: ("ql-code-block") },
|
|
111
|
+
'data-title': ("Code"),
|
|
112
|
+
type: ("button"),
|
|
113
|
+
});
|
|
114
|
+
__VLS_elementAsFunction(__VLS_intrinsicElements.span, __VLS_intrinsicElements.span)({
|
|
115
|
+
...{ class: ("ql-formats") },
|
|
116
|
+
});
|
|
117
|
+
__VLS_elementAsFunction(__VLS_intrinsicElements.button, __VLS_intrinsicElements.button)({
|
|
118
|
+
...{ class: ("ql-list") },
|
|
119
|
+
'data-title': ("Numbered list"),
|
|
120
|
+
type: ("button"),
|
|
121
|
+
value: ("ordered"),
|
|
122
|
+
});
|
|
123
|
+
__VLS_elementAsFunction(__VLS_intrinsicElements.button, __VLS_intrinsicElements.button)({
|
|
124
|
+
...{ class: ("ql-list") },
|
|
125
|
+
'data-title': ("Bulleted List"),
|
|
126
|
+
type: ("button"),
|
|
127
|
+
value: ("bullet"),
|
|
128
|
+
});
|
|
129
|
+
__VLS_elementAsFunction(__VLS_intrinsicElements.button, __VLS_intrinsicElements.button)({
|
|
130
|
+
...{ class: ("ql-indent") },
|
|
131
|
+
'data-title': ("Decrease indent"),
|
|
132
|
+
type: ("button"),
|
|
133
|
+
value: ("-1"),
|
|
134
|
+
});
|
|
135
|
+
__VLS_elementAsFunction(__VLS_intrinsicElements.button, __VLS_intrinsicElements.button)({
|
|
136
|
+
...{ class: ("ql-indent") },
|
|
137
|
+
'data-title': ("Increase indent"),
|
|
138
|
+
type: ("button"),
|
|
139
|
+
value: ("+1"),
|
|
140
|
+
});
|
|
141
|
+
__VLS_elementAsFunction(__VLS_intrinsicElements.span, __VLS_intrinsicElements.span)({
|
|
142
|
+
...{ class: ("ql-formats") },
|
|
143
|
+
});
|
|
144
|
+
__VLS_elementAsFunction(__VLS_intrinsicElements.select, __VLS_intrinsicElements.select)({
|
|
145
|
+
...{ class: ("ql-align") },
|
|
146
|
+
'data-title': ("Alignment"),
|
|
147
|
+
});
|
|
148
|
+
__VLS_elementAsFunction(__VLS_intrinsicElements.option, __VLS_intrinsicElements.option)({
|
|
149
|
+
selected: (true),
|
|
150
|
+
});
|
|
151
|
+
__VLS_elementAsFunction(__VLS_intrinsicElements.option, __VLS_intrinsicElements.option)({
|
|
152
|
+
value: ("center"),
|
|
153
|
+
});
|
|
154
|
+
__VLS_elementAsFunction(__VLS_intrinsicElements.option, __VLS_intrinsicElements.option)({
|
|
155
|
+
value: ("right"),
|
|
156
|
+
});
|
|
157
|
+
__VLS_elementAsFunction(__VLS_intrinsicElements.option, __VLS_intrinsicElements.option)({
|
|
158
|
+
value: ("justify"),
|
|
159
|
+
});
|
|
160
|
+
__VLS_elementAsFunction(__VLS_intrinsicElements.button, __VLS_intrinsicElements.button)({
|
|
161
|
+
...{ class: ("ql-direction") },
|
|
162
|
+
'data-title': ("Text direction"),
|
|
163
|
+
type: ("button"),
|
|
164
|
+
value: ("rtl"),
|
|
165
|
+
});
|
|
166
|
+
__VLS_elementAsFunction(__VLS_intrinsicElements.span, __VLS_intrinsicElements.span)({
|
|
167
|
+
...{ class: ("ql-formats") },
|
|
168
|
+
});
|
|
169
|
+
__VLS_elementAsFunction(__VLS_intrinsicElements.button, __VLS_intrinsicElements.button)({
|
|
170
|
+
...{ class: ("ql-link") },
|
|
171
|
+
'data-title': ("Insert link..."),
|
|
172
|
+
type: ("button"),
|
|
173
|
+
});
|
|
174
|
+
__VLS_elementAsFunction(__VLS_intrinsicElements.button, __VLS_intrinsicElements.button)({
|
|
175
|
+
...{ class: ("ql-image") },
|
|
176
|
+
'data-title': ("Image"),
|
|
177
|
+
type: ("button"),
|
|
178
|
+
});
|
|
179
|
+
__VLS_elementAsFunction(__VLS_intrinsicElements.span, __VLS_intrinsicElements.span)({
|
|
180
|
+
...{ class: ("ql-formats") },
|
|
181
|
+
});
|
|
182
|
+
__VLS_elementAsFunction(__VLS_intrinsicElements.button, __VLS_intrinsicElements.button)({
|
|
183
|
+
...{ class: ("ql-clean") },
|
|
184
|
+
'data-title': ("Clear formatting"),
|
|
185
|
+
type: ("button"),
|
|
186
|
+
});
|
|
187
|
+
['tce-html-toolbar', 'ql-formats', 'ql-undo', 'ql-redo', 'ql-formats', 'ql-font', 'ql-header', 'ql-formats', 'ql-bold', 'ql-italic', 'ql-underline', 'ql-strike', 'ql-formats', 'ql-color', 'ql-background', 'ql-formats', 'ql-script', 'ql-script', 'ql-formats', 'ql-header', 'ql-header', 'ql-blockquote', 'ql-code-block', 'ql-formats', 'ql-list', 'ql-list', 'ql-indent', 'ql-indent', 'ql-formats', 'ql-align', 'ql-direction', 'ql-formats', 'ql-link', 'ql-image', 'ql-formats', 'ql-clean',];
|
|
188
|
+
var __VLS_slots;
|
|
189
|
+
var $slots;
|
|
190
|
+
let __VLS_inheritedAttrs;
|
|
191
|
+
var $attrs;
|
|
192
|
+
const __VLS_refs = {};
|
|
193
|
+
var $refs;
|
|
194
|
+
var $el;
|
|
195
|
+
return {
|
|
196
|
+
attrs: {},
|
|
197
|
+
slots: __VLS_slots,
|
|
198
|
+
refs: $refs,
|
|
199
|
+
rootEl: $el,
|
|
200
|
+
};
|
|
201
|
+
}
|
|
202
|
+
;
|
|
203
|
+
const __VLS_self = (await import('vue')).defineComponent({
|
|
204
|
+
setup() {
|
|
205
|
+
return {};
|
|
206
|
+
},
|
|
207
|
+
});
|
|
208
|
+
export default (await import('vue')).defineComponent({
|
|
209
|
+
setup() {
|
|
210
|
+
return {};
|
|
211
|
+
},
|
|
212
|
+
__typeEl: {},
|
|
213
|
+
});
|
|
214
|
+
; /* PartiallyEnd: #4569/main.vue */
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import Picker from 'quill/ui/picker';
|
|
2
|
+
import Quill from 'quill';
|
|
3
|
+
import Toolbar from 'quill/modules/toolbar';
|
|
4
|
+
declare const _default: () => {
|
|
5
|
+
new (quill: Quill, options: import("quill/core/theme").ThemeOptions): {
|
|
6
|
+
options: any;
|
|
7
|
+
quill: any;
|
|
8
|
+
extendToolbar(toolbar: Toolbar): void;
|
|
9
|
+
buildButtons(buttons: NodeListOf<HTMLButtonElement>): void;
|
|
10
|
+
buildPickers(selects: NodeListOf<HTMLSelectElement>, icons: Record<string, string | Record<string, string>>): void;
|
|
11
|
+
pickers: Picker[];
|
|
12
|
+
tooltip?: import("quill/ui/tooltip").default;
|
|
13
|
+
addModule(name: "clipboard"): import("quill/modules/clipboard").default;
|
|
14
|
+
addModule(name: "keyboard"): import("quill/modules/keyboard").default;
|
|
15
|
+
addModule(name: "uploader"): import("quill/modules/uploader").default;
|
|
16
|
+
addModule(name: "history"): import("quill/modules/history").default;
|
|
17
|
+
addModule(name: "selection"): import("quill/core/selection").default;
|
|
18
|
+
addModule(name: string): unknown;
|
|
19
|
+
modules: import("quill/core/theme").ThemeOptions["modules"];
|
|
20
|
+
init(): void;
|
|
21
|
+
};
|
|
22
|
+
NAME: string;
|
|
23
|
+
DEFAULTS: {
|
|
24
|
+
modules: {
|
|
25
|
+
[x: string]: boolean | import("quill/modules/toolbar").ToolbarProps | null | undefined;
|
|
26
|
+
toolbar: import("quill/modules/toolbar").ToolbarProps | null | undefined;
|
|
27
|
+
};
|
|
28
|
+
};
|
|
29
|
+
themes: {
|
|
30
|
+
default: typeof import("quill/core/theme").default;
|
|
31
|
+
};
|
|
32
|
+
};
|
|
33
|
+
export default _default;
|