feat(module: all): support Angular 18

README-zh_CN.md

@@ -38,7 +38,7 @@
 
 ## Angular 支持
 
-现在支持 Angular `^17.0.0`.
+现在支持 Angular `^18.0.0`.
 
 ## 安装
 

README.md

@@ -38,7 +38,7 @@ This is the **Angular** implementation of **Ant Design Mobile** specification, s
 
 ## Angular Support
 
-Now Supports Angular `^17.0.0`.
+Now Supports Angular `^18.0.0`.
 
 ## Installation
 

angular.json

@@ -9,13 +9,16 @@
       "projectType": "application",
       "architect": {
         "build": {
-          "builder": "@angular-devkit/build-angular:browser",
+          "builder": "@angular-devkit/build-angular:application",
           "options": {
-            "outputPath": "dist",
+            "outputPath": {
+              "base": "dist"
+            },
             "index": "./site/src/index.html",
-            "main": "./site/src/main.ts",
             "tsConfig": "./site/src/tsconfig.app.json",
-            "polyfills": "./site/src/polyfills.ts",
+            "polyfills": [
+              "./site/src/polyfills.ts"
+            ],
             "assets": [
               "site/src/assets",
               "site/src/favicon.ico",
@@ -31,12 +34,11 @@
               "site/src/styles.less"
             ],
             "scripts": [],
-            "vendorChunk": true,
             "extractLicenses": false,
-            "buildOptimizer": false,
             "sourceMap": true,
             "optimization": false,
-            "namedChunks": true
+            "namedChunks": true,
+            "browser": "./site/src/main.ts"
           },
           "configurations": {
             "production": {
@@ -63,8 +65,6 @@
               "outputHashing": "all",
               "sourceMap": false,
               "namedChunks": false,
-              "vendorChunk": false,
-              "buildOptimizer": true,
               "serviceWorker": false
             }
           },
@@ -73,11 +73,11 @@
         "serve": {
           "builder": "@angular-devkit/build-angular:dev-server",
           "options": {
-            "browserTarget": "ng-zorro-antd-mobile:build"
+            "buildTarget": "ng-zorro-antd-mobile:build"
           },
           "configurations": {
             "production": {
-              "browserTarget": "ng-zorro-antd-mobile:build:production"
+              "buildTarget": "ng-zorro-antd-mobile:build:production"
             }
           }
         }

components/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ng-zorro-antd-mobile",
-  "version": "10.0.0",
+  "version": "11.0.0",
   "description": "An enterprise-class mobile UI components based on Ant Design and Angular",
   "schematics": "./schematics/collection.json",
   "keywords": [
@@ -22,26 +22,26 @@
     "url": "https://github.com/NG-ZORRO/ng-zorro-antd-mobile/issues"
   },
   "dependencies": {
-    "@angular/animations": "^17.0.0",
-    "@angular/cdk": "^17.0.0",
-    "@angular/common": "^17.0.0",
-    "@angular/compiler": "^17.0.0",
-    "@angular/core": "^17.0.0",
-    "@angular/forms": "^17.0.0",
-    "@angular/platform-browser": "^17.0.0",
-    "@angular/platform-browser-dynamic": "^17.0.0",
-    "@angular/router": "^17.0.0",
-    "@ant-design/icons-angular": "^17.0.0"
+    "@angular/animations": "^18.0.0",
+    "@angular/cdk": "^18.0.0",
+    "@angular/common": "^18.0.0",
+    "@angular/compiler": "^18.0.0",
+    "@angular/core": "^18.0.0",
+    "@angular/forms": "^18.0.0",
+    "@angular/platform-browser": "^18.0.0",
+    "@angular/platform-browser-dynamic": "^18.0.0",
+    "@angular/router": "^18.0.0",
+    "@ant-design/icons-angular": "^18.0.0"
   },
   "devDependencies": {
-    "@angular/upgrade": "^17.0.0",
-    "@angular-devkit/build-angular": "^17.0.0",
-    "@angular/cli": "^17.0.0",
-    "@angular/compiler-cli": "^17.0.0",
-    "@angular/platform-server": "^17.0.0",
+    "@angular/upgrade": "^18.0.0",
+    "@angular-devkit/build-angular": "^18.0.0",
+    "@angular/cli": "^18.0.0",
+    "@angular/compiler-cli": "^18.0.0",
+    "@angular/platform-server": "^18.0.0",
     "tslib": "^2.4.1",
     "tslint": "~6.1.3",
-    "typescript": "~5.2.4"
+    "typescript": "~5.5.4"
   },
   "lint-staged": {
     "{src,docs}/**/*.{scss}": [
@@ -61,4 +61,4 @@
     "iOS > 10.3",
     "Android > 4.4"
   ]
-}
+}

docs/introduce.en-US.md

@@ -133,7 +133,7 @@ This is the **Angular** implementation of **Ant Design Mobile** specification, s
 
 ## Angular Support
 
-Now Supports Angular `^17.0.0`.
+Now Supports Angular `^18.0.0`.
 
 ## Installation
 

docs/introduce.zh-CN.md

@@ -133,7 +133,7 @@ title: Ant Design Mobile of Angular <div class="github-btn"><a class="gh-btn" hr
 
 ## 支持 Angular 版本
 
-目前支持 Angular `^17.0.0` 版本。
+目前支持 Angular `^18.0.0` 版本。
 
 ## 安装
 

package.json

@@ -45,30 +45,30 @@
     "frontend"
   ],
   "dependencies": {
-    "@angular/animations": "^17.0.0",
-    "@angular/cdk": "^17.0.0",
-    "@angular/common": "^17.0.0",
-    "@angular/compiler": "^17.0.0",
-    "@angular/core": "^17.0.0",
-    "@angular/forms": "^17.0.0",
-    "@angular/platform-browser": "^17.0.0",
-    "@angular/platform-browser-dynamic": "^17.0.0",
-    "@angular/pwa": "^17.0.0",
-    "@angular/router": "^17.0.0",
-    "@ant-design/icons-angular": "^17.0.0",
+    "@angular/animations": "^18.1.2",
+    "@angular/cdk": "^18.1.2",
+    "@angular/common": "^18.1.2",
+    "@angular/compiler": "^18.1.2",
+    "@angular/core": "^18.1.2",
+    "@angular/forms": "^18.1.2",
+    "@angular/platform-browser": "^18.1.2",
+    "@angular/platform-browser-dynamic": "^18.1.2",
+    "@angular/pwa": "^18.1.2",
+    "@angular/router": "^18.1.2",
+    "@ant-design/icons-angular": "^18.0.0",
     "antd-mobile-demo-data": "^0.3.0",
-    "ng-zorro-antd": "^17.0.0"
+    "ng-zorro-antd": "^18.1.0"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^17.0.0",
-    "@angular-devkit/core": "^17.0.0",
-    "@angular-devkit/schematics": "^17.0.0",
-    "@angular/cli": "^17.0.0",
-    "@angular/compiler-cli": "^17.0.0",
-    "@angular/platform-server": "^17.0.0",
-    "@angular/service-worker": "^17.0.0",
-    "@angular/upgrade": "^17.0.0",
-    "@schematics/angular": "^17.0.0",
+    "@angular-devkit/build-angular": "^18.1.2",
+    "@angular-devkit/core": "^18.1.2",
+    "@angular-devkit/schematics": "^18.1.2",
+    "@angular/cli": "^18.1.2",
+    "@angular/compiler-cli": "^18.1.2",
+    "@angular/platform-server": "^18.1.2",
+    "@angular/service-worker": "^18.1.2",
+    "@angular/upgrade": "^18.1.2",
+    "@schematics/angular": "^18.1.2",
     "@stackblitz/sdk": "^1.8.1",
     "@types/estree": "^1.0.0",
     "@types/jasmine": "~2.8.8",
@@ -99,26 +99,25 @@
     "less": "^4.1.3",
     "less-plugin-clean-css": "^1.5.1",
     "marked": "^10.0.0",
-    "ng-packagr": "^17.0.0",
+    "ng-packagr": "^18.1.0",
     "ngx-color": "^9.0.0",
-    "ngx-infinite-scroll": "^17.0.0",
+    "ngx-infinite-scroll": "^18.0.0",
     "node-prismjs": "^0.1.2",
     "pre-commit": "^1.2.2",
     "prettier": "^3.1.1",
     "prismjs": "^1.29.0",
     "protractor": "^7.0.0",
-    "raw-loader": "^4.0.2",
     "readline-sync": "^1.4.9",
     "remark": "^13.0.0",
     "rollup": "^1.10.1",
     "rollup-plugin-node-resolve": "^5.2.0",
     "rollup-plugin-replace": "~2.2.0",
     "rollup-plugin-sourcemaps": "~0.4.2",
     "rollup-plugin-uglify": "~6.0.0",
-    "rxjs": "~7.6.0",
+    "rxjs": "~7.8.1",
     "ts-node": "~10.9.1",
     "tslib": "^2.4.1",
-    "typescript": "~5.2.0",
+    "typescript": "~5.5.4",
     "yaml-front-matter": "^4.1.1",
     "zone.js": "~0.14.0"
   },
