@progress/kendo-vue-editor 3.6.4-dev.202210071340 → 3.6.5-dev.202210181442
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 -1
- package/dist/es/Editor.js +29 -71
- package/dist/es/config/shortcuts.js +2 -11
- package/dist/es/dialogs/FindReplace.js +54 -64
- package/dist/es/dialogs/insertImage.js +21 -24
- package/dist/es/dialogs/insertLink.js +17 -17
- package/dist/es/dialogs/viewHtml.js +16 -15
- package/dist/es/package-metadata.js +1 -1
- package/dist/es/tools/align.js +7 -20
- package/dist/es/tools/applyColor.js +9 -19
- package/dist/es/tools/cleanFormatting.js +6 -21
- package/dist/es/tools/findReplace.js +6 -18
- package/dist/es/tools/fontStyle.js +10 -27
- package/dist/es/tools/formatBlock.js +10 -27
- package/dist/es/tools/indent.js +6 -20
- package/dist/es/tools/inlineFormat.js +11 -24
- package/dist/es/tools/insertImage.js +7 -19
- package/dist/es/tools/insertLink.js +7 -19
- package/dist/es/tools/insertTable/popup.js +11 -14
- package/dist/es/tools/insertTable/popupGrid.js +3 -11
- package/dist/es/tools/insertTable/tool.js +9 -25
- package/dist/es/tools/lists.js +9 -25
- package/dist/es/tools/outdent.js +9 -23
- package/dist/es/tools/pdf.js +10 -23
- package/dist/es/tools/print.js +7 -21
- package/dist/es/tools/proseMirrorTool.js +5 -19
- package/dist/es/tools/selectAll.js +6 -19
- package/dist/es/tools/tableEdit.js +0 -9
- package/dist/es/tools/unlink.js +7 -21
- package/dist/es/tools/utils.js +0 -5
- package/dist/es/tools/viewHtml.js +7 -19
- package/dist/esm/Editor.js +29 -71
- package/dist/esm/config/shortcuts.js +2 -11
- package/dist/esm/dialogs/FindReplace.js +54 -64
- package/dist/esm/dialogs/insertImage.js +21 -24
- package/dist/esm/dialogs/insertLink.js +17 -17
- package/dist/esm/dialogs/viewHtml.js +16 -15
- package/dist/esm/package-metadata.js +1 -1
- package/dist/esm/tools/align.js +7 -20
- package/dist/esm/tools/applyColor.js +9 -19
- package/dist/esm/tools/cleanFormatting.js +6 -21
- package/dist/esm/tools/findReplace.js +6 -18
- package/dist/esm/tools/fontStyle.js +10 -27
- package/dist/esm/tools/formatBlock.js +10 -27
- package/dist/esm/tools/indent.js +6 -20
- package/dist/esm/tools/inlineFormat.js +11 -24
- package/dist/esm/tools/insertImage.js +7 -19
- package/dist/esm/tools/insertLink.js +7 -19
- package/dist/esm/tools/insertTable/popup.js +11 -14
- package/dist/esm/tools/insertTable/popupGrid.js +3 -11
- package/dist/esm/tools/insertTable/tool.js +9 -25
- package/dist/esm/tools/lists.js +9 -25
- package/dist/esm/tools/outdent.js +9 -23
- package/dist/esm/tools/pdf.js +10 -23
- package/dist/esm/tools/print.js +7 -21
- package/dist/esm/tools/proseMirrorTool.js +5 -19
- package/dist/esm/tools/selectAll.js +6 -19
- package/dist/esm/tools/tableEdit.js +0 -9
- package/dist/esm/tools/unlink.js +7 -21
- package/dist/esm/tools/utils.js +0 -5
- package/dist/esm/tools/viewHtml.js +7 -19
- package/dist/npm/Editor.js +29 -107
- package/dist/npm/config/shortcuts.js +2 -15
- package/dist/npm/dialogs/FindReplace.js +56 -76
- package/dist/npm/dialogs/insertImage.js +23 -34
- package/dist/npm/dialogs/insertLink.js +19 -27
- package/dist/npm/dialogs/viewHtml.js +18 -26
- package/dist/npm/package-metadata.js +1 -1
- package/dist/npm/tools/align.js +7 -27
- package/dist/npm/tools/applyColor.js +9 -25
- package/dist/npm/tools/cleanFormatting.js +6 -28
- package/dist/npm/tools/findReplace.js +6 -25
- package/dist/npm/tools/fontStyle.js +10 -34
- package/dist/npm/tools/formatBlock.js +10 -34
- package/dist/npm/tools/history.js +2 -3
- package/dist/npm/tools/indent.js +6 -26
- package/dist/npm/tools/inlineFormat.js +11 -30
- package/dist/npm/tools/insertImage.js +7 -26
- package/dist/npm/tools/insertLink.js +7 -26
- package/dist/npm/tools/insertTable/popup.js +13 -20
- package/dist/npm/tools/insertTable/popupGrid.js +5 -16
- package/dist/npm/tools/insertTable/tool.js +9 -33
- package/dist/npm/tools/lists.js +9 -31
- package/dist/npm/tools/outdent.js +9 -29
- package/dist/npm/tools/pdf.js +10 -30
- package/dist/npm/tools/print.js +7 -27
- package/dist/npm/tools/proseMirrorTool.js +5 -25
- package/dist/npm/tools/selectAll.js +6 -26
- package/dist/npm/tools/tableEdit.js +2 -14
- package/dist/npm/tools/unlink.js +7 -27
- package/dist/npm/tools/utils.js +0 -6
- package/dist/npm/tools/viewHtml.js +7 -25
- package/package.json +12 -12
|
@@ -12,12 +12,11 @@ import { EditorToolsSettings } from './../config/toolsSettings';
|
|
|
12
12
|
import { formatString } from './../tools/utils';
|
|
13
13
|
import { find, replace, replaceAll, findAll, TextSelection, textHighlightKey, selectedLineTextOnly } from '@progress/kendo-editor-common';
|
|
14
14
|
var enter = 13,
|
|
15
|
-
|
|
15
|
+
esc = 27;
|
|
16
16
|
var settings = EditorToolsSettings.findAndReplace;
|
|
17
17
|
/**
|
|
18
18
|
* @hidden
|
|
19
19
|
*/
|
|
20
|
-
|
|
21
20
|
var FindAndReplaceDialogVue2 = {
|
|
22
21
|
name: 'KendoFindAndReplaceDialog',
|
|
23
22
|
// @ts-ignore
|
|
@@ -60,18 +59,15 @@ var FindAndReplaceDialogVue2 = {
|
|
|
60
59
|
if (this.$el) {
|
|
61
60
|
document.body.append(this.$el);
|
|
62
61
|
}
|
|
63
|
-
|
|
64
62
|
this.setNextState();
|
|
65
63
|
this.hasMounted = true;
|
|
66
64
|
setTimeout(function () {
|
|
67
65
|
var findInput = document.getElementById('findWhatFind');
|
|
68
|
-
|
|
69
66
|
if (findInput) {
|
|
70
67
|
findInput.focus();
|
|
71
68
|
}
|
|
72
69
|
}, 10);
|
|
73
70
|
},
|
|
74
|
-
|
|
75
71
|
/**
|
|
76
72
|
* @hidden
|
|
77
73
|
*/
|
|
@@ -79,10 +75,9 @@ var FindAndReplaceDialogVue2 = {
|
|
|
79
75
|
var matches = this.matches || [];
|
|
80
76
|
var nextMatch = this.nextMatch;
|
|
81
77
|
var view = this.$props.view;
|
|
82
|
-
|
|
83
78
|
if (this._prevMatch !== nextMatch) {
|
|
84
|
-
var state = view.state;
|
|
85
|
-
|
|
79
|
+
var state = view.state;
|
|
80
|
+
// highlight selection
|
|
86
81
|
var tr = state.tr;
|
|
87
82
|
var highlights_1 = [];
|
|
88
83
|
matches.forEach(function (m) {
|
|
@@ -120,34 +115,31 @@ var FindAndReplaceDialogVue2 = {
|
|
|
120
115
|
// @ts-ignore
|
|
121
116
|
render: function render(createElement) {
|
|
122
117
|
var _this = this;
|
|
123
|
-
|
|
124
118
|
var h = gh || createElement;
|
|
125
119
|
var localization = provideLocalizationService(this);
|
|
126
120
|
var _a = this.settings.messages,
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
121
|
+
findReplaceDialogTitle = _a.findReplaceDialogTitle,
|
|
122
|
+
findReplaceTabFind = _a.findReplaceTabFind,
|
|
123
|
+
findReplaceTabReplace = _a.findReplaceTabReplace,
|
|
124
|
+
findReplaceFindWhat = _a.findReplaceFindWhat,
|
|
125
|
+
findReplaceReplaceWith = _a.findReplaceReplaceWith,
|
|
126
|
+
findReplaceReplace = _a.findReplaceReplace,
|
|
127
|
+
findReplaceReplaceAll = _a.findReplaceReplaceAll,
|
|
128
|
+
findReplaceMatchCase = _a.findReplaceMatchCase,
|
|
129
|
+
findReplaceMatchWord = _a.findReplaceMatchWord,
|
|
130
|
+
findReplaceMatchCyclic = _a.findReplaceMatchCyclic,
|
|
131
|
+
findReplaceUseRegExp = _a.findReplaceUseRegExp,
|
|
132
|
+
findReplacePrevMatch = _a.findReplacePrevMatch,
|
|
133
|
+
findReplaceNextMatch = _a.findReplaceNextMatch,
|
|
134
|
+
findReplaceMatches = _a.findReplaceMatches;
|
|
142
135
|
var _b = this,
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
136
|
+
matchCase = _b.matchCase,
|
|
137
|
+
matchWord = _b.matchWord,
|
|
138
|
+
matchCyclic = _b.matchCyclic,
|
|
139
|
+
useRegExp = _b.useRegExp,
|
|
140
|
+
searchText = _b.searchText,
|
|
141
|
+
replaceText = _b.replaceText,
|
|
142
|
+
nextMatch = _b.nextMatch;
|
|
151
143
|
var checkboxes = h("div", {
|
|
152
144
|
"class": "k-search-options"
|
|
153
145
|
}, [h("span", [h("input", {
|
|
@@ -239,10 +231,10 @@ var FindAndReplaceDialogVue2 = {
|
|
|
239
231
|
},
|
|
240
232
|
"class": "k-checkbox-label"
|
|
241
233
|
}, [localization.toLanguageString(findReplaceUseRegExp, messages[findReplaceUseRegExp])])])]);
|
|
242
|
-
|
|
243
234
|
var navigation = function navigation(findWhatRef) {
|
|
244
235
|
var isRtl = this.$props.dir === 'rtl';
|
|
245
|
-
var prevButton =
|
|
236
|
+
var prevButton =
|
|
237
|
+
// @ts-ignore function children
|
|
246
238
|
h(Button, {
|
|
247
239
|
fillMode: 'flat',
|
|
248
240
|
attrs: this.v3 ? undefined : {
|
|
@@ -261,7 +253,8 @@ var FindAndReplaceDialogVue2 = {
|
|
|
261
253
|
} : [h("span", {
|
|
262
254
|
"class": "k-icon k-i-chevron-".concat(isRtl ? 'right' : 'left')
|
|
263
255
|
}), localization.toLanguageString(findReplacePrevMatch, messages[findReplacePrevMatch])]);
|
|
264
|
-
var nextButton =
|
|
256
|
+
var nextButton =
|
|
257
|
+
// @ts-ignore function children
|
|
265
258
|
h(Button, {
|
|
266
259
|
fillMode: 'flat',
|
|
267
260
|
attrs: this.v3 ? undefined : {
|
|
@@ -286,7 +279,6 @@ var FindAndReplaceDialogVue2 = {
|
|
|
286
279
|
ref: findWhatRef
|
|
287
280
|
}, [this.matchesMessage(localization.toLanguageString(findReplaceMatches, messages[findReplaceMatches]))]), nextButton]);
|
|
288
281
|
};
|
|
289
|
-
|
|
290
282
|
var findWhatLabel = function findWhatLabel(findWhatId) {
|
|
291
283
|
return h("div", {
|
|
292
284
|
"class": "k-edit-label"
|
|
@@ -298,7 +290,6 @@ var FindAndReplaceDialogVue2 = {
|
|
|
298
290
|
}
|
|
299
291
|
}, [localization.toLanguageString(findReplaceFindWhat, messages[findReplaceFindWhat])])]);
|
|
300
292
|
};
|
|
301
|
-
|
|
302
293
|
var findWhat = function findWhat(findWhatId) {
|
|
303
294
|
return h("div", {
|
|
304
295
|
"class": "k-edit-field"
|
|
@@ -327,7 +318,6 @@ var FindAndReplaceDialogVue2 = {
|
|
|
327
318
|
onKeydown: this.onKeyDown
|
|
328
319
|
})])]);
|
|
329
320
|
};
|
|
330
|
-
|
|
331
321
|
var replaceWithLabel = h("div", {
|
|
332
322
|
"class": "k-edit-label"
|
|
333
323
|
}, [h("label", {
|
|
@@ -357,7 +347,8 @@ var FindAndReplaceDialogVue2 = {
|
|
|
357
347
|
"input": this.onReplaceChange
|
|
358
348
|
}
|
|
359
349
|
})])]);
|
|
360
|
-
return (
|
|
350
|
+
return (
|
|
351
|
+
// @ts-ignore function children
|
|
361
352
|
h(Window, {
|
|
362
353
|
title: localization.toLanguageString(findReplaceDialogTitle, messages[findReplaceDialogTitle]),
|
|
363
354
|
attrs: this.v3 ? undefined : {
|
|
@@ -394,7 +385,8 @@ var FindAndReplaceDialogVue2 = {
|
|
|
394
385
|
},
|
|
395
386
|
dir: this.$props.dir
|
|
396
387
|
}, this.v3 ? function () {
|
|
397
|
-
return [
|
|
388
|
+
return [
|
|
389
|
+
// @ts-ignore function children
|
|
398
390
|
h(TabStrip, {
|
|
399
391
|
dir: _this.$props.dir,
|
|
400
392
|
attrs: _this.v3 ? undefined : {
|
|
@@ -410,7 +402,8 @@ var FindAndReplaceDialogVue2 = {
|
|
|
410
402
|
},
|
|
411
403
|
animation: false
|
|
412
404
|
}, _this.v3 ? function () {
|
|
413
|
-
return [
|
|
405
|
+
return [
|
|
406
|
+
// @ts-ignore function children
|
|
414
407
|
h(TabStripTab, {
|
|
415
408
|
title: localization.toLanguageString(findReplaceTabFind, messages[findReplaceTabFind]),
|
|
416
409
|
attrs: _this.v3 ? undefined : {
|
|
@@ -422,7 +415,8 @@ var FindAndReplaceDialogVue2 = {
|
|
|
422
415
|
}, [findWhatLabel.call(_this, 'findWhatFind'), findWhat.call(_this, 'findWhatFind')]), checkboxes, navigation.call(_this, 'findWhatFind')];
|
|
423
416
|
} : [h("div", {
|
|
424
417
|
"class": "k-edit-form-container"
|
|
425
|
-
}, [findWhatLabel.call(_this, 'findWhatFind'), findWhat.call(_this, 'findWhatFind')]), checkboxes, navigation.call(_this, 'findWhatFind')]),
|
|
418
|
+
}, [findWhatLabel.call(_this, 'findWhatFind'), findWhat.call(_this, 'findWhatFind')]), checkboxes, navigation.call(_this, 'findWhatFind')]),
|
|
419
|
+
// @ts-ignore function children
|
|
426
420
|
h(TabStripTab, {
|
|
427
421
|
title: localization.toLanguageString(findReplaceTabReplace, messages[findReplaceTabReplace]),
|
|
428
422
|
attrs: _this.v3 ? undefined : {
|
|
@@ -433,7 +427,8 @@ var FindAndReplaceDialogVue2 = {
|
|
|
433
427
|
"class": "k-edit-form-container"
|
|
434
428
|
}, [findWhatLabel.call(_this, 'findWhatReplace'), findWhat.call(_this, 'findWhatReplace'), replaceWithLabel, replaceWith]), h("div", {
|
|
435
429
|
"class": "k-actions k-hstack k-justify-content-end"
|
|
436
|
-
}, [
|
|
430
|
+
}, [
|
|
431
|
+
// @ts-ignore function children
|
|
437
432
|
h(Button, {
|
|
438
433
|
disabled: !Boolean(nextMatch),
|
|
439
434
|
attrs: _this.v3 ? undefined : {
|
|
@@ -445,7 +440,8 @@ var FindAndReplaceDialogVue2 = {
|
|
|
445
440
|
}
|
|
446
441
|
}, _this.v3 ? function () {
|
|
447
442
|
return [localization.toLanguageString(findReplaceReplace, messages[findReplaceReplace])];
|
|
448
|
-
} : [localization.toLanguageString(findReplaceReplace, messages[findReplaceReplace])]),
|
|
443
|
+
} : [localization.toLanguageString(findReplaceReplace, messages[findReplaceReplace])]),
|
|
444
|
+
// @ts-ignore function children
|
|
449
445
|
h(Button, {
|
|
450
446
|
disabled: !Boolean(nextMatch),
|
|
451
447
|
attrs: _this.v3 ? undefined : {
|
|
@@ -713,8 +709,10 @@ var FindAndReplaceDialogVue2 = {
|
|
|
713
709
|
}, _this.v3 ? function () {
|
|
714
710
|
return [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])];
|
|
715
711
|
} : [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])])]), checkboxes, navigation.call(_this, 'findWhatReplace')])])])
|
|
716
|
-
);
|
|
712
|
+
);
|
|
713
|
+
// document.body);
|
|
717
714
|
},
|
|
715
|
+
|
|
718
716
|
methods: {
|
|
719
717
|
onTabSelect: function onTabSelect(event) {
|
|
720
718
|
this.selectedTab = event.selected;
|
|
@@ -731,8 +729,7 @@ var FindAndReplaceDialogVue2 = {
|
|
|
731
729
|
var matches = this.matches;
|
|
732
730
|
var nextMatch = this.nextMatch;
|
|
733
731
|
var cur = 0,
|
|
734
|
-
|
|
735
|
-
|
|
732
|
+
all = 0;
|
|
736
733
|
if (matches && nextMatch) {
|
|
737
734
|
var current = matches.findIndex(function (s) {
|
|
738
735
|
return s.eq(nextMatch);
|
|
@@ -740,7 +737,6 @@ var FindAndReplaceDialogVue2 = {
|
|
|
740
737
|
cur = current === -1 ? matches.length : current + 1;
|
|
741
738
|
all = matches.length;
|
|
742
739
|
}
|
|
743
|
-
|
|
744
740
|
return formatString(locMessage, cur, all);
|
|
745
741
|
},
|
|
746
742
|
onFindNext: function onFindNext() {
|
|
@@ -753,14 +749,13 @@ var FindAndReplaceDialogVue2 = {
|
|
|
753
749
|
if (backward === void 0) {
|
|
754
750
|
backward = false;
|
|
755
751
|
}
|
|
756
|
-
|
|
757
752
|
var view = this.$props.view;
|
|
758
753
|
var _a = this.$data,
|
|
759
|
-
|
|
760
|
-
|
|
761
|
-
|
|
762
|
-
|
|
763
|
-
|
|
754
|
+
text = _a.searchText,
|
|
755
|
+
matchCase = _a.matchCase,
|
|
756
|
+
matchCyclic = _a.matchCyclic,
|
|
757
|
+
matchWord = _a.matchWord,
|
|
758
|
+
useRegExp = _a.useRegExp;
|
|
764
759
|
var searchOptions = {
|
|
765
760
|
text: text,
|
|
766
761
|
matchWord: matchWord,
|
|
@@ -770,14 +765,12 @@ var FindAndReplaceDialogVue2 = {
|
|
|
770
765
|
matchCyclic: matchCyclic
|
|
771
766
|
};
|
|
772
767
|
var selectionResult = find(view.state, searchOptions);
|
|
773
|
-
|
|
774
768
|
if (selectionResult) {
|
|
775
769
|
var transaction = view.state.tr.setSelection(selectionResult);
|
|
776
770
|
transaction.scrollIntoView();
|
|
777
771
|
view.updateState(view.state.apply(transaction));
|
|
778
772
|
this._prevMatch = this.nextMatch;
|
|
779
773
|
this.nextMatch = selectionResult;
|
|
780
|
-
|
|
781
774
|
if (this._prevMatch !== this.nextMatch) {
|
|
782
775
|
this.$forceUpdate();
|
|
783
776
|
}
|
|
@@ -787,7 +780,6 @@ var FindAndReplaceDialogVue2 = {
|
|
|
787
780
|
var view = this.$props.view;
|
|
788
781
|
var selection = view.state.selection;
|
|
789
782
|
var replaceText = this.$data.replaceText;
|
|
790
|
-
|
|
791
783
|
if (!selection.empty) {
|
|
792
784
|
var start = selection.from;
|
|
793
785
|
var end = start + replaceText.length;
|
|
@@ -801,11 +793,11 @@ var FindAndReplaceDialogVue2 = {
|
|
|
801
793
|
onReplaceAll: function onReplaceAll() {
|
|
802
794
|
var view = this.$props.view;
|
|
803
795
|
var _a = this.$data,
|
|
804
|
-
|
|
805
|
-
|
|
806
|
-
|
|
807
|
-
|
|
808
|
-
|
|
796
|
+
searchText = _a.searchText,
|
|
797
|
+
replaceText = _a.replaceText,
|
|
798
|
+
matchCase = _a.matchCase,
|
|
799
|
+
matchWord = _a.matchWord,
|
|
800
|
+
useRegExp = _a.useRegExp;
|
|
809
801
|
var searchOptions = {
|
|
810
802
|
text: searchText,
|
|
811
803
|
matchWord: matchWord,
|
|
@@ -848,7 +840,6 @@ var FindAndReplaceDialogVue2 = {
|
|
|
848
840
|
},
|
|
849
841
|
setNextState: function setNextState() {
|
|
850
842
|
var view = this.$props.view;
|
|
851
|
-
|
|
852
843
|
if (this.searchText) {
|
|
853
844
|
var searchOptions = {
|
|
854
845
|
text: this.searchText,
|
|
@@ -875,6 +866,5 @@ var FindAndReplaceDialogVue2 = {
|
|
|
875
866
|
/**
|
|
876
867
|
* @hidden
|
|
877
868
|
*/
|
|
878
|
-
|
|
879
869
|
var FindAndReplaceDialog = FindAndReplaceDialogVue2;
|
|
880
870
|
export { FindAndReplaceDialog, FindAndReplaceDialogVue2 };
|
|
@@ -12,7 +12,6 @@ import { getRef, setRef } from '@progress/kendo-vue-common';
|
|
|
12
12
|
/**
|
|
13
13
|
* @hidden
|
|
14
14
|
*/
|
|
15
|
-
|
|
16
15
|
var InsertImageDialogVue2 = {
|
|
17
16
|
name: 'KendoInsertImageDialog',
|
|
18
17
|
// @ts-ignore
|
|
@@ -35,7 +34,6 @@ var InsertImageDialogVue2 = {
|
|
|
35
34
|
this.title = getRef(this, 'title');
|
|
36
35
|
this.width = getRef(this, 'width');
|
|
37
36
|
this.height = getRef(this, 'height');
|
|
38
|
-
|
|
39
37
|
if (this.src) {
|
|
40
38
|
this.src.focus();
|
|
41
39
|
}
|
|
@@ -50,29 +48,26 @@ var InsertImageDialogVue2 = {
|
|
|
50
48
|
// @ts-ignore
|
|
51
49
|
render: function render(createElement) {
|
|
52
50
|
var _this = this;
|
|
53
|
-
|
|
54
51
|
var h = gh || createElement;
|
|
55
52
|
var _a = this.$props,
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
53
|
+
view = _a.view,
|
|
54
|
+
settings = _a.settings,
|
|
55
|
+
dir = _a.dir;
|
|
59
56
|
var _b = settings.messages,
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
57
|
+
insertImageDialogTitle = _b.insertImageDialogTitle,
|
|
58
|
+
insertImageAddress = _b.insertImageAddress,
|
|
59
|
+
insertImageTitle = _b.insertImageTitle,
|
|
60
|
+
insertImageAltText = _b.insertImageAltText,
|
|
61
|
+
insertImageWidth = _b.insertImageWidth,
|
|
62
|
+
insertImageHeight = _b.insertImageHeight,
|
|
63
|
+
insertImageCancel = _b.insertImageCancel,
|
|
64
|
+
insertImageInsert = _b.insertImageInsert;
|
|
68
65
|
var localization = provideLocalizationService(this);
|
|
69
66
|
var state = view && view.state;
|
|
70
67
|
var attrs = {};
|
|
71
|
-
|
|
72
68
|
if (state && state.selection instanceof NodeSelection && state.selection.node.type === state.schema.nodes[settings.node]) {
|
|
73
69
|
attrs = state.selection.node.attrs;
|
|
74
70
|
}
|
|
75
|
-
|
|
76
71
|
var content = h("div", {
|
|
77
72
|
"class": "k-edit-form-container"
|
|
78
73
|
}, [h("div", {
|
|
@@ -196,7 +191,8 @@ var InsertImageDialogVue2 = {
|
|
|
196
191
|
},
|
|
197
192
|
ref: setRef(this, 'height')
|
|
198
193
|
})])])]);
|
|
199
|
-
var actionButtons = [
|
|
194
|
+
var actionButtons = [
|
|
195
|
+
// @ts-ignore function children
|
|
200
196
|
h(KButton, {
|
|
201
197
|
type: "button",
|
|
202
198
|
attrs: this.v3 ? undefined : {
|
|
@@ -211,7 +207,8 @@ var InsertImageDialogVue2 = {
|
|
|
211
207
|
key: "cancel"
|
|
212
208
|
}, this.v3 ? function () {
|
|
213
209
|
return [localization.toLanguageString(insertImageCancel, messages[insertImageCancel])];
|
|
214
|
-
} : [localization.toLanguageString(insertImageCancel, messages[insertImageCancel])]),
|
|
210
|
+
} : [localization.toLanguageString(insertImageCancel, messages[insertImageCancel])]),
|
|
211
|
+
// @ts-ignore function children
|
|
215
212
|
h(KButton, {
|
|
216
213
|
type: "button",
|
|
217
214
|
attrs: this.v3 ? undefined : {
|
|
@@ -229,7 +226,8 @@ var InsertImageDialogVue2 = {
|
|
|
229
226
|
}, this.v3 ? function () {
|
|
230
227
|
return [localization.toLanguageString(insertImageInsert, messages[insertImageInsert])];
|
|
231
228
|
} : [localization.toLanguageString(insertImageInsert, messages[insertImageInsert])])];
|
|
232
|
-
var dialog =
|
|
229
|
+
var dialog =
|
|
230
|
+
// @ts-ignore function children
|
|
233
231
|
h(Dialog, {
|
|
234
232
|
title: localization.toLanguageString(insertImageDialogTitle, messages[insertImageDialogTitle]),
|
|
235
233
|
attrs: this.v3 ? undefined : {
|
|
@@ -248,7 +246,8 @@ var InsertImageDialogVue2 = {
|
|
|
248
246
|
textAlign: 'right'
|
|
249
247
|
} : undefined
|
|
250
248
|
}, this.v3 ? function () {
|
|
251
|
-
return [content,
|
|
249
|
+
return [content,
|
|
250
|
+
// @ts-ignore function children
|
|
252
251
|
h(DialogActionsBar, _this.v3 ? function () {
|
|
253
252
|
return [actionButtons];
|
|
254
253
|
} : [actionButtons])];
|
|
@@ -264,8 +263,8 @@ var InsertImageDialogVue2 = {
|
|
|
264
263
|
},
|
|
265
264
|
onInsert: function onInsert() {
|
|
266
265
|
var _a = this.$props,
|
|
267
|
-
|
|
268
|
-
|
|
266
|
+
view = _a.view,
|
|
267
|
+
settings = _a.settings;
|
|
269
268
|
var nodes = view.state.schema.nodes;
|
|
270
269
|
var nodeType = nodes[settings.node];
|
|
271
270
|
var data = {
|
|
@@ -279,7 +278,6 @@ var InsertImageDialogVue2 = {
|
|
|
279
278
|
return data[key] !== null && data[key] !== '';
|
|
280
279
|
}).reduce(function (acc, curr) {
|
|
281
280
|
var _a;
|
|
282
|
-
|
|
283
281
|
return Object.assign(acc, (_a = {}, _a[curr] = data[curr], _a));
|
|
284
282
|
}, {});
|
|
285
283
|
var newImage = nodeType.createAndFill(attrs);
|
|
@@ -294,6 +292,5 @@ var InsertImageDialogVue2 = {
|
|
|
294
292
|
/**
|
|
295
293
|
* @hidden
|
|
296
294
|
*/
|
|
297
|
-
|
|
298
295
|
var InsertImageDialog = InsertImageDialogVue2;
|
|
299
296
|
export { InsertImageDialog, InsertImageDialogVue2 };
|
|
@@ -12,7 +12,6 @@ import { getRef, setRef } from '@progress/kendo-vue-common';
|
|
|
12
12
|
/**
|
|
13
13
|
* @hidden
|
|
14
14
|
*/
|
|
15
|
-
|
|
16
15
|
var InsertLinkDialogVue2 = {
|
|
17
16
|
name: 'KendoInsertLinkDialog',
|
|
18
17
|
// @ts-ignore
|
|
@@ -40,7 +39,6 @@ var InsertLinkDialogVue2 = {
|
|
|
40
39
|
this.href = getRef(this, 'href');
|
|
41
40
|
this.title = getRef(this, 'title');
|
|
42
41
|
this.target = getRef(this, 'target');
|
|
43
|
-
|
|
44
42
|
if (this.href) {
|
|
45
43
|
this.href.focus();
|
|
46
44
|
}
|
|
@@ -48,20 +46,19 @@ var InsertLinkDialogVue2 = {
|
|
|
48
46
|
// @ts-ignore
|
|
49
47
|
render: function render(createElement) {
|
|
50
48
|
var _this = this;
|
|
51
|
-
|
|
52
49
|
var h = gh || createElement;
|
|
53
50
|
var _a = this.$props,
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
51
|
+
view = _a.view,
|
|
52
|
+
settings = _a.settings,
|
|
53
|
+
dir = _a.dir;
|
|
57
54
|
var localization = provideLocalizationService(this);
|
|
58
55
|
var _b = settings.messages,
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
56
|
+
insertHyperlinkDialogTitle = _b.insertHyperlinkDialogTitle,
|
|
57
|
+
insertHyperlinkAddress = _b.insertHyperlinkAddress,
|
|
58
|
+
insertHyperlinkTitle = _b.insertHyperlinkTitle,
|
|
59
|
+
insertHyperlinkNewWindow = _b.insertHyperlinkNewWindow,
|
|
60
|
+
insertHyperlinkCancel = _b.insertHyperlinkCancel,
|
|
61
|
+
insertHyperlinkInsert = _b.insertHyperlinkInsert;
|
|
65
62
|
var linkMark = view ? getMark(view.state, view.state.schema.marks[settings.mark]) : false;
|
|
66
63
|
var content = h("div", {
|
|
67
64
|
"class": "k-edit-form-container"
|
|
@@ -135,7 +132,8 @@ var InsertLinkDialogVue2 = {
|
|
|
135
132
|
},
|
|
136
133
|
"class": "k-checkbox-label"
|
|
137
134
|
}, [localization.toLanguageString(insertHyperlinkNewWindow, messages[insertHyperlinkNewWindow])])])]);
|
|
138
|
-
var dialog =
|
|
135
|
+
var dialog =
|
|
136
|
+
// @ts-ignore function children
|
|
139
137
|
h(Dialog, {
|
|
140
138
|
title: localization.toLanguageString(insertHyperlinkDialogTitle, messages[insertHyperlinkDialogTitle]),
|
|
141
139
|
attrs: this.v3 ? undefined : {
|
|
@@ -153,9 +151,11 @@ var InsertLinkDialogVue2 = {
|
|
|
153
151
|
textAlign: 'right'
|
|
154
152
|
} : undefined
|
|
155
153
|
}, this.v3 ? function () {
|
|
156
|
-
return [content,
|
|
154
|
+
return [content,
|
|
155
|
+
// @ts-ignore function children
|
|
157
156
|
h(DialogActionsBar, _this.v3 ? function () {
|
|
158
|
-
return [
|
|
157
|
+
return [
|
|
158
|
+
// @ts-ignore function children
|
|
159
159
|
h(KButton, {
|
|
160
160
|
type: "button",
|
|
161
161
|
attrs: _this.v3 ? undefined : {
|
|
@@ -170,7 +170,8 @@ var InsertLinkDialogVue2 = {
|
|
|
170
170
|
key: "cancel"
|
|
171
171
|
}, _this.v3 ? function () {
|
|
172
172
|
return [localization.toLanguageString(insertHyperlinkCancel, messages[insertHyperlinkCancel])];
|
|
173
|
-
} : [localization.toLanguageString(insertHyperlinkCancel, messages[insertHyperlinkCancel])]),
|
|
173
|
+
} : [localization.toLanguageString(insertHyperlinkCancel, messages[insertHyperlinkCancel])]),
|
|
174
|
+
// @ts-ignore function children
|
|
174
175
|
h(KButton, {
|
|
175
176
|
type: "button",
|
|
176
177
|
attrs: _this.v3 ? undefined : {
|
|
@@ -308,6 +309,5 @@ var InsertLinkDialogVue2 = {
|
|
|
308
309
|
/**
|
|
309
310
|
* @hidden
|
|
310
311
|
*/
|
|
311
|
-
|
|
312
312
|
var InsertLinkDialog = InsertLinkDialogVue2;
|
|
313
313
|
export { InsertLinkDialog, InsertLinkDialogVue2 };
|
|
@@ -13,7 +13,6 @@ import { getRef, setRef } from '@progress/kendo-vue-common';
|
|
|
13
13
|
/**
|
|
14
14
|
* @hidden
|
|
15
15
|
*/
|
|
16
|
-
|
|
17
16
|
var ViewHtmlDialogVue2 = {
|
|
18
17
|
name: 'KendoViewHtmlDialog',
|
|
19
18
|
props: {
|
|
@@ -39,17 +38,16 @@ var ViewHtmlDialogVue2 = {
|
|
|
39
38
|
// @ts-ignore
|
|
40
39
|
render: function render(createElement) {
|
|
41
40
|
var _this = this;
|
|
42
|
-
|
|
43
41
|
var h = gh || createElement;
|
|
44
42
|
var _a = this.$props,
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
43
|
+
view = _a.view,
|
|
44
|
+
settings = _a.settings,
|
|
45
|
+
dir = _a.dir;
|
|
48
46
|
var localization = provideLocalizationService(this);
|
|
49
47
|
var _b = settings.messages,
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
48
|
+
viewHtmlDialogTitle = _b.viewHtmlDialogTitle,
|
|
49
|
+
viewHtmlCancel = _b.viewHtmlCancel,
|
|
50
|
+
viewHtmlUpdate = _b.viewHtmlUpdate;
|
|
53
51
|
var content = h("textarea", {
|
|
54
52
|
"class": "k-textarea k-editor-textarea",
|
|
55
53
|
style: {
|
|
@@ -62,7 +60,8 @@ var ViewHtmlDialogVue2 = {
|
|
|
62
60
|
"value": indentHtml(getHtml(view.state))
|
|
63
61
|
}
|
|
64
62
|
});
|
|
65
|
-
var actionButtons = [
|
|
63
|
+
var actionButtons = [
|
|
64
|
+
// @ts-ignore function children
|
|
66
65
|
h(KButton, {
|
|
67
66
|
type: "button",
|
|
68
67
|
attrs: this.v3 ? undefined : {
|
|
@@ -77,7 +76,8 @@ var ViewHtmlDialogVue2 = {
|
|
|
77
76
|
key: "cancel"
|
|
78
77
|
}, this.v3 ? function () {
|
|
79
78
|
return [localization.toLanguageString(viewHtmlCancel, messages[viewHtmlCancel])];
|
|
80
|
-
} : [localization.toLanguageString(viewHtmlCancel, messages[viewHtmlCancel])]),
|
|
79
|
+
} : [localization.toLanguageString(viewHtmlCancel, messages[viewHtmlCancel])]),
|
|
80
|
+
// @ts-ignore function children
|
|
81
81
|
h(KButton, {
|
|
82
82
|
type: "button",
|
|
83
83
|
attrs: this.v3 ? undefined : {
|
|
@@ -95,7 +95,8 @@ var ViewHtmlDialogVue2 = {
|
|
|
95
95
|
}, this.v3 ? function () {
|
|
96
96
|
return [localization.toLanguageString(viewHtmlUpdate, messages[viewHtmlUpdate])];
|
|
97
97
|
} : [localization.toLanguageString(viewHtmlUpdate, messages[viewHtmlUpdate])])];
|
|
98
|
-
var dialog =
|
|
98
|
+
var dialog =
|
|
99
|
+
// @ts-ignore function children
|
|
99
100
|
h(Dialog, {
|
|
100
101
|
title: localization.toLanguageString(viewHtmlDialogTitle, messages[viewHtmlDialogTitle]),
|
|
101
102
|
attrs: this.v3 ? undefined : {
|
|
@@ -114,7 +115,8 @@ var ViewHtmlDialogVue2 = {
|
|
|
114
115
|
textAlign: 'right'
|
|
115
116
|
} : undefined
|
|
116
117
|
}, this.v3 ? function () {
|
|
117
|
-
return [content,
|
|
118
|
+
return [content,
|
|
119
|
+
// @ts-ignore function children
|
|
118
120
|
h(DialogActionsBar, _this.v3 ? function () {
|
|
119
121
|
return [actionButtons];
|
|
120
122
|
} : [actionButtons])];
|
|
@@ -126,8 +128,8 @@ var ViewHtmlDialogVue2 = {
|
|
|
126
128
|
methods: {
|
|
127
129
|
onUpdate: function onUpdate() {
|
|
128
130
|
var _a = this.$props,
|
|
129
|
-
|
|
130
|
-
|
|
131
|
+
view = _a.view,
|
|
132
|
+
settings = _a.settings;
|
|
131
133
|
var html = trimWhitespace(this.htmlArea ? this.htmlArea.value : '');
|
|
132
134
|
var preserveWhitespace = editorPropsKey.getState(view.state).preserveWhitespace;
|
|
133
135
|
setHtml(html, settings.commandName, {
|
|
@@ -144,6 +146,5 @@ var ViewHtmlDialogVue2 = {
|
|
|
144
146
|
/**
|
|
145
147
|
* @hidden
|
|
146
148
|
*/
|
|
147
|
-
|
|
148
149
|
var ViewHtmlDialog = ViewHtmlDialogVue2;
|
|
149
150
|
export { ViewHtmlDialog, ViewHtmlDialogVue2 };
|
|
@@ -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: 1666103568,
|
|
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
|
};
|