feat: upgrade @tethys/store@21.0.0-next.1 and angular-gridster2@21.0.0 (#209)

Author: luxiaobei

package.json

@@ -57,9 +57,9 @@
     "@date-fns/tz": "1.2.0",
     "@tethys/cdk": "^21.0.0-next.0",
     "@tethys/icons": "1.4.79",
-    "@tethys/store": "20.0.0",
+    "@tethys/store": "21.0.0-next.1",
     "@types/extend": "^3.0.1",
-    "angular-gridster2": "19.0.0",
+    "angular-gridster2": "21.0.0",
     "cropperjs": "1.5.13",
     "date-fns": "^4.1.0",
     "date-fns-tz": "^3.2.0",

packages/components/dashboard/dashboard.class.ts

@@ -1,5 +1,5 @@
 import { TemplateRef, Type } from '@angular/core';
-import { GridsterItem } from 'angular-gridster2';
+import { GridsterItemConfig } from 'angular-gridster2';
 import { SafeAny } from 'ngx-tethys/types';
 
 export type ThyWidgetViewOutlet<T = unknown> = Type<T> | TemplateRef<any>;
@@ -8,7 +8,7 @@ export type ThyWidgetViewOutletContext = Record<string, SafeAny>;
 
 export type ThyWidgetVieOutletWithContext<T = unknown> = { outlet: ThyWidgetViewOutlet<T>; context: ThyWidgetViewOutletContext };
 
-export interface WidgetGridsterItem extends GridsterItem {
+export interface WidgetGridsterItem extends GridsterItemConfig {
     widget: ThyWidgetItem;
     outlet: ThyWidgetViewOutlet;
     outletContext: ThyWidgetViewOutletContext;

packages/components/dashboard/dashboard.component.ts

@@ -13,15 +13,7 @@ import {
     output,
     viewChild
 } from '@angular/core';
-import {
-    CompactType,
-    DisplayGrid,
-    GridType,
-    GridsterComponent,
-    GridsterConfig,
-    GridsterItem,
-    GridsterItemComponent
-} from 'angular-gridster2';
+import { CompactType, DisplayGrid, GridType, Gridster, GridsterConfig, GridsterItem, GridsterItemConfig } from 'angular-gridster2';
 import { ThyViewOutletDirective } from 'ngx-tethys/shared';
 import { coerceBooleanProperty } from 'ngx-tethys/util';
 import { Observable, Subject, of } from 'rxjs';
@@ -33,7 +25,7 @@ import { ThyWidgetItem, ThyWidgetVieOutletWithContext, ThyWidgetViewOutlet, Widg
     templateUrl: './dashboard.component.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
     host: { class: 'thy-dashboard' },
-    imports: [GridsterComponent, GridsterItemComponent, ThyViewOutletDirective]
+    imports: [Gridster, GridsterItem, ThyViewOutletDirective]
 })
 export class ThyDashboardComponent implements OnInit, OnChanges, AfterViewInit, OnDestroy {
     /**
@@ -80,7 +72,7 @@ export class ThyDashboardComponent implements OnInit, OnChanges, AfterViewInit,
         disablePushOnDrag: true,
         useTransformPositioning: false,
         outerMargin: true,
-        itemChangeCallback: (item: GridsterItem) => {
+        itemChangeCallback: (item: GridsterItemConfig) => {
             const widgets = this.thyWidgets();
             const changedWidget = widgets.find((widget) => {
                 return widget._id === item.widget._id;

packages/components/dashboard/module.ts

@@ -3,7 +3,6 @@ import { ThyActionModule } from 'ngx-tethys/action';
 import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
 import { RouterModule } from '@angular/router';
-import { GridsterModule } from 'angular-gridster2';
 import { ThyIconModule } from 'ngx-tethys/icon';
 import { ThyTooltipModule } from 'ngx-tethys/tooltip';
 import { ThyDashboardWidgetHeaderComponent } from './widget/header/widget-header.component';
@@ -17,7 +16,6 @@ const TETHYS_MODULES = [ThyTooltipModule, ThyIconModule, ThyActionModule, ThySha
         ...TETHYS_MODULES,
         RouterModule,
         CommonModule,
-        GridsterModule,
         ThyDashboardComponent,
         ThyDashboardWidgetHeaderComponent,
         ThyDashboardWidgetBodyComponent