feat(module: all): support Angular 16 (#883)

README-zh_CN.md

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

README.md

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

components/core/util/position.ts

@@ -37,7 +37,7 @@ export function getPosition(element) {
   let elPosition;
   let parentOffset = { width: 0, height: 0, top: 0, bottom: 0, left: 0, right: 0 };
   if (getStyle(element, 'position') === 'fixed') {
-    elPosition = element.getBoundingClientRect();
+    elPosition = { ...element.getBoundingClientRect() };
   } else {
     let offsetParentEl = getOffsetParent(element);
     elPosition = getOffset(element);

components/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ng-zorro-antd-mobile",
-  "version": "8.0.0",
+  "version": "9.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": "^15.0.3",
-    "@angular/cdk": "^15.0.2",
-    "@angular/common": "^15.0.3",
-    "@angular/compiler": "^15.0.3",
-    "@angular/core": "^15.0.3",
-    "@angular/forms": "^15.0.3",
-    "@angular/platform-browser": "^15.0.3",
-    "@angular/platform-browser-dynamic": "^15.0.3",
-    "@angular/router": "^15.0.3",
-    "@ant-design/icons-angular": "^15.0.0"
+    "@angular/animations": "^16.0.0",
+    "@angular/cdk": "^16.0.0",
+    "@angular/common": "^16.0.0",
+    "@angular/compiler": "^16.0.0",
+    "@angular/core": "^16.0.0",
+    "@angular/forms": "^16.0.0",
+    "@angular/platform-browser": "^16.0.0",
+    "@angular/platform-browser-dynamic": "^16.0.0",
+    "@angular/router": "^16.0.0",
+    "@ant-design/icons-angular": "^16.0.0"
   },
   "devDependencies": {
-    "@angular/upgrade": "^15.0.3",
-    "@angular-devkit/build-angular": "^15.0.3",
-    "@angular/cli": "^15.0.3",
-    "@angular/compiler-cli": "^15.0.3",
-    "@angular/platform-server": "^15.0.3",
+    "@angular/upgrade": "^16.0.0",
+    "@angular-devkit/build-angular": "^16.0.0",
+    "@angular/cli": "^16.0.0",
+    "@angular/compiler-cli": "^16.0.0",
+    "@angular/platform-server": "^16.0.0",
     "tslib": "^2.4.1",
     "tslint": "~6.1.3",
-    "typescript": "~4.8.4"
+    "typescript": "~5.0.4"
   },
   "lint-staged": {
     "{src,docs}/**/*.{scss}": [

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 `^15.0.0`.
+Now Supports Angular `^16.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 `^15.0.0` 版本。
+目前支持 Angular `^16.0.0` 版本。
 
 ## 安装
 

package.json

@@ -45,30 +45,30 @@
     "frontend"
   ],
   "dependencies": {
-    "@angular/animations": "^15.0.3",
-    "@angular/cdk": "^15.0.2",
-    "@angular/common": "^15.0.3",
-    "@angular/compiler": "^15.0.3",
-    "@angular/core": "^15.0.3",
-    "@angular/forms": "^15.0.3",
-    "@angular/platform-browser": "^15.0.3",
-    "@angular/platform-browser-dynamic": "^15.0.3",
-    "@angular/pwa": "^15.0.3",
-    "@angular/router": "^15.0.3",
-    "@ant-design/icons-angular": "^15.0.0",
+    "@angular/animations": "^16.0.0",
+    "@angular/cdk": "^16.0.0",
+    "@angular/common": "^16.0.0",
+    "@angular/compiler": "^16.0.0",
+    "@angular/core": "^16.0.0",
+    "@angular/forms": "^16.0.0",
+    "@angular/platform-browser": "^16.0.0",
+    "@angular/platform-browser-dynamic": "^16.0.0",
+    "@angular/pwa": "^16.0.0",
+    "@angular/router": "^16.0.0",
+    "@ant-design/icons-angular": "^16.0.0",
     "antd-mobile-demo-data": "^0.3.0",
-    "ng-zorro-antd": "^15.0.1"
+    "ng-zorro-antd": "^16.0.0"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^15.0.3",
-    "@angular-devkit/core": "^15.0.3",
-    "@angular-devkit/schematics": "^15.0.3",
-    "@angular/cli": "^15.0.3",
-    "@angular/compiler-cli": "^15.0.3",
-    "@angular/platform-server": "^15.0.3",
-    "@angular/service-worker": "^15.0.3",
-    "@angular/upgrade": "^15.0.3",
-    "@schematics/angular": "^15.0.3",
+    "@angular-devkit/build-angular": "^16.0.0",
+    "@angular-devkit/core": "^16.0.0",
+    "@angular-devkit/schematics": "^16.0.0",
+    "@angular/cli": "^16.0.0",
+    "@angular/compiler-cli": "^16.0.0",
+    "@angular/platform-server": "^16.0.0",
+    "@angular/service-worker": "^16.0.0",
+    "@angular/upgrade": "^16.0.0",
+    "@schematics/angular": "^16.0.0",
     "@stackblitz/sdk": "^1.8.1",
     "@types/estree": "^1.0.0",
     "@types/jasmine": "~2.8.8",
@@ -93,9 +93,9 @@
     "less": "^4.1.3",
     "less-plugin-clean-css": "^1.5.1",
     "marked": "^4.2.3",
-    "ng-packagr": "15.0.3 ",
+    "ng-packagr": "16.0.1",
     "ngx-color": "^8.0.3",
-    "ngx-infinite-scroll": "~15.0.0",
+    "ngx-infinite-scroll": "^16.0.0",
     "node-prismjs": "^0.1.1",
     "phantomjs-prebuilt": "^2.1.7",
     "pre-commit": "^1.2.2",
@@ -114,9 +114,9 @@
     "ts-node": "~10.9.1",
     "tslib": "^2.4.1",
     "tslint": "~6.1.3",
-    "typescript": "~4.8.4",
+    "typescript": "~5.0.4",
     "yaml-front-matter": "^4.0.0",
-    "zone.js": "~0.12.0"
+    "zone.js": "~0.13.0"
   },
   "lint-staged": {
     "{src,docs}/**/*.{scss}": [
@@ -130,7 +130,7 @@
     ]
   },
   "engines": {
-    "node": "14.20.x || 16.13.x || 18.14.x"
+    "node": "^16.14.0 || >=18.10.0"
   },
   "husky": {
     "hooks": {

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'];
+  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'];
   versionMap = {
     '0.12.x': '0.12.5',
     '1.0.6': '2001.0.6',
@@ -32,9 +32,10 @@ export class AppComponent implements OnInit, AfterViewInit {
     '5.0.3': '2015.0.3',
     '6.0.2': '2016.0.2',
     '7.0.1': '2017.0.1',
-    '8.0.0': '2018.0.11'
+    '8.0.0': '2018.0.11',
+    '9.0.0': '2019.0.0'
   };
-  currentVersion = '8.0.0';
+  currentVersion = '9.0.0';
   isHomeURL = true;
   isKitchenURL = false;
   demoTitle = '';

scripts/site/_site/src/app/share/nz-codebox/nz-codebox.component.ts

@@ -340,19 +340,19 @@ export class AppModule { }
       description: 'Created with <3 by the StackBlitz SDK!',
       template: 'angular-cli',
       dependencies: {
-        '@angular/animations': '^15.0.3',
-        '@angular/cdk': '^15.0.2',
-        '@angular/common': '^15.0.3',
-        '@angular/compiler': '^15.0.3',
-        '@angular/core': '^15.0.3',
-        '@angular/forms': '^15.0.3',
-        '@angular/platform-browser': '^15.0.3',
-        '@angular/platform-browser-dynamic': '^15.0.3',
-        '@angular/router': '^15.0.3',
-        '@ant-design/icons-angular': '^15.0.0',
+        '@angular/animations': '^16.0.0',
+        '@angular/cdk': '^16.0.0',
+        '@angular/common': '^16.0.0',
+        '@angular/compiler': '^16.0.0',
+        '@angular/core': '^16.0.0',
+        '@angular/forms': '^16.0.0',
+        '@angular/platform-browser': '^16.0.0',
+        '@angular/platform-browser-dynamic': '^16.0.0',
+        '@angular/router': '^16.0.0',
+        '@ant-design/icons-angular': '^16.0.0',
         rxjs: '~7.6.0',
-        'zone.js': '~0.12.0',
-        'ng-zorro-antd-mobile': '8.0.0'
+        'zone.js': '~0.13.0',
+        'ng-zorro-antd-mobile': '9.0.0'
       },
       tags: ['stackblitz', 'sdk']
     });