@worktile/theia 13.0.10 → 13.0.13

package/fesm2020/worktile-theia.mjs

@@ -6956,6 +6956,7 @@ class TheToolbarDropdownComponent extends TheBaseToolbarDropdown {
     }
     preventDefault(event) {
         event.preventDefault();
+        event.stopPropagation();
     }
     openDropdownPopover(event) {
         this.dropdownPopoverRef = this.thyPopover.open(this.dropdownTemplate, {
@@ -8199,7 +8200,7 @@ class TableStore {
     }
     setDangerousRows() {
         const cells = this.selectedCells;
-        const rows = uniq(map(cells, 'col'));
+        const rows = uniq(map(cells, 'row')).valueOf();
         const pos = this.createTablePosition();
         const result = [];
         this.dangerousRowsIndex = rows;
@@ -8219,7 +8220,7 @@ class TableStore {
     }
     setDangerousColumns() {
         const cells = this.selectedCells;
-        const cols = uniq(map(cells, 'col'));
+        const cols = uniq(map(cells, 'col')).valueOf();
         const pos = this.createTablePosition();
         const result = [];
         this.dangerousColumnsIndex = cols;
@@ -8833,6 +8834,7 @@ class TheTableContextMenuService {
                 actionHandle: () => {
                     this.tableStore.removeDangerousRows();
                     this.tableStore.clearDangerousCells();
+                    this.tableStore.clearSelectedCells();
                 },
                 activeHandle: () => {
                     this.tableStore.setDangerousRows();
@@ -8908,7 +8910,6 @@ class TheTableContextMenuService {
                     y: event.y
                 },
                 hasBackdrop: false,
-                minWidth: 0,
                 placement: 'bottomLeft',
                 viewContainerRef: this.theContextService.getOptions().viewContainerRef,
                 manualClosure: true,
@@ -9903,6 +9904,11 @@ class TheColumnResizeOverlayHandleComponent {
     }
     ngAfterViewInit() {
         this._listenForMouseEvents();
+        const overlayPane = this.elementRef.nativeElement.closest('.cdk-overlay-pane');
+        // 解决鼠标 hover 在拖拽线上阻断浏览器滚动
+        fromEvent(overlayPane, 'wheel').pipe(take(1)).subscribe(() => {
+            overlayPane.style.pointerEvents = 'none';
+        });
     }
     _listenForMouseEvents() {
         this.ngZone.runOutsideAngular(() => {
@@ -10478,6 +10484,7 @@ class TheTdComponent extends TheBaseElementComponent {
             // Always position the overlay based on left-indexed coordinates.
             disposeOnNavigation: true,
             positionStrategy: this.createPositionStrategy(),
+            scrollStrategy: this.overlay.scrollStrategies.close(),
             ...overlayOption
         });
     }
@@ -11323,8 +11330,9 @@ class TheToolbarItemComponent extends TheBaseToolbarItem {
     constructor(ngZone) {
         super();
         this.ngZone = ngZone;
-        this.itemMode = ToolbarItemMode.horizontal;
         this.ToolbarItemMode = ToolbarItemMode;
+        this.className = 'the-toolbar-item';
+        this.itemMode = ToolbarItemMode.horizontal;
     }
     toggleDropdown(event) {
         super.execute(event);
@@ -11354,7 +11362,7 @@ class TheToolbarItemComponent extends TheBaseToolbarItem {
     }
 }
 TheToolbarItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TheToolbarItemComponent, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-TheToolbarItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: TheToolbarItemComponent, selector: "the-toolbar-item", inputs: { itemMode: "itemMode" }, host: { listeners: { "mousedown": "toggleDropdown($event)" }, classAttribute: "the-toolbar-item" }, viewQueries: [{ propertyName: "toolbarContainer", first: true, predicate: ["toolbarContainer"], descendants: true, read: ViewContainerRef, static: true }], usesInheritance: true, ngImport: i0, template: `
+TheToolbarItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: TheToolbarItemComponent, selector: "the-toolbar-item", inputs: { itemMode: "itemMode" }, host: { listeners: { "mousedown": "toggleDropdown($event)" }, properties: { "class": "this.className" } }, viewQueries: [{ propertyName: "toolbarContainer", first: true, predicate: ["toolbarContainer"], descendants: true, read: ViewContainerRef, static: true }], usesInheritance: true, ngImport: i0, template: `
         <ng-container *ngIf="itemMode === ToolbarItemMode.horizontal; else selectionItem">
             <a
                 href="javascript:;"
@@ -11403,12 +11411,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
         </ng-template>
         <ng-template #tooltip let-data> {{ data.name }} {{ data.shortcutKey }} </ng-template>
         <ng-container #toolbarContainer></ng-container>
-    `,
-                    host: {
-                        class: 'the-toolbar-item'
-                    }
+    `
                 }]
-        }], ctorParameters: function () { return [{ type: i0.NgZone }]; }, propDecorators: { itemMode: [{
+        }], ctorParameters: function () { return [{ type: i0.NgZone }]; }, propDecorators: { className: [{
+                type: HostBinding,
+                args: ['class']
+            }], itemMode: [{
                 type: Input
             }], toolbarContainer: [{
                 type: ViewChild,
@@ -12541,12 +12549,15 @@ class TheToolbarComponent {
      *	└───────────────────────────────────────────────────────────────────────────────────────────────┘
      * split width: 17px
      * item width: default item: 35px; dropdown item: 42px
+     * default paddingRight: 4px
      * set aside 50px
      */
     toolbarItemsCompose() {
         let elementWidth = this.isMore ? this.elementWidth : null;
-        const maxItemWidth = 42;
-        const defaultItemWidth = 35;
+        // dropdown item + paddingRight
+        const maxItemWidth = 46;
+        // default item + paddingRight
+        const defaultItemWidth = 36;
         const splitWidth = 17;
         const splitPadding = 8;
         // special type
@@ -13502,7 +13513,8 @@ class TheToolbarGroupComponent {
             origin: event.currentTarget,
             viewContainerRef: this.viewContainerRef,
             hasBackdrop: false,
-            outsideClosable: true
+            outsideClosable: true,
+            manualClosure: true
         });
         this.groupPopoverRef.afterClosed().subscribe(() => {
             this.activeChange();