avancement planning
This commit is contained in:
+57
-82
@@ -1,7 +1,6 @@
|
||||
import * as i0 from '@angular/core';
|
||||
import { ViewEncapsulation, ChangeDetectionStrategy, Component, Directive, inject, ChangeDetectorRef, DestroyRef, Input, NgModule } from '@angular/core';
|
||||
import { ViewEncapsulation, ChangeDetectionStrategy, Component, Directive, inject, input, computed, NgModule } from '@angular/core';
|
||||
import { Directionality } from '@angular/cdk/bidi';
|
||||
import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
|
||||
import * as i1 from 'ng-zorro-antd/core/outlet';
|
||||
import { NzOutletModule } from 'ng-zorro-antd/core/outlet';
|
||||
import * as i2 from 'ng-zorro-antd/icon';
|
||||
@@ -1770,12 +1769,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
|
||||
}] });
|
||||
class NzResultIconDirective {
|
||||
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: NzResultIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
||||
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.0", type: NzResultIconDirective, isStandalone: true, selector: "i[nz-result-icon], div[nz-result-icon]", exportAs: ["nzResultIcon"], ngImport: i0 });
|
||||
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.0", type: NzResultIconDirective, isStandalone: true, selector: "[nz-result-icon]", exportAs: ["nzResultIcon"], ngImport: i0 });
|
||||
}
|
||||
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: NzResultIconDirective, decorators: [{
|
||||
type: Directive,
|
||||
args: [{
|
||||
selector: 'i[nz-result-icon], div[nz-result-icon]',
|
||||
selector: '[nz-result-icon]',
|
||||
exportAs: 'nzResultIcon'
|
||||
}]
|
||||
}] });
|
||||
@@ -1820,51 +1819,40 @@ const IconMap = {
|
||||
};
|
||||
const ExceptionStatus = ['404', '500', '403'];
|
||||
class NzResultComponent {
|
||||
cdr = inject(ChangeDetectorRef);
|
||||
directionality = inject(Directionality);
|
||||
destroyRef = inject(DestroyRef);
|
||||
nzIcon;
|
||||
nzTitle;
|
||||
nzStatus = 'info';
|
||||
nzSubTitle;
|
||||
nzExtra;
|
||||
icon;
|
||||
isException = false;
|
||||
dir = 'ltr';
|
||||
ngOnInit() {
|
||||
this.directionality.change?.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(direction => {
|
||||
this.dir = direction;
|
||||
this.cdr.detectChanges();
|
||||
});
|
||||
this.dir = this.directionality.value;
|
||||
}
|
||||
ngOnChanges() {
|
||||
this.setStatusIcon();
|
||||
}
|
||||
setStatusIcon() {
|
||||
const icon = this.nzIcon;
|
||||
this.isException = ExceptionStatus.indexOf(this.nzStatus) !== -1;
|
||||
this.icon = icon
|
||||
? typeof icon === 'string'
|
||||
? IconMap[icon] || icon
|
||||
: icon
|
||||
: this.isException
|
||||
? undefined
|
||||
: IconMap[this.nzStatus];
|
||||
}
|
||||
dir = inject(Directionality).valueSignal;
|
||||
nzIcon = input(...(ngDevMode ? [undefined, { debugName: "nzIcon" }] : []));
|
||||
nzTitle = input(...(ngDevMode ? [undefined, { debugName: "nzTitle" }] : []));
|
||||
nzSubTitle = input(...(ngDevMode ? [undefined, { debugName: "nzSubTitle" }] : []));
|
||||
nzExtra = input(...(ngDevMode ? [undefined, { debugName: "nzExtra" }] : []));
|
||||
nzStatus = input('info', ...(ngDevMode ? [{ debugName: "nzStatus" }] : []));
|
||||
class = computed(() => {
|
||||
return {
|
||||
'ant-result': true,
|
||||
[`ant-result-${this.nzStatus()}`]: true,
|
||||
'ant-result-rtl': this.dir() === 'rtl'
|
||||
};
|
||||
}, ...(ngDevMode ? [{ debugName: "class" }] : []));
|
||||
isException = computed(() => ExceptionStatus.indexOf(this.nzStatus()) !== -1, ...(ngDevMode ? [{ debugName: "isException" }] : []));
|
||||
icon = computed(() => {
|
||||
const icon = this.nzIcon();
|
||||
return typeof icon === 'string' ? IconMap[icon] || icon : icon;
|
||||
}, ...(ngDevMode ? [{ debugName: "icon" }] : []));
|
||||
defaultIcon = computed(() => IconMap[this.nzStatus()], ...(ngDevMode ? [{ debugName: "defaultIcon" }] : []));
|
||||
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: NzResultComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
||||
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.0", type: NzResultComponent, isStandalone: true, selector: "nz-result", inputs: { nzIcon: "nzIcon", nzTitle: "nzTitle", nzStatus: "nzStatus", nzSubTitle: "nzSubTitle", nzExtra: "nzExtra" }, host: { properties: { "class.ant-result-success": "nzStatus === 'success'", "class.ant-result-error": "nzStatus === 'error'", "class.ant-result-info": "nzStatus === 'info'", "class.ant-result-warning": "nzStatus === 'warning'", "class.ant-result-rtl": "dir === 'rtl'" }, classAttribute: "ant-result" }, exportAs: ["nzResult"], usesOnChanges: true, ngImport: i0, template: `
|
||||
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.0", type: NzResultComponent, isStandalone: true, selector: "nz-result", inputs: { nzIcon: { classPropertyName: "nzIcon", publicName: "nzIcon", isSignal: true, isRequired: false, transformFunction: null }, nzTitle: { classPropertyName: "nzTitle", publicName: "nzTitle", isSignal: true, isRequired: false, transformFunction: null }, nzSubTitle: { classPropertyName: "nzSubTitle", publicName: "nzSubTitle", isSignal: true, isRequired: false, transformFunction: null }, nzExtra: { classPropertyName: "nzExtra", publicName: "nzExtra", isSignal: true, isRequired: false, transformFunction: null }, nzStatus: { classPropertyName: "nzStatus", publicName: "nzStatus", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "class()" } }, exportAs: ["nzResult"], ngImport: i0, template: `
|
||||
<div class="ant-result-icon">
|
||||
@if (!isException) {
|
||||
@if (icon) {
|
||||
<ng-container *nzStringTemplateOutlet="icon; let icon">
|
||||
@if (!isException()) {
|
||||
@if (icon()) {
|
||||
<ng-container *nzStringTemplateOutlet="icon(); let icon">
|
||||
<nz-icon [nzType]="icon" nzTheme="fill" />
|
||||
</ng-container>
|
||||
} @else {
|
||||
<ng-content select="[nz-result-icon]"></ng-content>
|
||||
<ng-content select="[nz-result-icon]">
|
||||
<nz-icon [nzType]="defaultIcon()" nzTheme="fill" />
|
||||
</ng-content>
|
||||
}
|
||||
} @else {
|
||||
@switch (nzStatus) {
|
||||
@switch (nzStatus()) {
|
||||
@case ('404') {
|
||||
<nz-result-not-found />
|
||||
}
|
||||
@@ -1877,25 +1865,25 @@ class NzResultComponent {
|
||||
}
|
||||
}
|
||||
</div>
|
||||
@if (nzTitle) {
|
||||
<div class="ant-result-title" *nzStringTemplateOutlet="nzTitle">
|
||||
{{ nzTitle }}
|
||||
@if (nzTitle()) {
|
||||
<div class="ant-result-title" *nzStringTemplateOutlet="nzTitle()">
|
||||
{{ nzTitle() }}
|
||||
</div>
|
||||
} @else {
|
||||
<ng-content select="div[nz-result-title]"></ng-content>
|
||||
}
|
||||
|
||||
@if (nzSubTitle) {
|
||||
<div class="ant-result-subtitle" *nzStringTemplateOutlet="nzSubTitle">
|
||||
{{ nzSubTitle }}
|
||||
@if (nzSubTitle()) {
|
||||
<div class="ant-result-subtitle" *nzStringTemplateOutlet="nzSubTitle()">
|
||||
{{ nzSubTitle() }}
|
||||
</div>
|
||||
} @else {
|
||||
<ng-content select="div[nz-result-subtitle]"></ng-content>
|
||||
}
|
||||
<ng-content select="nz-result-content, [nz-result-content]"></ng-content>
|
||||
@if (nzExtra) {
|
||||
<div class="ant-result-extra" *nzStringTemplateOutlet="nzExtra">
|
||||
{{ nzExtra }}
|
||||
@if (nzExtra()) {
|
||||
<div class="ant-result-extra" *nzStringTemplateOutlet="nzExtra()">
|
||||
{{ nzExtra() }}
|
||||
</div>
|
||||
} @else {
|
||||
<ng-content select="div[nz-result-extra]"></ng-content>
|
||||
@@ -1909,16 +1897,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
|
||||
exportAs: 'nzResult',
|
||||
template: `
|
||||
<div class="ant-result-icon">
|
||||
@if (!isException) {
|
||||
@if (icon) {
|
||||
<ng-container *nzStringTemplateOutlet="icon; let icon">
|
||||
@if (!isException()) {
|
||||
@if (icon()) {
|
||||
<ng-container *nzStringTemplateOutlet="icon(); let icon">
|
||||
<nz-icon [nzType]="icon" nzTheme="fill" />
|
||||
</ng-container>
|
||||
} @else {
|
||||
<ng-content select="[nz-result-icon]"></ng-content>
|
||||
<ng-content select="[nz-result-icon]">
|
||||
<nz-icon [nzType]="defaultIcon()" nzTheme="fill" />
|
||||
</ng-content>
|
||||
}
|
||||
} @else {
|
||||
@switch (nzStatus) {
|
||||
@switch (nzStatus()) {
|
||||
@case ('404') {
|
||||
<nz-result-not-found />
|
||||
}
|
||||
@@ -1931,37 +1921,32 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
|
||||
}
|
||||
}
|
||||
</div>
|
||||
@if (nzTitle) {
|
||||
<div class="ant-result-title" *nzStringTemplateOutlet="nzTitle">
|
||||
{{ nzTitle }}
|
||||
@if (nzTitle()) {
|
||||
<div class="ant-result-title" *nzStringTemplateOutlet="nzTitle()">
|
||||
{{ nzTitle() }}
|
||||
</div>
|
||||
} @else {
|
||||
<ng-content select="div[nz-result-title]"></ng-content>
|
||||
}
|
||||
|
||||
@if (nzSubTitle) {
|
||||
<div class="ant-result-subtitle" *nzStringTemplateOutlet="nzSubTitle">
|
||||
{{ nzSubTitle }}
|
||||
@if (nzSubTitle()) {
|
||||
<div class="ant-result-subtitle" *nzStringTemplateOutlet="nzSubTitle()">
|
||||
{{ nzSubTitle() }}
|
||||
</div>
|
||||
} @else {
|
||||
<ng-content select="div[nz-result-subtitle]"></ng-content>
|
||||
}
|
||||
<ng-content select="nz-result-content, [nz-result-content]"></ng-content>
|
||||
@if (nzExtra) {
|
||||
<div class="ant-result-extra" *nzStringTemplateOutlet="nzExtra">
|
||||
{{ nzExtra }}
|
||||
@if (nzExtra()) {
|
||||
<div class="ant-result-extra" *nzStringTemplateOutlet="nzExtra()">
|
||||
{{ nzExtra() }}
|
||||
</div>
|
||||
} @else {
|
||||
<ng-content select="div[nz-result-extra]"></ng-content>
|
||||
}
|
||||
`,
|
||||
host: {
|
||||
class: 'ant-result',
|
||||
'[class.ant-result-success]': `nzStatus === 'success'`,
|
||||
'[class.ant-result-error]': `nzStatus === 'error'`,
|
||||
'[class.ant-result-info]': `nzStatus === 'info'`,
|
||||
'[class.ant-result-warning]': `nzStatus === 'warning'`,
|
||||
'[class.ant-result-rtl]': `dir === 'rtl'`
|
||||
'[class]': 'class()'
|
||||
},
|
||||
imports: [
|
||||
NzOutletModule,
|
||||
@@ -1973,17 +1958,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
|
||||
changeDetection: ChangeDetectionStrategy.OnPush,
|
||||
encapsulation: ViewEncapsulation.None
|
||||
}]
|
||||
}], propDecorators: { nzIcon: [{
|
||||
type: Input
|
||||
}], nzTitle: [{
|
||||
type: Input
|
||||
}], nzStatus: [{
|
||||
type: Input
|
||||
}], nzSubTitle: [{
|
||||
type: Input
|
||||
}], nzExtra: [{
|
||||
type: Input
|
||||
}] } });
|
||||
}] });
|
||||
|
||||
/**
|
||||
* Use of this source code is governed by an MIT-style license that can be
|
||||
|
||||
Reference in New Issue
Block a user