@@ -134,7 +133,7 @@
     ]
   },
   "engines": {
-    "node": "^16.14.0 || >=18.10.0"
+    "node": ">=18.10.0"
   },
   "husky": {
     "hooks": {
@@ -147,4 +146,4 @@
     "Android > 4.4"
   ],
   "repository": "https://github.com/NG-ZORRO/ng-zorro-antd-mobile.git"
-}
+}

scripts/site/_site/src/app/app.component.ts

@@ -22,7 +22,7 @@ export class AppComponent implements OnInit, AfterViewInit {
   docsearch = null;
   kitchenUrl = window.location.origin + '/#/kitchen-sink?lang=zh-CN';
   language = 'zh';
-  versionList = ['0.12.x', '1.0.6', '2.0.7', '3.0.3', '4.0.0', '5.0.3', '6.0.2', '7.0.1', '8.0.0', '9.0.0', '10.0.0'];
+  versionList = ['0.12.x', '1.0.6', '2.0.7', '3.0.3', '4.0.0', '5.0.3', '6.0.2', '7.0.1', '8.0.0', '9.0.0', '10.0.0', '11.0.0'];
   versionMap = {
     '0.12.x': '0.12.5',
     '1.0.6': '2001.0.6',
@@ -34,9 +34,10 @@ export class AppComponent implements OnInit, AfterViewInit {
     '7.0.1': '2017.0.1',
     '8.0.0': '2018.0.11',
     '9.0.0': '2019.0.0',
-    '10.0.0': '2020.0.1'
+    '10.0.0': '2020.0.1',
+    '11.0.0': '2021.0.1'
   };
-  currentVersion = '10.0.0';
+  currentVersion = '11.0.0';
   isHomeURL = true;
   isKitchenURL = false;
   demoTitle = '';
@@ -262,4 +263,4 @@ export class AppComponent implements OnInit, AfterViewInit {
     //   this.initDocsearch();
     // }
   }
-}
+}

scripts/site/_site/src/app/app.service.ts

@@ -0,0 +1,37 @@
+import { HttpClient } from "@angular/common/http";
+import { Injectable } from '@angular/core';
+import { Observable, of, ReplaySubject } from 'rxjs';
+import { tap } from "rxjs/operators";
+
+export interface DemoCode {
+  rawCode: string;
+  highlightCode: string;
+}
+
+@Injectable({
+  providedIn: 'root'
+})
+export class AppService {
+
+  codeMap = new Map<string, DemoCode>();
+
+  language$ = new ReplaySubject<string>(1);
+  theme$ = new ReplaySubject<string>(1);
+
+  constructor(private http: HttpClient) {}
+
+  getCode(componentId: string): Observable<DemoCode> {
+    if (this.codeMap.has(componentId)) {
+      return of(this.codeMap.get(componentId) as DemoCode);
+    } else {
+      const path = componentId.startsWith('components-') ? componentId.split('components-')[1] : componentId;
+      return this.http.get<DemoCode>(`assets/codes/${path}.json`, {
+        responseType: "json"
+      })
+      .pipe(tap(data => {
+        this.codeMap.set(componentId, data);
+      }))
+    }
+  }
+
+}