ngx-tethys 19.0.11 → 19.0.12

package/CHANGELOG.md

@@ -2,6 +2,21 @@
 
 All notable changes to this project will be documented in this file. See [commit-and-tag-version](https://github.com/absolute-version/commit-and-tag-version) for commit guidelines.
 
+## [19.0.12](https://github.com/atinc/ngx-tethys/compare/19.0.11...19.0.12) (2025-05-14)
+
+
+### Bug Fixes
+
+* **shared:** update input value handling and search emission logic #TINFR-2053 ([#3408](https://github.com/atinc/ngx-tethys/issues/3408)) ([5c7850b](https://github.com/atinc/ngx-tethys/commit/5c7850b105e53cebace4c1dd3d41c51696053199)), closes [#TINFR-2053](https://github.com/atinc/ngx-tethys/issues/TINFR-2053)
+
+
+### Features
+
+* **action:** migrate to signal for action [@wumeimin](https://github.com/wumeimin) ([#3414](https://github.com/atinc/ngx-tethys/issues/3414)) ([d787b04](https://github.com/atinc/ngx-tethys/commit/d787b04cfe18048f14c9e710d6b5ada905c0bc80))
+* **affix:** migrate to signal for affix  [@wumeimin](https://github.com/wumeimin) ([#3413](https://github.com/atinc/ngx-tethys/issues/3413)) ([d7ea93f](https://github.com/atinc/ngx-tethys/commit/d7ea93f60ba1dc1908c10b0a981e91c31f87e05c))
+
+
+
 ## [19.0.11](https://github.com/atinc/ngx-tethys/compare/19.0.10...19.0.11) (2025-05-08)
 
 

package/action/action.component.d.ts

@@ -1,4 +1,4 @@
-import { OnInit, AfterViewInit, OnChanges, SimpleChanges, OnDestroy } from '@angular/core';
+import { AfterViewInit, OnChanges, OnDestroy, OnInit, Signal, SimpleChanges } from '@angular/core';
 import * as i0 from "@angular/core";
 export type ThyActionType = 'primary' | 'success' | 'danger' | 'warning';
 export type ThyActionFeedback = 'success' | 'error';
@@ -15,51 +15,47 @@ export declare class ThyAction implements OnInit, AfterViewInit, OnChanges, OnDe
     private elementRef;
     private renderer;
     private cdr;
-    icon: string;
+    icon: Signal<string>;
     feedback: ThyActionFeedback;
     feedbackOptions: ThyActionFeedbackOptions;
-    active: boolean;
+    active: Signal<boolean>;
     private type;
     private hostRenderer;
     private feedbackTimer;
     /**
      * 操作图标的类型
      * @type primary | success | danger | warning
-     * @default primary
      */
-    set thyType(value: ThyActionType);
+    readonly thyType: import("@angular/core").InputSignal<ThyActionType>;
     /**
      * 操作图标，支持传参同时也支持在投影中写 thy-icon 组件
      */
-    set thyIcon(icon: string);
+    readonly thyIcon: import("@angular/core").InputSignal<string>;
     /**
      * 操作图标，当 thyIcon 和其他指令参数名有冲突时使用 thyActionIcon
      */
-    set thyActionIcon(icon: string);
+    readonly thyActionIcon: import("@angular/core").InputSignal<string>;
     /**
      * 操作的图标 Active 状态，设置为 true 时会在 Item 上添加 active class
-     * @default false
      */
-    set thyActive(value: boolean);
+    readonly thyActive: import("@angular/core").InputSignalWithTransform<boolean, string | number | boolean>;
     /**
      * 操作的图标 Active 状态，当 thyActive 和其他指令参数名有冲突时使用 thyActionActive
-     * @default false
      */
-    set thyActionActive(value: boolean);
+    readonly thyActionActive: import("@angular/core").InputSignalWithTransform<boolean, string | number | boolean>;
     /**
      * 操作图标的主题
      * @type fill(背景色填充) | lite(简单文本颜色变化)
      */
-    thyTheme: 'fill' | 'lite';
+    readonly thyTheme: import("@angular/core").InputSignal<"fill" | "lite">;
     /**
      * Hover 展示的图标
      */
-    thyHoverIcon: string;
+    readonly thyHoverIcon: import("@angular/core").InputSignal<string>;
     /**
      * 是否处于禁用状态
-     * @default false
      */
-    thyDisabled: boolean;
+    readonly thyDisabled: import("@angular/core").InputSignalWithTransform<boolean, string | number | boolean>;
     ngOnInit(): void;
     ngAfterViewInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
@@ -74,12 +70,8 @@ export declare class ThyAction implements OnInit, AfterViewInit, OnChanges, OnDe
     error(options?: ThyActionFeedbackOptions): void;
     private setFeedback;
     private wrapSpanForText;
-    private setActionType;
     private updateClasses;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ThyAction, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ThyAction, "thy-action, [thyAction]", never, { "thyType": { "alias": "thyType"; "required": false; }; "thyIcon": { "alias": "thyIcon"; "required": false; }; "thyActionIcon": { "alias": "thyActionIcon"; "required": false; }; "thyActive": { "alias": "thyActive"; "required": false; }; "thyActionActive": { "alias": "thyActionActive"; "required": false; }; "thyTheme": { "alias": "thyTheme"; "required": false; }; "thyHoverIcon": { "alias": "thyHoverIcon"; "required": false; }; "thyDisabled": { "alias": "thyDisabled"; "required": false; }; }, {}, never, ["*"], true, never>;
-    static ngAcceptInputType_thyActive: boolean | string | number;
-    static ngAcceptInputType_thyActionActive: boolean | string | number;
-    static ngAcceptInputType_thyDisabled: boolean | string | number;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ThyAction, "thy-action, [thyAction]", never, { "thyType": { "alias": "thyType"; "required": false; "isSignal": true; }; "thyIcon": { "alias": "thyIcon"; "required": false; "isSignal": true; }; "thyActionIcon": { "alias": "thyActionIcon"; "required": false; "isSignal": true; }; "thyActive": { "alias": "thyActive"; "required": false; "isSignal": true; }; "thyActionActive": { "alias": "thyActionActive"; "required": false; "isSignal": true; }; "thyTheme": { "alias": "thyTheme"; "required": false; "isSignal": true; }; "thyHoverIcon": { "alias": "thyHoverIcon"; "required": false; "isSignal": true; }; "thyDisabled": { "alias": "thyDisabled"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

package/action/actions.component.d.ts

@@ -1,4 +1,4 @@
-import { OnInit, OnChanges, QueryList, AfterContentInit, SimpleChanges } from '@angular/core';
+import { OnInit } from '@angular/core';
 import { ThySpacingSize } from 'ngx-tethys/core';
 import { ThyAction } from './action.component';
 import * as i0 from "@angular/core";
@@ -6,18 +6,16 @@ import * as i0 from "@angular/core";
  * Actions 组件
  * @name thy-actions
  */
-export declare class ThyActions implements OnInit, AfterContentInit, OnChanges {
-    actions: QueryList<ThyAction>;
+export declare class ThyActions implements OnInit {
+    readonly actions: import("@angular/core").Signal<readonly ThyAction[]>;
     /**
      * 大小，支持 `zero` | `xxs` | `xs` | `sm` | `md` | `lg` | `xlg` 和自定义数字大小
      * @type string | number
      */
-    thySize: ThySpacingSize;
+    readonly thySize: import("@angular/core").InputSignal<ThySpacingSize>;
     constructor();
     ngOnInit(): void;
-    ngOnChanges(changes: SimpleChanges): void;
-    ngAfterContentInit(): void;
     private setActionsSize;
     static ɵfac: i0.ɵɵFactoryDeclaration<ThyActions, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ThyActions, "thy-actions", never, { "thySize": { "alias": "thySize"; "required": false; }; }, {}, ["actions"], ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ThyActions, "thy-actions", never, { "thySize": { "alias": "thySize"; "required": false; "isSignal": true; }; }, {}, ["actions"], ["*"], true, never>;
 }

package/affix/affix.component.d.ts

@@ -1,5 +1,5 @@
 import { SimpleRect } from 'ngx-tethys/util';
-import { AfterViewInit, EventEmitter, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
+import { AfterViewInit, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
  * 固钉组件
@@ -11,26 +11,25 @@ export declare class ThyAffix implements AfterViewInit, OnChanges, OnDestroy {
     private ngZone;
     private platform;
     private renderer;
-    private fixedElement;
+    private readonly fixedElement;
     /**
      * 设置 thy-affix 需要监听其滚动事件的元素，值为一个返回对应 DOM 元素的函数
      * @default window
      * @type string | Element | Window
      */
-    thyContainer?: string | Element | Window;
+    readonly thyContainer: import("@angular/core").InputSignal<string | Element | Window>;
     /**
      * 距离窗口顶部缓冲的偏移量阈值
-     * @default 0
      */
-    thyOffsetTop?: null | number;
+    readonly thyOffsetTop: import("@angular/core").InputSignalWithTransform<number, unknown>;
     /**
      * 距离窗口底部缓冲的偏移量阈值
      */
-    thyOffsetBottom?: null | number;
+    readonly thyOffsetBottom: import("@angular/core").InputSignalWithTransform<number, unknown>;
     /**
      * 固定状态改变时触发的回调函数
      */
-    readonly thyChange: EventEmitter<boolean>;
+    readonly thyChange: import("@angular/core").OutputEmitterRef<boolean>;
     private readonly placeholderNode;
     private affixStyle?;
     private placeholderStyle?;
@@ -52,7 +51,5 @@ export declare class ThyAffix implements AfterViewInit, OnChanges, OnDestroy {
     private syncPlaceholderStyle;
     updatePosition(e: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ThyAffix, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ThyAffix, "thy-affix", ["thyAffix"], { "thyContainer": { "alias": "thyContainer"; "required": false; }; "thyOffsetTop": { "alias": "thyOffsetTop"; "required": false; }; "thyOffsetBottom": { "alias": "thyOffsetBottom"; "required": false; }; }, { "thyChange": "thyChange"; }, never, ["*"], true, never>;
-    static ngAcceptInputType_thyOffsetTop: unknown;
-    static ngAcceptInputType_thyOffsetBottom: unknown;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ThyAffix, "thy-affix", ["thyAffix"], { "thyContainer": { "alias": "thyContainer"; "required": false; "isSignal": true; }; "thyOffsetTop": { "alias": "thyOffsetTop"; "required": false; "isSignal": true; }; "thyOffsetBottom": { "alias": "thyOffsetBottom"; "required": false; "isSignal": true; }; }, { "thyChange": "thyChange"; }, never, ["*"], true, never>;
 }

package/avatar/avatar-list/avatar-list.component.d.ts

@@ -1,5 +1,4 @@
-import { AfterContentInit, OnChanges, OnDestroy, QueryList, SimpleChanges, TemplateRef } from '@angular/core';
-import { SafeAny } from 'ngx-tethys/types';
+import { Signal, TemplateRef } from '@angular/core';
 import { ThyAvatar } from '../avatar.component';
 import * as i0 from "@angular/core";
 export declare const THY_AVATAR_ITEM_SPACE = 4;
@@ -13,35 +12,30 @@ export declare const enum ThyAvatarListMode {
  * @name thy-avatar-list
  * @order 20
  */
-export declare class ThyAvatarList implements OnChanges, OnDestroy, AfterContentInit {
-    overlapMode: boolean;
+export declare class ThyAvatarList {
     avatarItems: ThyAvatar[];
-    private ngUnsubscribe$;
     /**
      * 展示方式
      * @type  overlap | default
-     * @default default
      */
-    thyMode: ThyAvatarListMode;
+    readonly thyMode: import("@angular/core").InputSignal<ThyAvatarListMode>;
+    isOverlapMode: Signal<boolean>;
     /**
      * 头像大小
      * @type 16 | 22 | 24 | 28 | 32 | 36 | 44 | 48 | 68 | 110 | 160 | xxs(22px) | xs(24px) | sm(32px) | md(36px) | lg(48px)
      * @default 36
      */
-    thyAvatarSize: number | string;
+    readonly thyAvatarSize: import("@angular/core").InputSignal<string | number>;
     /**
      *  append 自定义操作
      */
-    append: TemplateRef<SafeAny>;
+    readonly append: Signal<TemplateRef<any>>;
     /**
      * @private
      */
-    avatarComponents: QueryList<ThyAvatar>;
+    readonly avatarComponents: Signal<readonly ThyAvatar[]>;
     constructor();
-    ngOnChanges(changes: SimpleChanges): void;
-    ngAfterContentInit(): void;
     private updateAvatarItems;
-    ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ThyAvatarList, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ThyAvatarList, "thy-avatar-list", never, { "thyMode": { "alias": "thyMode"; "required": false; }; "thyAvatarSize": { "alias": "thyAvatarSize"; "required": false; }; }, {}, ["append", "avatarComponents"], ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ThyAvatarList, "thy-avatar-list", never, { "thyMode": { "alias": "thyMode"; "required": false; "isSignal": true; }; "thyAvatarSize": { "alias": "thyAvatarSize"; "required": false; "isSignal": true; }; }, {}, ["append", "avatarComponents"], ["*"], true, never>;
 }

package/avatar/avatar.component.d.ts

@@ -1,4 +1,4 @@
-import { ElementRef, EventEmitter, OnInit } from '@angular/core';
+import { ElementRef, Signal } from '@angular/core';
 import { SafeHtml } from '@angular/platform-browser';
 import * as i0 from "@angular/core";
 export declare const DEFAULT_SIZE = 36;
@@ -18,92 +18,78 @@ export type ThyAvatarFetchPriority = 'high' | 'low' | 'auto';
  * @name thy-avatar
  * @order 10
  */
-export declare class ThyAvatar implements OnInit {
+export declare class ThyAvatar {
     private thyAvatarService;
     elementRef: ElementRef<any>;
-    _src: string;
-    _name: string;
-    _size: number;
-    _showRemove: boolean;
-    avatarSrc: string;
-    avatarName?: string;
-    avatarNameSafeHtml?: SafeHtml;
-    _isAvatar: boolean;
     /**
      * * 已废弃，请使用 thyRemove
      * @deprecated
      */
-    thyOnRemove: EventEmitter<any>;
+    readonly thyOnRemove: import("@angular/core").OutputEmitterRef<Event>;
     /**
-     *  移除按钮的事件, 当 thyRemovable 为 true 时起作用
+     *  移除按钮的事件，当 thyRemovable 为 true 时起作用
      */
-    thyRemove: EventEmitter<any>;
+    readonly thyRemove: import("@angular/core").OutputEmitterRef<Event>;
     /**
      *  头像 img 加载 error 时触发
      */
-    thyError: EventEmitter<Event>;
+    readonly thyError: import("@angular/core").OutputEmitterRef<Event>;
     /**
      * 是否展示人员名称
-     * @default false
      */
-    thyShowName: boolean;
+    readonly thyShowName: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     /**
      * 头像路径地址, 默认为全路径，如果不是全路径，可以通过自定义服务 ThyAvatarService，重写 srcTransform 方法实现转换
-     *
      */
-    set thySrc(value: string);
+    readonly thySrc: import("@angular/core").InputSignal<string>;
+    src: Signal<string>;
     /**
      * 人员名称（可设置自定义名称，需通过自定义服务 ThyAvatarService，重写 nameTransform 方法去实现转换）
      */
-    set thyName(value: string);
+    readonly thyName: import("@angular/core").InputSignal<string>;
+    avatarName: Signal<string>;
+    avatarNameSafeHtml: Signal<SafeHtml>;
     /**
      * 头像大小
      * @type 16 | 22 | 24 | 28 | 32 | 36 | 44 | 48 | 68 | 110 | 160 | xxs(22px) | xs(24px) | sm(32px) | md(36px) | lg(48px)
      * @default md
      */
-    set thySize(value: number | string);
+    readonly thySize: import("@angular/core").ModelSignal<string | number>;
+    size: Signal<number>;
     /**
      * 已废弃，请使用 thyRemovable
      * @deprecated
-     * @default false
      */
-    set thyShowRemove(value: boolean);
+    readonly thyShowRemove: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     /**
      * 是否展示移除按钮
-     * @default false
      */
-    set thyRemovable(value: boolean);
+    readonly thyRemovable: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    showRemove: Signal<boolean>;
     /**
      * 图片自定义类
      */
-    thyImgClass: string;
+    readonly thyImgClass: import("@angular/core").InputSignal<string>;
     /**
      * 是否禁用
-     * @default false
      */
-    thyDisabled: boolean;
+    readonly thyDisabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     /**
      * 图片加载策略
      * @type eager(立即加载) | lazy(延迟加载)
      */
-    thyLoading?: ThyAvatarLoading;
+    readonly thyLoading: import("@angular/core").InputSignal<ThyAvatarLoading>;
     /**
      * 图片加载优先级
      * @type auto(默认) | high(高) | low(低)
      */
-    thyFetchPriority?: ThyAvatarFetchPriority;
-    private _setAvatarSize;
-    private findClosestSize;
-    private _setAvatarSrc;
-    private _setAvatarName;
+    readonly thyFetchPriority: import("@angular/core").InputSignal<ThyAvatarFetchPriority>;
+    private isAvatarImgError;
     private hostRenderer;
-    ngOnInit(): void;
+    constructor();
+    private findClosestSize;
     remove($event: Event): void;
     avatarImgError($event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ThyAvatar, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ThyAvatar, "thy-avatar", never, { "thyShowName": { "alias": "thyShowName"; "required": false; }; "thySrc": { "alias": "thySrc"; "required": false; }; "thyName": { "alias": "thyName"; "required": false; }; "thySize": { "alias": "thySize"; "required": false; }; "thyShowRemove": { "alias": "thyShowRemove"; "required": false; }; "thyRemovable": { "alias": "thyRemovable"; "required": false; }; "thyImgClass": { "alias": "thyImgClass"; "required": false; }; "thyDisabled": { "alias": "thyDisabled"; "required": false; }; "thyLoading": { "alias": "thyLoading"; "required": false; }; "thyFetchPriority": { "alias": "thyFetchPriority"; "required": false; }; }, { "thyOnRemove": "thyOnRemove"; "thyRemove": "thyRemove"; "thyError": "thyError"; }, never, never, true, never>;
-    static ngAcceptInputType_thyShowName: boolean | string | number;
-    static ngAcceptInputType_thyShowRemove: boolean | string | number;
-    static ngAcceptInputType_thyRemovable: boolean | string | number;
-    static ngAcceptInputType_thyDisabled: boolean | string | number;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ThyAvatar, "thy-avatar", never, { "thyShowName": { "alias": "thyShowName"; "required": false; "isSignal": true; }; "thySrc": { "alias": "thySrc"; "required": false; "isSignal": true; }; "thyName": { "alias": "thyName"; "required": false; "isSignal": true; }; "thySize": { "alias": "thySize"; "required": false; "isSignal": true; }; "thyShowRemove": { "alias": "thyShowRemove"; "required": false; "isSignal": true; }; "thyRemovable": { "alias": "thyRemovable"; "required": false; "isSignal": true; }; "thyImgClass": { "alias": "thyImgClass"; "required": false; "isSignal": true; }; "thyDisabled": { "alias": "thyDisabled"; "required": false; "isSignal": true; }; "thyLoading": { "alias": "thyLoading"; "required": false; "isSignal": true; }; "thyFetchPriority": { "alias": "thyFetchPriority"; "required": false; "isSignal": true; }; }, { "thyOnRemove": "thyOnRemove"; "thyRemove": "thyRemove"; "thyError": "thyError"; "thySize": "thySizeChange"; }, never, never, true, never>;
 }

package/fesm2022/ngx-tethys-action.mjs

@@ -1,9 +1,9 @@
 import * as i0 from '@angular/core';
-import { inject, ElementRef, Renderer2, ChangeDetectorRef, Input, ChangeDetectionStrategy, Component, ContentChildren, NgModule } from '@angular/core';
+import { inject, ElementRef, Renderer2, ChangeDetectorRef, computed, input, ChangeDetectionStrategy, Component, contentChildren, effect, NgModule } from '@angular/core';
 import { useHostRenderer } from '@tethys/cdk/dom';
 import { ThyIcon, ThyIconModule } from 'ngx-tethys/icon';
-import { timer } from 'rxjs';
 import { coerceBooleanProperty } from 'ngx-tethys/util';
+import { timer } from 'rxjs';
 import { getNumericSize } from 'ngx-tethys/core';
 import { CommonModule } from '@angular/common';
 
@@ -28,49 +28,45 @@ class ThyAction {
         this.elementRef = inject(ElementRef);
         this.renderer = inject(Renderer2);
         this.cdr = inject(ChangeDetectorRef);
+        this.icon = computed(() => this.thyActionIcon() || this.thyIcon());
         this.feedback = null;
-        this.active = false;
-        this.type = 'primary';
+        this.active = computed(() => this.thyActionActive() || this.thyActive());
+        this.type = computed(() => this.thyType() || 'primary');
         this.hostRenderer = useHostRenderer();
+        /**
+         * 操作图标的类型
+         * @type primary | success | danger | warning
+         */
+        this.thyType = input('primary');
+        /**
+         * 操作图标，支持传参同时也支持在投影中写 thy-icon 组件
+         */
+        this.thyIcon = input('');
+        /**
+         * 操作图标，当 thyIcon 和其他指令参数名有冲突时使用 thyActionIcon
+         */
+        this.thyActionIcon = input('');
+        /**
+         * 操作的图标 Active 状态，设置为 true 时会在 Item 上添加 active class
+         */
+        this.thyActive = input(false, { transform: coerceBooleanProperty });
+        /**
+         * 操作的图标 Active 状态，当 thyActive 和其他指令参数名有冲突时使用 thyActionActive
+         */
+        this.thyActionActive = input(false, { transform: coerceBooleanProperty });
         /**
          * 操作图标的主题
          * @type fill(背景色填充) | lite(简单文本颜色变化)
          */
-        this.thyTheme = 'fill';
-    }
-    /**
-     * 操作图标的类型
-     * @type primary | success | danger | warning
-     * @default primary
-     */
-    set thyType(value) {
-        this.setActionType(value || 'primary');
-    }
-    /**
-     * 操作图标，支持传参同时也支持在投影中写 thy-icon 组件
-     */
-    set thyIcon(icon) {
-        this.icon = icon;
-    }
-    /**
-     * 操作图标，当 thyIcon 和其他指令参数名有冲突时使用 thyActionIcon
-     */
-    set thyActionIcon(icon) {
-        this.icon = icon;
-    }
-    /**
-     * 操作的图标 Active 状态，设置为 true 时会在 Item 上添加 active class
-     * @default false
-     */
-    set thyActive(value) {
-        this.active = value;
-    }
-    /**
-     * 操作的图标 Active 状态，当 thyActive 和其他指令参数名有冲突时使用 thyActionActive
-     * @default false
-     */
-    set thyActionActive(value) {
-        this.active = value;
+        this.thyTheme = input('fill');
+        /**
+         * Hover 展示的图标
+         */
+        this.thyHoverIcon = input();
+        /**
+         * 是否处于禁用状态
+         */
+        this.thyDisabled = input(false, { transform: coerceBooleanProperty });
     }
     ngOnInit() {
         this.updateClasses();
@@ -99,7 +95,7 @@ class ThyAction {
         this.setFeedback('error', options);
     }
     setFeedback(feedback, options) {
-        if (this.thyDisabled) {
+        if (this.thyDisabled()) {
             return;
         }
         options = Object.assign({}, defaultFeedbackOptions[feedback], options);
@@ -128,13 +124,10 @@ class ThyAction {
             }
         });
     }
-    setActionType(value) {
-        this.type = value;
-    }
     updateClasses() {
         let classNames = [];
-        classNames.push(`action-${this.type}`);
-        if (this.thyTheme === 'lite') {
+        classNames.push(`action-${this.type()}`);
+        if (this.thyTheme() === 'lite') {
             classNames.push('thy-action-lite');
         }
         this.hostRenderer.updateClass(classNames);
@@ -143,37 +136,18 @@ class ThyAction {
         this.feedbackTimer?.unsubscribe();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyAction, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.8", type: ThyAction, isStandalone: true, selector: "thy-action, [thyAction]", inputs: { thyType: "thyType", thyIcon: "thyIcon", thyActionIcon: "thyActionIcon", thyActive: ["thyActive", "thyActive", coerceBooleanProperty], thyActionActive: ["thyActionActive", "thyActionActive", coerceBooleanProperty], thyTheme: "thyTheme", thyHoverIcon: "thyHoverIcon", thyDisabled: ["thyDisabled", "thyDisabled", coerceBooleanProperty] }, host: { properties: { "class.active": "active", "class.thy-action-hover-icon": "thyHoverIcon", "class.thy-action-has-feedback": "!!feedback", "class.disabled": "thyDisabled" }, classAttribute: "thy-action" }, usesOnChanges: true, ngImport: i0, template: "@if (icon && !feedback) {\n  <thy-icon [thyIconName]=\"icon\"></thy-icon>\n}\n@if (feedbackOptions?.icon) {\n  <thy-icon [class]=\"feedbackOptions.class\" [thyIconName]=\"feedbackOptions.icon\"></thy-icon>\n}\n@if (thyHoverIcon) {\n  <thy-icon class=\"hover-icon\" [thyIconName]=\"thyHoverIcon\"></thy-icon>\n}\n<ng-content></ng-content>\n", dependencies: [{ kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.8", type: ThyAction, isStandalone: true, selector: "thy-action, [thyAction]", inputs: { thyType: { classPropertyName: "thyType", publicName: "thyType", isSignal: true, isRequired: false, transformFunction: null }, thyIcon: { classPropertyName: "thyIcon", publicName: "thyIcon", isSignal: true, isRequired: false, transformFunction: null }, thyActionIcon: { classPropertyName: "thyActionIcon", publicName: "thyActionIcon", isSignal: true, isRequired: false, transformFunction: null }, thyActive: { classPropertyName: "thyActive", publicName: "thyActive", isSignal: true, isRequired: false, transformFunction: null }, thyActionActive: { classPropertyName: "thyActionActive", publicName: "thyActionActive", isSignal: true, isRequired: false, transformFunction: null }, thyTheme: { classPropertyName: "thyTheme", publicName: "thyTheme", isSignal: true, isRequired: false, transformFunction: null }, thyHoverIcon: { classPropertyName: "thyHoverIcon", publicName: "thyHoverIcon", isSignal: true, isRequired: false, transformFunction: null }, thyDisabled: { classPropertyName: "thyDisabled", publicName: "thyDisabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.active": "active()", "class.thy-action-hover-icon": "thyHoverIcon()", "class.thy-action-has-feedback": "!!feedback", "class.disabled": "thyDisabled()" }, classAttribute: "thy-action" }, usesOnChanges: true, ngImport: i0, template: "@if (icon() && !feedback) {\n  <thy-icon [thyIconName]=\"icon()\"></thy-icon>\n}\n@if (feedbackOptions?.icon) {\n  <thy-icon [class]=\"feedbackOptions.class\" [thyIconName]=\"feedbackOptions.icon\"></thy-icon>\n}\n@if (thyHoverIcon()) {\n  <thy-icon class=\"hover-icon\" [thyIconName]=\"thyHoverIcon()\"></thy-icon>\n}\n<ng-content></ng-content>\n", dependencies: [{ kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyAction, decorators: [{
             type: Component,
             args: [{ selector: 'thy-action, [thyAction]', changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'thy-action',
-                        '[class.active]': 'active',
-                        '[class.thy-action-hover-icon]': 'thyHoverIcon',
+                        '[class.active]': 'active()',
+                        '[class.thy-action-hover-icon]': 'thyHoverIcon()',
                         '[class.thy-action-has-feedback]': '!!feedback',
-                        '[class.disabled]': 'thyDisabled'
-                    }, imports: [ThyIcon], template: "@if (icon && !feedback) {\n  <thy-icon [thyIconName]=\"icon\"></thy-icon>\n}\n@if (feedbackOptions?.icon) {\n  <thy-icon [class]=\"feedbackOptions.class\" [thyIconName]=\"feedbackOptions.icon\"></thy-icon>\n}\n@if (thyHoverIcon) {\n  <thy-icon class=\"hover-icon\" [thyIconName]=\"thyHoverIcon\"></thy-icon>\n}\n<ng-content></ng-content>\n" }]
-        }], propDecorators: { thyType: [{
-                type: Input
-            }], thyIcon: [{
-                type: Input
-            }], thyActionIcon: [{
-                type: Input
-            }], thyActive: [{
-                type: Input,
-                args: [{ transform: coerceBooleanProperty }]
-            }], thyActionActive: [{
-                type: Input,
-                args: [{ transform: coerceBooleanProperty }]
-            }], thyTheme: [{
-                type: Input
-            }], thyHoverIcon: [{
-                type: Input
-            }], thyDisabled: [{
-                type: Input,
-                args: [{ transform: coerceBooleanProperty }]
-            }] } });
+                        '[class.disabled]': 'thyDisabled()'
+                    }, imports: [ThyIcon], template: "@if (icon() && !feedback) {\n  <thy-icon [thyIconName]=\"icon()\"></thy-icon>\n}\n@if (feedbackOptions?.icon) {\n  <thy-icon [class]=\"feedbackOptions.class\" [thyIconName]=\"feedbackOptions.icon\"></thy-icon>\n}\n@if (thyHoverIcon()) {\n  <thy-icon class=\"hover-icon\" [thyIconName]=\"thyHoverIcon()\"></thy-icon>\n}\n<ng-content></ng-content>\n" }]
+        }] });
 
 /**
  * Actions 组件
@@ -181,34 +155,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
  */
 class ThyActions {
     constructor() {
+        this.actions = contentChildren(ThyAction);
         /**
          * 大小，支持 `zero` | `xxs` | `xs` | `sm` | `md` | `lg` | `xlg` 和自定义数字大小
          * @type string | number
          */
-        this.thySize = 'md';
-    }
-    ngOnInit() { }
-    ngOnChanges(changes) {
-        if (changes.thySize && !changes.thySize.firstChange && this.actions) {
-            this.setActionsSize(this.actions.toArray());
-        }
-    }
-    ngAfterContentInit() {
-        this.actions.changes.subscribe((actions) => {
-            this.setActionsSize(actions);
+        this.thySize = input('md');
+        effect(() => {
+            this.setActionsSize();
         });
-        this.setActionsSize(this.actions.toArray());
     }
-    setActionsSize(actions) {
+    ngOnInit() { }
+    setActionsSize() {
+        const actions = Array.from(this.actions());
         actions.forEach((action, index) => {
             // can't set marginRight value for last item
             if (index !== actions.length - 1) {
-                action.setMarginRight(getNumericSize(this.thySize, 'md') + 'px');
+                action.setMarginRight(getNumericSize(this.thySize(), 'md') + 'px');
             }
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyActions, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.8", type: ThyActions, isStandalone: true, selector: "thy-actions", inputs: { thySize: "thySize" }, host: { classAttribute: "thy-actions" }, queries: [{ propertyName: "actions", predicate: ThyAction }], usesOnChanges: true, ngImport: i0, template: ` <ng-content></ng-content> `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.8", type: ThyActions, isStandalone: true, selector: "thy-actions", inputs: { thySize: { classPropertyName: "thySize", publicName: "thySize", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "thy-actions" }, queries: [{ propertyName: "actions", predicate: ThyAction, isSignal: true }], ngImport: i0, template: ` <ng-content></ng-content> `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyActions, decorators: [{
             type: Component,
@@ -220,12 +188,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
                         class: 'thy-actions'
                     }
                 }]
-        }], ctorParameters: () => [], propDecorators: { actions: [{
-                type: ContentChildren,
-                args: [ThyAction]
-            }], thySize: [{
-                type: Input
-            }] } });
+        }], ctorParameters: () => [] });
 
 class ThyActionModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyActionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }