@worktile/theia 2.1.2 → 2.1.3
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/bundles/worktile-theia.umd.js +23 -16
- package/bundles/worktile-theia.umd.js.map +1 -1
- package/constants/default.d.ts +0 -1
- package/esm2015/constants/default.js +1 -2
- package/esm2015/editor.component.js +6 -5
- package/esm2015/plugins/code/code.component.js +2 -2
- package/esm2015/plugins/deserializers/deserialize-md.plugin.js +2 -2
- package/esm2015/plugins/heading/heading.editor.js +3 -1
- package/esm2015/plugins/mark/mark.plugin.js +15 -10
- package/fesm2015/worktile-theia.js +24 -16
- package/fesm2015/worktile-theia.js.map +1 -1
- package/package.json +1 -1
- package/plugins/code/code.component.scss +1 -0
|
@@ -375,7 +375,6 @@
|
|
|
375
375
|
var A_TAG_REL_ATTR = 'noopener noreferrer nofollow external ugc';
|
|
376
376
|
var LINK_DEFAULT_TEXT = '链接';
|
|
377
377
|
var TAB_SPACE = ' ';
|
|
378
|
-
var ZERO_WIDTH_CHAR = '\u200B';
|
|
379
378
|
var CLIPBOARD_FORMAT_KEY = 'x-theia-fragment';
|
|
380
379
|
var DEFAULT_SCROLL_CONTAINER = '.the-editable-container';
|
|
381
380
|
var ELEMENT_UNIQUE_ID = 'key';
|
|
@@ -2449,7 +2448,7 @@
|
|
|
2449
2448
|
editor: editor,
|
|
2450
2449
|
conversion: function () {
|
|
2451
2450
|
try {
|
|
2452
|
-
var html = marked__default["default"](plainFragment, { gfm: true });
|
|
2451
|
+
var html = marked__default["default"](plainFragment.replace(/\n```/g, "\n\n```"), { gfm: true });
|
|
2453
2452
|
var htmlDom = new DOMParser().parseFromString(html, 'text/html');
|
|
2454
2453
|
var fragment_1 = selene.TheiaConverter.convertToTheia(Array.from(htmlDom.body.children));
|
|
2455
2454
|
if (!isUnformatted(fragment_1)) {
|
|
@@ -4350,11 +4349,14 @@
|
|
|
4350
4349
|
delete marks[key];
|
|
4351
4350
|
editor.marks = marks;
|
|
4352
4351
|
var text = slate.Editor.string(e, selection.anchor.path);
|
|
4353
|
-
if (text
|
|
4354
|
-
slate.
|
|
4352
|
+
if (text !== '') {
|
|
4353
|
+
slate.Editor.setNormalizing(editor, false);
|
|
4354
|
+
e.insertText('');
|
|
4355
|
+
editor.marks = marks;
|
|
4356
|
+
slate.Editor.setNormalizing(editor, true);
|
|
4355
4357
|
}
|
|
4356
|
-
|
|
4357
|
-
e.
|
|
4358
|
+
else {
|
|
4359
|
+
slate.Transforms.unsetNodes(e, key, { at: selection.anchor.path });
|
|
4358
4360
|
}
|
|
4359
4361
|
if (shouldChange) {
|
|
4360
4362
|
editor.onChange();
|
|
@@ -4373,11 +4375,14 @@
|
|
|
4373
4375
|
var marks = Object.assign(Object.assign({}, (slate.Editor.marks(e) || {})), (_b = {}, _b[key] = value, _b));
|
|
4374
4376
|
editor.marks = marks;
|
|
4375
4377
|
var text = slate.Editor.string(e, selection.anchor.path);
|
|
4376
|
-
if (text
|
|
4377
|
-
slate.
|
|
4378
|
+
if (text !== '') {
|
|
4379
|
+
slate.Editor.setNormalizing(editor, false);
|
|
4380
|
+
e.insertText('');
|
|
4381
|
+
editor.marks = marks;
|
|
4382
|
+
slate.Editor.setNormalizing(editor, true);
|
|
4378
4383
|
}
|
|
4379
|
-
|
|
4380
|
-
|
|
4384
|
+
else {
|
|
4385
|
+
slate.Transforms.setNodes(e, (_c = {}, _c[key] = value, _c), { at: selection.anchor.path });
|
|
4381
4386
|
}
|
|
4382
4387
|
}
|
|
4383
4388
|
}
|
|
@@ -6061,7 +6066,9 @@
|
|
|
6061
6066
|
_a);
|
|
6062
6067
|
if (entry) {
|
|
6063
6068
|
setMarks(editor, unMarks, entry[1]);
|
|
6069
|
+
return;
|
|
6064
6070
|
}
|
|
6071
|
+
setMarks(editor, unMarks, editor.selection);
|
|
6065
6072
|
});
|
|
6066
6073
|
},
|
|
6067
6074
|
isHeadingActive: function (editor, heading) {
|
|
@@ -7138,7 +7145,7 @@
|
|
|
7138
7145
|
return TheCodeComponent;
|
|
7139
7146
|
}(TheBaseElementComponent));
|
|
7140
7147
|
TheCodeComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: TheCodeComponent, deps: [{ token: i0__namespace.ElementRef }, { token: i0__namespace.ChangeDetectorRef }, { token: i1__namespace$4.ThyNotifyService }, { token: TheContextService }, { token: i0__namespace.NgZone }, { token: THE_CODE_MODE_TOKEN }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
7141
|
-
TheCodeComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.7", type: TheCodeComponent, selector: "div[theCode]", viewQueries: [{ propertyName: "codemirror", first: true, predicate: ["codemirror"], descendants: true, read: i8.CodeMirrorComponent }], usesInheritance: true, ngImport: i0__namespace, template: "<div contenteditable=\"false\" class=\"the-code-block-operation\" *ngIf=\"isFocusCode && !options.readOnly\">\n <thy-icon-nav>\n <the-toolbar-dropdown [menus]=\"menus\" [item]=\"actives\" [itemMousedownHandle]=\"onChangeLangulage\"> </the-toolbar-dropdown>\n <a\n href=\"javascript:;\"\n thyIconNavLink\n thyIconNavLinkIcon=\"copy\"\n thyTooltip=\"\u590D\u5236\"\n thyTooltipPlacement=\"top\"\n (mousedown)=\"onCopy($event)\"\n ></a>\n <a\n href=\"javascript:;\"\n thyIconNavLink\n thyIconNavLinkIcon=\"trash\"\n thyTooltip=\"\u5220\u9664\"\n class=\"remove-link\"\n thyTooltipPlacement=\"top\"\n (mousedown)=\"onDelete($event)\"\n ></a>\n <nav-split-line [mode]=\"ToolbarItemMode.vertical\"></nav-split-line>\n <span class=\"auto-wrap d-flex align-items-center\">\n <span>\u81EA\u52A8\u6362\u884C</span>\n <thy-switch\n class=\"auto-wrap-btn d-flex\"\n [(ngModel)]=\"options.lineWrapping\"\n (ngModelChange)=\"onChangeWrap($event)\"\n thySize=\"sm\"\n ></thy-switch>\n </span>\n </thy-icon-nav>\n</div>\n\n<slate-children [children]=\"children\" [context]=\"childrenContext\" [viewContext]=\"viewContext\"></slate-children>\n<div\n thyResizable\n [thyMinHeight]=\"
|
|
7148
|
+
TheCodeComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.7", type: TheCodeComponent, selector: "div[theCode]", viewQueries: [{ propertyName: "codemirror", first: true, predicate: ["codemirror"], descendants: true, read: i8.CodeMirrorComponent }], usesInheritance: true, ngImport: i0__namespace, template: "<div contenteditable=\"false\" class=\"the-code-block-operation\" *ngIf=\"isFocusCode && !options.readOnly\">\n <thy-icon-nav>\n <the-toolbar-dropdown [menus]=\"menus\" [item]=\"actives\" [itemMousedownHandle]=\"onChangeLangulage\"> </the-toolbar-dropdown>\n <a\n href=\"javascript:;\"\n thyIconNavLink\n thyIconNavLinkIcon=\"copy\"\n thyTooltip=\"\u590D\u5236\"\n thyTooltipPlacement=\"top\"\n (mousedown)=\"onCopy($event)\"\n ></a>\n <a\n href=\"javascript:;\"\n thyIconNavLink\n thyIconNavLinkIcon=\"trash\"\n thyTooltip=\"\u5220\u9664\"\n class=\"remove-link\"\n thyTooltipPlacement=\"top\"\n (mousedown)=\"onDelete($event)\"\n ></a>\n <nav-split-line [mode]=\"ToolbarItemMode.vertical\"></nav-split-line>\n <span class=\"auto-wrap d-flex align-items-center\">\n <span>\u81EA\u52A8\u6362\u884C</span>\n <thy-switch\n class=\"auto-wrap-btn d-flex\"\n [(ngModel)]=\"options.lineWrapping\"\n (ngModelChange)=\"onChangeWrap($event)\"\n thySize=\"sm\"\n ></thy-switch>\n </span>\n </thy-icon-nav>\n</div>\n\n<slate-children [children]=\"children\" [context]=\"childrenContext\" [viewContext]=\"viewContext\"></slate-children>\n<div\n thyResizable\n [thyMinHeight]=\"44\"\n [thyBounds]=\"resizeBounds\"\n [style.height.px]=\"resizeHeight\"\n (thyResize)=\"onResize($event)\"\n (thyResizeEnd)=\"onEndResize()\"\n class=\"resize-code-container\"\n>\n <ng-codemirror\n *ngIf=\"startRenderCodemirror\"\n #codemirror\n contenteditable=\"false\"\n class=\"ng-codemirror-wrapper\"\n [ngStyle]=\"{ maxHeight: maxHeight > 0 ? maxHeight + 'px' : 'auto' }\"\n [options]=\"options\"\n [ngModel]=\"code\"\n [delayRefreshTime]=\"300\"\n (ngModelChange)=\"codeChange($event)\"\n (focusChange)=\"focusChange($event)\"\n [autoMaxHeight]=\"maxHeight\"\n >\n </ng-codemirror>\n <thy-resize-handle thyDirection=\"bottom\" class=\"code-resize-icon\" *ngIf=\"isFocusCode && !options.readOnly\"></thy-resize-handle>\n</div>\n", components: [{ type: i3__namespace.ThyIconNavComponent, selector: "thy-icon-nav", inputs: ["thyType"] }, { type: TheToolbarDropdownComponent, selector: "the-toolbar-dropdown", inputs: ["toolbarItem", "menus", "mode", "item", "itemMousedownHandle"] }, { type: i3__namespace.ThyIconNavLinkComponent, selector: "[thyIconNavLink]", inputs: ["thyIconNavLinkIcon", "thyIconNavLinkActive"] }, { type: NavSplitLineComponent, selector: "nav-split-line", inputs: ["mode"] }, { type: i6__namespace$1.ThySwitchComponent, selector: "thy-switch", inputs: ["thyType", "thySize", "thyDisabled"], outputs: ["thyChange"] }, { type: i1__namespace.SlateChildrenComponent, selector: "slate-children", inputs: ["children", "context", "viewContext"] }, { type: i8__namespace.CodeMirrorComponent, selector: "ng-codemirror, [ngCodeMirror]", inputs: ["autoMaxHeight", "delayRefreshTime", "options"], outputs: ["focusChange"] }, { type: i9__namespace.ThyResizeHandleComponent, selector: "thy-resize-handle, [thy-resize-handle]", inputs: ["thyDirection"], outputs: ["thyMouseDown"], exportAs: ["thyResizeHandle"] }], directives: [{ type: i6__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5__namespace$1.ThyTooltipDirective, selector: "[thyTooltip],[thy-tooltip]", inputs: ["thyTooltip", "thyTooltipPlacement", "thyTooltipClass", "thyTooltipShowDelay", "thyTooltipHideDelay", "thyTooltipTrigger", "thyTooltipDisabled", "thyTooltipTemplateContext", "thyTooltipOffset", "thyTooltipPin"], exportAs: ["thyTooltip"] }, { type: i4__namespace$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4__namespace$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i9__namespace.ThyResizableDirective, selector: "[thyResizable]", inputs: ["thyBounds", "thyMaxHeight", "thyMaxWidth", "thyMinHeight", "thyMinWidth", "thyGridColumnCount", "thyMaxColumn", "thyMinColumn", "thyLockAspectRatio", "thyPreview", "thyDisabled"], outputs: ["thyResize", "thyResizeEnd", "thyResizeStart"] }, { type: i6__namespace.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
7142
7149
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: TheCodeComponent, decorators: [{
|
|
7143
7150
|
type: i0.Component,
|
|
7144
7151
|
args: [{
|
|
@@ -12719,14 +12726,14 @@
|
|
|
12719
12726
|
return leaf ? leaf : null;
|
|
12720
12727
|
};
|
|
12721
12728
|
_this.renderText = function (text) {
|
|
12722
|
-
if (text.text.length === 0) {
|
|
12723
|
-
return;
|
|
12724
|
-
}
|
|
12725
12729
|
for (var key in exports.MarkTypes) {
|
|
12726
12730
|
if (text[exports.MarkTypes[key]]) {
|
|
12727
12731
|
return TheTextComponent;
|
|
12728
12732
|
}
|
|
12729
12733
|
}
|
|
12734
|
+
if (text.text.length === 0) {
|
|
12735
|
+
return;
|
|
12736
|
+
}
|
|
12730
12737
|
};
|
|
12731
12738
|
_this.onKeyDown = function (event) {
|
|
12732
12739
|
shortcuts(_this.editor, event);
|
|
@@ -12882,7 +12889,7 @@
|
|
|
12882
12889
|
}
|
|
12883
12890
|
};
|
|
12884
12891
|
TheEditorComponent.prototype.toolbarCalculate = function () {
|
|
12885
|
-
var _a;
|
|
12892
|
+
var _a, _b;
|
|
12886
12893
|
var toolbar = (_a = this === null || this === void 0 ? void 0 : this.theOptions) === null || _a === void 0 ? void 0 : _a.toolbar;
|
|
12887
12894
|
var toolbarItems = toolbarCompose(toolbar === null || toolbar === void 0 ? void 0 : toolbar.toolbarItems);
|
|
12888
12895
|
var toolbarOption = this.toolbarService.initialize(toolbarItems, toolbar === null || toolbar === void 0 ? void 0 : toolbar.global, toolbar === null || toolbar === void 0 ? void 0 : toolbar.inline, toolbar === null || toolbar === void 0 ? void 0 : toolbar.quick);
|
|
@@ -12893,6 +12900,7 @@
|
|
|
12893
12900
|
this.theGlobalToolbarInstance.toolbarItems = toolbarOption.toolbarEntity.global;
|
|
12894
12901
|
this.theGlobalToolbarInstance.containerClass = this.globalToolbarClass;
|
|
12895
12902
|
this.theGlobalToolbarInstance.align = toolbar === null || toolbar === void 0 ? void 0 : toolbar.align;
|
|
12903
|
+
this.theGlobalToolbarInstance.fontSize = (_b = this.theOptions) === null || _b === void 0 ? void 0 : _b.fontSize;
|
|
12896
12904
|
this.theGlobalToolbarInstance.setToolbarClass();
|
|
12897
12905
|
this.theGlobalToolbarInstance.renderToolbarView();
|
|
12898
12906
|
}
|
|
@@ -13471,7 +13479,6 @@
|
|
|
13471
13479
|
exports.ToolbarMoreGroup = ToolbarMoreGroup;
|
|
13472
13480
|
exports.VOID_BLOCK_TYPES = VOID_BLOCK_TYPES;
|
|
13473
13481
|
exports.VerticalAlignEditor = VerticalAlignEditor;
|
|
13474
|
-
exports.ZERO_WIDTH_CHAR = ZERO_WIDTH_CHAR;
|
|
13475
13482
|
exports.createEmptyParagraph = createEmptyParagraph;
|
|
13476
13483
|
exports.dataDeserialize = dataDeserialize;
|
|
13477
13484
|
exports.dataSerializing = dataSerializing;
|