@progress/kendo-vue-editor 2.7.2 → 2.7.3-dev.202201070829
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/cdn/js/kendo-vue-editor.js +1 -0
- package/dist/es/Editor.d.ts +36 -36
- package/dist/es/Editor.js +31 -23
- package/dist/es/config/toolsSettings.js +2 -2
- package/dist/es/package-metadata.js +1 -1
- package/dist/es/tools/{Align.d.ts → align.d.ts} +0 -0
- package/dist/es/tools/{Align.js → align.js} +0 -0
- package/dist/es/tools/fontStyle.js +9 -4
- package/dist/es/tools/formatBlock.js +8 -3
- package/dist/es/tools/{Indent.d.ts → indent.d.ts} +0 -0
- package/dist/es/tools/{Indent.js → indent.js} +0 -0
- package/dist/es/tools/{InlineFormat.d.ts → inlineFormat.d.ts} +0 -0
- package/dist/es/tools/{InlineFormat.js → inlineFormat.js} +0 -0
- package/dist/es/tools/{Outdent.d.ts → outdent.d.ts} +0 -0
- package/dist/es/tools/{Outdent.js → outdent.js} +0 -0
- package/dist/npm/Editor.d.ts +36 -36
- package/dist/npm/Editor.js +44 -36
- package/dist/npm/config/toolsSettings.js +1 -1
- package/dist/npm/package-metadata.js +1 -1
- package/dist/npm/tools/{Align.d.ts → align.d.ts} +0 -0
- package/dist/npm/tools/{Align.js → align.js} +0 -0
- package/dist/npm/tools/fontStyle.js +9 -4
- package/dist/npm/tools/formatBlock.js +8 -3
- package/dist/npm/tools/{Indent.d.ts → indent.d.ts} +0 -0
- package/dist/npm/tools/{Indent.js → indent.js} +0 -0
- package/dist/npm/tools/{InlineFormat.d.ts → inlineFormat.d.ts} +0 -0
- package/dist/npm/tools/{InlineFormat.js → inlineFormat.js} +0 -0
- package/dist/npm/tools/{Outdent.d.ts → outdent.d.ts} +0 -0
- package/dist/npm/tools/{Outdent.js → outdent.js} +0 -0
- package/package.json +12 -12
package/dist/es/Editor.d.ts
CHANGED
|
@@ -10,75 +10,75 @@ import { EditorToolsSettings } from './config/toolsSettings';
|
|
|
10
10
|
import { EditorProps } from './EditorProps';
|
|
11
11
|
export declare const allTools: {
|
|
12
12
|
Bold: {
|
|
13
|
-
comp: Vue.ComponentOptions<import("./tools/
|
|
14
|
-
[key: string]: (this: import("./tools/
|
|
15
|
-
}, import("./tools/
|
|
13
|
+
comp: Vue.ComponentOptions<import("./tools/inlineFormat").InlineFormatAll, object | ((this: import("./tools/inlineFormat").InlineFormatData) => {}), {
|
|
14
|
+
[key: string]: (this: import("./tools/inlineFormat").InlineFormatAll, ...args: any[]) => any;
|
|
15
|
+
}, import("./tools/inlineFormat").InlineFormatComputed, RecordPropsDefinition<import("./tools/inlineFormat").InlineFormatToolProps>, Record<string, any>>;
|
|
16
16
|
props: EditorToolsSettings.InlineFormatSettings;
|
|
17
17
|
};
|
|
18
18
|
Italic: {
|
|
19
|
-
comp: Vue.ComponentOptions<import("./tools/
|
|
20
|
-
[key: string]: (this: import("./tools/
|
|
21
|
-
}, import("./tools/
|
|
19
|
+
comp: Vue.ComponentOptions<import("./tools/inlineFormat").InlineFormatAll, object | ((this: import("./tools/inlineFormat").InlineFormatData) => {}), {
|
|
20
|
+
[key: string]: (this: import("./tools/inlineFormat").InlineFormatAll, ...args: any[]) => any;
|
|
21
|
+
}, import("./tools/inlineFormat").InlineFormatComputed, RecordPropsDefinition<import("./tools/inlineFormat").InlineFormatToolProps>, Record<string, any>>;
|
|
22
22
|
props: EditorToolsSettings.InlineFormatSettings;
|
|
23
23
|
};
|
|
24
24
|
Underline: {
|
|
25
|
-
comp: Vue.ComponentOptions<import("./tools/
|
|
26
|
-
[key: string]: (this: import("./tools/
|
|
27
|
-
}, import("./tools/
|
|
25
|
+
comp: Vue.ComponentOptions<import("./tools/inlineFormat").InlineFormatAll, object | ((this: import("./tools/inlineFormat").InlineFormatData) => {}), {
|
|
26
|
+
[key: string]: (this: import("./tools/inlineFormat").InlineFormatAll, ...args: any[]) => any;
|
|
27
|
+
}, import("./tools/inlineFormat").InlineFormatComputed, RecordPropsDefinition<import("./tools/inlineFormat").InlineFormatToolProps>, Record<string, any>>;
|
|
28
28
|
props: EditorToolsSettings.InlineFormatSettings;
|
|
29
29
|
};
|
|
30
30
|
Strikethrough: {
|
|
31
|
-
comp: Vue.ComponentOptions<import("./tools/
|
|
32
|
-
[key: string]: (this: import("./tools/
|
|
33
|
-
}, import("./tools/
|
|
31
|
+
comp: Vue.ComponentOptions<import("./tools/inlineFormat").InlineFormatAll, object | ((this: import("./tools/inlineFormat").InlineFormatData) => {}), {
|
|
32
|
+
[key: string]: (this: import("./tools/inlineFormat").InlineFormatAll, ...args: any[]) => any;
|
|
33
|
+
}, import("./tools/inlineFormat").InlineFormatComputed, RecordPropsDefinition<import("./tools/inlineFormat").InlineFormatToolProps>, Record<string, any>>;
|
|
34
34
|
props: EditorToolsSettings.InlineFormatSettings;
|
|
35
35
|
};
|
|
36
36
|
Subscript: {
|
|
37
|
-
comp: Vue.ComponentOptions<import("./tools/
|
|
38
|
-
[key: string]: (this: import("./tools/
|
|
39
|
-
}, import("./tools/
|
|
37
|
+
comp: Vue.ComponentOptions<import("./tools/inlineFormat").InlineFormatAll, object | ((this: import("./tools/inlineFormat").InlineFormatData) => {}), {
|
|
38
|
+
[key: string]: (this: import("./tools/inlineFormat").InlineFormatAll, ...args: any[]) => any;
|
|
39
|
+
}, import("./tools/inlineFormat").InlineFormatComputed, RecordPropsDefinition<import("./tools/inlineFormat").InlineFormatToolProps>, Record<string, any>>;
|
|
40
40
|
props: EditorToolsSettings.InlineFormatSettings;
|
|
41
41
|
};
|
|
42
42
|
Superscript: {
|
|
43
|
-
comp: Vue.ComponentOptions<import("./tools/
|
|
44
|
-
[key: string]: (this: import("./tools/
|
|
45
|
-
}, import("./tools/
|
|
43
|
+
comp: Vue.ComponentOptions<import("./tools/inlineFormat").InlineFormatAll, object | ((this: import("./tools/inlineFormat").InlineFormatData) => {}), {
|
|
44
|
+
[key: string]: (this: import("./tools/inlineFormat").InlineFormatAll, ...args: any[]) => any;
|
|
45
|
+
}, import("./tools/inlineFormat").InlineFormatComputed, RecordPropsDefinition<import("./tools/inlineFormat").InlineFormatToolProps>, Record<string, any>>;
|
|
46
46
|
props: EditorToolsSettings.InlineFormatSettings;
|
|
47
47
|
};
|
|
48
48
|
AlignLeft: {
|
|
49
|
-
comp: Vue.ComponentOptions<import("./tools/
|
|
50
|
-
[key: string]: (this: import("./tools/
|
|
51
|
-
}, import("./tools/
|
|
49
|
+
comp: Vue.ComponentOptions<import("./tools/align").AlignAll, object | ((this: import("./tools/align").AlignData) => {}), {
|
|
50
|
+
[key: string]: (this: import("./tools/align").AlignAll, ...args: any[]) => any;
|
|
51
|
+
}, import("./tools/align").AlignComputed, RecordPropsDefinition<import("./main").EditorTools.AlignToolProps>, Record<string, any>>;
|
|
52
52
|
props: EditorToolsSettings.AlignSettings;
|
|
53
53
|
};
|
|
54
54
|
AlignCenter: {
|
|
55
|
-
comp: Vue.ComponentOptions<import("./tools/
|
|
56
|
-
[key: string]: (this: import("./tools/
|
|
57
|
-
}, import("./tools/
|
|
55
|
+
comp: Vue.ComponentOptions<import("./tools/align").AlignAll, object | ((this: import("./tools/align").AlignData) => {}), {
|
|
56
|
+
[key: string]: (this: import("./tools/align").AlignAll, ...args: any[]) => any;
|
|
57
|
+
}, import("./tools/align").AlignComputed, RecordPropsDefinition<import("./main").EditorTools.AlignToolProps>, Record<string, any>>;
|
|
58
58
|
props: EditorToolsSettings.AlignSettings;
|
|
59
59
|
};
|
|
60
60
|
AlignRight: {
|
|
61
|
-
comp: Vue.ComponentOptions<import("./tools/
|
|
62
|
-
[key: string]: (this: import("./tools/
|
|
63
|
-
}, import("./tools/
|
|
61
|
+
comp: Vue.ComponentOptions<import("./tools/align").AlignAll, object | ((this: import("./tools/align").AlignData) => {}), {
|
|
62
|
+
[key: string]: (this: import("./tools/align").AlignAll, ...args: any[]) => any;
|
|
63
|
+
}, import("./tools/align").AlignComputed, RecordPropsDefinition<import("./main").EditorTools.AlignToolProps>, Record<string, any>>;
|
|
64
64
|
props: EditorToolsSettings.AlignSettings;
|
|
65
65
|
};
|
|
66
66
|
AlignJustify: {
|
|
67
|
-
comp: Vue.ComponentOptions<import("./tools/
|
|
68
|
-
[key: string]: (this: import("./tools/
|
|
69
|
-
}, import("./tools/
|
|
67
|
+
comp: Vue.ComponentOptions<import("./tools/align").AlignAll, object | ((this: import("./tools/align").AlignData) => {}), {
|
|
68
|
+
[key: string]: (this: import("./tools/align").AlignAll, ...args: any[]) => any;
|
|
69
|
+
}, import("./tools/align").AlignComputed, RecordPropsDefinition<import("./main").EditorTools.AlignToolProps>, Record<string, any>>;
|
|
70
70
|
props: EditorToolsSettings.AlignSettings;
|
|
71
71
|
};
|
|
72
72
|
Indent: {
|
|
73
|
-
comp: Vue.ComponentOptions<import("./tools/
|
|
74
|
-
[key: string]: (this: import("./tools/
|
|
75
|
-
}, import("./tools/
|
|
73
|
+
comp: Vue.ComponentOptions<import("./tools/indent").IndentAll, object | ((this: import("./tools/indent").IndentData) => {}), {
|
|
74
|
+
[key: string]: (this: import("./tools/indent").IndentAll, ...args: any[]) => any;
|
|
75
|
+
}, import("./tools/indent").IndentComputed, RecordPropsDefinition<import("./tools/indent").IndentProps>, Record<string, any>>;
|
|
76
76
|
props: EditorToolsSettings.IndentationSettings;
|
|
77
77
|
};
|
|
78
78
|
Outdent: {
|
|
79
|
-
comp: Vue.ComponentOptions<import("./tools/
|
|
80
|
-
[key: string]: (this: import("./tools/
|
|
81
|
-
}, import("./tools/
|
|
79
|
+
comp: Vue.ComponentOptions<import("./tools/outdent").OutdentAll, object | ((this: import("./tools/outdent").OutdentData) => {}), {
|
|
80
|
+
[key: string]: (this: import("./tools/outdent").OutdentAll, ...args: any[]) => any;
|
|
81
|
+
}, import("./tools/outdent").OutdentComputed, RecordPropsDefinition<import("./tools/outdent").OutdentProps>, Record<string, any>>;
|
|
82
82
|
props: EditorToolsSettings.IndentationSettings;
|
|
83
83
|
};
|
|
84
84
|
OrderedList: {
|
package/dist/es/Editor.js
CHANGED
|
@@ -49,11 +49,11 @@ var link = EditorToolsSettings.link,
|
|
|
49
49
|
underline = EditorToolsSettings.underline;
|
|
50
50
|
import { firefox } from './utils/browser-detection';
|
|
51
51
|
import { packageMetadata } from './package-metadata';
|
|
52
|
-
import { Align } from './tools/
|
|
53
|
-
import { Indent } from './tools/
|
|
52
|
+
import { Align } from './tools/align';
|
|
53
|
+
import { Indent } from './tools/indent';
|
|
54
54
|
import { List } from './tools/lists';
|
|
55
|
-
import { Outdent } from './tools/
|
|
56
|
-
import { InlineFormat } from './tools/
|
|
55
|
+
import { Outdent } from './tools/outdent';
|
|
56
|
+
import { InlineFormat } from './tools/inlineFormat';
|
|
57
57
|
import { FontName } from './tools/fontStyle';
|
|
58
58
|
import { FormatBlock } from './tools/formatBlock';
|
|
59
59
|
import { ProseMirror } from './tools/proseMirrorTool';
|
|
@@ -61,7 +61,7 @@ import { LinkTool } from './tools/insertLink';
|
|
|
61
61
|
import { Unlink } from './tools/unlink';
|
|
62
62
|
import { CleanFormatting } from './tools/cleanFormatting';
|
|
63
63
|
import { SelectAll } from './tools/selectAll';
|
|
64
|
-
import { InsertImage } from './tools/
|
|
64
|
+
import { InsertImage } from './tools/insertImage';
|
|
65
65
|
import { InsertTable } from './tools/insertTable/tool';
|
|
66
66
|
import { ViewHtml } from './tools/viewHtml';
|
|
67
67
|
import { Pdf } from './tools/pdf';
|
|
@@ -267,6 +267,7 @@ var Editor = {
|
|
|
267
267
|
};
|
|
268
268
|
},
|
|
269
269
|
created: function created() {
|
|
270
|
+
this._view = undefined;
|
|
270
271
|
validatePackage(packageMetadata);
|
|
271
272
|
},
|
|
272
273
|
mounted: function mounted() {
|
|
@@ -284,7 +285,7 @@ var Editor = {
|
|
|
284
285
|
},
|
|
285
286
|
updated: function updated() {
|
|
286
287
|
var value = this.$props.value;
|
|
287
|
-
var view = this.
|
|
288
|
+
var view = this._view;
|
|
288
289
|
|
|
289
290
|
if (value === undefined || !view) {
|
|
290
291
|
return;
|
|
@@ -303,8 +304,8 @@ var Editor = {
|
|
|
303
304
|
},
|
|
304
305
|
// @ts-ignore
|
|
305
306
|
unmounted: function unmounted() {
|
|
306
|
-
if (this.
|
|
307
|
-
this.
|
|
307
|
+
if (this._view) {
|
|
308
|
+
this._view.destroy();
|
|
308
309
|
}
|
|
309
310
|
|
|
310
311
|
this.view = undefined;
|
|
@@ -315,8 +316,8 @@ var Editor = {
|
|
|
315
316
|
return this.trOnChange.doc;
|
|
316
317
|
} else if (this.$props.value !== undefined) {
|
|
317
318
|
return this.$props.value;
|
|
318
|
-
} else if (this.
|
|
319
|
-
return this.
|
|
319
|
+
} else if (this._view) {
|
|
320
|
+
return this._view.state.doc;
|
|
320
321
|
}
|
|
321
322
|
|
|
322
323
|
return this.$props.defaultContent || '';
|
|
@@ -342,9 +343,10 @@ var Editor = {
|
|
|
342
343
|
_d = _a.preserveWhitespace,
|
|
343
344
|
preserveWhitespace = _d === void 0 ? 'full' : _d,
|
|
344
345
|
style = _a.style;
|
|
346
|
+
var view = this.v3 ? this._view : this.view;
|
|
345
347
|
|
|
346
|
-
if (
|
|
347
|
-
var editorProps = editorPropsKey.getState(
|
|
348
|
+
if (view) {
|
|
349
|
+
var editorProps = editorPropsKey.getState(view.state);
|
|
348
350
|
editorProps.preserveWhitespace = preserveWhitespace;
|
|
349
351
|
}
|
|
350
352
|
|
|
@@ -359,9 +361,9 @@ var Editor = {
|
|
|
359
361
|
var renderDialog = function renderDialog() {
|
|
360
362
|
return this.linkDialog && // @ts-ignore function children
|
|
361
363
|
h(InsertLinkDialog, {
|
|
362
|
-
view:
|
|
364
|
+
view: view,
|
|
363
365
|
attrs: this.v3 ? undefined : {
|
|
364
|
-
view:
|
|
366
|
+
view: view,
|
|
365
367
|
settings: link,
|
|
366
368
|
dir: this.$props.dir
|
|
367
369
|
},
|
|
@@ -379,7 +381,7 @@ var Editor = {
|
|
|
379
381
|
|
|
380
382
|
if (allTools[currentTool]) {
|
|
381
383
|
var toolProps = __assign({
|
|
382
|
-
view:
|
|
384
|
+
view: view,
|
|
383
385
|
dir: this.$props.dir,
|
|
384
386
|
key: guid(),
|
|
385
387
|
settings: allTools[currentTool].props
|
|
@@ -396,7 +398,7 @@ var Editor = {
|
|
|
396
398
|
defaultRendering: null,
|
|
397
399
|
additionalListeners: {},
|
|
398
400
|
additionalProps: {
|
|
399
|
-
view:
|
|
401
|
+
view: view,
|
|
400
402
|
dir: this.$props.dir,
|
|
401
403
|
key: index
|
|
402
404
|
}
|
|
@@ -468,12 +470,17 @@ var Editor = {
|
|
|
468
470
|
},
|
|
469
471
|
methods: {
|
|
470
472
|
focus: function focus() {
|
|
471
|
-
if (this.
|
|
472
|
-
this.
|
|
473
|
+
if (this._view) {
|
|
474
|
+
this._view.focus();
|
|
473
475
|
}
|
|
474
476
|
},
|
|
475
477
|
updateTools: function updateTools(view) {
|
|
476
478
|
this.view = view;
|
|
479
|
+
|
|
480
|
+
if (this.v3) {
|
|
481
|
+
this._view = view;
|
|
482
|
+
this.$forceUpdate();
|
|
483
|
+
}
|
|
477
484
|
},
|
|
478
485
|
iframeLoad: function iframeLoad() {
|
|
479
486
|
if (firefox) {
|
|
@@ -551,7 +558,7 @@ var Editor = {
|
|
|
551
558
|
})), {
|
|
552
559
|
'Mod-k': function ModK() {
|
|
553
560
|
var linkDialog = _this.$data.linkDialog;
|
|
554
|
-
var editorView = _this.
|
|
561
|
+
var editorView = _this._view;
|
|
555
562
|
|
|
556
563
|
if (editorView) {
|
|
557
564
|
var editorState = editorView.state;
|
|
@@ -599,7 +606,7 @@ var Editor = {
|
|
|
599
606
|
viewProps: viewProps,
|
|
600
607
|
dom: dom
|
|
601
608
|
};
|
|
602
|
-
var view = this.
|
|
609
|
+
var view = this._view = onMount && onMount.call(undefined, mountEvent) || new EditorView({
|
|
603
610
|
mount: dom
|
|
604
611
|
}, viewProps);
|
|
605
612
|
this.view = view;
|
|
@@ -610,7 +617,8 @@ var Editor = {
|
|
|
610
617
|
transaction: transaction,
|
|
611
618
|
state: state
|
|
612
619
|
};
|
|
613
|
-
|
|
620
|
+
this.$emit('execute', event);
|
|
621
|
+
return true;
|
|
614
622
|
},
|
|
615
623
|
onPasteHtml: function onPasteHtml(html) {
|
|
616
624
|
if (this.$props.onPasteHtml && this.pasteEvent) {
|
|
@@ -655,8 +663,8 @@ var Editor = {
|
|
|
655
663
|
this.$emit('change', event_2);
|
|
656
664
|
}
|
|
657
665
|
|
|
658
|
-
if (this.
|
|
659
|
-
this.
|
|
666
|
+
if (this._view && (this.$props.value === undefined || !docChanged)) {
|
|
667
|
+
this._view.updateState(this._view.state.apply(transaction));
|
|
660
668
|
}
|
|
661
669
|
},
|
|
662
670
|
onFocus: function onFocus(_view, nativeEvent) {
|
|
@@ -17,7 +17,7 @@ var __spreadArrays = (this && this.__spreadArrays) || function () {
|
|
|
17
17
|
return r;
|
|
18
18
|
};
|
|
19
19
|
import { keys, messages } from './../messages';
|
|
20
|
-
import { bold as boldSettings, italic as italicSettings, underline as underlineSettings, strikethrough as strikethroughSettings, subscript as subscriptSettings, superscript as superscriptSettings, link as linkSettings, alignLeftRules, alignRightRules, alignCenterRules, alignJustifyRules, alignRemoveRules, indentRules, outdentRules, undo as undoCommand, redo as redoCommand, mergeCells as mergeCellsCommand, splitCell as splitCellCommand, addRowBefore as addRowBeforeCommand, addRowAfter as addRowAfterCommand, addColumnAfter as addColumnAfterCommand, deleteRow as deleteRowCommand, deleteColumn as deleteColumnCommand, deleteTable as deleteTableCommand } from '@progress/kendo-editor-common';
|
|
20
|
+
import { bold as boldSettings, italic as italicSettings, underline as underlineSettings, strikethrough as strikethroughSettings, subscript as subscriptSettings, superscript as superscriptSettings, link as linkSettings, alignLeftRules, alignRightRules, alignCenterRules, alignJustifyRules, alignRemoveRules, indentRules, outdentRules, undo as undoCommand, redo as redoCommand, mergeCells as mergeCellsCommand, splitCell as splitCellCommand, addRowBefore as addRowBeforeCommand, addRowAfter as addRowAfterCommand, addColumnBefore as addColumnBeforeCommand, addColumnAfter as addColumnAfterCommand, deleteRow as deleteRowCommand, deleteColumn as deleteColumnCommand, deleteTable as deleteTableCommand } from '@progress/kendo-editor-common';
|
|
21
21
|
var listsTypes = __assign({}, indentRules.listsTypes);
|
|
22
22
|
/**
|
|
23
23
|
* Represents a wrapping namespace for the tool settings of the Editor.
|
|
@@ -127,7 +127,7 @@ export var EditorToolsSettings;
|
|
|
127
127
|
* The object of the AddColumnBefore tool settings.
|
|
128
128
|
*/
|
|
129
129
|
EditorToolsSettings.addColumnBefore = {
|
|
130
|
-
command:
|
|
130
|
+
command: addColumnBeforeCommand,
|
|
131
131
|
props: __assign({ icon: 'table-column-insert-left' }, buttonCommonProps),
|
|
132
132
|
messages: {
|
|
133
133
|
title: keys.addColumnBefore
|
|
@@ -5,7 +5,7 @@ export var packageMetadata = {
|
|
|
5
5
|
name: '@progress/kendo-vue-editor',
|
|
6
6
|
productName: 'Kendo UI for Vue',
|
|
7
7
|
productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
|
|
8
|
-
publishDate:
|
|
8
|
+
publishDate: 1641543585,
|
|
9
9
|
version: '',
|
|
10
10
|
licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
|
|
11
11
|
};
|
|
File without changes
|
|
File without changes
|
|
@@ -128,9 +128,14 @@ var FontName = {
|
|
|
128
128
|
},
|
|
129
129
|
methods: {
|
|
130
130
|
customItemRender: function customItemRender(h, li, itemProps) {
|
|
131
|
-
return itemProps.dataItem.style ? h('li',
|
|
132
|
-
|
|
133
|
-
onClick: itemProps.
|
|
131
|
+
return itemProps.dataItem.style ? h('li', {
|
|
132
|
+
class: itemProps.itemClass,
|
|
133
|
+
onClick: itemProps.onClick,
|
|
134
|
+
on: {
|
|
135
|
+
click: itemProps.onClick
|
|
136
|
+
}
|
|
137
|
+
}, [h('span', {
|
|
138
|
+
style: itemProps.dataItem.style
|
|
134
139
|
}, __spreadArrays(li.children))]) : li;
|
|
135
140
|
},
|
|
136
141
|
onChange: function onChange(e) {
|
|
@@ -140,7 +145,7 @@ var FontName = {
|
|
|
140
145
|
settings = _a.settings;
|
|
141
146
|
var style = settings.style;
|
|
142
147
|
|
|
143
|
-
if (view) {
|
|
148
|
+
if (view && item) {
|
|
144
149
|
applyInlineStyle({
|
|
145
150
|
style: style,
|
|
146
151
|
value: item.value
|
|
@@ -125,9 +125,14 @@ var FormatBlock = {
|
|
|
125
125
|
},
|
|
126
126
|
methods: {
|
|
127
127
|
customItemRender: function customItemRender(h, li, itemProps) {
|
|
128
|
-
return itemProps.dataItem.style ? h('li',
|
|
129
|
-
|
|
130
|
-
onClick: itemProps.
|
|
128
|
+
return itemProps.dataItem.style ? h('li', {
|
|
129
|
+
class: itemProps.itemClass,
|
|
130
|
+
onClick: itemProps.onClick,
|
|
131
|
+
on: {
|
|
132
|
+
click: itemProps.onClick
|
|
133
|
+
}
|
|
134
|
+
}, [h('span', {
|
|
135
|
+
style: itemProps.dataItem.style
|
|
131
136
|
}, __spreadArrays(li.children))]) : li;
|
|
132
137
|
},
|
|
133
138
|
onChange: function onChange(e) {
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
package/dist/npm/Editor.d.ts
CHANGED
|
@@ -10,75 +10,75 @@ import { EditorToolsSettings } from './config/toolsSettings';
|
|
|
10
10
|
import { EditorProps } from './EditorProps';
|
|
11
11
|
export declare const allTools: {
|
|
12
12
|
Bold: {
|
|
13
|
-
comp: Vue.ComponentOptions<import("./tools/
|
|
14
|
-
[key: string]: (this: import("./tools/
|
|
15
|
-
}, import("./tools/
|
|
13
|
+
comp: Vue.ComponentOptions<import("./tools/inlineFormat").InlineFormatAll, object | ((this: import("./tools/inlineFormat").InlineFormatData) => {}), {
|
|
14
|
+
[key: string]: (this: import("./tools/inlineFormat").InlineFormatAll, ...args: any[]) => any;
|
|
15
|
+
}, import("./tools/inlineFormat").InlineFormatComputed, RecordPropsDefinition<import("./tools/inlineFormat").InlineFormatToolProps>, Record<string, any>>;
|
|
16
16
|
props: EditorToolsSettings.InlineFormatSettings;
|
|
17
17
|
};
|
|
18
18
|
Italic: {
|
|
19
|
-
comp: Vue.ComponentOptions<import("./tools/
|
|
20
|
-
[key: string]: (this: import("./tools/
|
|
21
|
-
}, import("./tools/
|
|
19
|
+
comp: Vue.ComponentOptions<import("./tools/inlineFormat").InlineFormatAll, object | ((this: import("./tools/inlineFormat").InlineFormatData) => {}), {
|
|
20
|
+
[key: string]: (this: import("./tools/inlineFormat").InlineFormatAll, ...args: any[]) => any;
|
|
21
|
+
}, import("./tools/inlineFormat").InlineFormatComputed, RecordPropsDefinition<import("./tools/inlineFormat").InlineFormatToolProps>, Record<string, any>>;
|
|
22
22
|
props: EditorToolsSettings.InlineFormatSettings;
|
|
23
23
|
};
|
|
24
24
|
Underline: {
|
|
25
|
-
comp: Vue.ComponentOptions<import("./tools/
|
|
26
|
-
[key: string]: (this: import("./tools/
|
|
27
|
-
}, import("./tools/
|
|
25
|
+
comp: Vue.ComponentOptions<import("./tools/inlineFormat").InlineFormatAll, object | ((this: import("./tools/inlineFormat").InlineFormatData) => {}), {
|
|
26
|
+
[key: string]: (this: import("./tools/inlineFormat").InlineFormatAll, ...args: any[]) => any;
|
|
27
|
+
}, import("./tools/inlineFormat").InlineFormatComputed, RecordPropsDefinition<import("./tools/inlineFormat").InlineFormatToolProps>, Record<string, any>>;
|
|
28
28
|
props: EditorToolsSettings.InlineFormatSettings;
|
|
29
29
|
};
|
|
30
30
|
Strikethrough: {
|
|
31
|
-
comp: Vue.ComponentOptions<import("./tools/
|
|
32
|
-
[key: string]: (this: import("./tools/
|
|
33
|
-
}, import("./tools/
|
|
31
|
+
comp: Vue.ComponentOptions<import("./tools/inlineFormat").InlineFormatAll, object | ((this: import("./tools/inlineFormat").InlineFormatData) => {}), {
|
|
32
|
+
[key: string]: (this: import("./tools/inlineFormat").InlineFormatAll, ...args: any[]) => any;
|
|
33
|
+
}, import("./tools/inlineFormat").InlineFormatComputed, RecordPropsDefinition<import("./tools/inlineFormat").InlineFormatToolProps>, Record<string, any>>;
|
|
34
34
|
props: EditorToolsSettings.InlineFormatSettings;
|
|
35
35
|
};
|
|
36
36
|
Subscript: {
|
|
37
|
-
comp: Vue.ComponentOptions<import("./tools/
|
|
38
|
-
[key: string]: (this: import("./tools/
|
|
39
|
-
}, import("./tools/
|
|
37
|
+
comp: Vue.ComponentOptions<import("./tools/inlineFormat").InlineFormatAll, object | ((this: import("./tools/inlineFormat").InlineFormatData) => {}), {
|
|
38
|
+
[key: string]: (this: import("./tools/inlineFormat").InlineFormatAll, ...args: any[]) => any;
|
|
39
|
+
}, import("./tools/inlineFormat").InlineFormatComputed, RecordPropsDefinition<import("./tools/inlineFormat").InlineFormatToolProps>, Record<string, any>>;
|
|
40
40
|
props: EditorToolsSettings.InlineFormatSettings;
|
|
41
41
|
};
|
|
42
42
|
Superscript: {
|
|
43
|
-
comp: Vue.ComponentOptions<import("./tools/
|
|
44
|
-
[key: string]: (this: import("./tools/
|
|
45
|
-
}, import("./tools/
|
|
43
|
+
comp: Vue.ComponentOptions<import("./tools/inlineFormat").InlineFormatAll, object | ((this: import("./tools/inlineFormat").InlineFormatData) => {}), {
|
|
44
|
+
[key: string]: (this: import("./tools/inlineFormat").InlineFormatAll, ...args: any[]) => any;
|
|
45
|
+
}, import("./tools/inlineFormat").InlineFormatComputed, RecordPropsDefinition<import("./tools/inlineFormat").InlineFormatToolProps>, Record<string, any>>;
|
|
46
46
|
props: EditorToolsSettings.InlineFormatSettings;
|
|
47
47
|
};
|
|
48
48
|
AlignLeft: {
|
|
49
|
-
comp: Vue.ComponentOptions<import("./tools/
|
|
50
|
-
[key: string]: (this: import("./tools/
|
|
51
|
-
}, import("./tools/
|
|
49
|
+
comp: Vue.ComponentOptions<import("./tools/align").AlignAll, object | ((this: import("./tools/align").AlignData) => {}), {
|
|
50
|
+
[key: string]: (this: import("./tools/align").AlignAll, ...args: any[]) => any;
|
|
51
|
+
}, import("./tools/align").AlignComputed, RecordPropsDefinition<import("./main").EditorTools.AlignToolProps>, Record<string, any>>;
|
|
52
52
|
props: EditorToolsSettings.AlignSettings;
|
|
53
53
|
};
|
|
54
54
|
AlignCenter: {
|
|
55
|
-
comp: Vue.ComponentOptions<import("./tools/
|
|
56
|
-
[key: string]: (this: import("./tools/
|
|
57
|
-
}, import("./tools/
|
|
55
|
+
comp: Vue.ComponentOptions<import("./tools/align").AlignAll, object | ((this: import("./tools/align").AlignData) => {}), {
|
|
56
|
+
[key: string]: (this: import("./tools/align").AlignAll, ...args: any[]) => any;
|
|
57
|
+
}, import("./tools/align").AlignComputed, RecordPropsDefinition<import("./main").EditorTools.AlignToolProps>, Record<string, any>>;
|
|
58
58
|
props: EditorToolsSettings.AlignSettings;
|
|
59
59
|
};
|
|
60
60
|
AlignRight: {
|
|
61
|
-
comp: Vue.ComponentOptions<import("./tools/
|
|
62
|
-
[key: string]: (this: import("./tools/
|
|
63
|
-
}, import("./tools/
|
|
61
|
+
comp: Vue.ComponentOptions<import("./tools/align").AlignAll, object | ((this: import("./tools/align").AlignData) => {}), {
|
|
62
|
+
[key: string]: (this: import("./tools/align").AlignAll, ...args: any[]) => any;
|
|
63
|
+
}, import("./tools/align").AlignComputed, RecordPropsDefinition<import("./main").EditorTools.AlignToolProps>, Record<string, any>>;
|
|
64
64
|
props: EditorToolsSettings.AlignSettings;
|
|
65
65
|
};
|
|
66
66
|
AlignJustify: {
|
|
67
|
-
comp: Vue.ComponentOptions<import("./tools/
|
|
68
|
-
[key: string]: (this: import("./tools/
|
|
69
|
-
}, import("./tools/
|
|
67
|
+
comp: Vue.ComponentOptions<import("./tools/align").AlignAll, object | ((this: import("./tools/align").AlignData) => {}), {
|
|
68
|
+
[key: string]: (this: import("./tools/align").AlignAll, ...args: any[]) => any;
|
|
69
|
+
}, import("./tools/align").AlignComputed, RecordPropsDefinition<import("./main").EditorTools.AlignToolProps>, Record<string, any>>;
|
|
70
70
|
props: EditorToolsSettings.AlignSettings;
|
|
71
71
|
};
|
|
72
72
|
Indent: {
|
|
73
|
-
comp: Vue.ComponentOptions<import("./tools/
|
|
74
|
-
[key: string]: (this: import("./tools/
|
|
75
|
-
}, import("./tools/
|
|
73
|
+
comp: Vue.ComponentOptions<import("./tools/indent").IndentAll, object | ((this: import("./tools/indent").IndentData) => {}), {
|
|
74
|
+
[key: string]: (this: import("./tools/indent").IndentAll, ...args: any[]) => any;
|
|
75
|
+
}, import("./tools/indent").IndentComputed, RecordPropsDefinition<import("./tools/indent").IndentProps>, Record<string, any>>;
|
|
76
76
|
props: EditorToolsSettings.IndentationSettings;
|
|
77
77
|
};
|
|
78
78
|
Outdent: {
|
|
79
|
-
comp: Vue.ComponentOptions<import("./tools/
|
|
80
|
-
[key: string]: (this: import("./tools/
|
|
81
|
-
}, import("./tools/
|
|
79
|
+
comp: Vue.ComponentOptions<import("./tools/outdent").OutdentAll, object | ((this: import("./tools/outdent").OutdentData) => {}), {
|
|
80
|
+
[key: string]: (this: import("./tools/outdent").OutdentAll, ...args: any[]) => any;
|
|
81
|
+
}, import("./tools/outdent").OutdentComputed, RecordPropsDefinition<import("./tools/outdent").OutdentProps>, Record<string, any>>;
|
|
82
82
|
props: EditorToolsSettings.IndentationSettings;
|
|
83
83
|
};
|
|
84
84
|
OrderedList: {
|