@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.
Files changed (30) hide show
  1. package/dist/cdn/js/kendo-vue-editor.js +1 -0
  2. package/dist/es/Editor.d.ts +36 -36
  3. package/dist/es/Editor.js +31 -23
  4. package/dist/es/config/toolsSettings.js +2 -2
  5. package/dist/es/package-metadata.js +1 -1
  6. package/dist/es/tools/{Align.d.ts → align.d.ts} +0 -0
  7. package/dist/es/tools/{Align.js → align.js} +0 -0
  8. package/dist/es/tools/fontStyle.js +9 -4
  9. package/dist/es/tools/formatBlock.js +8 -3
  10. package/dist/es/tools/{Indent.d.ts → indent.d.ts} +0 -0
  11. package/dist/es/tools/{Indent.js → indent.js} +0 -0
  12. package/dist/es/tools/{InlineFormat.d.ts → inlineFormat.d.ts} +0 -0
  13. package/dist/es/tools/{InlineFormat.js → inlineFormat.js} +0 -0
  14. package/dist/es/tools/{Outdent.d.ts → outdent.d.ts} +0 -0
  15. package/dist/es/tools/{Outdent.js → outdent.js} +0 -0
  16. package/dist/npm/Editor.d.ts +36 -36
  17. package/dist/npm/Editor.js +44 -36
  18. package/dist/npm/config/toolsSettings.js +1 -1
  19. package/dist/npm/package-metadata.js +1 -1
  20. package/dist/npm/tools/{Align.d.ts → align.d.ts} +0 -0
  21. package/dist/npm/tools/{Align.js → align.js} +0 -0
  22. package/dist/npm/tools/fontStyle.js +9 -4
  23. package/dist/npm/tools/formatBlock.js +8 -3
  24. package/dist/npm/tools/{Indent.d.ts → indent.d.ts} +0 -0
  25. package/dist/npm/tools/{Indent.js → indent.js} +0 -0
  26. package/dist/npm/tools/{InlineFormat.d.ts → inlineFormat.d.ts} +0 -0
  27. package/dist/npm/tools/{InlineFormat.js → inlineFormat.js} +0 -0
  28. package/dist/npm/tools/{Outdent.d.ts → outdent.d.ts} +0 -0
  29. package/dist/npm/tools/{Outdent.js → outdent.js} +0 -0
  30. package/package.json +12 -12
@@ -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/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>>;
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/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>>;
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/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>>;
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/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>>;
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/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>>;
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/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>>;
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/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>>;
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/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>>;
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/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>>;
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/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>>;
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/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>>;
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/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>>;
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/Align';
53
- import { Indent } from './tools/Indent';
52
+ import { Align } from './tools/align';
53
+ import { Indent } from './tools/indent';
54
54
  import { List } from './tools/lists';
55
- import { Outdent } from './tools/Outdent';
56
- import { InlineFormat } from './tools/InlineFormat';
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/InsertImage';
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.view;
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.view) {
307
- this.view.destroy();
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.view) {
319
- return this.view.state.doc;
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 (this.view) {
347
- var editorProps = editorPropsKey.getState(this.view.state);
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: this.view,
364
+ view: view,
363
365
  attrs: this.v3 ? undefined : {
364
- view: this.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: this.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: this.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.view) {
472
- this.view.focus();
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.view;
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.view = onMount && onMount.call(undefined, mountEvent) || new EditorView({
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
- return this.$emit('execute', event);
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.view && (this.$props.value === undefined || !docChanged)) {
659
- this.view.updateState(this.view.state.apply(transaction));
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: addRowBeforeCommand,
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: 1641396794,
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', __assign({}, li.data), [h('span', {
132
- style: itemProps.dataItem.style,
133
- onClick: itemProps.onChange
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', __assign({}, li.data), [h('span', {
129
- style: itemProps.dataItem.style,
130
- onClick: itemProps.onChange
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
@@ -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/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>>;
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/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>>;
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/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>>;
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/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>>;
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/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>>;
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/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>>;
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/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>>;
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/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>>;
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/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>>;
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/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>>;
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/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>>;
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/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>>;
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: {