ngx-tethys 19.0.12 → 19.0.13

package/CHANGELOG.md

@@ -2,18 +2,12 @@
 
 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)
+## [19.0.13](https://github.com/atinc/ngx-tethys/compare/19.0.11...19.0.13) (2025-05-20)
 
 
 ### 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))
+* **shared:** update input value handling and search emission logic #TINFR-2053 ([#3408](https://github.com/atinc/ngx-tethys/issues/3408)) ([0ebeb82](https://github.com/atinc/ngx-tethys/commit/0ebeb82c6c8303a06c86b6e523128ec5bf52cc1f)), closes [#TINFR-2053](https://github.com/atinc/ngx-tethys/issues/TINFR-2053)
 
 
 

package/action/action.component.d.ts

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

package/action/actions.component.d.ts

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

package/affix/affix.component.d.ts

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

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

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

package/avatar/avatar.component.d.ts

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

package/fesm2022/ngx-tethys-action.mjs

@@ -1,9 +1,9 @@
 import * as i0 from '@angular/core';
-import { inject, ElementRef, Renderer2, ChangeDetectorRef, computed, input, ChangeDetectionStrategy, Component, contentChildren, effect, NgModule } from '@angular/core';
+import { inject, ElementRef, Renderer2, ChangeDetectorRef, Input, ChangeDetectionStrategy, Component, ContentChildren, NgModule } from '@angular/core';
 import { useHostRenderer } from '@tethys/cdk/dom';
 import { ThyIcon, ThyIconModule } from 'ngx-tethys/icon';
-import { coerceBooleanProperty } from 'ngx-tethys/util';
 import { timer } from 'rxjs';
+import { coerceBooleanProperty } from 'ngx-tethys/util';
 import { getNumericSize } from 'ngx-tethys/core';
 import { CommonModule } from '@angular/common';
 
@@ -28,45 +28,49 @@ 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 = computed(() => this.thyActionActive() || this.thyActive());
-        this.type = computed(() => this.thyType() || 'primary');
+        this.active = false;
+        this.type = '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 = input('fill');
-        /**
-         * Hover 展示的图标
-         */
-        this.thyHoverIcon = input();
-        /**
-         * 是否处于禁用状态
-         */
-        this.thyDisabled = input(false, { transform: coerceBooleanProperty });
+        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;
     }
     ngOnInit() {
         this.updateClasses();
@@ -95,7 +99,7 @@ class ThyAction {
         this.setFeedback('error', options);
     }
     setFeedback(feedback, options) {
-        if (this.thyDisabled()) {
+        if (this.thyDisabled) {
             return;
         }
         options = Object.assign({}, defaultFeedbackOptions[feedback], options);
@@ -124,10 +128,13 @@ 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);
@@ -136,18 +143,37 @@ 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: { 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 }); }
+    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 }); }
 }
 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" }]
-        }] });
+                        '[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 }]
+            }] } });
 
 /**
  * Actions 组件
@@ -155,28 +181,34 @@ 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 = input('md');
-        effect(() => {
-            this.setActionsSize();
-        });
+        this.thySize = 'md';
     }
     ngOnInit() { }
-    setActionsSize() {
-        const actions = Array.from(this.actions());
+    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.setActionsSize(this.actions.toArray());
+    }
+    setActionsSize(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: "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 }); }
+    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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyActions, decorators: [{
             type: Component,
@@ -188,7 +220,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
                         class: 'thy-actions'
                     }
                 }]
-        }], ctorParameters: () => [] });
+        }], ctorParameters: () => [], propDecorators: { actions: [{
+                type: ContentChildren,
+                args: [ThyAction]
+            }], thySize: [{
+                type: Input
+            }] } });
 
 class ThyActionModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyActionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }