chore(package): update angular 19.0.0

.editorconfig

@@ -10,6 +10,7 @@ trim_trailing_whitespace = true
 
 [*.ts]
 quote_type = single
+ij_typescript_use_double_quotes = false
 
 [*.md]
 max_line_length = off

README.md

@@ -20,7 +20,7 @@ NG-NEST 是一个开源的 Web 应用程序框架，基于 Angular 和 Nest ，
 
 ## 当前版本
 
-npm 18.0.11
+npm 19.0.0
 
 ## 支持 Angular 版本
 

docs/course/rbac/2-create-project/demo/2__bash/2.bash

@@ -19,16 +19,16 @@ CREATE api/test/jest-e2e.json (183 bytes)
 ? Which package manager would you ❤️  to use? npm
 √ Installation in progress... ☕
 
-�🚀  Successfully created project api
-�👉  Get started with the following commands:
+🚀  Successfully created project api
+👉  Get started with the following commands:
 
 $ cd api
 $ npm run start
 
 
-                          Thanks for installing Nest �🙏
+                          Thanks for installing Nest 🙏
                  Please consider donating to our open collective
                         to help us maintain this package.
 
 
-               �🍷  Donate: https://opencollective.com/nest
+               🍷  Donate: https://opencollective.com/nest

docs/course/rbac/3-ui-frame/demo/4__ui/src/layout/index/index.component.scss

@@ -1,8 +1,8 @@
-$--sider-width: 15rem;
+$sider-width: 15rem;
 $sider-background-color: #f5f5f5;
-$--header-width: 3.25rem;
+$header-width: 3.25rem;
 $tabs-height: 2.25rem;
-$tabs-width: calc(100% - #{$--sider-width});
+$tabs-width: calc(100% - #{$sider-width});
 $tabs-background-color: #f5f5f5;
 $border: 1px solid #dddddd;
 
@@ -12,18 +12,18 @@ app-index {
     top: 0;
     z-index: 11;
     height: 100%;
-    width: $--sider-width;
+    width: $sider-width;
     background-color: $sider-background-color;
     border-right: $border;
     > app-header {
-      height: $--header-width;
+      height: $header-width;
       display: block;
     }
   }
   > app-tabs {
     position: fixed;
     top: 0;
-    left: $--sider-width;
+    left: $sider-width;
     z-index: 11;
     height: $tabs-height;
     width: $tabs-width;
@@ -32,14 +32,14 @@ app-index {
   > app-crumb {
     position: fixed;
     top: $tabs-height;
-    left: $--sider-width;
+    left: $sider-width;
     z-index: 11;
     height: $tabs-height;
     width: $tabs-width;
   }
   > app-content {
     padding-top: $tabs-height * 2;
-    padding-left: $--sider-width;
+    padding-left: $sider-width;
     display: block;
     height: 100%;
   }

docs/course/rbac/4-ui-navigation/demo/13__ui/src/layout/index/index.component.scss

@@ -1,13 +1,13 @@
-@import '~@ng-nest/ui/style/params/primary';
+@use '~@ng-nest/ui/style/params/index.scss' as *;
 
 $sidebar-width: 15rem;
 $sidebar-background-color: #f5f5f5;
-$--header-width: 3.25rem;
+$header-width: 3.25rem;
 $tabs-height: 2.25rem;
 $tabs-width: calc(100% - #{$sidebar-width});
 $tabs-background-color: #f5f5f5;
 $border: 1px solid #dddddd;
-$--transition-duration: 0.3s;
+$transition-duration: 0.3s;
 
 app-index {
   > app-sidebar {
@@ -19,11 +19,11 @@ app-index {
     background-color: $sidebar-background-color;
     border-right: $border;
     > app-header {
-      height: $--header-width;
+      height: $header-width;
       display: block;
     }
     > x-menu {
-      height: calc(100% - #{$--header-width});
+      height: calc(100% - #{$header-width});
       overflow-y: auto;
       &::-webkit-scrollbar {
         width: 0;
@@ -63,7 +63,7 @@ app-index {
       box-sizing: border-box;
       user-select: none;
       position: relative;
-      transition: background-color $--transition-duration;
+      transition: background-color $transition-duration;
       span {
         overflow: hidden;
         text-overflow: ellipsis;
@@ -81,24 +81,24 @@ app-index {
         .x-icon {
           font-weight: bold;
           opacity: 0;
-          transition: color $--transition-duration;
+          transition: color $transition-duration;
           padding: 0.125rem;
         }
       }
       &.active {
-        background-color: $--x-background;
+        background-color: $x-background;
         span {
-          color: $--x-text;
+          color: $x-text;
         }
       }
       &.active,
       &:hover {
         .close {
           .x-icon {
-            color: $--x-text-100;
+            color: $x-text-100;
             opacity: 1;
             &:hover {
-              color: $--x-text;
+              color: $x-text;
             }
           }
         }

docs/course/rbac/4-ui-navigation/demo/4__ui/src/layout/index/index.component.scss

@@ -1,6 +1,6 @@
 $sidebar-width: 15rem;
 $sidebar-background-color: #f5f5f5;
-$--header-width: 3.25rem;
+$header-width: 3.25rem;
 $tabs-height: 2.25rem;
 $tabs-width: calc(100% - #{$sidebar-width});
 $tabs-background-color: #f5f5f5;
@@ -16,11 +16,11 @@ app-index {
     background-color: $sidebar-background-color;
     border-right: $border;
     > app-header {
-      height: $--header-width;
+      height: $header-width;
       display: block;
     }
     > x-menu {
-      height: calc(100% - #{$--header-width});
+      height: calc(100% - #{$header-width});
       overflow-y: auto;
       &::-webkit-scrollbar {
         width: 0;

docs/course/rbac/4-ui-navigation/demo/9__ui/src/layout/index/index.component.scss

@@ -1,13 +1,13 @@
-@import '~@ng-nest/ui/style/params/primary';
+@use '../node_modules/@ng-nest/ui/style/core/index.css' as *;
 
 $sidebar-width: 15rem;
 $sidebar-background-color: #f5f5f5;
-$--header-width: 3.25rem;
+$header-width: 3.25rem;
 $tabs-height: 2.25rem;
 $tabs-width: calc(100% - #{$sidebar-width});
 $tabs-background-color: #f5f5f5;
 $border: 1px solid #dddddd;
-$--transition-duration: 0.3s;
+$transition-duration: 0.3s;
 
 app-index {
   > app-sidebar {
@@ -19,11 +19,11 @@ app-index {
     background-color: $sidebar-background-color;
     border-right: $border;
     > app-header {
-      height: $--header-width;
+      height: $header-width;
       display: block;
     }
     > x-menu {
-      height: calc(100% - #{$--header-width});
+      height: calc(100% - #{$header-width});
       overflow-y: auto;
       &::-webkit-scrollbar {
         width: 0;
@@ -63,7 +63,7 @@ app-index {
       box-sizing: border-box;
       user-select: none;
       position: relative;
-      transition: background-color $--transition-duration;
+      transition: background-color $transition-duration;
       span {
         overflow: hidden;
         text-overflow: ellipsis;
@@ -81,24 +81,24 @@ app-index {
         .x-icon {
           font-weight: bold;
           opacity: 0;
-          transition: color $--transition-duration;
+          transition: color $transition-duration;
           padding: 0.125rem;
         }
       }
       &.active {
-        background-color: $--x-background;
+        background-color: $x-background;
         span {
-          color: $--x-text;
+          color: $x-text;
         }
       }
       &.active,
       &:hover {
         .close {
           .x-icon {
-            color: $--x-text-100;
+            color: $x-text-100;
             opacity: 1;
             &:hover {
-              color: $--x-text;
+              color: $x-text;
             }
           }
         }

docs/ui/getting-started/demo/2.1__my-app/src/styles.scss

@@ -1,5 +1,5 @@
 /* You can add global styles to this file, and also import other style files */
-@import 'node_modules/@ng-nest/ui/style/core/index.css';
+@use '../node_modules/@ng-nest/ui/style/core/index.css' as *;
 
 body {
   margin: 0;

docs/ui/ng-nest/readme.en_US.md

@@ -21,7 +21,7 @@ NG-NEST is an open source Web application framework based on Angular and NEST, m
 
 ## Current version
 
-npm 18.0.11
+npm 19.0.0
 
 ## Support Angular version
 

docs/ui/ng-nest/readme.zh_CN.md

@@ -21,7 +21,7 @@ NG-NEST 是一个开源的 Web 应用程序框架，基于 Angular 和 Nest ，
 
 ## 当前版本
 
-npm 18.0.11
+npm 19.0.0
 
 ## 支持 Angular 版本
 

lib/ng-nest/ui/affix/affix.component.scss

@@ -1,10 +1,10 @@
 // Affix
 
-@import '../style/themes/default';
-@import '../style/mixins/index';
-@import './style/mixin';
+@use '../style/mixins/reset.scss' as *;
+@use './style/mixin.scss' as *;
+@use './style/param.scss' as *;
 
-.#{$--x-affix} {
+.#{$x-affix} {
   @include reset-component();
   @include affix();
 }

lib/ng-nest/ui/affix/affix.component.spec.ts

@@ -6,9 +6,8 @@ import { provideHttpClientTesting } from '@angular/common/http/testing';
 import { provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
 
 @Component({
-  standalone: true,
-  imports: [XAffixComponent],
-  template: `
+    imports: [XAffixComponent],
+    template: `
     <x-affix>
       <div>affix</div>
     </x-affix>
@@ -17,9 +16,8 @@ import { provideHttpClient, withInterceptorsFromDi } from '@angular/common/http'
 class XTestAffixComponent {}
 
 @Component({
-  standalone: true,
-  imports: [XAffixComponent],
-  template: `
+    imports: [XAffixComponent],
+    template: `
     <x-affix [top]="top()" [left]="left()">
       <div>float info</div>
     </x-affix>

lib/ng-nest/ui/affix/affix.component.ts

@@ -3,7 +3,6 @@ import { XAffixPrefix, XAffixProperty } from './affix.property';
 
 @Component({
   selector: `${XAffixPrefix}`,
-  standalone: true,
   templateUrl: './affix.component.html',
   styleUrls: ['./affix.component.scss'],
   encapsulation: ViewEncapsulation.None,

lib/ng-nest/ui/affix/affix.property.ts

@@ -12,7 +12,9 @@ export const X_AFFIX_CONFIG_NAME = 'affix';
 /**
  * Affix Property
  */
-@Component({ selector: `${XAffixPrefix}-property`, template: '' })
+@Component({
+    selector: `${XAffixPrefix}-property`, template: ''
+})
 export class XAffixProperty extends XPropertyFunction(X_AFFIX_CONFIG_NAME) {
   /**
    * @zh_CN 顶部距离

lib/ng-nest/ui/affix/examples/en_US/default/default/default.component.ts

@@ -3,10 +3,9 @@ import { XAffixComponent } from '@ng-nest/ui/affix';
 import { XButtonComponent } from '@ng-nest/ui/button';
 
 @Component({
-  selector: 'ex-default',
-  standalone: true,
-  imports: [XAffixComponent, XButtonComponent],
-  templateUrl: './default.component.html',
-  styleUrls: ['./default.component.scss']
+    selector: 'ex-default',
+    imports: [XAffixComponent, XButtonComponent],
+    templateUrl: './default.component.html',
+    styleUrls: ['./default.component.scss']
 })
 export class ExDefaultComponent {}

lib/ng-nest/ui/affix/examples/en_US/default/scope/scope.component.ts

@@ -3,10 +3,9 @@ import { XAffixComponent } from '@ng-nest/ui/affix';
 import { XButtonComponent } from '@ng-nest/ui/button';
 
 @Component({
-  selector: 'ex-scope',
-  standalone: true,
-  imports: [XAffixComponent, XButtonComponent],
-  templateUrl: './scope.component.html',
-  styleUrls: ['./scope.component.scss']
+    selector: 'ex-scope',
+    imports: [XAffixComponent, XButtonComponent],
+    templateUrl: './scope.component.html',
+    styleUrls: ['./scope.component.scss']
 })
 export class ExScopeComponent {}

lib/ng-nest/ui/affix/examples/zh_CN/default/default/default.component.ts

@@ -3,10 +3,9 @@ import { XAffixComponent } from '@ng-nest/ui/affix';
 import { XButtonComponent } from '@ng-nest/ui/button';
 
 @Component({
-  selector: 'ex-default',
-  standalone: true,
-  imports: [XAffixComponent, XButtonComponent],
-  templateUrl: './default.component.html',
-  styleUrls: ['./default.component.scss']
+    selector: 'ex-default',
+    imports: [XAffixComponent, XButtonComponent],
+    templateUrl: './default.component.html',
+    styleUrls: ['./default.component.scss']
 })
 export class ExDefaultComponent {}

lib/ng-nest/ui/affix/examples/zh_CN/default/scope/scope.component.ts

@@ -3,10 +3,9 @@ import { XAffixComponent } from '@ng-nest/ui/affix';
 import { XButtonComponent } from '@ng-nest/ui/button';
 
 @Component({
-  selector: 'ex-scope',
-  standalone: true,
-  imports: [XAffixComponent, XButtonComponent],
-  templateUrl: './scope.component.html',
-  styleUrls: ['./scope.component.scss']
+    selector: 'ex-scope',
+    imports: [XAffixComponent, XButtonComponent],
+    templateUrl: './scope.component.html',
+    styleUrls: ['./scope.component.scss']
 })
 export class ExScopeComponent {}