@delon/abc 16.2.1 → 16.3.0

package/cell/cell-host.directive.d.ts

@@ -0,0 +1,13 @@
+import { OnInit, ViewContainerRef } from '@angular/core';
+import { CellService } from './cell.service';
+import { CellWidgetData } from './cell.types';
+import * as i0 from "@angular/core";
+export declare class CellHostDirective implements OnInit {
+    private srv;
+    private viewContainerRef;
+    data: CellWidgetData;
+    constructor(srv: CellService, viewContainerRef: ViewContainerRef);
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CellHostDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CellHostDirective, "[cell-widget-host]", never, { "data": { "alias": "data"; "required": false; }; }, {}, never, never, false, never>;
+}

package/cell/cell.component.d.ts

@@ -0,0 +1,45 @@
+import { ChangeDetectorRef, ElementRef, EventEmitter, OnChanges, OnDestroy, Renderer2, SimpleChange } from '@angular/core';
+import type { SafeValue } from '@angular/platform-browser';
+import { Router } from '@angular/router';
+import { BooleanInput } from '@delon/util/decorator';
+import type { NzSafeAny } from 'ng-zorro-antd/core/types';
+import { NzImageService } from 'ng-zorro-antd/image';
+import { CellService } from './cell.service';
+import type { CellOptions, CellTextResult, CellValue, CellWidgetData } from './cell.types';
+import * as i0 from "@angular/core";
+export declare class CellComponent implements OnChanges, OnDestroy {
+    private srv;
+    private router;
+    private cdr;
+    private el;
+    private renderer;
+    private imgSrv;
+    private win;
+    static ngAcceptInputType_loading: BooleanInput;
+    static ngAcceptInputType_disabled: BooleanInput;
+    private destroy$?;
+    _text: string | SafeValue | string[] | number;
+    _unit?: string;
+    res?: CellTextResult;
+    showDefault: boolean;
+    value?: CellValue;
+    readonly valueChange: EventEmitter<any>;
+    options?: CellOptions;
+    loading: boolean;
+    disabled: boolean;
+    get safeOpt(): CellOptions;
+    get isText(): boolean;
+    get hostData(): CellWidgetData;
+    constructor(srv: CellService, router: Router, cdr: ChangeDetectorRef, el: ElementRef<HTMLElement>, renderer: Renderer2, imgSrv: NzImageService, win: any);
+    private updateValue;
+    private setClass;
+    ngOnChanges(changes: {
+        [p in keyof CellComponent]?: SimpleChange;
+    }): void;
+    change(value: NzSafeAny): void;
+    _link(e: Event): void;
+    _showImg(img: string): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CellComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CellComponent, "cell, [cell]", ["cell"], { "value": { "alias": "value"; "required": false; }; "options": { "alias": "options"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, false, never>;
+}

package/cell/cell.module.d.ts

@@ -0,0 +1,17 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./cell.component";
+import * as i2 from "./cell-host.directive";
+import * as i3 from "@angular/common";
+import * as i4 from "@angular/forms";
+import * as i5 from "ng-zorro-antd/checkbox";
+import * as i6 from "ng-zorro-antd/radio";
+import * as i7 from "ng-zorro-antd/badge";
+import * as i8 from "ng-zorro-antd/tag";
+import * as i9 from "ng-zorro-antd/tooltip";
+import * as i10 from "ng-zorro-antd/icon";
+import * as i11 from "ng-zorro-antd/experimental/image";
+export declare class CellModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CellModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<CellModule, [typeof i1.CellComponent, typeof i2.CellHostDirective], [typeof i3.CommonModule, typeof i4.FormsModule, typeof i5.NzCheckboxModule, typeof i6.NzRadioModule, typeof i7.NzBadgeModule, typeof i8.NzTagModule, typeof i9.NzToolTipModule, typeof i10.NzIconModule, typeof i11.NzImageModule], [typeof i1.CellComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<CellModule>;
+}

package/cell/cell.service.d.ts

@@ -0,0 +1,23 @@
+import { Type } from '@angular/core';
+import { DomSanitizer } from '@angular/platform-browser';
+import { Observable } from 'rxjs';
+import { AlainConfigService } from '@delon/util/config';
+import { CurrencyService } from '@delon/util/format';
+import { NzI18nService } from 'ng-zorro-antd/i18n';
+import type { CellOptions, CellTextResult, CellWidget } from './cell.types';
+import * as i0 from "@angular/core";
+export declare class CellService {
+    private nzI18n;
+    private currency;
+    private dom;
+    private globalOptions;
+    private widgets;
+    constructor(configSrv: AlainConfigService, nzI18n: NzI18nService, currency: CurrencyService, dom: DomSanitizer);
+    registerWidget(key: string, widget: Type<unknown>): void;
+    getWidget(key: string): CellWidget | undefined;
+    private genType;
+    fixOptions(options?: CellOptions): CellOptions;
+    get(value: unknown, options?: CellOptions): Observable<CellTextResult>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CellService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<CellService>;
+}

package/cell/cell.types.d.ts

@@ -0,0 +1,238 @@
+import type { Type } from '@angular/core';
+import type { SafeValue } from '@angular/platform-browser';
+import type { Observable } from 'rxjs';
+import type { CurrencyCNYOptions, CurrencyFormatOptions, CurrencyMegaOptions, FormatMaskOption } from '@delon/util/format';
+import type { NzImagePreviewOptions } from 'ng-zorro-antd/image';
+export type CellRenderType = 'primary' | 'success' | 'danger' | 'warning';
+export type CellSize = 'large' | 'small';
+export type CellBaseValue = string | number | boolean | Date | null | undefined | SafeValue;
+export interface CellTextUnit {
+    text?: string | SafeValue | string[] | number;
+    color?: string;
+    unit?: string;
+}
+export interface CellTextResult {
+    result: CellTextUnit;
+    safeHtml?: 'text' | 'html' | 'safeHtml';
+    options: CellOptions;
+}
+export type CellValue = CellBaseValue | CellBaseValue[] | CellTextUnit | CellFuValue;
+export type CellFuValue = (value: unknown, options: CellOptions) => Observable<CellTextUnit>;
+export type CellWidgetFn = (value: unknown, options: CellOptions) => CellTextUnit;
+export interface CellWidget {
+    type: 'fn' | 'widget';
+    ref: Type<unknown> | CellWidgetFn;
+}
+export type CellType = 'string' | 'number' | 'mega' | 'currency' | 'cny' | 'boolean' | 'date' | 'img' | 'link' | 'html' | 'badge' | 'tag' | 'checkbox' | 'radio' | 'enum' | 'widget';
+export interface CellOptions {
+    /**
+     * 指定渲染类型，若不指定则根据 `value` 类型自动转换
+     */
+    type?: CellType;
+    tooltip?: string;
+    /**
+     * Render Type
+     *
+     * 渲染类型
+     */
+    renderType?: CellRenderType;
+    /**
+     * Size
+     *
+     * 大小
+     */
+    size?: CellSize;
+    /**
+     * Default Text
+     *
+     * 默认文本
+     */
+    default?: CellDefaultText;
+    /**
+     * Unit
+     *
+     * 单位
+     */
+    unit?: string;
+    /**
+     * Format mask, [Document](https://ng-alain.com/util/format/en#formatMask)
+     *
+     * 格式化掩码, 参考[文档](https://ng-alain.com/util/format/zh#formatMask)
+     */
+    mask?: string | FormatMaskOption;
+    widget?: {
+        key?: string;
+        data?: unknown;
+    };
+    /**
+     * Date config, supports `minutes ago` formatting
+     *
+     * 日期配置，支持 `几分钟前` 格式化
+     */
+    date?: {
+        /**
+         * 格式化字符，默认：`yyyy-MM-dd HH:mm:ss`
+         * - 若值为 `fn` 时，渲染为 `几分钟前`
+         */
+        format?: string;
+    };
+    /**
+     * Large number format filter, [Document](https://ng-alain.com/util/format/en#mega)
+     *
+     * 大数据格式化，[文档](https://ng-alain.com/util/format/en#mega)
+     */
+    mega?: CurrencyMegaOptions;
+    /**
+     * 货币
+     */
+    currency?: CurrencyFormatOptions;
+    /**
+     * Converted into RMB notation
+     *
+     * 转化成人民币表示法
+     */
+    cny?: CurrencyCNYOptions;
+    /**
+     * 布尔
+     */
+    boolean?: {
+        yes?: string;
+        no?: string;
+        mode?: 'full' | 'icon' | 'text';
+    };
+    /**
+     * Image config, support large image preview
+     *
+     * 图像配置，支持大图预览
+     */
+    img?: {
+        size?: number;
+        /**
+         * 点击查看大图，若 `true` 表示直接使用当前作为大图
+         */
+        big?: true | string | ((value: unknown) => string);
+        previewOptions?: NzImagePreviewOptions;
+    };
+    /**
+     * Link, if it starts with `/`, it means routing jump
+     *
+     * 链接，若指定URL是以 `/` 开头视为路由跳转
+     */
+    link?: {
+        /**
+         * Link, if it starts with `/`, it means routing jump
+         *
+         * 链接，若指定URL是以 `/` 开头视为路由跳转
+         */
+        url?: string;
+        /**
+         * Open type of the external link
+         *
+         * 外链的打开方式
+         */
+        target?: '_blank' | '_self' | '_parent' | '_top';
+    };
+    /**
+     * HTML config
+     *
+     * HTML 配置
+     */
+    html?: {
+        safe?: 'text' | 'html' | 'safeHtml';
+    };
+    /**
+     * Badge config
+     *
+     * 徽章配置
+     */
+    badge?: {
+        data?: CellBadge;
+    };
+    /**
+     * Tag config
+     *
+     * 标签配置
+     */
+    tag?: {
+        data?: CellTag;
+    };
+    /**
+     * Checkbox config
+     *
+     * 复选框配置
+     */
+    checkbox?: {
+        label?: string;
+    };
+    /**
+     * Radio config
+     *
+     * 单选框配置
+     */
+    radio?: {
+        label?: string;
+    };
+    enum?: {
+        [key: string]: string;
+        [key: number]: string;
+    };
+}
+/**
+ * 徽标信息
+ */
+export interface CellBadge {
+    [key: number]: CellBadgeValue;
+    [key: string]: CellBadgeValue;
+}
+export interface CellBadgeValue {
+    /**
+     * 文本
+     */
+    text?: string;
+    /**
+     * 徽标颜色值
+     */
+    color?: 'success' | 'processing' | 'default' | 'error' | 'warning';
+    /**
+     * Text popup tip
+     *
+     * 文字提示
+     */
+    tooltip?: string;
+}
+/**
+ * 标签信息
+ */
+export interface CellTag {
+    [key: number]: CellTagValue;
+    [key: string]: CellTagValue;
+}
+export interface CellTagValue {
+    /**
+     * 文本
+     */
+    text?: string;
+    /**
+     * 颜色值，支持预设和色值
+     * - 预设：geekblue,blue,purple,success,red,volcano,orange,gold,lime,green,cyan
+     * - 色值：#f50,#ff0
+     */
+    color?: 'geekblue' | 'blue' | 'purple' | 'success' | 'red' | 'volcano' | 'orange' | 'gold' | 'lime' | 'green' | 'cyan' | string;
+    /**
+     * Text popup tip
+     *
+     * 文字提示
+     */
+    tooltip?: string;
+}
+export interface CellDefaultText {
+    text?: string;
+    condition?: unknown;
+}
+export interface CellWidgetData {
+    value?: unknown;
+    options?: CellOptions;
+}
+export interface CellWidgetInstance {
+    readonly data: CellWidgetData;
+}

package/cell/index.d.ts

@@ -0,0 +1,5 @@
+export * from './cell.component';
+export * from './cell-host.directive';
+export * from './cell.module';
+export * from './cell.service';
+export * from './cell.types';

package/cell/style/index.less

@@ -0,0 +1,63 @@
+@import '../../../theme/theme-default.less';
+@cell-prefix: ~'.cell';
+
+@{cell-prefix} {
+  &__has-unit {
+    align-items: baseline;
+  }
+
+  &__has-default {
+    color: @cell-default-color;
+  }
+
+  &__primary {
+    color: @primary-color;
+  }
+
+  &__success {
+    color: @success-color;
+  }
+
+  &__danger {
+    color: @error-color;
+  }
+
+  &__warning {
+    color: @warning-color;
+  }
+
+  &__large {
+    font-size: @cell-large;
+  }
+
+  &__small {
+    font-size: @cell-small;
+  }
+
+  &[data-type="img"] {
+    .img:not(:last-child) {
+      margin-right: @cell-img-space;
+    }
+  }
+
+  .img {
+    vertical-align: middle;
+    border-radius: 4px;
+  }
+
+  .unit {
+    margin-left: 2px;
+    color: @cell-unit-color;
+    font-size: @cell-unit-font-size;
+  }
+
+  &__disabled {
+    &[data-type="link"] {
+      pointer-events: none;
+
+      > a {
+        color: @cell-link-disabled-color;
+      }
+    }
+  }
+}

package/esm2022/auto-focus/auto-focus.directive.mjs

@@ -27,8 +27,8 @@ export class AutoFocusDirective {
             this._focusoutTimeout = null;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: AutoFocusDirective, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.Platform }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.8", type: AutoFocusDirective, selector: "[auto-focus], input[autofocus=\"autofocus\"], textarea[autofocus=\"autofocus\"]", inputs: { enabled: "enabled", delay: "delay" }, exportAs: ["autoFocus"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.3", ngImport: i0, type: AutoFocusDirective, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.Platform }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.3", type: AutoFocusDirective, selector: "[auto-focus], input[autofocus=\"autofocus\"], textarea[autofocus=\"autofocus\"]", inputs: { enabled: "enabled", delay: "delay" }, exportAs: ["autoFocus"], ngImport: i0 }); }
 }
 __decorate([
     InputBoolean()
@@ -36,7 +36,7 @@ __decorate([
 __decorate([
     InputNumber()
 ], AutoFocusDirective.prototype, "delay", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: AutoFocusDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.3", ngImport: i0, type: AutoFocusDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[auto-focus], input[autofocus="autofocus"], textarea[autofocus="autofocus"]',

package/esm2022/auto-focus/auto-focus.module.mjs

@@ -3,11 +3,11 @@ import { AutoFocusDirective } from './auto-focus.directive';
 import * as i0 from "@angular/core";
 const COMPONENTS = [AutoFocusDirective];
 export class AutoFocusModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: AutoFocusModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.8", ngImport: i0, type: AutoFocusModule, declarations: [AutoFocusDirective], exports: [AutoFocusDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: AutoFocusModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.3", ngImport: i0, type: AutoFocusModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.3", ngImport: i0, type: AutoFocusModule, declarations: [AutoFocusDirective], exports: [AutoFocusDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.3", ngImport: i0, type: AutoFocusModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: AutoFocusModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.3", ngImport: i0, type: AutoFocusModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: COMPONENTS,

package/esm2022/avatar-list/avatar-list-item.component.mjs

@@ -1,10 +1,10 @@
 import { ChangeDetectionStrategy, Component, Input, ViewEncapsulation } from '@angular/core';
 import * as i0 from "@angular/core";
 export class AvatarListItemComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: AvatarListItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.8", type: AvatarListItemComponent, selector: "avatar-list-item, [avatar-list-item]", inputs: { src: "src", text: "text", icon: "icon", tips: "tips" }, exportAs: ["avatarListItem"], ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.3", ngImport: i0, type: AvatarListItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.3", type: AvatarListItemComponent, selector: "avatar-list-item, [avatar-list-item]", inputs: { src: "src", text: "text", icon: "icon", tips: "tips" }, exportAs: ["avatarListItem"], ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: AvatarListItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.3", ngImport: i0, type: AvatarListItemComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'avatar-list-item, [avatar-list-item]',

package/esm2022/avatar-list/avatar-list.component.mjs

@@ -58,13 +58,13 @@ export class AvatarListComponent {
             this.gen();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: AvatarListComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.Directionality, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.8", type: AvatarListComponent, selector: "avatar-list", inputs: { size: "size", maxLength: "maxLength", excessItemsStyle: "excessItemsStyle" }, host: { properties: { "class.avatar-list": "true", "class.avatar-list-rtl": "dir === 'rtl'" } }, queries: [{ propertyName: "_items", predicate: AvatarListItemComponent }], exportAs: ["avatarList"], usesOnChanges: true, ngImport: i0, template: "<ul class=\"avatar-list__wrap\">\n  <li *ngFor=\"let i of items\" [ngClass]=\"cls\">\n    <nz-avatar\n      *ngIf=\"i.tips\"\n      nz-tooltip\n      [nzTooltipTitle]=\"i.tips\"\n      [nzSrc]=\"i.src\"\n      [nzText]=\"i.text\"\n      [nzIcon]=\"i.icon\"\n      [nzSize]=\"avatarSize\"\n    />\n    <nz-avatar *ngIf=\"!i.tips\" [nzSrc]=\"i.src\" [nzText]=\"i.text\" [nzIcon]=\"i.icon\" [nzSize]=\"avatarSize\" />\n  </li>\n  <li *ngIf=\"exceedCount > 0\" [ngClass]=\"cls\">\n    <nz-avatar [nzSize]=\"avatarSize\" style=\"cursor: auto\" [ngStyle]=\"excessItemsStyle\" [nzText]=\"'+' + exceedCount\" />\n  </li>\n</ul>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i3.NzAvatarComponent, selector: "nz-avatar", inputs: ["nzShape", "nzSize", "nzGap", "nzText", "nzSrc", "nzSrcSet", "nzAlt", "nzIcon"], outputs: ["nzError"], exportAs: ["nzAvatar"] }, { kind: "directive", type: i4.NzTooltipDirective, selector: "[nz-tooltip]", inputs: ["nzTooltipTitle", "nzTooltipTitleContext", "nz-tooltip", "nzTooltipTrigger", "nzTooltipPlacement", "nzTooltipOrigin", "nzTooltipVisible", "nzTooltipMouseEnterDelay", "nzTooltipMouseLeaveDelay", "nzTooltipOverlayClassName", "nzTooltipOverlayStyle", "nzTooltipArrowPointAtCenter", "nzTooltipColor"], outputs: ["nzTooltipVisibleChange"], exportAs: ["nzTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.3", ngImport: i0, type: AvatarListComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.Directionality, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.3", type: AvatarListComponent, selector: "avatar-list", inputs: { size: "size", maxLength: "maxLength", excessItemsStyle: "excessItemsStyle" }, host: { properties: { "class.avatar-list": "true", "class.avatar-list-rtl": "dir === 'rtl'" } }, queries: [{ propertyName: "_items", predicate: AvatarListItemComponent }], exportAs: ["avatarList"], usesOnChanges: true, ngImport: i0, template: "<ul class=\"avatar-list__wrap\">\n  <li *ngFor=\"let i of items\" [ngClass]=\"cls\">\n    <nz-avatar\n      *ngIf=\"i.tips\"\n      nz-tooltip\n      [nzTooltipTitle]=\"i.tips\"\n      [nzSrc]=\"i.src\"\n      [nzText]=\"i.text\"\n      [nzIcon]=\"i.icon\"\n      [nzSize]=\"avatarSize\"\n    />\n    <nz-avatar *ngIf=\"!i.tips\" [nzSrc]=\"i.src\" [nzText]=\"i.text\" [nzIcon]=\"i.icon\" [nzSize]=\"avatarSize\" />\n  </li>\n  <li *ngIf=\"exceedCount > 0\" [ngClass]=\"cls\">\n    <nz-avatar [nzSize]=\"avatarSize\" style=\"cursor: auto\" [ngStyle]=\"excessItemsStyle\" [nzText]=\"'+' + exceedCount\" />\n  </li>\n</ul>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i3.NzAvatarComponent, selector: "nz-avatar", inputs: ["nzShape", "nzSize", "nzGap", "nzText", "nzSrc", "nzSrcSet", "nzAlt", "nzIcon"], outputs: ["nzError"], exportAs: ["nzAvatar"] }, { kind: "directive", type: i4.NzTooltipDirective, selector: "[nz-tooltip]", inputs: ["nzTooltipTitle", "nzTooltipTitleContext", "nz-tooltip", "nzTooltipTrigger", "nzTooltipPlacement", "nzTooltipOrigin", "nzTooltipVisible", "nzTooltipMouseEnterDelay", "nzTooltipMouseLeaveDelay", "nzTooltipOverlayClassName", "nzTooltipOverlayStyle", "nzTooltipArrowPointAtCenter", "nzTooltipColor"], outputs: ["nzTooltipVisibleChange"], exportAs: ["nzTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 __decorate([
     InputNumber()
 ], AvatarListComponent.prototype, "maxLength", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: AvatarListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.3", ngImport: i0, type: AvatarListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'avatar-list', exportAs: 'avatarList', host: {
                         '[class.avatar-list]': 'true',

package/esm2022/avatar-list/avatar-list.module.mjs

@@ -7,11 +7,11 @@ import { AvatarListComponent } from './avatar-list.component';
 import * as i0 from "@angular/core";
 const COMPONENTS = [AvatarListComponent, AvatarListItemComponent];
 export class AvatarListModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: AvatarListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.8", ngImport: i0, type: AvatarListModule, declarations: [AvatarListComponent, AvatarListItemComponent], imports: [CommonModule, NzAvatarModule, NzToolTipModule], exports: [AvatarListComponent, AvatarListItemComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: AvatarListModule, imports: [CommonModule, NzAvatarModule, NzToolTipModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.3", ngImport: i0, type: AvatarListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.3", ngImport: i0, type: AvatarListModule, declarations: [AvatarListComponent, AvatarListItemComponent], imports: [CommonModule, NzAvatarModule, NzToolTipModule], exports: [AvatarListComponent, AvatarListItemComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.3", ngImport: i0, type: AvatarListModule, imports: [CommonModule, NzAvatarModule, NzToolTipModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: AvatarListModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.3", ngImport: i0, type: AvatarListModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, NzAvatarModule, NzToolTipModule],

package/esm2022/cell/cell-host.directive.mjs

@@ -0,0 +1,34 @@
+import { Directive, Input } from '@angular/core';
+import { warn } from '@delon/util/other';
+import * as i0 from "@angular/core";
+import * as i1 from "./cell.service";
+export class CellHostDirective {
+    constructor(srv, viewContainerRef) {
+        this.srv = srv;
+        this.viewContainerRef = viewContainerRef;
+    }
+    ngOnInit() {
+        const widget = this.data.options.widget;
+        const componentType = this.srv.getWidget(widget.key)?.ref;
+        if (componentType == null) {
+            if (typeof ngDevMode === 'undefined' || ngDevMode) {
+                warn(`cell: No widget for type "${widget.key}"`);
+            }
+            return;
+        }
+        this.viewContainerRef.clear();
+        const componentRef = this.viewContainerRef.createComponent(componentType);
+        componentRef.instance.data = this.data;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.3", ngImport: i0, type: CellHostDirective, deps: [{ token: i1.CellService }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.3", type: CellHostDirective, selector: "[cell-widget-host]", inputs: { data: "data" }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.3", ngImport: i0, type: CellHostDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[cell-widget-host]'
+                }]
+        }], ctorParameters: function () { return [{ type: i1.CellService }, { type: i0.ViewContainerRef }]; }, propDecorators: { data: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2VsbC1ob3N0LmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2FiYy9jZWxsL2NlbGwtaG9zdC5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQWtDLE1BQU0sZUFBZSxDQUFDO0FBRWpGLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQzs7O0FBUXpDLE1BQU0sT0FBTyxpQkFBaUI7SUFHNUIsWUFDVSxHQUFnQixFQUNoQixnQkFBa0M7UUFEbEMsUUFBRyxHQUFILEdBQUcsQ0FBYTtRQUNoQixxQkFBZ0IsR0FBaEIsZ0JBQWdCLENBQWtCO0lBQ3pDLENBQUM7SUFFSixRQUFRO1FBQ04sTUFBTSxNQUFNLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFRLENBQUMsTUFBTyxDQUFDO1FBQzFDLE1BQU0sYUFBYSxHQUFHLElBQUksQ0FBQyxHQUFHLENBQUMsU0FBUyxDQUFDLE1BQU0sQ0FBQyxHQUFJLENBQUMsRUFBRSxHQUFvQixDQUFDO1FBQzVFLElBQUksYUFBYSxJQUFJLElBQUksRUFBRTtZQUN6QixJQUFJLE9BQU8sU0FBUyxLQUFLLFdBQVcsSUFBSSxTQUFTLEVBQUU7Z0JBQ2pELElBQUksQ0FBQyw2QkFBNkIsTUFBTSxDQUFDLEdBQUcsR0FBRyxDQUFDLENBQUM7YUFDbEQ7WUFDRCxPQUFPO1NBQ1I7UUFFRCxJQUFJLENBQUMsZ0JBQWdCLENBQUMsS0FBSyxFQUFFLENBQUM7UUFDOUIsTUFBTSxZQUFZLEdBQUcsSUFBSSxDQUFDLGdCQUFnQixDQUFDLGVBQWUsQ0FBQyxhQUFhLENBQUMsQ0FBQztRQUN6RSxZQUFZLENBQUMsUUFBcUMsQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQztJQUN2RSxDQUFDOzhHQXJCVSxpQkFBaUI7a0dBQWpCLGlCQUFpQjs7MkZBQWpCLGlCQUFpQjtrQkFIN0IsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsb0JBQW9CO2lCQUMvQjtpSUFFVSxJQUFJO3NCQUFaLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIElucHV0LCBPbkluaXQsIFR5cGUsIFZpZXdDb250YWluZXJSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgd2FybiB9IGZyb20gJ0BkZWxvbi91dGlsL290aGVyJztcblxuaW1wb3J0IHsgQ2VsbFNlcnZpY2UgfSBmcm9tICcuL2NlbGwuc2VydmljZSc7XG5pbXBvcnQgeyBDZWxsV2lkZ2V0RGF0YSB9IGZyb20gJy4vY2VsbC50eXBlcyc7XG5cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1tjZWxsLXdpZGdldC1ob3N0XSdcbn0pXG5leHBvcnQgY2xhc3MgQ2VsbEhvc3REaXJlY3RpdmUgaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoKSBkYXRhITogQ2VsbFdpZGdldERhdGE7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSBzcnY6IENlbGxTZXJ2aWNlLFxuICAgIHByaXZhdGUgdmlld0NvbnRhaW5lclJlZjogVmlld0NvbnRhaW5lclJlZlxuICApIHt9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgY29uc3Qgd2lkZ2V0ID0gdGhpcy5kYXRhLm9wdGlvbnMhLndpZGdldCE7XG4gICAgY29uc3QgY29tcG9uZW50VHlwZSA9IHRoaXMuc3J2LmdldFdpZGdldCh3aWRnZXQua2V5ISk/LnJlZiBhcyBUeXBlPHVua25vd24+O1xuICAgIGlmIChjb21wb25lbnRUeXBlID09IG51bGwpIHtcbiAgICAgIGlmICh0eXBlb2YgbmdEZXZNb2RlID09PSAndW5kZWZpbmVkJyB8fCBuZ0Rldk1vZGUpIHtcbiAgICAgICAgd2FybihgY2VsbDogTm8gd2lkZ2V0IGZvciB0eXBlIFwiJHt3aWRnZXQua2V5fVwiYCk7XG4gICAgICB9XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgdGhpcy52aWV3Q29udGFpbmVyUmVmLmNsZWFyKCk7XG4gICAgY29uc3QgY29tcG9uZW50UmVmID0gdGhpcy52aWV3Q29udGFpbmVyUmVmLmNyZWF0ZUNvbXBvbmVudChjb21wb25lbnRUeXBlKTtcbiAgICAoY29tcG9uZW50UmVmLmluc3RhbmNlIGFzIHsgZGF0YTogQ2VsbFdpZGdldERhdGEgfSkuZGF0YSA9IHRoaXMuZGF0YTtcbiAgfVxufVxuIl19