@progress/kendo-vue-editor 2.8.0-dev.202201121019 → 2.8.0-dev.202201131525
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 +3 -5
- package/dist/es/dialogs/FindReplace.d.ts +1 -1
- package/dist/es/dialogs/FindReplace.js +122 -105
- package/dist/es/package-metadata.js +1 -1
- package/dist/npm/Editor.js +3 -5
- package/dist/npm/dialogs/FindReplace.d.ts +1 -1
- package/dist/npm/dialogs/FindReplace.js +122 -105
- package/dist/npm/package-metadata.js +1 -1
- package/package.json +12 -12
package/dist/es/Editor.js
CHANGED
|
@@ -350,8 +350,8 @@ var EditorVue2 = {
|
|
|
350
350
|
style = _a.style;
|
|
351
351
|
var view = this.getView();
|
|
352
352
|
|
|
353
|
-
if (view) {
|
|
354
|
-
var editorProps = editorPropsKey.getState(view.state);
|
|
353
|
+
if (this.view) {
|
|
354
|
+
var editorProps = editorPropsKey.getState(this.view.state);
|
|
355
355
|
editorProps.preserveWhitespace = preserveWhitespace;
|
|
356
356
|
}
|
|
357
357
|
|
|
@@ -499,7 +499,6 @@ var EditorVue2 = {
|
|
|
499
499
|
|
|
500
500
|
if (this.v3) {
|
|
501
501
|
this._view = view;
|
|
502
|
-
this.$forceUpdate();
|
|
503
502
|
}
|
|
504
503
|
},
|
|
505
504
|
iframeLoad: function iframeLoad() {
|
|
@@ -598,8 +597,7 @@ var EditorVue2 = {
|
|
|
598
597
|
var _b = this.$props,
|
|
599
598
|
_c = _b.defaultContent,
|
|
600
599
|
defaultContent = _c === void 0 ? '' : _c,
|
|
601
|
-
value = _b.value
|
|
602
|
-
onMount = _b.onMount;
|
|
600
|
+
value = _b.value;
|
|
603
601
|
var doc = value && typeof value !== 'string' ? value : EditorUtils.createDocument(new Schema({
|
|
604
602
|
nodes: nodes,
|
|
605
603
|
marks: marks
|
|
@@ -7,7 +7,7 @@ import { EditorToolsSettings } from './../config/toolsSettings';
|
|
|
7
7
|
import { TextSelection, EditorView } from '@progress/kendo-editor-common';
|
|
8
8
|
interface FindAndReplaceDialogData {
|
|
9
9
|
selectedTab: number;
|
|
10
|
-
matches
|
|
10
|
+
matches: TextSelection<any>[];
|
|
11
11
|
nextMatch?: TextSelection<any>;
|
|
12
12
|
searchText: string;
|
|
13
13
|
replaceText: string;
|
|
@@ -32,7 +32,8 @@ var FindAndReplaceDialogVue2 = {
|
|
|
32
32
|
}
|
|
33
33
|
},
|
|
34
34
|
created: function created() {
|
|
35
|
-
this.
|
|
35
|
+
this._prevMatch = undefined;
|
|
36
|
+
this.nextMatch = undefined;
|
|
36
37
|
},
|
|
37
38
|
data: function data() {
|
|
38
39
|
return {
|
|
@@ -43,24 +44,26 @@ var FindAndReplaceDialogVue2 = {
|
|
|
43
44
|
matchWord: false,
|
|
44
45
|
matchCyclic: false,
|
|
45
46
|
useRegExp: false,
|
|
46
|
-
|
|
47
|
+
matches: [],
|
|
48
|
+
hasMounted: false
|
|
47
49
|
};
|
|
48
50
|
},
|
|
49
51
|
mounted: function mounted() {
|
|
50
52
|
if (this.$el) {
|
|
51
53
|
document.body.append(this.$el);
|
|
52
54
|
}
|
|
55
|
+
|
|
56
|
+
this.setNextState();
|
|
57
|
+
this.hasMounted = true;
|
|
53
58
|
},
|
|
54
59
|
|
|
55
60
|
/**
|
|
56
61
|
* @hidden
|
|
57
62
|
*/
|
|
58
63
|
updated: function updated() {
|
|
64
|
+
var matches = this.matches || [];
|
|
65
|
+
var nextMatch = this.nextMatch;
|
|
59
66
|
var view = this.$props.view;
|
|
60
|
-
var _a = this.$data,
|
|
61
|
-
_b = _a.matches,
|
|
62
|
-
matches = _b === void 0 ? [] : _b,
|
|
63
|
-
nextMatch = _a.nextMatch;
|
|
64
67
|
|
|
65
68
|
if (this._prevMatch !== nextMatch) {
|
|
66
69
|
var state = view.state; // highlight selection
|
|
@@ -92,11 +95,6 @@ var FindAndReplaceDialogVue2 = {
|
|
|
92
95
|
this.$el.remove();
|
|
93
96
|
}
|
|
94
97
|
},
|
|
95
|
-
watch: {
|
|
96
|
-
nextMatch: function nextMatch(_newNextMatch, oldMatch) {
|
|
97
|
-
this._prevMatch = oldMatch;
|
|
98
|
-
}
|
|
99
|
-
},
|
|
100
98
|
// @ts-ignore
|
|
101
99
|
setup: !gh ? undefined : function () {
|
|
102
100
|
var v3 = !!gh;
|
|
@@ -226,80 +224,92 @@ var FindAndReplaceDialogVue2 = {
|
|
|
226
224
|
},
|
|
227
225
|
"class": "k-checkbox-label"
|
|
228
226
|
}, [localization.toLanguageString(findReplaceUseRegExp, messages[findReplaceUseRegExp])])])]);
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
227
|
+
|
|
228
|
+
var navigation = function navigation(findWhatRef) {
|
|
229
|
+
return h("div", {
|
|
230
|
+
"class": "k-matches-container"
|
|
231
|
+
}, [// @ts-ignore function children
|
|
232
|
+
h(Button, {
|
|
235
233
|
fillMode: 'flat',
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
234
|
+
attrs: this.v3 ? undefined : {
|
|
235
|
+
fillMode: 'flat',
|
|
236
|
+
themeColor: 'primary'
|
|
237
|
+
},
|
|
238
|
+
themeColor: 'primary',
|
|
239
|
+
onClick: this.onFindPrev,
|
|
240
|
+
on: this.v3 ? undefined : {
|
|
241
|
+
"click": this.onFindPrev
|
|
242
|
+
}
|
|
243
|
+
}, this.v3 ? function () {
|
|
244
|
+
return [h("span", {
|
|
245
|
+
"class": "k-icon k-i-arrow-chevron-left"
|
|
246
|
+
}), localization.toLanguageString(findReplacePrevMatch, messages[findReplacePrevMatch])];
|
|
247
|
+
} : [h("span", {
|
|
245
248
|
"class": "k-icon k-i-arrow-chevron-left"
|
|
246
|
-
}), localization.toLanguageString(findReplacePrevMatch, messages[findReplacePrevMatch])]
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
h(Button, {
|
|
251
|
-
fillMode: 'flat',
|
|
252
|
-
attrs: this.v3 ? undefined : {
|
|
249
|
+
}), localization.toLanguageString(findReplacePrevMatch, messages[findReplacePrevMatch])]), this.hasMounted && h("span", {
|
|
250
|
+
ref: findWhatRef
|
|
251
|
+
}, [this.matchesMessage(localization.toLanguageString(findReplaceMatches, messages[findReplaceMatches]))]), // @ts-ignore function children
|
|
252
|
+
h(Button, {
|
|
253
253
|
fillMode: 'flat',
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
254
|
+
attrs: this.v3 ? undefined : {
|
|
255
|
+
fillMode: 'flat',
|
|
256
|
+
themeColor: 'primary'
|
|
257
|
+
},
|
|
258
|
+
themeColor: 'primary',
|
|
259
|
+
onClick: this.onFindNext,
|
|
260
|
+
on: this.v3 ? undefined : {
|
|
261
|
+
"click": this.onFindNext
|
|
262
|
+
}
|
|
263
|
+
}, this.v3 ? function () {
|
|
264
|
+
return [localization.toLanguageString(findReplaceNextMatch, messages[findReplaceNextMatch]), h("span", {
|
|
265
|
+
"class": "k-icon k-i-arrow-chevron-right"
|
|
266
|
+
})];
|
|
267
|
+
} : [localization.toLanguageString(findReplaceNextMatch, messages[findReplaceNextMatch]), h("span", {
|
|
263
268
|
"class": "k-icon k-i-arrow-chevron-right"
|
|
264
|
-
})];
|
|
265
|
-
}
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
269
|
+
})])]);
|
|
270
|
+
};
|
|
271
|
+
|
|
272
|
+
var findWhatLabel = function findWhatLabel(findWhatId) {
|
|
273
|
+
return h("div", {
|
|
274
|
+
"class": "k-edit-label"
|
|
275
|
+
}, [h("label", {
|
|
276
|
+
ref: findWhatId,
|
|
277
|
+
"for": findWhatId,
|
|
278
|
+
attrs: this.v3 ? undefined : {
|
|
279
|
+
"for": findWhatId
|
|
280
|
+
}
|
|
281
|
+
}, [localization.toLanguageString(findReplaceFindWhat, messages[findReplaceFindWhat])])]);
|
|
282
|
+
};
|
|
283
|
+
|
|
284
|
+
var findWhat = function findWhat(findWhatId) {
|
|
285
|
+
return h("div", {
|
|
286
|
+
"class": "k-edit-field"
|
|
287
|
+
}, [h("span", {
|
|
288
|
+
"class": "k-textbox k-input k-input-md k-rounded-md k-input-solid"
|
|
289
|
+
}, [h("input", {
|
|
290
|
+
id: findWhatId,
|
|
291
|
+
attrs: this.v3 ? undefined : {
|
|
292
|
+
id: findWhatId,
|
|
293
|
+
type: "text"
|
|
294
|
+
},
|
|
295
|
+
ref: findWhatId,
|
|
284
296
|
type: "text",
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
}
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
autoFocus: true
|
|
302
|
-
})])]);
|
|
297
|
+
"class": "k-input-inner",
|
|
298
|
+
value: this.v3 ? searchText : null,
|
|
299
|
+
domProps: this.v3 ? undefined : {
|
|
300
|
+
"value": searchText
|
|
301
|
+
},
|
|
302
|
+
onInput: this.onSearchChange,
|
|
303
|
+
on: this.v3 ? undefined : {
|
|
304
|
+
"input": this.onSearchChange,
|
|
305
|
+
"focus": this.onSearchChange,
|
|
306
|
+
"keydown": this.onKeyDown
|
|
307
|
+
},
|
|
308
|
+
onFocus: this.onSearchChange,
|
|
309
|
+
onKeydown: this.onKeyDown
|
|
310
|
+
})])]);
|
|
311
|
+
};
|
|
312
|
+
|
|
303
313
|
var replaceWithLabel = h("div", {
|
|
304
314
|
"class": "k-edit-label"
|
|
305
315
|
}, [h("label", {
|
|
@@ -387,10 +397,10 @@ var FindAndReplaceDialogVue2 = {
|
|
|
387
397
|
}, _this.v3 ? function () {
|
|
388
398
|
return [h("div", {
|
|
389
399
|
"class": "k-edit-form-container"
|
|
390
|
-
}, [findWhatLabel, findWhat]), checkboxes, navigation];
|
|
400
|
+
}, [findWhatLabel.call(_this, 'findWhatFind'), findWhat.call(_this, 'findWhatFind')]), checkboxes, navigation.call(_this, 'findWhatFind')];
|
|
391
401
|
} : [h("div", {
|
|
392
402
|
"class": "k-edit-form-container"
|
|
393
|
-
}, [findWhatLabel, findWhat]), checkboxes, navigation]), // @ts-ignore function children
|
|
403
|
+
}, [findWhatLabel.call(_this, 'findWhatFind'), findWhat.call(_this, 'findWhatFind')]), checkboxes, navigation.call(_this, 'findWhatFind')]), // @ts-ignore function children
|
|
394
404
|
h(TabStripTab, {
|
|
395
405
|
title: localization.toLanguageString(findReplaceTabReplace, messages[findReplaceTabReplace]),
|
|
396
406
|
attrs: _this.v3 ? undefined : {
|
|
@@ -399,7 +409,7 @@ var FindAndReplaceDialogVue2 = {
|
|
|
399
409
|
}, _this.v3 ? function () {
|
|
400
410
|
return [h("div", {
|
|
401
411
|
"class": "k-edit-form-container"
|
|
402
|
-
}, [findWhatLabel, findWhat, replaceWithLabel, replaceWith]), h("div", {
|
|
412
|
+
}, [findWhatLabel.call(_this, 'findWhatReplace'), findWhat.call(_this, 'findWhatReplace'), replaceWithLabel, replaceWith]), h("div", {
|
|
403
413
|
"class": "k-actions k-hstack k-justify-content-end"
|
|
404
414
|
}, [// @ts-ignore function children
|
|
405
415
|
h(Button, {
|
|
@@ -425,10 +435,10 @@ var FindAndReplaceDialogVue2 = {
|
|
|
425
435
|
}
|
|
426
436
|
}, _this.v3 ? function () {
|
|
427
437
|
return [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])];
|
|
428
|
-
} : [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])])]), checkboxes, navigation];
|
|
438
|
+
} : [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])])]), checkboxes, navigation.call(_this, 'findWhatReplace')];
|
|
429
439
|
} : [h("div", {
|
|
430
440
|
"class": "k-edit-form-container"
|
|
431
|
-
}, [findWhatLabel, findWhat, replaceWithLabel, replaceWith]), h("div", {
|
|
441
|
+
}, [findWhatLabel.call(_this, 'findWhatReplace'), findWhat.call(_this, 'findWhatReplace'), replaceWithLabel, replaceWith]), h("div", {
|
|
432
442
|
"class": "k-actions k-hstack k-justify-content-end"
|
|
433
443
|
}, [h(Button, {
|
|
434
444
|
disabled: !Boolean(nextMatch),
|
|
@@ -452,7 +462,7 @@ var FindAndReplaceDialogVue2 = {
|
|
|
452
462
|
}
|
|
453
463
|
}, _this.v3 ? function () {
|
|
454
464
|
return [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])];
|
|
455
|
-
} : [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])])]), checkboxes, navigation])];
|
|
465
|
+
} : [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])])]), checkboxes, navigation.call(_this, 'findWhatReplace')])];
|
|
456
466
|
} : [h(TabStripTab, {
|
|
457
467
|
title: localization.toLanguageString(findReplaceTabFind, messages[findReplaceTabFind]),
|
|
458
468
|
attrs: _this.v3 ? undefined : {
|
|
@@ -461,10 +471,10 @@ var FindAndReplaceDialogVue2 = {
|
|
|
461
471
|
}, _this.v3 ? function () {
|
|
462
472
|
return [h("div", {
|
|
463
473
|
"class": "k-edit-form-container"
|
|
464
|
-
}, [findWhatLabel, findWhat]), checkboxes, navigation];
|
|
474
|
+
}, [findWhatLabel.call(_this, 'findWhatFind'), findWhat.call(_this, 'findWhatFind')]), checkboxes, navigation.call(_this, 'findWhatFind')];
|
|
465
475
|
} : [h("div", {
|
|
466
476
|
"class": "k-edit-form-container"
|
|
467
|
-
}, [findWhatLabel, findWhat]), checkboxes, navigation]), h(TabStripTab, {
|
|
477
|
+
}, [findWhatLabel.call(_this, 'findWhatFind'), findWhat.call(_this, 'findWhatFind')]), checkboxes, navigation.call(_this, 'findWhatFind')]), h(TabStripTab, {
|
|
468
478
|
title: localization.toLanguageString(findReplaceTabReplace, messages[findReplaceTabReplace]),
|
|
469
479
|
attrs: _this.v3 ? undefined : {
|
|
470
480
|
title: localization.toLanguageString(findReplaceTabReplace, messages[findReplaceTabReplace])
|
|
@@ -472,7 +482,7 @@ var FindAndReplaceDialogVue2 = {
|
|
|
472
482
|
}, _this.v3 ? function () {
|
|
473
483
|
return [h("div", {
|
|
474
484
|
"class": "k-edit-form-container"
|
|
475
|
-
}, [findWhatLabel, findWhat, replaceWithLabel, replaceWith]), h("div", {
|
|
485
|
+
}, [findWhatLabel.call(_this, 'findWhatReplace'), findWhat.call(_this, 'findWhatReplace'), replaceWithLabel, replaceWith]), h("div", {
|
|
476
486
|
"class": "k-actions k-hstack k-justify-content-end"
|
|
477
487
|
}, [h(Button, {
|
|
478
488
|
disabled: !Boolean(nextMatch),
|
|
@@ -496,10 +506,10 @@ var FindAndReplaceDialogVue2 = {
|
|
|
496
506
|
}
|
|
497
507
|
}, _this.v3 ? function () {
|
|
498
508
|
return [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])];
|
|
499
|
-
} : [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])])]), checkboxes, navigation];
|
|
509
|
+
} : [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])])]), checkboxes, navigation.call(_this, 'findWhatReplace')];
|
|
500
510
|
} : [h("div", {
|
|
501
511
|
"class": "k-edit-form-container"
|
|
502
|
-
}, [findWhatLabel, findWhat, replaceWithLabel, replaceWith]), h("div", {
|
|
512
|
+
}, [findWhatLabel.call(_this, 'findWhatReplace'), findWhat.call(_this, 'findWhatReplace'), replaceWithLabel, replaceWith]), h("div", {
|
|
503
513
|
"class": "k-actions k-hstack k-justify-content-end"
|
|
504
514
|
}, [h(Button, {
|
|
505
515
|
disabled: !Boolean(nextMatch),
|
|
@@ -523,7 +533,7 @@ var FindAndReplaceDialogVue2 = {
|
|
|
523
533
|
}
|
|
524
534
|
}, _this.v3 ? function () {
|
|
525
535
|
return [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])];
|
|
526
|
-
} : [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])])]), checkboxes, navigation])])];
|
|
536
|
+
} : [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])])]), checkboxes, navigation.call(_this, 'findWhatReplace')])])];
|
|
527
537
|
} : [h(TabStrip, {
|
|
528
538
|
selected: _this.selectedTab,
|
|
529
539
|
attrs: _this.v3 ? undefined : {
|
|
@@ -545,10 +555,10 @@ var FindAndReplaceDialogVue2 = {
|
|
|
545
555
|
}, _this.v3 ? function () {
|
|
546
556
|
return [h("div", {
|
|
547
557
|
"class": "k-edit-form-container"
|
|
548
|
-
}, [findWhatLabel, findWhat]), checkboxes, navigation];
|
|
558
|
+
}, [findWhatLabel.call(_this, 'findWhatFind'), findWhat.call(_this, 'findWhatFind')]), checkboxes, navigation.call(_this, 'findWhatFind')];
|
|
549
559
|
} : [h("div", {
|
|
550
560
|
"class": "k-edit-form-container"
|
|
551
|
-
}, [findWhatLabel, findWhat]), checkboxes, navigation]), h(TabStripTab, {
|
|
561
|
+
}, [findWhatLabel.call(_this, 'findWhatFind'), findWhat.call(_this, 'findWhatFind')]), checkboxes, navigation.call(_this, 'findWhatFind')]), h(TabStripTab, {
|
|
552
562
|
title: localization.toLanguageString(findReplaceTabReplace, messages[findReplaceTabReplace]),
|
|
553
563
|
attrs: _this.v3 ? undefined : {
|
|
554
564
|
title: localization.toLanguageString(findReplaceTabReplace, messages[findReplaceTabReplace])
|
|
@@ -556,7 +566,7 @@ var FindAndReplaceDialogVue2 = {
|
|
|
556
566
|
}, _this.v3 ? function () {
|
|
557
567
|
return [h("div", {
|
|
558
568
|
"class": "k-edit-form-container"
|
|
559
|
-
}, [findWhatLabel, findWhat, replaceWithLabel, replaceWith]), h("div", {
|
|
569
|
+
}, [findWhatLabel.call(_this, 'findWhatReplace'), findWhat.call(_this, 'findWhatReplace'), replaceWithLabel, replaceWith]), h("div", {
|
|
560
570
|
"class": "k-actions k-hstack k-justify-content-end"
|
|
561
571
|
}, [h(Button, {
|
|
562
572
|
disabled: !Boolean(nextMatch),
|
|
@@ -580,10 +590,10 @@ var FindAndReplaceDialogVue2 = {
|
|
|
580
590
|
}
|
|
581
591
|
}, _this.v3 ? function () {
|
|
582
592
|
return [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])];
|
|
583
|
-
} : [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])])]), checkboxes, navigation];
|
|
593
|
+
} : [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])])]), checkboxes, navigation.call(_this, 'findWhatReplace')];
|
|
584
594
|
} : [h("div", {
|
|
585
595
|
"class": "k-edit-form-container"
|
|
586
|
-
}, [findWhatLabel, findWhat, replaceWithLabel, replaceWith]), h("div", {
|
|
596
|
+
}, [findWhatLabel.call(_this, 'findWhatReplace'), findWhat.call(_this, 'findWhatReplace'), replaceWithLabel, replaceWith]), h("div", {
|
|
587
597
|
"class": "k-actions k-hstack k-justify-content-end"
|
|
588
598
|
}, [h(Button, {
|
|
589
599
|
disabled: !Boolean(nextMatch),
|
|
@@ -607,7 +617,7 @@ var FindAndReplaceDialogVue2 = {
|
|
|
607
617
|
}
|
|
608
618
|
}, _this.v3 ? function () {
|
|
609
619
|
return [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])];
|
|
610
|
-
} : [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])])]), checkboxes, navigation])];
|
|
620
|
+
} : [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])])]), checkboxes, navigation.call(_this, 'findWhatReplace')])];
|
|
611
621
|
} : [h(TabStripTab, {
|
|
612
622
|
title: localization.toLanguageString(findReplaceTabFind, messages[findReplaceTabFind]),
|
|
613
623
|
attrs: _this.v3 ? undefined : {
|
|
@@ -616,10 +626,10 @@ var FindAndReplaceDialogVue2 = {
|
|
|
616
626
|
}, _this.v3 ? function () {
|
|
617
627
|
return [h("div", {
|
|
618
628
|
"class": "k-edit-form-container"
|
|
619
|
-
}, [findWhatLabel, findWhat]), checkboxes, navigation];
|
|
629
|
+
}, [findWhatLabel.call(_this, 'findWhatFind'), findWhat.call(_this, 'findWhatFind')]), checkboxes, navigation.call(_this, 'findWhatFind')];
|
|
620
630
|
} : [h("div", {
|
|
621
631
|
"class": "k-edit-form-container"
|
|
622
|
-
}, [findWhatLabel, findWhat]), checkboxes, navigation]), h(TabStripTab, {
|
|
632
|
+
}, [findWhatLabel.call(_this, 'findWhatFind'), findWhat.call(_this, 'findWhatFind')]), checkboxes, navigation.call(_this, 'findWhatFind')]), h(TabStripTab, {
|
|
623
633
|
title: localization.toLanguageString(findReplaceTabReplace, messages[findReplaceTabReplace]),
|
|
624
634
|
attrs: _this.v3 ? undefined : {
|
|
625
635
|
title: localization.toLanguageString(findReplaceTabReplace, messages[findReplaceTabReplace])
|
|
@@ -627,7 +637,7 @@ var FindAndReplaceDialogVue2 = {
|
|
|
627
637
|
}, _this.v3 ? function () {
|
|
628
638
|
return [h("div", {
|
|
629
639
|
"class": "k-edit-form-container"
|
|
630
|
-
}, [findWhatLabel, findWhat, replaceWithLabel, replaceWith]), h("div", {
|
|
640
|
+
}, [findWhatLabel.call(_this, 'findWhatReplace'), findWhat.call(_this, 'findWhatReplace'), replaceWithLabel, replaceWith]), h("div", {
|
|
631
641
|
"class": "k-actions k-hstack k-justify-content-end"
|
|
632
642
|
}, [h(Button, {
|
|
633
643
|
disabled: !Boolean(nextMatch),
|
|
@@ -651,10 +661,10 @@ var FindAndReplaceDialogVue2 = {
|
|
|
651
661
|
}
|
|
652
662
|
}, _this.v3 ? function () {
|
|
653
663
|
return [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])];
|
|
654
|
-
} : [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])])]), checkboxes, navigation];
|
|
664
|
+
} : [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])])]), checkboxes, navigation.call(_this, 'findWhatReplace')];
|
|
655
665
|
} : [h("div", {
|
|
656
666
|
"class": "k-edit-form-container"
|
|
657
|
-
}, [findWhatLabel, findWhat, replaceWithLabel, replaceWith]), h("div", {
|
|
667
|
+
}, [findWhatLabel.call(_this, 'findWhatReplace'), findWhat.call(_this, 'findWhatReplace'), replaceWithLabel, replaceWith]), h("div", {
|
|
658
668
|
"class": "k-actions k-hstack k-justify-content-end"
|
|
659
669
|
}, [h(Button, {
|
|
660
670
|
disabled: !Boolean(nextMatch),
|
|
@@ -678,7 +688,7 @@ var FindAndReplaceDialogVue2 = {
|
|
|
678
688
|
}
|
|
679
689
|
}, _this.v3 ? function () {
|
|
680
690
|
return [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])];
|
|
681
|
-
} : [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])])]), checkboxes, navigation])])])
|
|
691
|
+
} : [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])])]), checkboxes, navigation.call(_this, 'findWhatReplace')])])])
|
|
682
692
|
); // document.body);
|
|
683
693
|
},
|
|
684
694
|
methods: {
|
|
@@ -741,7 +751,12 @@ var FindAndReplaceDialogVue2 = {
|
|
|
741
751
|
var transaction = view.state.tr.setSelection(selectionResult);
|
|
742
752
|
transaction.scrollIntoView();
|
|
743
753
|
view.updateState(view.state.apply(transaction));
|
|
754
|
+
this._prevMatch = this.nextMatch;
|
|
744
755
|
this.nextMatch = selectionResult;
|
|
756
|
+
|
|
757
|
+
if (this._prevMatch !== this.nextMatch) {
|
|
758
|
+
this.$forceUpdate();
|
|
759
|
+
}
|
|
745
760
|
}
|
|
746
761
|
},
|
|
747
762
|
onReplace: function onReplace() {
|
|
@@ -822,10 +837,12 @@ var FindAndReplaceDialogVue2 = {
|
|
|
822
837
|
var nextMatch = !this.searchText && matches[0] || matches.find(function (match) {
|
|
823
838
|
return match.from >= selection_1.from;
|
|
824
839
|
}) || this.matchCyclic && matches[0] || undefined;
|
|
840
|
+
this._prevMatch = this.nextMatch;
|
|
825
841
|
this.matches = matches;
|
|
826
842
|
this.nextMatch = nextMatch;
|
|
827
843
|
} else {
|
|
828
|
-
this.
|
|
844
|
+
this._prevMatch = this.nextMatch;
|
|
845
|
+
this.matches = [];
|
|
829
846
|
this.nextMatch = undefined;
|
|
830
847
|
}
|
|
831
848
|
}
|
|
@@ -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: 1642086914,
|
|
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
|
};
|
package/dist/npm/Editor.js
CHANGED
|
@@ -390,8 +390,8 @@ var EditorVue2 = {
|
|
|
390
390
|
style = _a.style;
|
|
391
391
|
var view = this.getView();
|
|
392
392
|
|
|
393
|
-
if (view) {
|
|
394
|
-
var editorProps = props_key_1.editorPropsKey.getState(view.state);
|
|
393
|
+
if (this.view) {
|
|
394
|
+
var editorProps = props_key_1.editorPropsKey.getState(this.view.state);
|
|
395
395
|
editorProps.preserveWhitespace = preserveWhitespace;
|
|
396
396
|
}
|
|
397
397
|
|
|
@@ -539,7 +539,6 @@ var EditorVue2 = {
|
|
|
539
539
|
|
|
540
540
|
if (this.v3) {
|
|
541
541
|
this._view = view;
|
|
542
|
-
this.$forceUpdate();
|
|
543
542
|
}
|
|
544
543
|
},
|
|
545
544
|
iframeLoad: function iframeLoad() {
|
|
@@ -638,8 +637,7 @@ var EditorVue2 = {
|
|
|
638
637
|
var _b = this.$props,
|
|
639
638
|
_c = _b.defaultContent,
|
|
640
639
|
defaultContent = _c === void 0 ? '' : _c,
|
|
641
|
-
value = _b.value
|
|
642
|
-
onMount = _b.onMount;
|
|
640
|
+
value = _b.value;
|
|
643
641
|
var doc = value && typeof value !== 'string' ? value : utils_1.EditorUtils.createDocument(new kendo_editor_common_1.Schema({
|
|
644
642
|
nodes: schema_1.nodes,
|
|
645
643
|
marks: schema_1.marks
|
|
@@ -7,7 +7,7 @@ import { EditorToolsSettings } from './../config/toolsSettings';
|
|
|
7
7
|
import { TextSelection, EditorView } from '@progress/kendo-editor-common';
|
|
8
8
|
interface FindAndReplaceDialogData {
|
|
9
9
|
selectedTab: number;
|
|
10
|
-
matches
|
|
10
|
+
matches: TextSelection<any>[];
|
|
11
11
|
nextMatch?: TextSelection<any>;
|
|
12
12
|
searchText: string;
|
|
13
13
|
replaceText: string;
|