feat: ng17 alpha update (#340)

Author: Simplelegant

angular.json

@@ -106,7 +106,7 @@
         "extract-i18n": {
           "builder": "@angular-devkit/build-angular:extract-i18n",
           "options": {
-            "browserTarget": "devui:build"
+            "buildTarget": "devui:build"
           }
         },
         "test": {

devui/nav-sprite/demo/basic/basic.component.html

@@ -3,7 +3,7 @@
     <h1>Getting Started</h1>
     <p>Guides: How to use DevUI in your project</p>
     <h2>1. Create a project</h2>
-    <p>It is recommended to use @angular/cli to create your project.</p>
+    <p>It is recommended to use &#64;angular/cli to create your project.</p>
     <p>$ ng new New-Project</p>
     <h2>2. Installation</h2>
     <p>Go to your project folder and use npm to install DevUI.</p>

devui/nav-sprite/demo/scroll-container/scroll-container.component.html

@@ -5,7 +5,7 @@ <h1 class="page-header" #header>This is Header.</h1>
       <h1>Getting Started</h1>
       <p>Guides: How to use DevUI in your project</p>
       <h2>1. Create a project</h2>
-      <p>It is recommended to use @angular/cli to create your project.</p>
+      <p>It is recommended to use &#64;angular/cli to create your project.</p>
       <p>$ ng new New-Project</p>
       <h2>2. Installation</h2>
       <p>Go to your project folder and use npm to install DevUI.</p>

devui/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ng-devui",
-  "version": "16.2.0",
+  "version": "17.0.0-alpha",
   "license": "MIT",
   "description": "DevUI components based on Angular",
   "keywords": [

devui/read-tip/demo/basic/basic.component.html

@@ -2,5 +2,5 @@
   <h1>Let's see how to use ReadTip</h1>
   <p class="readtip-content">Set selector to display readtip</p>
   <p>The following is the target you want to show readtip</p>
-  <span class="readtip-target">@Jack</span>
+  <span class="readtip-target">&#64;Jack</span>
 </div>

devui/shared/devui-online-ide/files/tsconfig.json.ts

@@ -11,7 +11,6 @@ export default {
     moduleResolution: 'node',
     importHelpers: true,
     target: 'es2015',
-    typeRoots: ['node_modules/@types'],
     lib: ['es2018', 'dom'],
   },
   angularCompilerOptions: {

devui/tabs/tabs.component.ts

@@ -166,7 +166,7 @@ export class TabsComponent implements OnChanges, AfterViewInit {
 
   addOrDeleteTab(event: Event, id?: number | string): void {
     event.stopPropagation();
-    const operation = id || id >= 0 ? 'delete' : 'add';
+    const operation = id || id === 0 ? 'delete' : 'add';
     this.addOrDeleteTabChange.emit({ id, operation });
   }
 

devui/test.ts

@@ -1,12 +1,7 @@
 // This file is required by karma.conf.js and loads recursively all the .spec and framework files
 // 此处顺序不可改变
 import 'zone.js';
-import 'zone.js/dist/long-stack-trace-zone';
-import 'zone.js/dist/proxy';
-import 'zone.js/dist/sync-test';
-import 'zone.js/dist/jasmine-patch';
-import 'zone.js/dist/async-test';
-import 'zone.js/dist/fake-async-test';
+import 'zone.js/testing';
 import { getTestBed } from '@angular/core/testing';
 import {
   BrowserDynamicTestingModule,

devui/toast/toast.service.ts

@@ -48,7 +48,7 @@ export class ToastService {
     });
 
     toastRef.instance.close = (index?: number | Message) => {
-      if (index !== undefined && index > -1) {
+      if (index || index === 0) {
         toastRef.instance.removeIndexThrottle(index as number);
       } else if (index !== undefined) {
         toastRef.instance.removeMsgThrottle(index);

devui/version.ts

@@ -1,3 +1,3 @@
 import { Version } from '@angular/core';
 
-export const VERSION = new Version('16.2.0');
+export const VERSION = new Version('17.0.0-alpha');