@worktile/theia 2.5.1 → 2.5.2
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 +13 -6
- package/bundles/worktile-theia.umd.js.map +1 -1
- package/components/column-resize/column-resize.directive.d.ts +1 -0
- package/esm2015/components/column-resize/column-resize.directive.js +9 -4
- package/esm2015/plugins/image/image.component.js +3 -2
- package/esm2015/plugins/table/components/table.component.js +5 -4
- package/fesm2015/worktile-theia.js +13 -6
- package/fesm2015/worktile-theia.js.map +1 -1
- package/package.json +1 -1
- package/plugins/table/components/table.component.d.ts +2 -2
|
@@ -2831,7 +2831,8 @@
|
|
|
2831
2831
|
return;
|
|
2832
2832
|
}
|
|
2833
2833
|
_this.percentage = uploadingItem.result.uploadFile.progress.percentage;
|
|
2834
|
-
|
|
2834
|
+
var _b = uploadingItem.result, status = _b.status, uploadFile = _b.uploadFile;
|
|
2835
|
+
if (status === uploader.ThyUploadStatus.done && uploadFile.response && uploadFile.responseStatus === 200) {
|
|
2835
2836
|
_this.uploading = false;
|
|
2836
2837
|
_this.uploadingSubscription.unsubscribe();
|
|
2837
2838
|
}
|
|
@@ -9653,6 +9654,7 @@
|
|
|
9653
9654
|
this.resizeNotifier = resizeNotifier;
|
|
9654
9655
|
this.theTableComponent = theTableComponent;
|
|
9655
9656
|
this.destroyed = new rxjs.ReplaySubject();
|
|
9657
|
+
this.resizeStarted = false;
|
|
9656
9658
|
}
|
|
9657
9659
|
TheColumnResizeDirective.prototype.ngAfterViewInit = function () {
|
|
9658
9660
|
this._listenForCellEdgeHoverEvents();
|
|
@@ -9664,7 +9666,7 @@
|
|
|
9664
9666
|
this.ngZone.runOutsideAngular(function () {
|
|
9665
9667
|
var element = _this.elementRef.nativeElement;
|
|
9666
9668
|
rxjs.fromEvent(element, 'mousemove') // mouseover to mousemove 增加灵敏性
|
|
9667
|
-
.pipe(operators.map(function (event) {
|
|
9669
|
+
.pipe(operators.filter(function () { return !_this.resizeStarted; }), operators.map(function (event) {
|
|
9668
9670
|
if (!_this.theTableComponent.isCollapsed) {
|
|
9669
9671
|
return null;
|
|
9670
9672
|
}
|
|
@@ -9694,6 +9696,7 @@
|
|
|
9694
9696
|
TheColumnResizeDirective.prototype._listenStartDrag = function () {
|
|
9695
9697
|
var _this = this;
|
|
9696
9698
|
this.resizeNotifier.resizeStarted.pipe(operators.takeUntil(this.destroyed)).subscribe(function () {
|
|
9699
|
+
_this.resizeStarted = true;
|
|
9697
9700
|
if (_this.position === Position.left || _this.position === Position.right) {
|
|
9698
9701
|
_this.theTableComponent.initializeColumns();
|
|
9699
9702
|
}
|
|
@@ -9704,7 +9707,10 @@
|
|
|
9704
9707
|
};
|
|
9705
9708
|
TheColumnResizeDirective.prototype._listenEndDrag = function () {
|
|
9706
9709
|
var _this = this;
|
|
9707
|
-
|
|
9710
|
+
// resizeCanceled 按照 resizeCompleted 处理，因为界面是实时变化的。
|
|
9711
|
+
rxjs.merge(this.resizeNotifier.resizeCanceled, this.resizeNotifier.resizeCompleted)
|
|
9712
|
+
.pipe(operators.takeUntil(this.destroyed)).subscribe(function () {
|
|
9713
|
+
_this.resizeStarted = false;
|
|
9708
9714
|
if (_this.position === Position.left || _this.position === Position.right) {
|
|
9709
9715
|
_this.theTableComponent.transformColumnsWidth();
|
|
9710
9716
|
}
|
|
@@ -10091,6 +10097,7 @@
|
|
|
10091
10097
|
if (this.readonly)
|
|
10092
10098
|
return;
|
|
10093
10099
|
event.stopPropagation();
|
|
10100
|
+
event.preventDefault();
|
|
10094
10101
|
if (!this.isInTable) {
|
|
10095
10102
|
var path = TheEditor.findPath(this.editor, this.element);
|
|
10096
10103
|
slate.Transforms.select(this.editor, path);
|
|
@@ -10151,10 +10158,10 @@
|
|
|
10151
10158
|
});
|
|
10152
10159
|
});
|
|
10153
10160
|
};
|
|
10154
|
-
TheTableComponent.prototype.
|
|
10161
|
+
TheTableComponent.prototype.trackByFnRowControls = function (index) {
|
|
10155
10162
|
return index;
|
|
10156
10163
|
};
|
|
10157
|
-
TheTableComponent.prototype.
|
|
10164
|
+
TheTableComponent.prototype.trackByFnColControls = function (index) {
|
|
10158
10165
|
return index;
|
|
10159
10166
|
};
|
|
10160
10167
|
TheTableComponent.prototype.ngOnDestroy = function () {
|
|
@@ -10175,7 +10182,7 @@
|
|
|
10175
10182
|
provide: TheTableToken,
|
|
10176
10183
|
useExisting: TheTableComponent
|
|
10177
10184
|
}
|
|
10178
|
-
], viewQueries: [{ propertyName: "tableWrapper", first: true, predicate: ["tableWrapper"], descendants: true, read: i0.ElementRef, static: true }, { propertyName: "theTableElement", first: true, predicate: ["theTable"], descendants: true, read: i0.ElementRef, static: true }, { propertyName: "tbodyElement", first: true, predicate: ["tbody"], descendants: true, read: i0.ElementRef, static: true }], usesInheritance: true, ngImport: i0__namespace, template: "<!-- \u7C7B\u540D the-temp-*: \u4E34\u65F6\u89E3\u51B3\u56E0\u53D7portal\u5F71\u54CD\u8868\u683C\u6837\u5F0F\u95EE\u9898\uFF0C\u540E\u671F\u6539\u56DEthe-* -->\n<div\n class=\"the-temp-table-container\"\n theColumnResize\n [ngClass]=\"{\n 'the-temp-table-with-controls': isInTable,\n 'the-temp-numbered-column-container': element?.options?.numberedColumn,\n 'the-temp-table-selection-hide': tableStore.isCellSelecting || tableStore.isRightClicking\n }\"\n>\n <div\n class=\"the-temp-table-row-controls-wrapper\"\n [ngClass]=\"{\n 'the-temp-table-focus': isInTable\n }\"\n >\n <div\n class=\"the-temp-table-corner-controls\"\n [ngClass]=\"{\n visible: !readonly && isInTable,\n active: isSelectedAllCell,\n dangerous: tableStore.isSelectedTable && tableStore.dangerousCells.length > 0\n }\"\n >\n <div class=\"the-temp-table-corner-button\" (mousedown)=\"onSelectTable($event)\"></div>\n <div class=\"the-temp-table-corner-controls-insert-row-marker\">\n <the-table-insert-mark type=\"row\" [at]=\"0\" [tableStore]=\"tableStore\"></the-table-insert-mark>\n </div>\n <div class=\"the-temp-table-corner-controls-insert-column-marker\">\n <the-table-insert-mark type=\"column\" [at]=\"0\" [tableStore]=\"tableStore\"></the-table-insert-mark>\n </div>\n </div>\n <div class=\"the-temp-table-row-controls\">\n <div class=\"the-temp-table-row-controls-inner\">\n <div\n class=\"the-temp-table-row-controls-button-wrap\"\n *ngFor=\"let control of rowControls; let i = index; trackBy:
|
|
10185
|
+
], viewQueries: [{ propertyName: "tableWrapper", first: true, predicate: ["tableWrapper"], descendants: true, read: i0.ElementRef, static: true }, { propertyName: "theTableElement", first: true, predicate: ["theTable"], descendants: true, read: i0.ElementRef, static: true }, { propertyName: "tbodyElement", first: true, predicate: ["tbody"], descendants: true, read: i0.ElementRef, static: true }], usesInheritance: true, ngImport: i0__namespace, template: "<!-- \u7C7B\u540D the-temp-*: \u4E34\u65F6\u89E3\u51B3\u56E0\u53D7portal\u5F71\u54CD\u8868\u683C\u6837\u5F0F\u95EE\u9898\uFF0C\u540E\u671F\u6539\u56DEthe-* -->\n<div\n class=\"the-temp-table-container\"\n theColumnResize\n [ngClass]=\"{\n 'the-temp-table-with-controls': isInTable,\n 'the-temp-numbered-column-container': element?.options?.numberedColumn,\n 'the-temp-table-selection-hide': tableStore.isCellSelecting || tableStore.isRightClicking\n }\"\n>\n <div\n class=\"the-temp-table-row-controls-wrapper\"\n [ngClass]=\"{\n 'the-temp-table-focus': isInTable\n }\"\n >\n <div\n class=\"the-temp-table-corner-controls\"\n [ngClass]=\"{\n visible: !readonly && isInTable,\n active: isSelectedAllCell,\n dangerous: tableStore.isSelectedTable && tableStore.dangerousCells.length > 0\n }\"\n >\n <div class=\"the-temp-table-corner-button\" (mousedown)=\"onSelectTable($event)\"></div>\n <div class=\"the-temp-table-corner-controls-insert-row-marker\">\n <the-table-insert-mark type=\"row\" [at]=\"0\" [tableStore]=\"tableStore\"></the-table-insert-mark>\n </div>\n <div class=\"the-temp-table-corner-controls-insert-column-marker\">\n <the-table-insert-mark type=\"column\" [at]=\"0\" [tableStore]=\"tableStore\"></the-table-insert-mark>\n </div>\n </div>\n <div class=\"the-temp-table-row-controls\">\n <div class=\"the-temp-table-row-controls-inner\">\n <div\n class=\"the-temp-table-row-controls-button-wrap\"\n *ngFor=\"let control of rowControls; let i = index; trackBy: trackByFnRowControls\"\n [ngClass]=\"{\n active: tableStore.selectedRowsIndex.includes(control.rowIndex),\n dangerous: tableStore.dangerousRowsIndex.includes(control.rowIndex) && tableStore.dangerousCells.length > 0\n }\"\n >\n <ng-container *ngIf=\"!readonly && isInTable && !element?.options?.numberedColumn\">\n <button\n (mousedown)=\"onRowMouseDown($event, control.rowIndex)\"\n type=\"button\"\n [ngStyle]=\"{ height: control.height + 1 + 'px' }\"\n class=\"the-temp-table-row-controls-button the-temp-table-controls-button\"\n ></button>\n </ng-container>\n <ng-container *ngIf=\"element?.options?.numberedColumn\">\n <div\n [contentEditable]=\"false\"\n contenteditable=\"false\"\n (mousedown)=\"onRowMouseDown($event, control.rowIndex)\"\n class=\"the-temp-table-numbered-controls-button\"\n [ngStyle]=\"{ height: control.height + 1 + 'px' }\"\n >\n <p class=\"row-number d-flex align-items-center\">{{ i + 1 }}</p>\n </div>\n </ng-container>\n <the-table-insert-mark type=\"row\" [at]=\"control.rowIndex + 1\" [tableStore]=\"tableStore\"> </the-table-insert-mark>\n </div>\n </div>\n </div>\n </div>\n <div class=\"the-temp-table-wrapper\" #tableWrapper [ngClass]=\"{ 'the-temp-table-numbered': element?.options?.numberedColumn }\">\n <table class=\"the-temp-table\" #theTable [ngClass]=\"{ 'the-temp-table-with-controls': isInTable }\">\n <colgroup *ngIf=\"columns\">\n <col *ngFor=\"let col of columns\" [ngStyle]=\"{ width: col.width + 'px' }\" />\n </colgroup>\n <thead>\n <tr class=\"the-temp-table-col-controls-wrapper\">\n <th\n class=\"the-temp-table-col-controls\"\n [ngClass]=\"{\n active: tableStore.selectedColumnsIndex.includes(i),\n dangerous: tableStore.dangerousColumnsIndex.includes(i) && tableStore.dangerousCells.length > 0\n }\"\n (mousedown)=\"onColMouseDown($event, i)\"\n *ngFor=\"let control of colControls; let i = index; trackBy: trackByFnColControls\"\n >\n <the-table-insert-mark *ngIf=\"isInTable\" type=\"column\" [at]=\"i + 1\" [tableStore]=\"tableStore\">\n </the-table-insert-mark>\n </th>\n </tr>\n </thead>\n <tbody #tbody>\n <slate-children [children]=\"children\" [context]=\"childrenContext\" [viewContext]=\"viewContext\"> </slate-children>\n </tbody>\n </table>\n </div>\n</div>\n", components: [{ type: TheInsertMarkComponent, selector: "the-table-insert-mark", inputs: ["type", "at", "tableStore"] }, { type: i1__namespace.SlateChildrenComponent, selector: "slate-children", inputs: ["children", "context", "viewContext"] }], directives: [{ type: TheColumnResizeDirective, selector: "div[theColumnResize]" }, { type: i10__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i10__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i10__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i10__namespace.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
|
|
10179
10186
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: TheTableComponent, decorators: [{
|
|
10180
10187
|
type: i0.Component,
|
|
10181
10188
|
args: [{
|