diff --git a/package.json b/package.json index f6583f6c5..f8797646a 100644 --- a/package.json +++ b/package.json @@ -78,7 +78,7 @@ "extend": "^3.0.2", "file-saver": "^2.0.5", "ng-github-button": "^17.0.0", - "ng-zorro-antd": "^17.0.1", + "ng-zorro-antd": "^17.1.0", "@angular/cdk": "^17.0.0", "ngx-countdown": "^17.0.0", "ngx-highlight-js": "^17.0.0", diff --git a/packages/abc/avatar-list/avatar-list-item.component.ts b/packages/abc/avatar-list/avatar-list-item.component.ts index f90a9f4b2..032be816e 100644 --- a/packages/abc/avatar-list/avatar-list-item.component.ts +++ b/packages/abc/avatar-list/avatar-list-item.component.ts @@ -6,7 +6,8 @@ import { ChangeDetectionStrategy, Component, Input, ViewEncapsulation } from '@a template: ``, preserveWhitespaces: false, changeDetection: ChangeDetectionStrategy.OnPush, - encapsulation: ViewEncapsulation.None + encapsulation: ViewEncapsulation.None, + standalone: true }) export class AvatarListItemComponent { @Input() src?: string; diff --git a/packages/abc/avatar-list/avatar-list.component.ts b/packages/abc/avatar-list/avatar-list.component.ts index c176bb747..3ec5fe472 100644 --- a/packages/abc/avatar-list/avatar-list.component.ts +++ b/packages/abc/avatar-list/avatar-list.component.ts @@ -1,4 +1,5 @@ import { Direction, Directionality } from '@angular/cdk/bidi'; +import { NgClass, NgStyle } from '@angular/common'; import { AfterViewInit, ChangeDetectionStrategy, @@ -14,7 +15,9 @@ import { import { takeUntilDestroyed } from '@angular/core/rxjs-interop'; import { InputNumber, NumberInput } from '@delon/util/decorator'; +import { NzAvatarComponent } from 'ng-zorro-antd/avatar'; import type { NgStyleInterface, NzSizeLDSType } from 'ng-zorro-antd/core/types'; +import { NzTooltipDirective } from 'ng-zorro-antd/tooltip'; import { AvatarListItemComponent } from './avatar-list-item.component'; @@ -28,7 +31,9 @@ import { AvatarListItemComponent } from './avatar-list-item.component'; }, preserveWhitespaces: false, changeDetection: ChangeDetectionStrategy.OnPush, - encapsulation: ViewEncapsulation.None + encapsulation: ViewEncapsulation.None, + standalone: true, + imports: [NgStyle, NgClass, NzAvatarComponent, NzTooltipDirective] }) export class AvatarListComponent implements AfterViewInit, OnChanges { static ngAcceptInputType_maxLength: NumberInput; diff --git a/packages/abc/avatar-list/avatar-list.module.ts b/packages/abc/avatar-list/avatar-list.module.ts index 4aefbd095..9e2bb47e8 100644 --- a/packages/abc/avatar-list/avatar-list.module.ts +++ b/packages/abc/avatar-list/avatar-list.module.ts @@ -10,8 +10,7 @@ import { AvatarListComponent } from './avatar-list.component'; const COMPONENTS = [AvatarListComponent, AvatarListItemComponent]; @NgModule({ - imports: [CommonModule, NzAvatarModule, NzToolTipModule], - declarations: COMPONENTS, + imports: [CommonModule, NzAvatarModule, NzToolTipModule, ...COMPONENTS], exports: COMPONENTS }) export class AvatarListModule {} diff --git a/packages/abc/avatar-list/index.en-US.md b/packages/abc/avatar-list/index.en-US.md index 9f24f5b66..07c3bb286 100644 --- a/packages/abc/avatar-list/index.en-US.md +++ b/packages/abc/avatar-list/index.en-US.md @@ -10,7 +10,7 @@ A list of user's avatar for project or group member list frequently. If a large ## API -### avatar-list +### avatar-list:standalone | Property | Description | Type | Default | |----------|-------------|------|---------| @@ -18,7 +18,7 @@ A list of user's avatar for project or group member list frequently. If a large | `[maxLength]` | max items to show | `number` | - | | `[excessItemsStyle]` | the excess item style | `{ [key: string]: string }` | - | -### avatar-list-item +### avatar-list-item:standalone | Property | Description | Type | Default | |----------|-------------|------|---------| diff --git a/packages/abc/avatar-list/index.zh-CN.md b/packages/abc/avatar-list/index.zh-CN.md index e37c2cdf0..dbe709b6b 100644 --- a/packages/abc/avatar-list/index.zh-CN.md +++ b/packages/abc/avatar-list/index.zh-CN.md @@ -10,7 +10,7 @@ module: import { AvatarListModule } from '@delon/abc/avatar-list'; ## API -### avatar-list +### avatar-list:standalone | 成员 | 说明 | 类型 | 默认值 | |----|----|----|-----| @@ -18,7 +18,7 @@ module: import { AvatarListModule } from '@delon/abc/avatar-list'; | `[maxLength]` | 要显示的最大项目 | `number` | - | | `[excessItemsStyle]` | 多余的项目风格 | `{ [key: string]: string }` | - | -### avatar-list-item +### avatar-list-item:standalone | 成员 | 说明 | 类型 | 默认值 | |----|----|----|-----| diff --git a/packages/abc/cell/cell.component.ts b/packages/abc/cell/cell.component.ts index 3c2e6293d..2c56e8112 100644 --- a/packages/abc/cell/cell.component.ts +++ b/packages/abc/cell/cell.component.ts @@ -22,14 +22,14 @@ import { Subscription } from 'rxjs'; import { updateHostClass } from '@delon/util/browser'; import { BooleanInput, InputBoolean } from '@delon/util/decorator'; import { WINDOW } from '@delon/util/token'; -import { NzBadgeModule } from 'ng-zorro-antd/badge'; -import { NzCheckboxModule } from 'ng-zorro-antd/checkbox'; +import { NzBadgeComponent } from 'ng-zorro-antd/badge'; +import { NzCheckboxComponent } from 'ng-zorro-antd/checkbox'; import type { NzSafeAny } from 'ng-zorro-antd/core/types'; -import { NzIconModule } from 'ng-zorro-antd/icon'; -import { NzImage, NzImageService } from 'ng-zorro-antd/image'; -import { NzRadioModule } from 'ng-zorro-antd/radio'; -import { NzTagModule } from 'ng-zorro-antd/tag'; -import { NzToolTipModule } from 'ng-zorro-antd/tooltip'; +import { NzIconDirective } from 'ng-zorro-antd/icon'; +import { NzImage, NzImageModule, NzImageService } from 'ng-zorro-antd/image'; +import { NzRadioComponent } from 'ng-zorro-antd/radio'; +import { NzTagComponent } from 'ng-zorro-antd/tag'; +import { NzTooltipDirective } from 'ng-zorro-antd/tooltip'; import { CellHostDirective } from './cell-host.directive'; import { CellService } from './cell.service'; @@ -115,12 +115,13 @@ import type { CellDefaultText, CellOptions, CellTextResult, CellValue, CellWidge imports: [ FormsModule, NgTemplateOutlet, - NzCheckboxModule, - NzRadioModule, - NzIconModule, - NzTagModule, - NzBadgeModule, - NzToolTipModule, + NzCheckboxComponent, + NzRadioComponent, + NzIconDirective, + NzTagComponent, + NzBadgeComponent, + NzTooltipDirective, + NzImageModule, CellHostDirective ] }) diff --git a/packages/abc/cell/index.en-US.md b/packages/abc/cell/index.en-US.md index d5efedd24..be5d0d6bc 100644 --- a/packages/abc/cell/index.en-US.md +++ b/packages/abc/cell/index.en-US.md @@ -11,7 +11,7 @@ Cell formatting is supported for multiple data types, and supports widget mode. ## API -### cell +### cell:standalone | Property | Description | Type | Default | |----------|-------------|------|---------| diff --git a/packages/abc/cell/index.zh-CN.md b/packages/abc/cell/index.zh-CN.md index 49bf73a56..5775a6f90 100644 --- a/packages/abc/cell/index.zh-CN.md +++ b/packages/abc/cell/index.zh-CN.md @@ -11,7 +11,7 @@ module: import { CellModule } from '@delon/abc/cell'; ## API -### cell +### cell:standalone | 成员 | 说明 | 类型 | 默认值 | |----|----|----|-----| diff --git a/packages/abc/count-down/count-down.component.ts b/packages/abc/count-down/count-down.component.ts index fcac7c55a..f454a7093 100644 --- a/packages/abc/count-down/count-down.component.ts +++ b/packages/abc/count-down/count-down.component.ts @@ -19,7 +19,9 @@ import { CountdownComponent, CountdownConfig, CountdownEvent } from 'ngx-countdo }`, preserveWhitespaces: false, changeDetection: ChangeDetectionStrategy.OnPush, - encapsulation: ViewEncapsulation.None + encapsulation: ViewEncapsulation.None, + standalone: true, + imports: [CountdownComponent] }) export class CountDownComponent { @ViewChild('cd', { static: false }) readonly instance!: CountdownComponent; diff --git a/packages/abc/count-down/count-down.module.ts b/packages/abc/count-down/count-down.module.ts index 8072d7fd9..8696780dc 100644 --- a/packages/abc/count-down/count-down.module.ts +++ b/packages/abc/count-down/count-down.module.ts @@ -8,8 +8,7 @@ import { CountDownComponent } from './count-down.component'; const COMPONENTS = [CountDownComponent]; @NgModule({ - imports: [CommonModule, CountdownModule], - declarations: COMPONENTS, + imports: [CommonModule, CountdownModule, ...COMPONENTS], exports: COMPONENTS }) export class CountDownModule {} diff --git a/packages/abc/count-down/demo/accuracy.md b/packages/abc/count-down/demo/accuracy.md index af40cadd5..9ae461471 100644 --- a/packages/abc/count-down/demo/accuracy.md +++ b/packages/abc/count-down/demo/accuracy.md @@ -18,13 +18,13 @@ import { Component } from '@angular/core'; import { CountdownConfig } from 'ngx-countdown'; -import { CountDownModule } from '@delon/abc/count-down'; +import { CountDownComponent } from '@delon/abc/count-down'; @Component({ selector: 'app-demo', template: ` `, standalone: true, - imports: [CountDownModule] + imports: [CountDownComponent] }) export class DemoComponent { config: CountdownConfig = { diff --git a/packages/abc/count-down/demo/simple.md b/packages/abc/count-down/demo/simple.md index ecbaff31f..8823805be 100644 --- a/packages/abc/count-down/demo/simple.md +++ b/packages/abc/count-down/demo/simple.md @@ -18,7 +18,7 @@ import { Component, inject } from '@angular/core'; import { CountdownEvent } from 'ngx-countdown'; -import { CountDownModule } from '@delon/abc/count-down'; +import { CountDownComponent } from '@delon/abc/count-down'; import { NzButtonModule } from 'ng-zorro-antd/button'; import { NzMessageService } from 'ng-zorro-antd/message'; @@ -32,7 +32,7 @@ import { NzMessageService } from 'ng-zorro-antd/message'; `, standalone: true, - imports: [CountDownModule, NzButtonModule] + imports: [CountDownComponent, NzButtonModule] }) export class DemoComponent { private readonly msg = inject(NzMessageService); diff --git a/packages/abc/count-down/index.en-US.md b/packages/abc/count-down/index.en-US.md index ac032eac0..82a632d8a 100644 --- a/packages/abc/count-down/index.en-US.md +++ b/packages/abc/count-down/index.en-US.md @@ -16,7 +16,7 @@ npm i -S ngx-countdown ## API -### count-down +### count-down:standalone | Property | Description | Type | Default | |----------|-------------|------|---------| diff --git a/packages/abc/count-down/index.zh-CN.md b/packages/abc/count-down/index.zh-CN.md index 22c17507e..f8591796a 100644 --- a/packages/abc/count-down/index.zh-CN.md +++ b/packages/abc/count-down/index.zh-CN.md @@ -16,7 +16,7 @@ npm i -S ngx-countdown ## API -### count-down +### count-down:standalone | 成员 | 说明 | 类型 | 默认值 | |----|----|----|-----| diff --git a/packages/abc/date-picker/date-picker.module.ts b/packages/abc/date-picker/date-picker.module.ts index 3837441b6..e2bc8ad5e 100644 --- a/packages/abc/date-picker/date-picker.module.ts +++ b/packages/abc/date-picker/date-picker.module.ts @@ -10,8 +10,7 @@ import { RangePickerDirective } from './range.directive'; const COMPONENTS = [RangePickerDirective, RangePickerShortcutTplComponent]; @NgModule({ - imports: [CommonModule, FormsModule, NzDatePickerModule], - declarations: COMPONENTS, + imports: [CommonModule, FormsModule, NzDatePickerModule, ...COMPONENTS], exports: COMPONENTS }) export class DatePickerModule {} diff --git a/packages/abc/date-picker/demo/basic.md b/packages/abc/date-picker/demo/basic.md index 0958c3bba..9e562c2e8 100644 --- a/packages/abc/date-picker/demo/basic.md +++ b/packages/abc/date-picker/demo/basic.md @@ -18,7 +18,7 @@ import { JsonPipe } from '@angular/common'; import { Component } from '@angular/core'; import { FormsModule } from '@angular/forms'; -import { DatePickerModule } from '@delon/abc/date-picker'; +import { RangePickerDirective } from '@delon/abc/date-picker'; import { NzDatePickerModule } from 'ng-zorro-antd/date-picker'; @Component({ @@ -28,7 +28,7 @@ import { NzDatePickerModule } from 'ng-zorro-antd/date-picker'; `, standalone: true, - imports: [JsonPipe, FormsModule, NzDatePickerModule, DatePickerModule] + imports: [JsonPipe, FormsModule, NzDatePickerModule, RangePickerDirective] }) export class DemoComponent { i: { start?: Date; end?: Date } = {}; diff --git a/packages/abc/date-picker/demo/shortcut.md b/packages/abc/date-picker/demo/shortcut.md index 3ff0b3d61..d861c318b 100644 --- a/packages/abc/date-picker/demo/shortcut.md +++ b/packages/abc/date-picker/demo/shortcut.md @@ -18,7 +18,7 @@ import { JsonPipe } from '@angular/common'; import { Component } from '@angular/core'; import { FormsModule } from '@angular/forms'; -import { DatePickerModule } from '@delon/abc/date-picker'; +import { RangePickerDirective } from '@delon/abc/date-picker'; import { NzDatePickerModule } from 'ng-zorro-antd/date-picker'; @Component({ @@ -28,7 +28,7 @@ import { NzDatePickerModule } from 'ng-zorro-antd/date-picker'; `, standalone: true, - imports: [JsonPipe, FormsModule, NzDatePickerModule, DatePickerModule] + imports: [JsonPipe, FormsModule, NzDatePickerModule, RangePickerDirective] }) export class DemoComponent { i: { start?: Date; end?: Date } = {}; diff --git a/packages/abc/date-picker/index.en-US.md b/packages/abc/date-picker/index.en-US.md index 5e6a15971..d82b1203c 100644 --- a/packages/abc/date-picker/index.en-US.md +++ b/packages/abc/date-picker/index.en-US.md @@ -10,7 +10,7 @@ Based on the `nz-range-picker` further optimization, better service to start and ## API -### [extend] +### [extend]:standalone It needs to be used with [nz-range-picker](https://ng.ant.design/components/date-picker/zh#nz-range-picker), for example: diff --git a/packages/abc/date-picker/index.zh-CN.md b/packages/abc/date-picker/index.zh-CN.md index 3d42507ee..05811a2cc 100644 --- a/packages/abc/date-picker/index.zh-CN.md +++ b/packages/abc/date-picker/index.zh-CN.md @@ -10,7 +10,7 @@ module: import { DatePickerModule } from '@delon/abc/date-picker'; ## API -### [extend] +### [extend]:standalone 需要配合 [nz-range-picker](https://ng.ant.design/components/date-picker/zh#nz-range-picker) 一起使用,例如: diff --git a/packages/abc/date-picker/range-shortcut.component.ts b/packages/abc/date-picker/range-shortcut.component.ts index 414131d65..7d503fde8 100644 --- a/packages/abc/date-picker/range-shortcut.component.ts +++ b/packages/abc/date-picker/range-shortcut.component.ts @@ -7,14 +7,15 @@ import { AlainDateRangePickerShortcutItem } from '@delon/util/config'; template: ` @for (i of list; track $index) { - + } - ` + `, + standalone: true }) export class RangePickerShortcutTplComponent { @ViewChild('tpl', { static: true }) - tpl!: TemplateRef; + readonly tpl!: TemplateRef; list: AlainDateRangePickerShortcutItem[] = []; diff --git a/packages/abc/date-picker/range.directive.ts b/packages/abc/date-picker/range.directive.ts index f1458ddbd..b9579e788 100644 --- a/packages/abc/date-picker/range.directive.ts +++ b/packages/abc/date-picker/range.directive.ts @@ -24,7 +24,8 @@ import { RangePickerShortcutTplComponent } from './range-shortcut.component'; @Directive({ selector: 'nz-range-picker[extend]', - exportAs: 'extendRangePicker' + exportAs: 'extendRangePicker', + standalone: true }) export class RangePickerDirective implements OnDestroy, AfterViewInit { static ngAcceptInputType_shortcut: AlainDateRangePickerShortcut | string | null; diff --git a/packages/abc/down-file/demo/simple.md b/packages/abc/down-file/demo/simple.md index 39a866393..933895eb3 100644 --- a/packages/abc/down-file/demo/simple.md +++ b/packages/abc/down-file/demo/simple.md @@ -16,7 +16,7 @@ Download a file. ```ts import { Component } from '@angular/core'; -import { DownFileModule } from '@delon/abc/down-file'; +import { DownFileDirective } from '@delon/abc/down-file'; import { NzButtonModule } from 'ng-zorro-antd/button'; @Component({ @@ -29,7 +29,7 @@ import { NzButtonModule } from 'ng-zorro-antd/button'; } `, standalone: true, - imports: [DownFileModule, NzButtonModule] + imports: [DownFileDirective, NzButtonModule] }) export class DemoComponent { fileTypes = ['.xlsx', '.docx', '.pptx', '.pdf']; diff --git a/packages/abc/down-file/down-file.directive.ts b/packages/abc/down-file/down-file.directive.ts index 91e540256..cbeb2ddf1 100644 --- a/packages/abc/down-file/down-file.directive.ts +++ b/packages/abc/down-file/down-file.directive.ts @@ -12,7 +12,8 @@ import type { NzSafeAny } from 'ng-zorro-antd/core/types'; exportAs: 'downFile', host: { '(click)': '_click($event)' - } + }, + standalone: true }) export class DownFileDirective { private isFileSaverSupported = true; diff --git a/packages/abc/down-file/down-file.module.ts b/packages/abc/down-file/down-file.module.ts index a6fb5f385..6365e6c67 100644 --- a/packages/abc/down-file/down-file.module.ts +++ b/packages/abc/down-file/down-file.module.ts @@ -8,8 +8,7 @@ import { DownFileDirective } from './down-file.directive'; const DIRECTIVES = [DownFileDirective]; @NgModule({ - imports: [CommonModule, AlainThemeModule], - declarations: [...DIRECTIVES], - exports: [...DIRECTIVES] + imports: [CommonModule, AlainThemeModule, ...DIRECTIVES], + exports: DIRECTIVES }) export class DownFileModule {} diff --git a/packages/abc/down-file/index.en-US.md b/packages/abc/down-file/index.en-US.md index 552f83d1b..06a500520 100644 --- a/packages/abc/down-file/index.en-US.md +++ b/packages/abc/down-file/index.en-US.md @@ -10,7 +10,7 @@ A file download based on `blob`. ## API -### [down-file] +### [down-file]:standalone | Property | Description | Type | Default | |----------|-------------|------|---------| diff --git a/packages/abc/down-file/index.zh-CN.md b/packages/abc/down-file/index.zh-CN.md index abbaed687..bdea561b3 100644 --- a/packages/abc/down-file/index.zh-CN.md +++ b/packages/abc/down-file/index.zh-CN.md @@ -10,7 +10,7 @@ module: import { DownFileModule } from '@delon/abc/down-file'; ## API -### [down-file] +### [down-file]:standalone | 成员 | 说明 | 类型 | 默认值 | |----|----|----|-----| diff --git a/packages/abc/ellipsis/demo/line.md b/packages/abc/ellipsis/demo/line.md index d8ad5120c..859d3d31c 100644 --- a/packages/abc/ellipsis/demo/line.md +++ b/packages/abc/ellipsis/demo/line.md @@ -20,7 +20,7 @@ Also note that, in this mode, the outer container needs to have a specified widt ```ts import { Component } from '@angular/core'; -import { EllipsisModule } from '@delon/abc/ellipsis'; +import { EllipsisComponent } from '@delon/abc/ellipsis'; @Component({ selector: 'app-demo', @@ -34,7 +34,7 @@ import { EllipsisModule } from '@delon/abc/ellipsis'; `, standalone: true, - imports: [EllipsisModule] + imports: [EllipsisComponent] }) export class DemoComponent {} ``` diff --git a/packages/abc/ellipsis/demo/number.md b/packages/abc/ellipsis/demo/number.md index af9514dde..a09caa756 100644 --- a/packages/abc/ellipsis/demo/number.md +++ b/packages/abc/ellipsis/demo/number.md @@ -16,7 +16,7 @@ title: ```ts import { Component } from '@angular/core'; -import { EllipsisModule } from '@delon/abc/ellipsis'; +import { EllipsisComponent } from '@delon/abc/ellipsis'; @Component({ selector: 'app-demo', @@ -26,7 +26,7 @@ import { EllipsisModule } from '@delon/abc/ellipsis'; {{ article }} `, standalone: true, - imports: [EllipsisModule] + imports: [EllipsisComponent] }) export class DemoComponent { article = diff --git a/packages/abc/ellipsis/ellipsis.component.ts b/packages/abc/ellipsis/ellipsis.component.ts index 9df18e776..fcf41fcfd 100644 --- a/packages/abc/ellipsis/ellipsis.component.ts +++ b/packages/abc/ellipsis/ellipsis.component.ts @@ -1,4 +1,5 @@ -import { DOCUMENT } from '@angular/common'; +import { ObserversModule } from '@angular/cdk/observers'; +import { DOCUMENT, NgClass, NgStyle, NgTemplateOutlet } from '@angular/common'; import { AfterViewInit, ChangeDetectionStrategy, @@ -17,6 +18,7 @@ import { take } from 'rxjs'; import { BooleanInput, InputBoolean, InputNumber, NumberInput } from '@delon/util/decorator'; import type { NzSafeAny } from 'ng-zorro-antd/core/types'; +import { NzTooltipDirective } from 'ng-zorro-antd/tooltip'; @Component({ selector: 'ellipsis', @@ -24,7 +26,10 @@ import type { NzSafeAny } from 'ng-zorro-antd/core/types'; templateUrl: './ellipsis.component.html', preserveWhitespaces: false, changeDetection: ChangeDetectionStrategy.OnPush, - encapsulation: ViewEncapsulation.None + encapsulation: ViewEncapsulation.None, + standalone: true, + // TODO: can't use CdkObserveContent + imports: [ObserversModule, NzTooltipDirective, NgTemplateOutlet, NgClass, NgStyle] }) export class EllipsisComponent implements AfterViewInit, OnChanges { static ngAcceptInputType_tooltip: BooleanInput; diff --git a/packages/abc/ellipsis/ellipsis.module.ts b/packages/abc/ellipsis/ellipsis.module.ts index 32ae6daae..75fc7c908 100644 --- a/packages/abc/ellipsis/ellipsis.module.ts +++ b/packages/abc/ellipsis/ellipsis.module.ts @@ -9,8 +9,7 @@ import { EllipsisComponent } from './ellipsis.component'; const COMPONENTS = [EllipsisComponent]; @NgModule({ - imports: [CommonModule, ObserversModule, NzToolTipModule], - declarations: COMPONENTS, + imports: [CommonModule, ObserversModule, NzToolTipModule, ...COMPONENTS], exports: COMPONENTS }) export class EllipsisModule {} diff --git a/packages/abc/ellipsis/index.en-US.md b/packages/abc/ellipsis/index.en-US.md index c65bd855a..5cd23efbc 100644 --- a/packages/abc/ellipsis/index.en-US.md +++ b/packages/abc/ellipsis/index.en-US.md @@ -10,7 +10,7 @@ When the text is too long, the Ellipsis automatically shortens it according to i ## API -### ellipsis +### ellipsis:standalone | Property | Description | Type | Default | |----------|-------------|------|---------| diff --git a/packages/abc/ellipsis/index.zh-CN.md b/packages/abc/ellipsis/index.zh-CN.md index 959ede577..4b2ffaeb3 100644 --- a/packages/abc/ellipsis/index.zh-CN.md +++ b/packages/abc/ellipsis/index.zh-CN.md @@ -10,7 +10,7 @@ module: import { EllipsisModule } from '@delon/abc/ellipsis'; ## API -### ellipsis +### ellipsis:standalone | 成员 | 说明 | 类型 | 默认值 | |----|----|----|-----| diff --git a/packages/abc/error-collect/demo/basic.md b/packages/abc/error-collect/demo/basic.md index eb26be741..3450165bb 100644 --- a/packages/abc/error-collect/demo/basic.md +++ b/packages/abc/error-collect/demo/basic.md @@ -9,7 +9,7 @@ title: 基础 import { Component, OnInit } from '@angular/core'; import { FormControl, FormGroup, ReactiveFormsModule, Validators } from '@angular/forms'; -import { ErrorCollectModule } from '@delon/abc/error-collect'; +import { ErrorCollectComponent } from '@delon/abc/error-collect'; import { NzFormModule } from 'ng-zorro-antd/form'; import { NzInputModule } from 'ng-zorro-antd/input'; @@ -26,7 +26,7 @@ import { NzInputModule } from 'ng-zorro-antd/input'; `, standalone: true, - imports: [NzFormModule, ReactiveFormsModule, NzInputModule, ErrorCollectModule] + imports: [NzFormModule, ReactiveFormsModule, NzInputModule, ErrorCollectComponent] }) export class DemoComponent implements OnInit { validateForm = new FormGroup({ diff --git a/packages/abc/error-collect/error-collect.component.ts b/packages/abc/error-collect/error-collect.component.ts index 4df8c0eb9..649903bdc 100644 --- a/packages/abc/error-collect/error-collect.component.ts +++ b/packages/abc/error-collect/error-collect.component.ts @@ -20,6 +20,7 @@ import { interval } from 'rxjs'; import { AlainConfigService } from '@delon/util/config'; import { InputNumber } from '@delon/util/decorator'; import type { NzSafeAny } from 'ng-zorro-antd/core/types'; +import { NzIconDirective } from 'ng-zorro-antd/icon'; @Component({ selector: 'error-collect, [error-collect]', @@ -36,7 +37,9 @@ import type { NzSafeAny } from 'ng-zorro-antd/core/types'; }, preserveWhitespaces: false, changeDetection: ChangeDetectionStrategy.OnPush, - encapsulation: ViewEncapsulation.None + encapsulation: ViewEncapsulation.None, + standalone: true, + imports: [NzIconDirective] }) export class ErrorCollectComponent implements OnInit { private formEl: HTMLFormElement | null = null; diff --git a/packages/abc/error-collect/error-collect.module.ts b/packages/abc/error-collect/error-collect.module.ts index c3398ec12..6d34be20d 100644 --- a/packages/abc/error-collect/error-collect.module.ts +++ b/packages/abc/error-collect/error-collect.module.ts @@ -8,8 +8,7 @@ import { ErrorCollectComponent } from './error-collect.component'; const COMPONENTS = [ErrorCollectComponent]; @NgModule({ - imports: [CommonModule, NzIconModule], - declarations: COMPONENTS, + imports: [CommonModule, NzIconModule, ...COMPONENTS], exports: COMPONENTS }) export class ErrorCollectModule {} diff --git a/packages/abc/error-collect/index.en-US.md b/packages/abc/error-collect/index.en-US.md index 0634bbcf2..0826eaee1 100644 --- a/packages/abc/error-collect/index.en-US.md +++ b/packages/abc/error-collect/index.en-US.md @@ -10,9 +10,9 @@ A simple form exception messages collector that jump to element location via cli ## API -### error-collect +### error-collect:standalone | Property | Description | Type | Default | Global Config | |----------|-------------|------|---------|---------------| | `[freq]` | Monitor frequency, unit is milliseconds | `number` | `500` | ✅ | -| `[offsetTop]` | Top offset, unit is `px` | `number` | `145` | ✅ | \ No newline at end of file +| `[offsetTop]` | Top offset, unit is `px` | `number` | `145` | ✅ | diff --git a/packages/abc/error-collect/index.zh-CN.md b/packages/abc/error-collect/index.zh-CN.md index ebbc49231..1f16c57bb 100644 --- a/packages/abc/error-collect/index.zh-CN.md +++ b/packages/abc/error-collect/index.zh-CN.md @@ -10,7 +10,7 @@ module: import { ErrorCollectModule } from '@delon/abc/error-collect'; ## API -### error-collect +### error-collect:standalone | 成员 | 说明 | 类型 | 默认值 | 全局配置 | |----|----|----|-----|------| diff --git a/packages/abc/exception/demo/403.md b/packages/abc/exception/demo/403.md index 14f78d4d9..809122308 100644 --- a/packages/abc/exception/demo/403.md +++ b/packages/abc/exception/demo/403.md @@ -8,13 +8,13 @@ title: 403 ```ts import { Component } from '@angular/core'; -import { ExceptionModule } from '@delon/abc/exception'; +import { ExceptionComponent } from '@delon/abc/exception'; @Component({ selector: 'app-demo', template: ` `, standalone: true, - imports: [ExceptionModule] + imports: [ExceptionComponent] }) export class DemoComponent {} ``` diff --git a/packages/abc/exception/demo/404.md b/packages/abc/exception/demo/404.md index 2ad4a599c..e777aaa4e 100644 --- a/packages/abc/exception/demo/404.md +++ b/packages/abc/exception/demo/404.md @@ -8,13 +8,13 @@ title: 404 ```ts import { Component } from '@angular/core'; -import { ExceptionModule } from '@delon/abc/exception'; +import { ExceptionComponent } from '@delon/abc/exception'; @Component({ selector: 'app-demo', template: ` `, standalone: true, - imports: [ExceptionModule] + imports: [ExceptionComponent] }) export class DemoComponent {} ``` diff --git a/packages/abc/exception/demo/500.md b/packages/abc/exception/demo/500.md index 4cb569704..ec3744e05 100644 --- a/packages/abc/exception/demo/500.md +++ b/packages/abc/exception/demo/500.md @@ -8,13 +8,13 @@ title: 500 ```ts import { Component } from '@angular/core'; -import { ExceptionModule } from '@delon/abc/exception'; +import { ExceptionComponent } from '@delon/abc/exception'; @Component({ selector: 'app-demo', template: ` `, standalone: true, - imports: [ExceptionModule] + imports: [ExceptionComponent] }) export class DemoComponent {} ``` diff --git a/packages/abc/exception/exception.component.ts b/packages/abc/exception/exception.component.ts index 0fabf60ff..6871c68da 100644 --- a/packages/abc/exception/exception.component.ts +++ b/packages/abc/exception/exception.component.ts @@ -1,4 +1,5 @@ import { Direction, Directionality } from '@angular/cdk/bidi'; +import { ObserversModule } from '@angular/cdk/observers'; import { ChangeDetectionStrategy, ChangeDetectorRef, @@ -14,10 +15,12 @@ import { } from '@angular/core'; import { takeUntilDestroyed } from '@angular/core/rxjs-interop'; import { DomSanitizer, SafeHtml, SafeUrl } from '@angular/platform-browser'; +import { RouterLink } from '@angular/router'; import { DelonLocaleService, LocaleData } from '@delon/theme'; import { isEmpty } from '@delon/util/browser'; import { AlainConfigService } from '@delon/util/config'; +import { NzButtonComponent } from 'ng-zorro-antd/button'; import { NzSafeAny } from 'ng-zorro-antd/core/types'; export type ExceptionType = 403 | 404 | 500; @@ -32,7 +35,9 @@ export type ExceptionType = 403 | 404 | 500; }, preserveWhitespaces: false, changeDetection: ChangeDetectionStrategy.OnPush, - encapsulation: ViewEncapsulation.None + encapsulation: ViewEncapsulation.None, + standalone: true, + imports: [ObserversModule, NzButtonComponent, RouterLink] }) export class ExceptionComponent implements OnInit { static ngAcceptInputType_type: ExceptionType | string; diff --git a/packages/abc/exception/exception.module.ts b/packages/abc/exception/exception.module.ts index 5a33bf954..67d623b40 100644 --- a/packages/abc/exception/exception.module.ts +++ b/packages/abc/exception/exception.module.ts @@ -11,8 +11,7 @@ import { ExceptionComponent } from './exception.component'; const COMPONENTS = [ExceptionComponent]; @NgModule({ - imports: [CommonModule, ObserversModule, RouterModule, DelonLocaleModule, NzButtonModule], - declarations: COMPONENTS, + imports: [CommonModule, ObserversModule, RouterModule, DelonLocaleModule, NzButtonModule, ...COMPONENTS], exports: COMPONENTS }) export class ExceptionModule {} diff --git a/packages/abc/exception/index.en-US.md b/packages/abc/exception/index.en-US.md index 4f11e8ccc..49bf44daa 100644 --- a/packages/abc/exception/index.en-US.md +++ b/packages/abc/exception/index.en-US.md @@ -10,7 +10,7 @@ Exceptions page is used to provide feedback on specific abnormal state. Usually, ## API -### exception +### exception:standalone | Property | Description | Type | Default | Global Config | |----------|-------------|------|---------|---------------| diff --git a/packages/abc/exception/index.zh-CN.md b/packages/abc/exception/index.zh-CN.md index ca5ddb11b..a9ab035fd 100644 --- a/packages/abc/exception/index.zh-CN.md +++ b/packages/abc/exception/index.zh-CN.md @@ -10,7 +10,7 @@ module: import { ExceptionModule } from '@delon/abc/exception'; ## API -### exception +### exception:standalone | 成员 | 说明 | 类型 | 默认值 | 全局配置 | |----|----|----|-----|------| diff --git a/packages/abc/footer-toolbar/demo/basic.md b/packages/abc/footer-toolbar/demo/basic.md index 87622015f..490a89232 100644 --- a/packages/abc/footer-toolbar/demo/basic.md +++ b/packages/abc/footer-toolbar/demo/basic.md @@ -9,7 +9,7 @@ title: 基础 import { Component, OnInit } from '@angular/core'; import { FormControl, FormGroup, ReactiveFormsModule, Validators } from '@angular/forms'; -import { FooterToolbarModule } from '@delon/abc/footer-toolbar'; +import { FooterToolbarComponent } from '@delon/abc/footer-toolbar'; import { NzButtonModule } from 'ng-zorro-antd/button'; import { NzFormModule } from 'ng-zorro-antd/form'; import { NzInputModule } from 'ng-zorro-antd/input'; @@ -29,7 +29,7 @@ import { NzInputModule } from 'ng-zorro-antd/input'; `, standalone: true, - imports: [NzFormModule, ReactiveFormsModule, NzInputModule, FooterToolbarModule, NzButtonModule] + imports: [NzFormModule, ReactiveFormsModule, NzInputModule, FooterToolbarComponent, NzButtonModule] }) export class DemoComponent implements OnInit { form = new FormGroup({ diff --git a/packages/abc/footer-toolbar/footer-toolbar.component.ts b/packages/abc/footer-toolbar/footer-toolbar.component.ts index 848a128eb..8e93f0ae4 100644 --- a/packages/abc/footer-toolbar/footer-toolbar.component.ts +++ b/packages/abc/footer-toolbar/footer-toolbar.component.ts @@ -12,7 +12,9 @@ import { ViewEncapsulation } from '@angular/core'; +import { ErrorCollectComponent } from '@delon/abc/error-collect'; import { BooleanInput, InputBoolean } from '@delon/util/decorator'; +import { NzStringTemplateOutletDirective } from 'ng-zorro-antd/core/outlet'; import type { NzSafeAny } from 'ng-zorro-antd/core/types'; const CLSBODY = 'footer-toolbar__body'; @@ -23,7 +25,9 @@ const CLSBODY = 'footer-toolbar__body'; templateUrl: './footer-toolbar.component.html', preserveWhitespaces: false, changeDetection: ChangeDetectionStrategy.OnPush, - encapsulation: ViewEncapsulation.None + encapsulation: ViewEncapsulation.None, + standalone: true, + imports: [NzStringTemplateOutletDirective, ErrorCollectComponent] }) export class FooterToolbarComponent implements OnInit, OnDestroy { static ngAcceptInputType_errorCollect: BooleanInput; diff --git a/packages/abc/footer-toolbar/footer-toolbar.module.ts b/packages/abc/footer-toolbar/footer-toolbar.module.ts index 5082a447a..b176f0c4f 100644 --- a/packages/abc/footer-toolbar/footer-toolbar.module.ts +++ b/packages/abc/footer-toolbar/footer-toolbar.module.ts @@ -9,8 +9,7 @@ import { FooterToolbarComponent } from './footer-toolbar.component'; const COMPONENTS = [FooterToolbarComponent]; @NgModule({ - imports: [CommonModule, ErrorCollectModule, NzOutletModule], - declarations: COMPONENTS, + imports: [CommonModule, ErrorCollectModule, NzOutletModule, ...COMPONENTS], exports: COMPONENTS }) export class FooterToolbarModule {} diff --git a/packages/abc/footer-toolbar/index.en-US.md b/packages/abc/footer-toolbar/index.en-US.md index 07ee94b9a..c47ef6351 100644 --- a/packages/abc/footer-toolbar/index.en-US.md +++ b/packages/abc/footer-toolbar/index.en-US.md @@ -14,7 +14,7 @@ It is fixed at the bottom of the content area and does not move along with the s ## API -### footer-toolbar +### footer-toolbar:standalone | Property | Description | Type | Default | |----------|-------------|------|---------| diff --git a/packages/abc/footer-toolbar/index.zh-CN.md b/packages/abc/footer-toolbar/index.zh-CN.md index 11408e8eb..94726c7c9 100644 --- a/packages/abc/footer-toolbar/index.zh-CN.md +++ b/packages/abc/footer-toolbar/index.zh-CN.md @@ -14,7 +14,7 @@ module: import { FooterToolbarModule } from '@delon/abc/footer-toolbar'; ## API -### footer-toolbar +### footer-toolbar:standalone | 成员 | 说明 | 类型 | 默认值 | |----|----|----|-----| diff --git a/packages/abc/full-content/full-content-toggle.directive.ts b/packages/abc/full-content/full-content-toggle.directive.ts index 76a006f4a..79a4639b7 100644 --- a/packages/abc/full-content/full-content-toggle.directive.ts +++ b/packages/abc/full-content/full-content-toggle.directive.ts @@ -7,7 +7,8 @@ import { FullContentComponent } from './full-content.component'; exportAs: 'fullToggle', host: { '(click)': '_click()' - } + }, + standalone: true }) export class FullContentToggleDirective { constructor(private parent: FullContentComponent) {} diff --git a/packages/abc/full-content/full-content.component.ts b/packages/abc/full-content/full-content.component.ts index dd3675fe7..b5b41359c 100644 --- a/packages/abc/full-content/full-content.component.ts +++ b/packages/abc/full-content/full-content.component.ts @@ -39,7 +39,8 @@ const hideTitleCls = `full-content__hidden-title`; }, preserveWhitespaces: false, changeDetection: ChangeDetectionStrategy.OnPush, - encapsulation: ViewEncapsulation.None + encapsulation: ViewEncapsulation.None, + standalone: true }) export class FullContentComponent implements AfterViewInit, OnInit, OnChanges, OnDestroy { static ngAcceptInputType_fullscreen: BooleanInput; diff --git a/packages/abc/full-content/full-content.module.ts b/packages/abc/full-content/full-content.module.ts index bebc5c13e..59a01dc8a 100644 --- a/packages/abc/full-content/full-content.module.ts +++ b/packages/abc/full-content/full-content.module.ts @@ -7,8 +7,7 @@ import { FullContentComponent } from './full-content.component'; const COMPONENTS = [FullContentComponent, FullContentToggleDirective]; @NgModule({ - imports: [CommonModule], - declarations: COMPONENTS, + imports: [CommonModule, ...COMPONENTS], exports: COMPONENTS }) export class FullContentModule {} diff --git a/packages/abc/full-content/index.en-US.md b/packages/abc/full-content/index.en-US.md index d2593b3a3..1b13fc9b4 100644 --- a/packages/abc/full-content/index.en-US.md +++ b/packages/abc/full-content/index.en-US.md @@ -10,7 +10,7 @@ Often used for tables with scroll bars, a simple [demo](https://ng-alain.surge.s ## API -### full-content +### full-content:standalone | Property | Description | Type | Default | |----------|-------------|------|---------| @@ -18,7 +18,7 @@ Often used for tables with scroll bars, a simple [demo](https://ng-alain.surge.s | `[hideTitle]` | Hide title when `fullscreen` is true | `boolean` | `true` | | `[padding]` | Padding of work area | `number` | `24` | -### [full-toggle] +### [full-toggle]:standalone Switch whether it is full screen. diff --git a/packages/abc/full-content/index.zh-CN.md b/packages/abc/full-content/index.zh-CN.md index 34962e2a0..b5e87b43f 100644 --- a/packages/abc/full-content/index.zh-CN.md +++ b/packages/abc/full-content/index.zh-CN.md @@ -10,7 +10,7 @@ module: import { FullContentModule } from '@delon/abc/full-content'; ## API -### full-content +### full-content:standalone | 参数 | 说明 | 类型 | 默认值 | |----|----|----|-----| @@ -18,7 +18,7 @@ module: import { FullContentModule } from '@delon/abc/full-content'; | `[hideTitle]` | 完整全屏时是否隐藏标题 | `boolean` | `true` | | `[padding]` | 工作区内边距 | `number` | `24` | -### [full-toggle] +### [full-toggle]:standalone 切换是否全屏。 diff --git a/packages/abc/global-footer/demo/basic.md b/packages/abc/global-footer/demo/basic.md index ee7b45e13..614c88786 100644 --- a/packages/abc/global-footer/demo/basic.md +++ b/packages/abc/global-footer/demo/basic.md @@ -9,7 +9,7 @@ browser: 400 ```ts import { Component } from '@angular/core'; -import { GlobalFooterLink, GlobalFooterModule } from '@delon/abc/global-footer'; +import { GlobalFooterComponent, GlobalFooterLink } from '@delon/abc/global-footer'; import { NzIconModule } from 'ng-zorro-antd/icon'; @Component({ @@ -30,7 +30,7 @@ import { NzIconModule } from 'ng-zorro-antd/icon'; ` ], standalone: true, - imports: [GlobalFooterModule, NzIconModule] + imports: [GlobalFooterComponent, NzIconModule] }) export class DemoComponent { links: GlobalFooterLink[] = [ diff --git a/packages/abc/global-footer/global-footer-item.component.ts b/packages/abc/global-footer/global-footer-item.component.ts index ead0a6e38..63eddb566 100644 --- a/packages/abc/global-footer/global-footer-item.component.ts +++ b/packages/abc/global-footer/global-footer-item.component.ts @@ -8,7 +8,8 @@ import { BooleanInput, InputBoolean } from '@delon/util/decorator'; template: ` `, preserveWhitespaces: false, changeDetection: ChangeDetectionStrategy.OnPush, - encapsulation: ViewEncapsulation.None + encapsulation: ViewEncapsulation.None, + standalone: true }) export class GlobalFooterItemComponent { static ngAcceptInputType_blankTarget: BooleanInput; diff --git a/packages/abc/global-footer/global-footer.component.ts b/packages/abc/global-footer/global-footer.component.ts index b837e3a21..6231a6a08 100644 --- a/packages/abc/global-footer/global-footer.component.ts +++ b/packages/abc/global-footer/global-footer.component.ts @@ -1,4 +1,5 @@ import { Direction, Directionality } from '@angular/cdk/bidi'; +import { NgTemplateOutlet } from '@angular/common'; import { ChangeDetectionStrategy, ChangeDetectorRef, @@ -31,7 +32,9 @@ import { GlobalFooterLink } from './global-footer.types'; }, preserveWhitespaces: false, changeDetection: ChangeDetectionStrategy.OnPush, - encapsulation: ViewEncapsulation.None + encapsulation: ViewEncapsulation.None, + standalone: true, + imports: [NgTemplateOutlet] }) export class GlobalFooterComponent implements OnInit { private dir$ = this.directionality.change?.pipe(takeUntilDestroyed()); @@ -48,7 +51,7 @@ export class GlobalFooterComponent implements OnInit { return this._links; } - @ContentChildren(GlobalFooterItemComponent) items!: QueryList; + @ContentChildren(GlobalFooterItemComponent) readonly items!: QueryList; constructor( private router: Router, diff --git a/packages/abc/global-footer/global-footer.module.ts b/packages/abc/global-footer/global-footer.module.ts index 3937496da..c5efa9234 100644 --- a/packages/abc/global-footer/global-footer.module.ts +++ b/packages/abc/global-footer/global-footer.module.ts @@ -8,8 +8,7 @@ import { GlobalFooterComponent } from './global-footer.component'; const COMPONENTS = [GlobalFooterComponent, GlobalFooterItemComponent]; @NgModule({ - imports: [CommonModule, RouterModule], - declarations: COMPONENTS, + imports: [CommonModule, RouterModule, ...COMPONENTS], exports: COMPONENTS }) export class GlobalFooterModule {} diff --git a/packages/abc/global-footer/index.en-US.md b/packages/abc/global-footer/index.en-US.md index 132a7dafa..2b62c541f 100644 --- a/packages/abc/global-footer/index.en-US.md +++ b/packages/abc/global-footer/index.en-US.md @@ -10,14 +10,14 @@ The footer is part of the global navigation as a supplement to the top navigatio ## API -### global-footer +### global-footer:standalone | Property | Description | Type | Default | |----|----|----|-----| | `[links]` | Link data | `GlobalFooterLink` | - | | `[copyright]` | Copyright Information | `TemplateRef` | - | -### global-footer-item +### global-footer-item:standalone | Property | Description | Type | Default | |----|----|----|-----| diff --git a/packages/abc/global-footer/index.zh-CN.md b/packages/abc/global-footer/index.zh-CN.md index 02c14691b..6c7ad3a5b 100644 --- a/packages/abc/global-footer/index.zh-CN.md +++ b/packages/abc/global-footer/index.zh-CN.md @@ -10,14 +10,14 @@ module: import { GlobalFooterModule } from '@delon/abc/global-footer'; ## API -### global-footer +### global-footer:standalone | 参数 | 说明 | 类型 | 默认值 | |----|----|----|-----| | `[links]` | 链接数据 | `GlobalFooterLink` | - | | `[copyright]` | 版权信息 | `TemplateRef` | - | -### global-footer-item +### global-footer-item:standalone | 参数 | 说明 | 类型 | 默认值 | |----|----|----|-----| diff --git a/packages/abc/hotkey/index.en-US.md b/packages/abc/hotkey/index.en-US.md index a2b75401f..bc2f280e9 100644 --- a/packages/abc/hotkey/index.en-US.md +++ b/packages/abc/hotkey/index.en-US.md @@ -13,7 +13,7 @@ Based on the [@github/hotke](https://github.com/github/hotkey) hotkey library. ## API -### LoadingShowOptions +### [hotkey]:standalone | Property | Description | Type | Default | |----------|-------------|------|---------| diff --git a/packages/abc/hotkey/index.zh-CN.md b/packages/abc/hotkey/index.zh-CN.md index 37c356f33..f9a7349c8 100644 --- a/packages/abc/hotkey/index.zh-CN.md +++ b/packages/abc/hotkey/index.zh-CN.md @@ -13,7 +13,7 @@ module: import { HotkeyModule } from '@delon/abc/hotkey'; ## API -### [hotkey] +### [hotkey]:standalone | 成员 | 说明 | 类型 | 默认值 | |----|----|----|-----| diff --git a/packages/abc/let/index.en-US.md b/packages/abc/let/index.en-US.md index 9685babad..5b9cc8a27 100644 --- a/packages/abc/let/index.en-US.md +++ b/packages/abc/let/index.en-US.md @@ -20,7 +20,7 @@ Allows to reuse computed value in several places in template to avoid recalculat ## API -### [let] +### [let]:standalone | Property | Description | Type | Default | Global Config | |----------|-------------|------|---------|---------------| diff --git a/packages/abc/let/index.zh-CN.md b/packages/abc/let/index.zh-CN.md index 5ccf90096..2aa7ed08d 100644 --- a/packages/abc/let/index.zh-CN.md +++ b/packages/abc/let/index.zh-CN.md @@ -20,7 +20,7 @@ module: import { LetModule } from '@delon/abc/let'; ## API -### [let] +### [let]:standalone | 参数 | 说明 | 类型 | 默认值 | 全局配置 | |----|----|----|-----|------| diff --git a/packages/abc/loading/loading.component.ts b/packages/abc/loading/loading.component.ts index 0eaafe385..5412213f5 100644 --- a/packages/abc/loading/loading.component.ts +++ b/packages/abc/loading/loading.component.ts @@ -1,6 +1,10 @@ import { Direction } from '@angular/cdk/bidi'; +import { NgStyle } from '@angular/common'; import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core'; +import { NzIconDirective } from 'ng-zorro-antd/icon'; +import { NzSpinComponent } from 'ng-zorro-antd/spin'; + import { LoadingCustom, LoadingIcon, LoadingShowOptions } from './loading.types'; @Component({ @@ -12,7 +16,9 @@ import { LoadingCustom, LoadingIcon, LoadingShowOptions } from './loading.types' }, preserveWhitespaces: false, changeDetection: ChangeDetectionStrategy.OnPush, - encapsulation: ViewEncapsulation.None + encapsulation: ViewEncapsulation.None, + standalone: true, + imports: [NzSpinComponent, NzIconDirective, NgStyle] }) export class LoadingDefaultComponent { options!: LoadingShowOptions; diff --git a/packages/abc/loading/loading.module.ts b/packages/abc/loading/loading.module.ts index 81fc7b940..e0f63c452 100644 --- a/packages/abc/loading/loading.module.ts +++ b/packages/abc/loading/loading.module.ts @@ -11,8 +11,7 @@ import { LoadingDefaultComponent } from './loading.component'; const COMPONENTS = [LoadingDefaultComponent]; @NgModule({ - imports: [CommonModule, OverlayModule, PortalModule, NzIconModule, NzSpinModule], - declarations: COMPONENTS, + imports: [CommonModule, OverlayModule, PortalModule, NzIconModule, NzSpinModule, ...COMPONENTS], exports: COMPONENTS }) export class LoadingModule {} diff --git a/packages/abc/media/demo/custom.md b/packages/abc/media/demo/custom.md index a6aa17396..e5a895139 100644 --- a/packages/abc/media/demo/custom.md +++ b/packages/abc/media/demo/custom.md @@ -18,7 +18,7 @@ import { Component } from '@angular/core'; import type Plyr from 'plyr'; -import { MediaModule } from '@delon/abc/media'; +import { MediaComponent } from '@delon/abc/media'; import { NzButtonModule } from 'ng-zorro-antd/button'; @Component({ @@ -31,7 +31,7 @@ import { NzButtonModule } from 'ng-zorro-antd/button';
`, standalone: true, - imports: [NzButtonModule, MediaModule] + imports: [NzButtonModule, MediaComponent] }) export class DemoComponent { source: Plyr.SourceInfo = { diff --git a/packages/abc/media/demo/mp3.md b/packages/abc/media/demo/mp3.md index e8ade8165..b77179a4d 100644 --- a/packages/abc/media/demo/mp3.md +++ b/packages/abc/media/demo/mp3.md @@ -16,7 +16,7 @@ Specify `type="audio"` to play MP3. ```ts import { Component } from '@angular/core'; -import { MediaModule } from '@delon/abc/media'; +import { MediaComponent } from '@delon/abc/media'; import { NzButtonModule } from 'ng-zorro-antd/button'; @Component({ @@ -30,7 +30,7 @@ import { NzButtonModule } from 'ng-zorro-antd/button';
`, standalone: true, - imports: [NzButtonModule, MediaModule] + imports: [NzButtonModule, MediaComponent] }) export class DemoComponent { mp3 = `https://cdn.plyr.io/static/demo/Kishi_Bashi_-_It_All_Began_With_a_Burst.mp3`; diff --git a/packages/abc/media/demo/mp4.md b/packages/abc/media/demo/mp4.md index 753fb70ae..6b629d623 100644 --- a/packages/abc/media/demo/mp4.md +++ b/packages/abc/media/demo/mp4.md @@ -16,7 +16,7 @@ Simplest of usage. ```ts import { Component } from '@angular/core'; -import { MediaModule } from '@delon/abc/media'; +import { MediaComponent } from '@delon/abc/media'; import { NzButtonModule } from 'ng-zorro-antd/button'; @Component({ @@ -30,7 +30,7 @@ import { NzButtonModule } from 'ng-zorro-antd/button';
`, standalone: true, - imports: [NzButtonModule, MediaModule] + imports: [NzButtonModule, MediaComponent] }) export class DemoComponent { mp4 = `https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-576p.mp4`; diff --git a/packages/abc/media/index.en-US.md b/packages/abc/media/index.en-US.md index b9f6a640f..4a2456fa9 100644 --- a/packages/abc/media/index.en-US.md +++ b/packages/abc/media/index.en-US.md @@ -39,7 +39,7 @@ const alainConfig: AlainConfig = { ## API -### media +### [media]:standalone | Property | Description | Type | Default | Global Config | |----------|-------------|------|---------|---------------| diff --git a/packages/abc/media/index.zh-CN.md b/packages/abc/media/index.zh-CN.md index cf89a938a..6f1158c56 100644 --- a/packages/abc/media/index.zh-CN.md +++ b/packages/abc/media/index.zh-CN.md @@ -39,7 +39,7 @@ const alainConfig: AlainConfig = { ## API -### media +### [media]:standalone | 成员 | 说明 | 类型 | 默认值 | 全局配置 | |----|----|----|-----|------| diff --git a/packages/abc/media/media.component.ts b/packages/abc/media/media.component.ts index a89fce5ee..fc6b7d031 100644 --- a/packages/abc/media/media.component.ts +++ b/packages/abc/media/media.component.ts @@ -37,7 +37,8 @@ export type MediaType = 'html5' | 'youtube' | 'video' | 'audio'; }, preserveWhitespaces: false, changeDetection: ChangeDetectionStrategy.OnPush, - encapsulation: ViewEncapsulation.None + encapsulation: ViewEncapsulation.None, + standalone: true }) export class MediaComponent implements OnChanges, AfterViewInit, OnDestroy { static ngAcceptInputType_delay: NumberInput; diff --git a/packages/abc/media/media.module.ts b/packages/abc/media/media.module.ts index ea5a90e15..65acbe154 100644 --- a/packages/abc/media/media.module.ts +++ b/packages/abc/media/media.module.ts @@ -6,8 +6,7 @@ import { MediaComponent } from './media.component'; const COMPONENTS = [MediaComponent]; @NgModule({ - imports: [CommonModule], - declarations: COMPONENTS, + imports: [CommonModule, ...COMPONENTS], exports: COMPONENTS }) export class MediaModule {} diff --git a/packages/abc/notice-icon/demo/basic.md b/packages/abc/notice-icon/demo/basic.md index db9e8976f..f7f6f9d08 100644 --- a/packages/abc/notice-icon/demo/basic.md +++ b/packages/abc/notice-icon/demo/basic.md @@ -8,13 +8,13 @@ title: 通知图标 ```ts import { Component } from '@angular/core'; -import { NoticeIconModule } from '@delon/abc/notice-icon'; +import { NoticeIconComponent } from '@delon/abc/notice-icon'; @Component({ selector: 'app-demo', template: ` `, standalone: true, - imports: [NoticeIconModule] + imports: [NoticeIconComponent] }) export class DemoComponent {} ``` diff --git a/packages/abc/notice-icon/demo/popover.md b/packages/abc/notice-icon/demo/popover.md index 200e1ed21..dd2f53e84 100644 --- a/packages/abc/notice-icon/demo/popover.md +++ b/packages/abc/notice-icon/demo/popover.md @@ -10,7 +10,7 @@ import { Component, TemplateRef, ViewChild, inject } from '@angular/core'; import { add, formatDistanceToNow, parse } from 'date-fns'; -import { NoticeIconList, NoticeIconModule, NoticeIconSelect, NoticeItem } from '@delon/abc/notice-icon'; +import { NoticeIconList, NoticeIconComponent, NoticeIconSelect, NoticeItem } from '@delon/abc/notice-icon'; import { NzI18nService } from 'ng-zorro-antd/i18n'; import { NzMessageService } from 'ng-zorro-antd/message'; @@ -36,7 +36,7 @@ import { NzMessageService } from 'ng-zorro-antd/message'; `, standalone: true, - imports: [NoticeIconModule] + imports: [NoticeIconComponent] }) export class DemoComponent { private readonly msg = inject(NzMessageService); diff --git a/packages/abc/notice-icon/index.en-US.md b/packages/abc/notice-icon/index.en-US.md index 576c59ddf..947f85572 100644 --- a/packages/abc/notice-icon/index.en-US.md +++ b/packages/abc/notice-icon/index.en-US.md @@ -10,7 +10,7 @@ Used on the navigation toolbar as a unified notification center for the entire p ## API -### notice-icon +### notice-icon:standalone | Property | Description | Type | Default | |----------|-------------|------|---------| diff --git a/packages/abc/notice-icon/index.zh-CN.md b/packages/abc/notice-icon/index.zh-CN.md index ceebf65a9..08000d42b 100644 --- a/packages/abc/notice-icon/index.zh-CN.md +++ b/packages/abc/notice-icon/index.zh-CN.md @@ -10,7 +10,7 @@ module: import { NoticeIconModule } from '@delon/abc/notice-icon'; ## API -### notice-icon +### notice-icon:standalone | 参数 | 说明 | 类型 | 默认值 | |----|----|----|-----| diff --git a/packages/abc/notice-icon/notice-icon-tab.component.html b/packages/abc/notice-icon/notice-icon-tab.component.html index 5e2bd1bc8..62c181647 100644 --- a/packages/abc/notice-icon/notice-icon-tab.component.html +++ b/packages/abc/notice-icon/notice-icon-tab.component.html @@ -15,7 +15,7 @@ - + diff --git a/packages/abc/notice-icon/notice-icon-tab.component.ts b/packages/abc/notice-icon/notice-icon-tab.component.ts index eccd550fb..3f2fd8846 100644 --- a/packages/abc/notice-icon/notice-icon-tab.component.ts +++ b/packages/abc/notice-icon/notice-icon-tab.component.ts @@ -1,6 +1,10 @@ +import { NgTemplateOutlet } from '@angular/common'; import { Component, EventEmitter, Input, Output, ViewEncapsulation } from '@angular/core'; import { LocaleData } from '@delon/theme'; +import { NzStringTemplateOutletDirective } from 'ng-zorro-antd/core/outlet'; +import { NzListComponent, NzListItemComponent, NzListItemMetaComponent } from 'ng-zorro-antd/list'; +import { NzTagComponent } from 'ng-zorro-antd/tag'; import { NoticeIconSelect, NoticeItem } from './notice-icon.types'; @@ -9,7 +13,16 @@ import { NoticeIconSelect, NoticeItem } from './notice-icon.types'; exportAs: 'noticeIconTab', templateUrl: './notice-icon-tab.component.html', preserveWhitespaces: false, - encapsulation: ViewEncapsulation.None + encapsulation: ViewEncapsulation.None, + standalone: true, + imports: [ + NgTemplateOutlet, + NzStringTemplateOutletDirective, + NzListComponent, + NzListItemComponent, + NzListItemMetaComponent, + NzTagComponent + ] }) export class NoticeIconTabComponent { @Input() locale: LocaleData = {}; diff --git a/packages/abc/notice-icon/notice-icon.component.ts b/packages/abc/notice-icon/notice-icon.component.ts index 8dfd2b23e..99252a53a 100644 --- a/packages/abc/notice-icon/notice-icon.component.ts +++ b/packages/abc/notice-icon/notice-icon.component.ts @@ -1,3 +1,4 @@ +import { NgClass, NgTemplateOutlet } from '@angular/common'; import { ChangeDetectionStrategy, ChangeDetectorRef, @@ -14,8 +15,14 @@ import { Subscription } from 'rxjs'; import { DelonLocaleService, LocaleData } from '@delon/theme'; import { BooleanInput, InputBoolean, InputNumber, NumberInput } from '@delon/util/decorator'; +import { NzBadgeComponent } from 'ng-zorro-antd/badge'; import type { NgClassType } from 'ng-zorro-antd/core/types'; +import { NzDropDownDirective, NzDropdownMenuComponent } from 'ng-zorro-antd/dropdown'; +import { NzIconDirective } from 'ng-zorro-antd/icon'; +import { NzSpinComponent } from 'ng-zorro-antd/spin'; +import { NzTabComponent, NzTabSetComponent } from 'ng-zorro-antd/tabs'; +import { NoticeIconTabComponent } from './notice-icon-tab.component'; import { NoticeIconSelect, NoticeItem } from './notice-icon.types'; @Component({ @@ -25,7 +32,20 @@ import { NoticeIconSelect, NoticeItem } from './notice-icon.types'; host: { '[class.notice-icon__btn]': 'true' }, preserveWhitespaces: false, changeDetection: ChangeDetectionStrategy.OnPush, - encapsulation: ViewEncapsulation.None + encapsulation: ViewEncapsulation.None, + standalone: true, + imports: [ + NgClass, + NgTemplateOutlet, + NzBadgeComponent, + NzIconDirective, + NzDropDownDirective, + NzDropdownMenuComponent, + NzSpinComponent, + NzTabSetComponent, + NzTabComponent, + NoticeIconTabComponent + ] }) export class NoticeIconComponent implements OnInit, OnChanges, OnDestroy { static ngAcceptInputType_count: NumberInput; diff --git a/packages/abc/notice-icon/notice-icon.module.ts b/packages/abc/notice-icon/notice-icon.module.ts index 298ff8e72..1422d8dfb 100644 --- a/packages/abc/notice-icon/notice-icon.module.ts +++ b/packages/abc/notice-icon/notice-icon.module.ts @@ -27,9 +27,10 @@ const COMPONENTS = [NoticeIconComponent]; NzSpinModule, NzTabsModule, NzTagModule, - NzOutletModule + NzOutletModule, + ...COMPONENTS, + NoticeIconTabComponent ], - declarations: [...COMPONENTS, NoticeIconTabComponent], exports: COMPONENTS }) export class NoticeIconModule {} diff --git a/packages/abc/observers/index.en-US.md b/packages/abc/observers/index.en-US.md index f4c40487a..a7640509f 100644 --- a/packages/abc/observers/index.en-US.md +++ b/packages/abc/observers/index.en-US.md @@ -9,7 +9,7 @@ The `ObserversModule` package provides convenience directives built on top of na ## API -### [observeSize] +### [observeSize]:standalone Watch the DOM size change. diff --git a/packages/abc/observers/index.zh-CN.md b/packages/abc/observers/index.zh-CN.md index d1bc13cfe..22d1df1c9 100644 --- a/packages/abc/observers/index.zh-CN.md +++ b/packages/abc/observers/index.zh-CN.md @@ -10,7 +10,7 @@ module: import { ObserversModule } from '@delon/abc/observers'; ## API -### [observeSize] +### [observeSize]:standalone 观察DOM大小变化。 diff --git a/packages/abc/onboarding/demo/basic.md b/packages/abc/onboarding/demo/basic.md index 4bf011058..0ea15c4f2 100644 --- a/packages/abc/onboarding/demo/basic.md +++ b/packages/abc/onboarding/demo/basic.md @@ -16,7 +16,7 @@ Simplest of usage. ```ts import { Component, inject } from '@angular/core'; -import { OnboardingConfig, OnboardingModule, OnboardingService } from '@delon/abc/onboarding'; +import { OnboardingConfig, OnboardingService } from '@delon/abc/onboarding'; import { _HttpClient } from '@delon/theme'; import { NzButtonModule } from 'ng-zorro-antd/button'; import { NzMessageService } from 'ng-zorro-antd/message'; @@ -41,7 +41,7 @@ import { NzMessageService } from 'ng-zorro-antd/message'; `, standalone: true, - imports: [NzButtonModule, OnboardingModule] + imports: [NzButtonModule] }) export class DemoComponent { private readonly msg = inject(NzMessageService); diff --git a/packages/abc/onboarding/demo/multiple-pages.md b/packages/abc/onboarding/demo/multiple-pages.md index ce2eb1788..8ff5fdab8 100644 --- a/packages/abc/onboarding/demo/multiple-pages.md +++ b/packages/abc/onboarding/demo/multiple-pages.md @@ -16,7 +16,7 @@ Use `url` to change the routing, it's recommended to use `before` to delay, othe ```ts import { Component, inject } from '@angular/core'; -import { OnboardingModule, OnboardingService } from '@delon/abc/onboarding'; +import { OnboardingService } from '@delon/abc/onboarding'; import { _HttpClient } from '@delon/theme'; import { NzButtonModule } from 'ng-zorro-antd/button'; @@ -30,7 +30,7 @@ import { NzButtonModule } from 'ng-zorro-antd/button'; `, standalone: true, - imports: [NzButtonModule, OnboardingModule] + imports: [NzButtonModule] }) export class DemoComponent { private readonly srv = inject(OnboardingService); diff --git a/packages/abc/onboarding/onboarding.component.ts b/packages/abc/onboarding/onboarding.component.ts index 84222b35f..60b442553 100644 --- a/packages/abc/onboarding/onboarding.component.ts +++ b/packages/abc/onboarding/onboarding.component.ts @@ -15,6 +15,9 @@ import { ViewEncapsulation } from '@angular/core'; +import { NzButtonComponent } from 'ng-zorro-antd/button'; +import { NzNoAnimationDirective } from 'ng-zorro-antd/core/no-animation'; +import { NzStringTemplateOutletDirective } from 'ng-zorro-antd/core/outlet'; import type { NzSafeAny } from 'ng-zorro-antd/core/types'; import { NzPopoverDirective } from 'ng-zorro-antd/popover'; @@ -40,7 +43,9 @@ interface OnboardingLightData { }, preserveWhitespaces: false, changeDetection: ChangeDetectionStrategy.OnPush, - encapsulation: ViewEncapsulation.None + encapsulation: ViewEncapsulation.None, + standalone: true, + imports: [NzPopoverDirective, NzStringTemplateOutletDirective, NzButtonComponent, NzNoAnimationDirective] }) export class OnboardingComponent implements OnDestroy, AfterViewInit { private time: NzSafeAny; diff --git a/packages/abc/onboarding/onboarding.module.ts b/packages/abc/onboarding/onboarding.module.ts index 0cb8f63b0..cce725a37 100644 --- a/packages/abc/onboarding/onboarding.module.ts +++ b/packages/abc/onboarding/onboarding.module.ts @@ -8,14 +8,19 @@ import { NzOutletModule } from 'ng-zorro-antd/core/outlet'; import { NzPopoverModule } from 'ng-zorro-antd/popover'; import { OnboardingComponent } from './onboarding.component'; -import { OnboardingService } from './onboarding.service'; const COMPONENTS = [OnboardingComponent]; @NgModule({ - imports: [CommonModule, DelonLocaleModule, NzPopoverModule, NzOutletModule, NzButtonModule, NzNoAnimationModule], - declarations: COMPONENTS, - providers: [OnboardingService], + imports: [ + CommonModule, + DelonLocaleModule, + NzPopoverModule, + NzOutletModule, + NzButtonModule, + NzNoAnimationModule, + COMPONENTS + ], exports: COMPONENTS }) export class OnboardingModule {} diff --git a/packages/abc/onboarding/onboarding.service.ts b/packages/abc/onboarding/onboarding.service.ts index b401721b3..2c3bfb00f 100644 --- a/packages/abc/onboarding/onboarding.service.ts +++ b/packages/abc/onboarding/onboarding.service.ts @@ -21,7 +21,7 @@ import { OnboardingComponent } from './onboarding.component'; import { ONBOARDING_STORE_TOKEN, OnBoardingKeyStore } from './onboarding.storage'; import { OnboardingConfig, OnboardingItem, OnboardingOpType } from './onboarding.types'; -@Injectable() +@Injectable({ providedIn: 'root' }) export class OnboardingService implements OnDestroy { private compRef!: ComponentRef; private op$!: Subscription; diff --git a/packages/abc/page-header/demo/image.md b/packages/abc/page-header/demo/image.md index 804d62086..2474e8999 100644 --- a/packages/abc/page-header/demo/image.md +++ b/packages/abc/page-header/demo/image.md @@ -11,7 +11,7 @@ bg: f2f4f5 ```ts import { Component } from '@angular/core'; -import { PageHeaderModule } from '@delon/abc/page-header'; +import { PageHeaderComponent } from '@delon/abc/page-header'; import { NzBreadCrumbModule } from 'ng-zorro-antd/breadcrumb'; @Component({ @@ -50,7 +50,7 @@ import { NzBreadCrumbModule } from 'ng-zorro-antd/breadcrumb'; `, standalone: true, - imports: [PageHeaderModule, NzBreadCrumbModule] + imports: [PageHeaderComponent, NzBreadCrumbModule] }) export class DemoComponent {} ``` diff --git a/packages/abc/page-header/demo/simple.md b/packages/abc/page-header/demo/simple.md index f8363ed61..9a2915f5e 100644 --- a/packages/abc/page-header/demo/simple.md +++ b/packages/abc/page-header/demo/simple.md @@ -9,7 +9,7 @@ bg: f2f4f5 ```ts import { Component } from '@angular/core'; -import { PageHeaderModule } from '@delon/abc/page-header'; +import { PageHeaderComponent } from '@delon/abc/page-header'; import { NzBreadCrumbModule } from 'ng-zorro-antd/breadcrumb'; @Component({ @@ -26,7 +26,7 @@ import { NzBreadCrumbModule } from 'ng-zorro-antd/breadcrumb'; `, standalone: true, - imports: [PageHeaderModule, NzBreadCrumbModule] + imports: [PageHeaderComponent, NzBreadCrumbModule] }) export class DemoComponent {} ``` diff --git a/packages/abc/page-header/demo/standard.md b/packages/abc/page-header/demo/standard.md index dff67f6a6..012862eb5 100644 --- a/packages/abc/page-header/demo/standard.md +++ b/packages/abc/page-header/demo/standard.md @@ -11,7 +11,7 @@ bg: f2f4f5 ```ts import { Component, inject } from '@angular/core'; -import { PageHeaderModule } from '@delon/abc/page-header'; +import { PageHeaderComponent } from '@delon/abc/page-header'; import { SVModule } from '@delon/abc/sv'; import { NzBreadCrumbModule } from 'ng-zorro-antd/breadcrumb'; import { NzButtonModule } from 'ng-zorro-antd/button'; @@ -90,7 +90,7 @@ import { NzTabsModule } from 'ng-zorro-antd/tabs'; `, standalone: true, imports: [ - PageHeaderModule, + PageHeaderComponent, NzBreadCrumbModule, NzButtonModule, NzDropDownModule, diff --git a/packages/abc/page-header/demo/structure.md b/packages/abc/page-header/demo/structure.md index cc889b3ca..617ebd752 100644 --- a/packages/abc/page-header/demo/structure.md +++ b/packages/abc/page-header/demo/structure.md @@ -11,7 +11,7 @@ bg: f2f4f5 ```ts import { Component, ViewEncapsulation } from '@angular/core'; -import { PageHeaderModule } from '@delon/abc/page-header'; +import { PageHeaderComponent } from '@delon/abc/page-header'; import { NzTabsModule } from 'ng-zorro-antd/tabs'; @Component({ @@ -62,7 +62,7 @@ import { NzTabsModule } from 'ng-zorro-antd/tabs'; ], encapsulation: ViewEncapsulation.Emulated, standalone: true, - imports: [PageHeaderModule, NzTabsModule] + imports: [PageHeaderComponent, NzTabsModule] }) export class DemoComponent {} ``` diff --git a/packages/abc/page-header/index.en-US.md b/packages/abc/page-header/index.en-US.md index 84bfa62d3..79eba83b0 100644 --- a/packages/abc/page-header/index.en-US.md +++ b/packages/abc/page-header/index.en-US.md @@ -10,7 +10,7 @@ The page header is used to declare the subject of the page and contains the most ## API -### page-header +### page-header:standalone | Property | Description | Type | Default | Global Config | |----------|-------------|------|---------|---------------| diff --git a/packages/abc/page-header/index.zh-CN.md b/packages/abc/page-header/index.zh-CN.md index 47097d187..95bef90e6 100644 --- a/packages/abc/page-header/index.zh-CN.md +++ b/packages/abc/page-header/index.zh-CN.md @@ -10,7 +10,7 @@ module: import { PageHeaderModule } from '@delon/abc/page-header'; ## API -### page-header +### page-header:standalone | 成员 | 说明 | 类型 | 默认值 | 全局配置 | |----|----|----|-----|------| diff --git a/packages/abc/page-header/page-header.component.html b/packages/abc/page-header/page-header.component.html index f92a86931..75d9f2e86 100644 --- a/packages/abc/page-header/page-header.component.html +++ b/packages/abc/page-header/page-header.component.html @@ -7,7 +7,7 @@ }