@delon/abc 19.0.1 → 19.1.0

package/auto-focus/auto-focus.directive.d.ts

@@ -1,12 +1,10 @@
-import { AfterViewInit } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare class AutoFocusDirective implements AfterViewInit {
+export declare class AutoFocusDirective {
     private readonly el;
-    private readonly platform;
-    private readonly destroy$;
-    enabled: import("@angular/core").InputSignalWithTransform<boolean, string | boolean | null | undefined>;
-    delay: import("@angular/core").InputSignalWithTransform<number, string | number | null | undefined>;
-    ngAfterViewInit(): void;
+    enabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    delay: import("@angular/core").InputSignalWithTransform<number, unknown>;
+    readonly focus: import("@angular/core").OutputEmitterRef<void>;
+    constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<AutoFocusDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<AutoFocusDirective, "[auto-focus], input[autofocus=\"autofocus\"], textarea[autofocus=\"autofocus\"]", ["autoFocus"], { "enabled": { "alias": "enabled"; "required": false; "isSignal": true; }; "delay": { "alias": "delay"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AutoFocusDirective, "[auto-focus], input[autofocus=\"autofocus\"], textarea[autofocus=\"autofocus\"]", ["autoFocus"], { "enabled": { "alias": "enabled"; "required": false; "isSignal": true; }; "delay": { "alias": "delay"; "required": false; "isSignal": true; }; }, { "focus": "focus"; }, never, never, true, never>;
 }

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

@@ -1,11 +1,10 @@
-import { OnChanges } from '@angular/core';
 import { CellTextResult } from './cell.types';
 import * as i0 from "@angular/core";
-export declare class CellHostDirective implements OnChanges {
+export declare class CellHostDirective {
     private readonly srv;
     private readonly vcr;
-    data: CellTextResult;
-    ngOnChanges(): void;
+    data: import("@angular/core").InputSignal<CellTextResult>;
+    constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<CellHostDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<CellHostDirective, "[cell-widget-host]", never, { "data": { "alias": "data"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CellHostDirective, "[cell-widget-host]", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/cell/cell.component.d.ts

@@ -1,39 +1,30 @@
-import { EventEmitter, OnChanges, OnDestroy, SimpleChange } from '@angular/core';
+import { OnDestroy } from '@angular/core';
 import type { SafeValue } from '@angular/platform-browser';
-import type { NzSafeAny } from 'ng-zorro-antd/core/types';
 import type { CellOptions, CellTextResult, CellValue } from './cell.types';
 import * as i0 from "@angular/core";
-export declare class CellComponent implements OnChanges, OnDestroy {
+export declare class CellComponent implements OnDestroy {
     private readonly srv;
     private readonly router;
-    private readonly cdr;
     private readonly renderer;
     private readonly imgSrv;
     private readonly win;
     private readonly el;
     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;
+    _text: import("@angular/core").WritableSignal<string | number | SafeValue | string[]>;
+    _unit: import("@angular/core").WritableSignal<string | undefined>;
+    _res: import("@angular/core").WritableSignal<CellTextResult | undefined>;
+    showDefault: import("@angular/core").Signal<boolean>;
+    value: import("@angular/core").ModelSignal<CellValue>;
+    options: import("@angular/core").InputSignal<CellOptions | undefined>;
+    loading: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     get safeOpt(): CellOptions;
-    get isText(): boolean;
-    private updateValue;
+    isText: import("@angular/core").Signal<boolean>;
+    constructor();
     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, true, never>;
-    static ngAcceptInputType_loading: unknown;
-    static ngAcceptInputType_disabled: unknown;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CellComponent, "cell, [cell]", ["cell"], { "value": { "alias": "value"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
 }

package/error-collect/error-collect.component.d.ts

@@ -1,29 +1,23 @@
-import { Direction } from '@angular/cdk/bidi';
 import { OnInit } from '@angular/core';
 import { AlainConfigService } from '@delon/util/config';
 import * as i0 from "@angular/core";
 export declare class ErrorCollectComponent implements OnInit {
     private readonly el;
-    private readonly cdr;
     private readonly doc;
-    private readonly directionality;
     private readonly platform;
     private readonly destroy$;
     private formEl;
-    _hiden: boolean;
-    count: number;
-    dir?: Direction;
-    freq: number;
-    offsetTop: number;
+    _hiden: import("@angular/core").WritableSignal<boolean>;
+    count: import("@angular/core").WritableSignal<number>;
+    dir: import("@angular/core").Signal<import("@angular/cdk/bidi").Direction | undefined>;
+    readonly freq: import("@angular/core").InputSignalWithTransform<number, unknown>;
+    readonly offsetTop: import("@angular/core").InputSignalWithTransform<number, unknown>;
     constructor(configSrv: AlainConfigService);
     private get errEls();
     private update;
     _click(): boolean;
-    private install;
     private findParent;
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ErrorCollectComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ErrorCollectComponent, "error-collect, [error-collect]", ["errorCollect"], { "freq": { "alias": "freq"; "required": false; }; "offsetTop": { "alias": "offsetTop"; "required": false; }; }, {}, never, never, true, never>;
-    static ngAcceptInputType_freq: unknown;
-    static ngAcceptInputType_offsetTop: unknown;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ErrorCollectComponent, "error-collect, [error-collect]", ["errorCollect"], { "freq": { "alias": "freq"; "required": false; "isSignal": true; }; "offsetTop": { "alias": "offsetTop"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/fesm2022/auto-focus.mjs

@@ -1,26 +1,26 @@
-import { Platform } from '@angular/cdk/platform';
 import * as i0 from '@angular/core';
-import { inject, ElementRef, DestroyRef, input, booleanAttribute, numberAttribute, Directive, NgModule } from '@angular/core';
-import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { inject, ElementRef, input, booleanAttribute, numberAttribute, output, afterNextRender, Directive, NgModule } from '@angular/core';
 import { timer, take } from 'rxjs';
 
 class AutoFocusDirective {
     el = inject(ElementRef).nativeElement;
-    platform = inject(Platform);
-    destroy$ = inject(DestroyRef);
     enabled = input(true, { transform: booleanAttribute });
-    delay = input(300, { transform: numberAttribute });
-    ngAfterViewInit() {
-        const el = this.el;
-        if (!this.platform.isBrowser || !(el instanceof HTMLElement) || !this.enabled()) {
-            return;
-        }
-        timer(this.delay())
-            .pipe(takeUntilDestroyed(this.destroy$), take(1))
-            .subscribe(() => el.focus({ preventScroll: false }));
+    delay = input(25, { transform: numberAttribute });
+    focus = output();
+    constructor() {
+        afterNextRender(() => {
+            if (this.enabled()) {
+                timer(this.delay())
+                    .pipe(take(1))
+                    .subscribe(() => {
+                    this.el.focus({ preventScroll: false });
+                    this.focus.emit();
+                });
+            }
+        });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: AutoFocusDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.1.1", type: AutoFocusDirective, isStandalone: true, selector: "[auto-focus], input[autofocus=\"autofocus\"], textarea[autofocus=\"autofocus\"]", inputs: { enabled: { classPropertyName: "enabled", publicName: "enabled", isSignal: true, isRequired: false, transformFunction: null }, delay: { classPropertyName: "delay", publicName: "delay", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["autoFocus"], ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.1.1", type: AutoFocusDirective, isStandalone: true, selector: "[auto-focus], input[autofocus=\"autofocus\"], textarea[autofocus=\"autofocus\"]", inputs: { enabled: { classPropertyName: "enabled", publicName: "enabled", isSignal: true, isRequired: false, transformFunction: null }, delay: { classPropertyName: "delay", publicName: "delay", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { focus: "focus" }, exportAs: ["autoFocus"], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: AutoFocusDirective, decorators: [{
             type: Directive,
@@ -28,7 +28,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImpor
                     selector: '[auto-focus], input[autofocus="autofocus"], textarea[autofocus="autofocus"]',
                     exportAs: 'autoFocus'
                 }]
-        }] });
+        }], ctorParameters: () => [] });
 
 const COMPONENTS = [AutoFocusDirective];
 class AutoFocusModule {

package/fesm2022/auto-focus.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"auto-focus.mjs","sources":["../../../../packages/abc/auto-focus/auto-focus.directive.ts","../../../../packages/abc/auto-focus/auto-focus.module.ts","../../../../packages/abc/auto-focus/auto-focus.ts"],"sourcesContent":["import { Platform } from '@angular/cdk/platform';\nimport {\n  AfterViewInit,\n  DestroyRef,\n  Directive,\n  ElementRef,\n  booleanAttribute,\n  inject,\n  input,\n  numberAttribute\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { take, timer } from 'rxjs';\n\n@Directive({\n  selector: '[auto-focus], input[autofocus=\"autofocus\"], textarea[autofocus=\"autofocus\"]',\n  exportAs: 'autoFocus'\n})\nexport class AutoFocusDirective implements AfterViewInit {\n  private readonly el: HTMLElement = inject(ElementRef).nativeElement;\n  private readonly platform = inject(Platform);\n  private readonly destroy$ = inject(DestroyRef);\n\n  enabled = input<boolean, boolean | string | null | undefined>(true, { transform: booleanAttribute });\n  delay = input<number, number | string | null | undefined>(300, { transform: numberAttribute });\n\n  ngAfterViewInit(): void {\n    const el = this.el;\n    if (!this.platform.isBrowser || !(el instanceof HTMLElement) || !this.enabled()) {\n      return;\n    }\n    timer(this.delay())\n      .pipe(takeUntilDestroyed(this.destroy$), take(1))\n      .subscribe(() => el.focus({ preventScroll: false }));\n  }\n}\n","import { NgModule } from '@angular/core';\n\nimport { AutoFocusDirective } from './auto-focus.directive';\n\nconst COMPONENTS = [AutoFocusDirective];\n\n@NgModule({\n  imports: COMPONENTS,\n  exports: COMPONENTS\n})\nexport class AutoFocusModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;MAkBa,kBAAkB,CAAA;AACZ,IAAA,EAAE,GAAgB,MAAM,CAAC,UAAU,CAAC,CAAC,aAAa;AAClD,IAAA,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC;AAC3B,IAAA,QAAQ,GAAG,MAAM,CAAC,UAAU,CAAC;IAE9C,OAAO,GAAG,KAAK,CAA+C,IAAI,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC;IACpG,KAAK,GAAG,KAAK,CAA6C,GAAG,EAAE,EAAE,SAAS,EAAE,eAAe,EAAE,CAAC;IAE9F,eAAe,GAAA;AACb,QAAA,MAAM,EAAE,GAAG,IAAI,CAAC,EAAE;QAClB,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,SAAS,IAAI,EAAE,EAAE,YAAY,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE;YAC/E;;AAEF,QAAA,KAAK,CAAC,IAAI,CAAC,KAAK,EAAE;AACf,aAAA,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC;AAC/C,aAAA,SAAS,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,EAAE,aAAa,EAAE,KAAK,EAAE,CAAC,CAAC;;uGAf7C,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAlB,kBAAkB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iFAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA,WAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAlB,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAJ9B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,6EAA6E;AACvF,oBAAA,QAAQ,EAAE;AACX,iBAAA;;;ACbD,MAAM,UAAU,GAAG,CAAC,kBAAkB,CAAC;MAM1B,eAAe,CAAA;uGAAf,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;wGAAf,eAAe,EAAA,OAAA,EAAA,CANR,kBAAkB,CAAA,EAAA,OAAA,EAAA,CAAlB,kBAAkB,CAAA,EAAA,CAAA;wGAMzB,eAAe,EAAA,CAAA;;2FAAf,eAAe,EAAA,UAAA,EAAA,CAAA;kBAJ3B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE,UAAU;AACnB,oBAAA,OAAO,EAAE;AACV,iBAAA;;;ACTD;;AAEG;;;;"}
+{"version":3,"file":"auto-focus.mjs","sources":["../../../../packages/abc/auto-focus/auto-focus.directive.ts","../../../../packages/abc/auto-focus/auto-focus.module.ts","../../../../packages/abc/auto-focus/auto-focus.ts"],"sourcesContent":["import {\n  Directive,\n  ElementRef,\n  afterNextRender,\n  booleanAttribute,\n  inject,\n  input,\n  numberAttribute,\n  output\n} from '@angular/core';\nimport { take, timer } from 'rxjs';\n\n@Directive({\n  selector: '[auto-focus], input[autofocus=\"autofocus\"], textarea[autofocus=\"autofocus\"]',\n  exportAs: 'autoFocus'\n})\nexport class AutoFocusDirective {\n  private readonly el = inject<ElementRef<HTMLElement>>(ElementRef).nativeElement;\n  enabled = input(true, { transform: booleanAttribute });\n  delay = input(25, { transform: numberAttribute });\n  readonly focus = output();\n\n  constructor() {\n    afterNextRender(() => {\n      if (this.enabled()) {\n        timer(this.delay())\n          .pipe(take(1))\n          .subscribe(() => {\n            this.el.focus({ preventScroll: false });\n            this.focus.emit();\n          });\n      }\n    });\n  }\n}\n","import { NgModule } from '@angular/core';\n\nimport { AutoFocusDirective } from './auto-focus.directive';\n\nconst COMPONENTS = [AutoFocusDirective];\n\n@NgModule({\n  imports: COMPONENTS,\n  exports: COMPONENTS\n})\nexport class AutoFocusModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;MAgBa,kBAAkB,CAAA;AACZ,IAAA,EAAE,GAAG,MAAM,CAA0B,UAAU,CAAC,CAAC,aAAa;IAC/E,OAAO,GAAG,KAAK,CAAC,IAAI,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC;IACtD,KAAK,GAAG,KAAK,CAAC,EAAE,EAAE,EAAE,SAAS,EAAE,eAAe,EAAE,CAAC;IACxC,KAAK,GAAG,MAAM,EAAE;AAEzB,IAAA,WAAA,GAAA;QACE,eAAe,CAAC,MAAK;AACnB,YAAA,IAAI,IAAI,CAAC,OAAO,EAAE,EAAE;AAClB,gBAAA,KAAK,CAAC,IAAI,CAAC,KAAK,EAAE;AACf,qBAAA,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;qBACZ,SAAS,CAAC,MAAK;oBACd,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,aAAa,EAAE,KAAK,EAAE,CAAC;AACvC,oBAAA,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE;AACnB,iBAAC,CAAC;;AAER,SAAC,CAAC;;uGAhBO,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAlB,kBAAkB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iFAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,EAAA,QAAA,EAAA,CAAA,WAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAlB,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAJ9B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,6EAA6E;AACvF,oBAAA,QAAQ,EAAE;AACX,iBAAA;;;ACXD,MAAM,UAAU,GAAG,CAAC,kBAAkB,CAAC;MAM1B,eAAe,CAAA;uGAAf,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;wGAAf,eAAe,EAAA,OAAA,EAAA,CANR,kBAAkB,CAAA,EAAA,OAAA,EAAA,CAAlB,kBAAkB,CAAA,EAAA,CAAA;wGAMzB,eAAe,EAAA,CAAA;;2FAAf,eAAe,EAAA,UAAA,EAAA,CAAA;kBAJ3B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE,UAAU;AACnB,oBAAA,OAAO,EAAE;AACV,iBAAA;;;ACTD;;AAEG;;;;"}

package/fesm2022/cell.mjs

@@ -1,9 +1,11 @@
 import { NgTemplateOutlet, CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { inject, Injectable, ViewContainerRef, Directive, Input, ChangeDetectorRef, Renderer2, ElementRef, EventEmitter, booleanAttribute, Component, ChangeDetectionStrategy, ViewEncapsulation, Output, NgModule, makeEnvironmentProviders, provideEnvironmentInitializer } from '@angular/core';
+import { inject, Injectable, ViewContainerRef, input, effect, Directive, Renderer2, ElementRef, signal, computed, model, booleanAttribute, Component, ChangeDetectionStrategy, ViewEncapsulation, NgModule, makeEnvironmentProviders, provideEnvironmentInitializer } from '@angular/core';
+import { toObservable, takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import * as i1 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
 import { Router } from '@angular/router';
+import { of, map, combineLatest, take } from 'rxjs';
 import { updateHostClass } from '@delon/util/browser';
 import { WINDOW } from '@delon/util/token';
 import { NzBadgeComponent, NzBadgeModule } from 'ng-zorro-antd/badge';
@@ -15,7 +17,6 @@ import { NzTagComponent, NzTagModule } from 'ng-zorro-antd/tag';
 import { NzTooltipDirective, NzToolTipModule } from 'ng-zorro-antd/tooltip';
 import { deepMerge, warn } from '@delon/util/other';
 import { DomSanitizer } from '@angular/platform-browser';
-import { of, map } from 'rxjs';
 import { yn } from '@delon/theme';
 import { AlainConfigService } from '@delon/util/config';
 import { formatDate } from '@delon/util/date-time';
@@ -187,65 +188,70 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImpor
 class CellHostDirective {
     srv = inject(CellService);
     vcr = inject(ViewContainerRef);
-    data;
-    ngOnChanges() {
-        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}"`);
+    data = input.required();
+    constructor() {
+        effect(() => {
+            const data = this.data();
+            const widget = 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;
             }
-            return;
-        }
-        this.vcr.clear();
-        const componentRef = this.vcr.createComponent(componentType);
-        componentRef.instance.data = this.data;
+            this.vcr.clear();
+            const componentRef = this.vcr.createComponent(componentType);
+            componentRef.instance.data = data;
+        });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: CellHostDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.1", type: CellHostDirective, isStandalone: true, selector: "[cell-widget-host]", inputs: { data: "data" }, usesOnChanges: true, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.1.1", type: CellHostDirective, isStandalone: true, selector: "[cell-widget-host]", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: CellHostDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[cell-widget-host]'
                 }]
-        }], propDecorators: { data: [{
-                type: Input
-            }] } });
+        }], ctorParameters: () => [] });
 
 class CellComponent {
     srv = inject(CellService);
     router = inject(Router);
-    cdr = inject(ChangeDetectorRef);
     renderer = inject(Renderer2);
     imgSrv = inject(NzImageService);
     win = inject(WINDOW);
     el = inject(ElementRef).nativeElement;
     destroy$;
-    _text;
-    _unit;
-    res;
-    showDefault = false;
-    value;
-    valueChange = new EventEmitter();
-    options;
-    loading = false;
-    disabled = false;
+    _text = signal('');
+    _unit = signal(undefined);
+    _res = signal(undefined);
+    showDefault = computed(() => this.value() == this.safeOpt.default?.condition);
+    value = model();
+    options = input();
+    loading = input(false, { transform: booleanAttribute });
+    disabled = input(false, { transform: booleanAttribute });
     get safeOpt() {
-        return this.res?.options ?? {};
+        return this._res()?.options ?? {};
     }
-    get isText() {
-        return this.res?.safeHtml === 'text';
-    }
-    updateValue() {
-        this.destroy$?.unsubscribe();
-        this.destroy$ = this.srv.get(this.value, this.options).subscribe(res => {
-            this.res = res;
-            this.showDefault = this.value == this.safeOpt.default.condition;
-            this._text = res.result?.text ?? '';
-            this._unit = res.result?.unit ?? this.safeOpt?.unit;
-            this.cdr.detectChanges();
-            this.setClass();
+    isText = computed(() => this._res()?.safeHtml === 'text');
+    constructor() {
+        combineLatest([toObservable(this.loading), toObservable(this.disabled)])
+            .pipe(takeUntilDestroyed())
+            .subscribe(() => this.setClass());
+        effect(() => {
+            const v = this.value();
+            const o = this.options();
+            this.destroy$?.unsubscribe();
+            this.destroy$ = this.srv
+                .get(v, o)
+                .pipe(take(1))
+                .subscribe(res => {
+                this._res.set(res);
+                this._text.set(res.result?.text ?? '');
+                this._unit.set(res.result?.unit ?? this.safeOpt?.unit);
+                this.setClass();
+            });
         });
     }
     setClass() {
@@ -255,29 +261,16 @@ class CellComponent {
             [`cell`]: true,
             [`cell__${renderType}`]: renderType != null,
             [`cell__${size}`]: size != null,
-            [`cell__has-unit`]: this._unit,
-            [`cell__has-default`]: this.showDefault,
-            [`cell__disabled`]: this.disabled
+            [`cell__has-unit`]: this._unit(),
+            [`cell__has-default`]: this.showDefault(),
+            [`cell__disabled`]: this.disabled()
         });
         el.setAttribute('data-type', `${type}`);
     }
-    ngOnChanges(changes) {
-        // Do not call updateValue when only updating loading, disabled
-        if (Object.keys(changes).every(k => ['loading', 'disabled'].includes(k))) {
-            this.setClass();
-        }
-        else {
-            this.updateValue();
-        }
-    }
-    change(value) {
-        this.value = value;
-        this.valueChange.emit(value);
-    }
     _link(e) {
         e.preventDefault();
         e.stopPropagation();
-        if (this.disabled)
+        if (this.disabled())
             return;
         const link = this.safeOpt.link;
         const url = link?.url;
@@ -295,7 +288,7 @@ class CellComponent {
         if (config == null || config.big == null)
             return;
         let idx = -1;
-        const list = this._text.map((p, index) => {
+        const list = this._text().map((p, index) => {
             if (idx === -1 && p === img)
                 idx = index;
             return typeof config.big === 'function' ? config.big(p) : p;
@@ -308,29 +301,31 @@ class CellComponent {
         this.destroy$?.unsubscribe();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: CellComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.1", type: CellComponent, isStandalone: true, selector: "cell, [cell]", inputs: { value: "value", options: "options", loading: ["loading", "loading", booleanAttribute], disabled: ["disabled", "disabled", booleanAttribute] }, outputs: { valueChange: "valueChange" }, exportAs: ["cell"], usesOnChanges: true, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.1", type: CellComponent, isStandalone: true, selector: "cell, [cell]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, exportAs: ["cell"], ngImport: i0, template: `
     <ng-template #text>
+      @let res = _res();
+      @let text = _text();
       @switch (safeOpt.type) {
         @case ('checkbox') {
-          <label nz-checkbox [nzDisabled]="disabled" [ngModel]="value" (ngModelChange)="change($event)">
+          <label nz-checkbox [nzDisabled]="disabled()" [ngModel]="value()" (ngModelChange)="value.set($event)">
             {{ safeOpt.checkbox?.label }}
           </label>
         }
         @case ('radio') {
-          <label nz-radio [nzDisabled]="disabled" [ngModel]="value" (ngModelChange)="change($event)">
+          <label nz-radio [nzDisabled]="disabled()" [ngModel]="value()" (ngModelChange)="value.set($event)">
             {{ safeOpt.radio?.label }}
           </label>
         }
         @case ('link') {
-          <a (click)="_link($event)" [attr.target]="safeOpt.link?.target" [attr.title]="value" [innerHTML]="_text"></a>
+          <a (click)="_link($event)" [attr.target]="safeOpt.link?.target" [attr.title]="value()" [innerHTML]="text"></a>
         }
         @case ('tag') {
           <nz-tag [nzColor]="res?.result?.color">
-            <span [innerHTML]="_text"></span>
+            <span [innerHTML]="text"></span>
           </nz-tag>
         }
         @case ('badge') {
-          <nz-badge [nzStatus]="res?.result?.color" nzText="{{ _text }}" />
+          <nz-badge [nzStatus]="res?.result?.color" nzText="{{ text }}" />
         }
         @case ('widget') {
           @if (res) {
@@ -338,7 +333,7 @@ class CellComponent {
           }
         }
         @case ('img') {
-          @for (i of $any(_text); track $index) {
+          @for (i of $any(text); track $index) {
             @let img = safeOpt.img;
             <img
               [attr.src]="i"
@@ -351,19 +346,19 @@ class CellComponent {
           }
         }
         @default {
-          @if (isText) {
-            <span [innerText]="_text" [attr.title]="value"></span>
+          @if (isText()) {
+            <span [innerText]="text" [attr.title]="value()"></span>
           } @else {
-            <span [innerHTML]="_text" [attr.title]="value"></span>
+            <span [innerHTML]="text" [attr.title]="value()"></span>
           }
-          @if (_unit) {
-            <span class="unit">{{ _unit }}</span>
+          @if (_unit()) {
+            <span class="unit">{{ _unit() }}</span>
           }
         }
       }
     </ng-template>
     <ng-template #textWrap>
-      @if (showDefault) {
+      @if (showDefault()) {
         {{ safeOpt.default?.text }}
       } @else {
         @if (safeOpt.tooltip) {
@@ -375,7 +370,7 @@ class CellComponent {
         }
       }
     </ng-template>
-    @if (loading) {
+    @if (loading()) {
       <nz-icon nzType="loading" />
     } @else {
       <ng-template [ngTemplateOutlet]="textWrap" />
@@ -388,27 +383,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImpor
                     selector: 'cell, [cell]',
                     template: `
     <ng-template #text>
+      @let res = _res();
+      @let text = _text();
       @switch (safeOpt.type) {
         @case ('checkbox') {
-          <label nz-checkbox [nzDisabled]="disabled" [ngModel]="value" (ngModelChange)="change($event)">
+          <label nz-checkbox [nzDisabled]="disabled()" [ngModel]="value()" (ngModelChange)="value.set($event)">
             {{ safeOpt.checkbox?.label }}
           </label>
         }
         @case ('radio') {
-          <label nz-radio [nzDisabled]="disabled" [ngModel]="value" (ngModelChange)="change($event)">
+          <label nz-radio [nzDisabled]="disabled()" [ngModel]="value()" (ngModelChange)="value.set($event)">
             {{ safeOpt.radio?.label }}
           </label>
         }
         @case ('link') {
-          <a (click)="_link($event)" [attr.target]="safeOpt.link?.target" [attr.title]="value" [innerHTML]="_text"></a>
+          <a (click)="_link($event)" [attr.target]="safeOpt.link?.target" [attr.title]="value()" [innerHTML]="text"></a>
         }
         @case ('tag') {
           <nz-tag [nzColor]="res?.result?.color">
-            <span [innerHTML]="_text"></span>
+            <span [innerHTML]="text"></span>
           </nz-tag>
         }
         @case ('badge') {
-          <nz-badge [nzStatus]="res?.result?.color" nzText="{{ _text }}" />
+          <nz-badge [nzStatus]="res?.result?.color" nzText="{{ text }}" />
         }
         @case ('widget') {
           @if (res) {
@@ -416,7 +413,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImpor
           }
         }
         @case ('img') {
-          @for (i of $any(_text); track $index) {
+          @for (i of $any(text); track $index) {
             @let img = safeOpt.img;
             <img
               [attr.src]="i"
@@ -429,19 +426,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImpor
           }
         }
         @default {
-          @if (isText) {
-            <span [innerText]="_text" [attr.title]="value"></span>
+          @if (isText()) {
+            <span [innerText]="text" [attr.title]="value()"></span>
           } @else {
-            <span [innerHTML]="_text" [attr.title]="value"></span>
+            <span [innerHTML]="text" [attr.title]="value()"></span>
           }
-          @if (_unit) {
-            <span class="unit">{{ _unit }}</span>
+          @if (_unit()) {
+            <span class="unit">{{ _unit() }}</span>
           }
         }
       }
     </ng-template>
     <ng-template #textWrap>
-      @if (showDefault) {
+      @if (showDefault()) {
         {{ safeOpt.default?.text }}
       } @else {
         @if (safeOpt.tooltip) {
@@ -453,7 +450,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImpor
         }
       }
     </ng-template>
-    @if (loading) {
+    @if (loading()) {
       <nz-icon nzType="loading" />
     } @else {
       <ng-template [ngTemplateOutlet]="textWrap" />
@@ -476,19 +473,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImpor
                         CellHostDirective
                     ]
                 }]
-        }], propDecorators: { value: [{
-                type: Input
-            }], valueChange: [{
-                type: Output
-            }], options: [{
-                type: Input
-            }], loading: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }], disabled: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }] } });
+        }], ctorParameters: () => [] });
 
 const COMPS = [CellComponent];
 class CellModule {