ngx-tethys 19.0.13 → 19.1.0-next.0

package/fesm2022/ngx-tethys-dot.mjs

@@ -1,6 +1,6 @@
 import { isThemeColor } from 'ngx-tethys/core';
 import * as i0 from '@angular/core';
-import { inject, ElementRef, Renderer2, Input, ChangeDetectionStrategy, ViewEncapsulation, Component, NgModule } from '@angular/core';
+import { inject, ElementRef, Renderer2, input, effect, ChangeDetectionStrategy, ViewEncapsulation, Component, NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 
 const COMPONENT_CLASS_NAME = 'thy-dot';
@@ -17,68 +17,53 @@ class ThyDot {
     constructor() {
         this.el = inject(ElementRef);
         this.renderer = inject(Renderer2);
-        this.size = DEFAULT_SIZE_NAME;
-        this.theme = DEFAULT_THEME_NAME;
-        this.shape = DEFAULT_SHAPE_NAME;
-        this.color = DEFAULT_COLOR_NAME;
+        /**
+         * 颜色，可选值为：`primary` `success` `info` `warning` `danger` `default` `light`和自定义颜色，如`#2cccda` `red`  `rgb(153, 153, 153)`
+         * @type ThyThemeColor | string
+         */
+        this.thyColor = input(DEFAULT_COLOR_NAME, {
+            transform: (value) => value || DEFAULT_COLOR_NAME
+        });
+        /**
+         * 大小
+         * @type xs | sm | md | lg | xlg
+         */
+        this.thySize = input(DEFAULT_SIZE_NAME, {
+            transform: (value) => value || DEFAULT_SIZE_NAME
+        });
+        /**
+         * 主题
+         * @type outline(线框) | fill(填充)
+         */
+        this.thyTheme = input(DEFAULT_THEME_NAME, {
+            transform: (value) => value || DEFAULT_THEME_NAME
+        });
+        /**
+         * 形状
+         * @type circle(圆形) | square(方形)
+         */
+        this.thyShape = input(DEFAULT_SHAPE_NAME, {
+            transform: (value) => value || DEFAULT_SHAPE_NAME
+        });
         this.nativeElement = this.el.nativeElement;
-        this.updateColorStyle();
-    }
-    /**
-     * 颜色，可选值为：`primary` `success` `info` `warning` `danger` `default` `light`和自定义颜色，如`#2cccda` `red`  `rgb(153, 153, 153)`
-     * @type ThyThemeColor | string
-     * @default primary
-     */
-    set thyColor(value) {
-        if (value) {
-            this.color = value;
+        effect(() => {
             this.updateColorStyle();
-        }
-    }
-    /**
-     * 大小
-     * @type xs | sm | md | lg | xlg
-     * @default sm
-     */
-    set thySize(value) {
-        if (value) {
-            this.size = value;
-        }
-    }
-    /**
-     * 主题
-     * @type outline(线框) | fill(填充)
-     * @default fill
-     */
-    set thyTheme(value) {
-        if (value) {
-            this.theme = value;
-        }
-    }
-    /**
-     * 形状
-     * @type circle(圆形) | square(方形)
-     * @default circle
-     */
-    set thyShape(value) {
-        if (value) {
-            this.shape = value;
-        }
+        });
     }
     updateColorStyle() {
         Array.from(this.nativeElement.classList)
             .filter(it => /^dot-color-[\w]+$/.test(it))
             .forEach(it => this.renderer.removeClass(this.nativeElement, it));
-        if (isThemeColor(this.color)) {
+        if (isThemeColor(this.thyColor())) {
             this.renderer.setStyle(this.nativeElement, 'borderColor', 'none');
-            this.renderer.addClass(this.nativeElement, `dot-color-${this.color}`);
+            this.renderer.addClass(this.nativeElement, `dot-color-${this.thyColor()}`);
         }
         else {
-            this.renderer.setStyle(this.nativeElement, 'borderColor', this.color);
+            this.renderer.setStyle(this.nativeElement, 'borderColor', this.thyColor());
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyDot, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.8", type: ThyDot, isStandalone: true, selector: "thy-dot,[thy-dot],[thyDot]", inputs: { thyColor: "thyColor", thySize: "thySize", thyTheme: "thyTheme", thyShape: "thyShape" }, host: { properties: { "class.dot-theme-fill": "theme === \"fill\"", "class.dot-theme-outline": "theme === \"outline\"", "class.dot-shape-square": "shape === \"square\"", "class.dot-shape-circle": "shape === \"circle\"", "class.dot-size-md": "size === \"md\"", "class.dot-size-sm": "size === \"sm\"", "class.dot-size-xs": "size === \"xs\"", "class.dot-size-lg": "size === \"lg\"", "class.dot-size-xlg": "size === \"xlg\"" }, classAttribute: "thy-dot" }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.8", type: ThyDot, isStandalone: true, selector: "thy-dot,[thy-dot],[thyDot]", inputs: { thyColor: { classPropertyName: "thyColor", publicName: "thyColor", isSignal: true, isRequired: false, transformFunction: null }, thySize: { classPropertyName: "thySize", publicName: "thySize", isSignal: true, isRequired: false, transformFunction: null }, thyTheme: { classPropertyName: "thyTheme", publicName: "thyTheme", isSignal: true, isRequired: false, transformFunction: null }, thyShape: { classPropertyName: "thyShape", publicName: "thyShape", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.dot-theme-fill": "thyTheme() === \"fill\"", "class.dot-theme-outline": "thyTheme() === \"outline\"", "class.dot-shape-square": "thyShape() === \"square\"", "class.dot-shape-circle": "thyShape() === \"circle\"", "class.dot-size-md": "thySize() === \"md\"", "class.dot-size-sm": "thySize() === \"sm\"", "class.dot-size-xs": "thySize() === \"xs\"", "class.dot-size-lg": "thySize() === \"lg\"", "class.dot-size-xlg": "thySize() === \"xlg\"" }, classAttribute: "thy-dot" }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyDot, decorators: [{
             type: Component,
@@ -89,26 +74,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     host: {
                         class: 'thy-dot',
-                        '[class.dot-theme-fill]': 'theme === "fill"',
-                        '[class.dot-theme-outline]': 'theme === "outline"',
-                        '[class.dot-shape-square]': 'shape === "square"',
-                        '[class.dot-shape-circle]': 'shape === "circle"',
-                        '[class.dot-size-md]': 'size === "md"',
-                        '[class.dot-size-sm]': 'size === "sm"',
-                        '[class.dot-size-xs]': 'size === "xs"',
-                        '[class.dot-size-lg]': 'size === "lg"',
-                        '[class.dot-size-xlg]': 'size === "xlg"'
+                        '[class.dot-theme-fill]': 'thyTheme() === "fill"',
+                        '[class.dot-theme-outline]': 'thyTheme() === "outline"',
+                        '[class.dot-shape-square]': 'thyShape() === "square"',
+                        '[class.dot-shape-circle]': 'thyShape() === "circle"',
+                        '[class.dot-size-md]': 'thySize() === "md"',
+                        '[class.dot-size-sm]': 'thySize() === "sm"',
+                        '[class.dot-size-xs]': 'thySize() === "xs"',
+                        '[class.dot-size-lg]': 'thySize() === "lg"',
+                        '[class.dot-size-xlg]': 'thySize() === "xlg"'
                     }
                 }]
-        }], ctorParameters: () => [], propDecorators: { thyColor: [{
-                type: Input
-            }], thySize: [{
-                type: Input
-            }], thyTheme: [{
-                type: Input
-            }], thyShape: [{
-                type: Input
-            }] } });
+        }], ctorParameters: () => [] });
 
 class ThyDotModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyDotModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }

package/fesm2022/ngx-tethys-dot.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngx-tethys-dot.mjs","sources":["../../../src/dot/dot.component.ts","../../../src/dot/dot.module.ts","../../../src/dot/ngx-tethys-dot.ts"],"sourcesContent":["import { isThemeColor, ThyThemeColor } from 'ngx-tethys/core';\n\nimport { ChangeDetectionStrategy, Component, ElementRef, Input, Renderer2, ViewEncapsulation, inject } from '@angular/core';\n\nexport type ThyColorType = ThyThemeColor | string;\nexport type ThySizeType = 'xs' | 'sm' | 'md' | 'lg' | 'xlg';\nexport type ThyThemeType = 'outline' | 'fill';\nexport type ThyShapeType = 'square' | 'circle';\n\nexport const COMPONENT_CLASS_NAME = 'thy-dot';\n\nexport const DEFAULT_COLOR_NAME = 'primary';\nexport const DEFAULT_SIZE_NAME = 'sm';\nexport const DEFAULT_THEME_NAME = 'fill';\nexport const DEFAULT_SHAPE_NAME = 'circle';\n\n/**\n * 显示一个点的组件\n * @name thy-dot,[thy-dot],[thyDot]\n * @order 10\n */\n@Component({\n    selector: 'thy-dot,[thy-dot],[thyDot]',\n    template: '',\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        class: 'thy-dot',\n        '[class.dot-theme-fill]': 'theme === \"fill\"',\n        '[class.dot-theme-outline]': 'theme === \"outline\"',\n        '[class.dot-shape-square]': 'shape === \"square\"',\n        '[class.dot-shape-circle]': 'shape === \"circle\"',\n        '[class.dot-size-md]': 'size === \"md\"',\n        '[class.dot-size-sm]': 'size === \"sm\"',\n        '[class.dot-size-xs]': 'size === \"xs\"',\n        '[class.dot-size-lg]': 'size === \"lg\"',\n        '[class.dot-size-xlg]': 'size === \"xlg\"'\n    }\n})\nexport class ThyDot {\n    private el = inject(ElementRef);\n    private renderer = inject(Renderer2);\n\n    public size: ThySizeType = DEFAULT_SIZE_NAME;\n    public theme: ThyThemeType = DEFAULT_THEME_NAME;\n    public shape: ThyShapeType = DEFAULT_SHAPE_NAME;\n    public color: ThyColorType = DEFAULT_COLOR_NAME;\n    private nativeElement: HTMLElement;\n    constructor() {\n        this.nativeElement = this.el.nativeElement;\n        this.updateColorStyle();\n    }\n\n    /**\n     * 颜色，可选值为：`primary` `success` `info` `warning` `danger` `default` `light`和自定义颜色，如`#2cccda` `red`  `rgb(153, 153, 153)`\n     * @type ThyThemeColor | string\n     * @default primary\n     */\n    @Input()\n    set thyColor(value: ThyColorType) {\n        if (value) {\n            this.color = value;\n            this.updateColorStyle();\n        }\n    }\n\n    /**\n     * 大小\n     * @type xs | sm | md | lg | xlg\n     * @default sm\n     */\n    @Input()\n    set thySize(value: ThySizeType) {\n        if (value) {\n            this.size = value;\n        }\n    }\n\n    /**\n     * 主题\n     * @type outline(线框) | fill(填充)\n     * @default fill\n     */\n    @Input()\n    set thyTheme(value: ThyThemeType) {\n        if (value) {\n            this.theme = value;\n        }\n    }\n\n    /**\n     * 形状\n     * @type circle(圆形) | square(方形)\n     * @default circle\n     */\n    @Input()\n    set thyShape(value: ThyShapeType) {\n        if (value) {\n            this.shape = value;\n        }\n    }\n\n    updateColorStyle() {\n        Array.from(this.nativeElement.classList)\n            .filter(it => /^dot-color-[\\w]+$/.test(it))\n            .forEach(it => this.renderer.removeClass(this.nativeElement, it));\n\n        if (isThemeColor(this.color)) {\n            this.renderer.setStyle(this.nativeElement, 'borderColor', 'none');\n            this.renderer.addClass(this.nativeElement, `dot-color-${this.color}`);\n        } else {\n            this.renderer.setStyle(this.nativeElement, 'borderColor', this.color);\n        }\n    }\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ThyDot } from './dot.component';\n\n@NgModule({\n    imports: [CommonModule, ThyDot],\n    exports: [ThyDot]\n})\nexport class ThyDotModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ngx-tethys-dot.mjs","sources":["../../../src/dot/dot.component.ts","../../../src/dot/dot.module.ts","../../../src/dot/ngx-tethys-dot.ts"],"sourcesContent":["import { isThemeColor, ThyThemeColor } from 'ngx-tethys/core';\n\nimport { ChangeDetectionStrategy, Component, ElementRef, Renderer2, ViewEncapsulation, effect, inject, input } from '@angular/core';\n\nexport type ThyColorType = ThyThemeColor | string;\nexport type ThySizeType = 'xs' | 'sm' | 'md' | 'lg' | 'xlg';\nexport type ThyThemeType = 'outline' | 'fill';\nexport type ThyShapeType = 'square' | 'circle';\n\nexport const COMPONENT_CLASS_NAME = 'thy-dot';\n\nexport const DEFAULT_COLOR_NAME = 'primary';\nexport const DEFAULT_SIZE_NAME = 'sm';\nexport const DEFAULT_THEME_NAME = 'fill';\nexport const DEFAULT_SHAPE_NAME = 'circle';\n\n/**\n * 显示一个点的组件\n * @name thy-dot,[thy-dot],[thyDot]\n * @order 10\n */\n@Component({\n    selector: 'thy-dot,[thy-dot],[thyDot]',\n    template: '',\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        class: 'thy-dot',\n        '[class.dot-theme-fill]': 'thyTheme() === \"fill\"',\n        '[class.dot-theme-outline]': 'thyTheme() === \"outline\"',\n        '[class.dot-shape-square]': 'thyShape() === \"square\"',\n        '[class.dot-shape-circle]': 'thyShape() === \"circle\"',\n        '[class.dot-size-md]': 'thySize() === \"md\"',\n        '[class.dot-size-sm]': 'thySize() === \"sm\"',\n        '[class.dot-size-xs]': 'thySize() === \"xs\"',\n        '[class.dot-size-lg]': 'thySize() === \"lg\"',\n        '[class.dot-size-xlg]': 'thySize() === \"xlg\"'\n    }\n})\nexport class ThyDot {\n    private el = inject(ElementRef);\n    private renderer = inject(Renderer2);\n    private nativeElement: HTMLElement;\n\n    constructor() {\n        this.nativeElement = this.el.nativeElement;\n\n        effect(() => {\n            this.updateColorStyle();\n        });\n    }\n\n    /**\n     * 颜色，可选值为：`primary` `success` `info` `warning` `danger` `default` `light`和自定义颜色，如`#2cccda` `red`  `rgb(153, 153, 153)`\n     * @type ThyThemeColor | string\n     */\n    readonly thyColor = input<ThyColorType, ThyColorType>(DEFAULT_COLOR_NAME, {\n        transform: (value: ThyColorType) => value || DEFAULT_COLOR_NAME\n    });\n\n    /**\n     * 大小\n     * @type xs | sm | md | lg | xlg\n     */\n    readonly thySize = input<ThySizeType, ThySizeType>(DEFAULT_SIZE_NAME, {\n        transform: (value: ThySizeType) => value || DEFAULT_SIZE_NAME\n    });\n\n    /**\n     * 主题\n     * @type outline(线框) | fill(填充)\n     */\n    readonly thyTheme = input<ThyThemeType, ThyThemeType>(DEFAULT_THEME_NAME, {\n        transform: (value: ThyThemeType) => value || DEFAULT_THEME_NAME\n    });\n\n    /**\n     * 形状\n     * @type circle(圆形) | square(方形)\n     */\n    readonly thyShape = input<ThyShapeType, ThyShapeType>(DEFAULT_SHAPE_NAME, {\n        transform: (value: ThyShapeType) => value || DEFAULT_SHAPE_NAME\n    });\n\n    updateColorStyle() {\n        Array.from(this.nativeElement.classList)\n            .filter(it => /^dot-color-[\\w]+$/.test(it))\n            .forEach(it => this.renderer.removeClass(this.nativeElement, it));\n\n        if (isThemeColor(this.thyColor())) {\n            this.renderer.setStyle(this.nativeElement, 'borderColor', 'none');\n            this.renderer.addClass(this.nativeElement, `dot-color-${this.thyColor()}`);\n        } else {\n            this.renderer.setStyle(this.nativeElement, 'borderColor', this.thyColor());\n        }\n    }\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ThyDot } from './dot.component';\n\n@NgModule({\n    imports: [CommonModule, ThyDot],\n    exports: [ThyDot]\n})\nexport class ThyDotModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/ngx-tethys-empty.mjs

@@ -2,12 +2,12 @@ import { ThyIcon, ThyIconModule } from 'ngx-tethys/icon';
 import { ThySharedModule } from 'ngx-tethys/shared';
 import { NgClass, NgTemplateOutlet, CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { Injectable, inject, ElementRef, NgZone, ContentChild, Input, Component, NgModule } from '@angular/core';
-import { ThyTranslate } from 'ngx-tethys/core';
+import { Injectable, inject, ElementRef, NgZone, input, contentChild, computed, effect, Component, NgModule } from '@angular/core';
 import { useHostRenderer } from '@tethys/cdk/dom';
+import { ThyTranslate } from 'ngx-tethys/core';
 import { DomSanitizer } from '@angular/platform-browser';
-import { coerceBooleanProperty } from 'ngx-tethys/util';
 import { injectLocale } from 'ngx-tethys/i18n';
+import { coerceBooleanProperty } from 'ngx-tethys/util';
 
 /**
  * @deprecated
@@ -266,51 +266,109 @@ class ThyEmpty {
         this.ngZone = inject(NgZone);
         this.sanitizer = inject(DomSanitizer);
         this.locale = injectLocale('empty');
-        this.size = 'md';
-        this._initialized = false;
+        /**
+         * 显示文本提示信息。同时传入 thyMessage，thyTranslationKey，thyEntityName，thyEntityNameTranslateKey 时优先级最高
+         * @default 暂无数据
+         */
+        this.thyMessage = input();
+        /**
+         * 已废弃。显示文本提示信息多语言 Key。同时传入 thyTranslationKey，thyEntityName，thyEntityNameTranslateKey 时优先级最高
+         * @deprecated
+         */
+        this.thyTranslationKey = input();
+        /**
+         * 已废弃。显示文本提示信息多语言 Key 的 Values。传入 thyTranslationKey 后，传入这个才会生效
+         * @deprecated
+         */
+        this.thyTranslationValues = input();
+        /**
+         * 已废弃。显示默认提示信息，替换默认提示信息的目标对象，比如：没有 {thyEntityName}。同时传入 thyEntityName，thyEntityNameTranslateKey 时优先级较高
+         * @deprecated
+         */
+        this.thyEntityName = input();
+        /**
+         * 已废弃。thyEntityName 的多语言 Key。thyMessage，thyTranslationKey，thyEntityName 均未传入时才会生效
+         * @deprecated
+         */
+        this.thyEntityNameTranslateKey = input();
+        /**
+         * 提示图标名
+         */
+        this.thyIconName = input();
+        /**
+         * 大小
+         * @type sm | md | lg
+         * @default md
+         */
+        this.thySize = input('md');
+        /**
+         * 距上距离
+         */
+        this.thyMarginTop = input();
+        /**
+         * 是否自动根据父容器计算高度，垂直居中
+         * @default false
+         */
+        this.thyTopAuto = input(false, { transform: coerceBooleanProperty });
+        /**
+         * 自动计算高度垂直居中(即 thyTopAuto 为 true)时，支持传入自定义父容器
+         */
+        this.thyContainer = input();
+        /**
+         * 提示图片链接
+         */
+        this.thyImageUrl = input();
+        this.thyImageLoading = input();
+        this.thyImageFetchPriority = input();
+        /**
+         * 显示文本描述
+         */
+        this.thyDescription = input();
         this.hostRenderer = useHostRenderer();
-    }
-    /**
-     * 大小
-     * @type sm | md | lg
-     * @default md
-     */
-    set thySize(value) {
-        this.size = value;
-        if (this._initialized) {
+        /**
+         * 除提示图片，文本外的其他信息传入模板
+         * @type TemplateRef
+         */
+        this.extraTemplateRef = contentChild('extra');
+        this.presetSvg = computed(() => {
+            let presetSvg = this.thyIconName() ? PRESET_SVG[this.thyIconName()] : PRESET_SVG.default;
+            return presetSvg ? this.sanitizer.bypassSecurityTrustHtml(presetSvg) : '';
+        });
+        this.displayText = computed(() => {
+            if (this.thyMessage()) {
+                return this.thyMessage();
+            }
+            else if (this.thyTranslationKey()) {
+                return this.thyTranslate.instant(this.thyTranslationKey(), this.thyTranslationValues());
+            }
+            else if (this.thyEntityName()) {
+                return this.thyTranslate.instant(this.thyEmptyConfig.noResultWithTargetTranslateKey, {
+                    target: this.thyEntityName()
+                });
+            }
+            else if (this.thyEntityNameTranslateKey()) {
+                return this.thyTranslate.instant(this.thyEmptyConfig.noResultWithTargetTranslateKey, {
+                    target: this.thyTranslate.instant(this.thyEntityNameTranslateKey())
+                });
+            }
+            else if (this.thyTranslate.instant(this.thyEmptyConfig.noResultTranslateKey) !== 'common.tips.NO_RESULT') {
+                return this.thyTranslate.instant(this.thyEmptyConfig.noResultTranslateKey);
+            }
+            else {
+                return this.locale().noDataText;
+            }
+        });
+        effect(() => {
             this.updateClass();
-        }
-    }
-    get displayText() {
-        if (this.thyMessage) {
-            return this.thyMessage;
-        }
-        else if (this.thyTranslationKey) {
-            return this.thyTranslate.instant(this.thyTranslationKey, this.thyTranslationValues);
-        }
-        else if (this.thyEntityName) {
-            return this.thyTranslate.instant(this.thyEmptyConfig.noResultWithTargetTranslateKey, {
-                target: this.thyEntityName
-            });
-        }
-        else if (this.thyEntityNameTranslateKey) {
-            return this.thyTranslate.instant(this.thyEmptyConfig.noResultWithTargetTranslateKey, {
-                target: this.thyTranslate.instant(this.thyEntityNameTranslateKey)
-            });
-        }
-        else if (this.thyTranslate.instant(this.thyEmptyConfig.noResultTranslateKey) !== 'common.tips.NO_RESULT') {
-            return this.thyTranslate.instant(this.thyEmptyConfig.noResultTranslateKey);
-        }
-        else {
-            return this.locale().noDataText;
-        }
+        });
     }
     _calculatePosition() {
-        const sizeOptions = sizeMap[this.thySize || 'md'];
+        const sizeOptions = sizeMap[this.thySize() || 'md'];
         let marginTop = null;
-        if (this.thyTopAuto) {
+        if (this.thyTopAuto()) {
             // 选择参考父容器居中
-            const containerElement = this.thyContainer ? this.thyContainer.nativeElement : this.elementRef.nativeElement.parentElement;
+            const thyContainer = this.thyContainer();
+            const containerElement = thyContainer ? thyContainer.nativeElement : this.elementRef.nativeElement.parentElement;
             // containerElement.height;
             let emptyStateHeight = this.elementRef.nativeElement.offsetHeight;
             // 高度没有自动计算出来使用默认值
@@ -324,8 +382,9 @@ class ThyEmpty {
             }
         }
         else {
-            if (this.thyMarginTop) {
-                marginTop = this.thyMarginTop;
+            const thyMarginTop = this.thyMarginTop();
+            if (thyMarginTop) {
+                marginTop = thyMarginTop;
             }
             else {
                 marginTop = 0; // sizeOptions.defaultMarginTop;
@@ -335,13 +394,8 @@ class ThyEmpty {
             this.hostRenderer.setStyle('marginTop', marginTop + 'px');
         }
     }
-    ngOnInit() {
-        this.updateClass();
-        this._initialized = true;
-        this.setPresetSvg(this.thyIconName);
-    }
     updateClass() {
-        const classList = sizeClassMap[this.size] || sizeClassMap['md'];
+        const classList = sizeClassMap[this.thySize() || 'md'];
         if (classList) {
             this.hostRenderer.updateClass(classList);
         }
@@ -353,55 +407,13 @@ class ThyEmpty {
             }, 50);
         });
     }
-    ngOnChanges(changes) {
-        if (changes.thyIconName && changes.thyIconName.currentValue && !changes.thyIconName.firstChange) {
-            this.setPresetSvg(changes.thyIconName.currentValue);
-        }
-    }
-    setPresetSvg(icon) {
-        this.presetSvg = '';
-        let presetSvg = icon ? PRESET_SVG[icon] : PRESET_SVG.default;
-        this.presetSvg = presetSvg ? this.sanitizer.bypassSecurityTrustHtml(presetSvg) : '';
-    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyEmpty, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.8", type: ThyEmpty, isStandalone: true, selector: "thy-empty", inputs: { thyMessage: "thyMessage", thyTranslationKey: "thyTranslationKey", thyTranslationValues: "thyTranslationValues", thyEntityName: "thyEntityName", thyEntityNameTranslateKey: "thyEntityNameTranslateKey", thyIconName: "thyIconName", thySize: "thySize", thyMarginTop: "thyMarginTop", thyTopAuto: ["thyTopAuto", "thyTopAuto", coerceBooleanProperty], thyContainer: "thyContainer", thyImageUrl: "thyImageUrl", thyImageLoading: "thyImageLoading", thyImageFetchPriority: "thyImageFetchPriority", thyDescription: "thyDescription" }, queries: [{ propertyName: "extraTemplateRef", first: true, predicate: ["extra"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"thy-empty-icon\">\n  @if (thyImageUrl) {\n    <img\n      [src]=\"thyImageUrl\"\n      [attr.loading]=\"thyImageLoading\"\n      [attr.fetchpriority]=\"thyImageFetchPriority\"\n      class=\"empty-img\"\n      />\n  } @else {\n    @if (presetSvg) {\n      <div [innerHTML]=\"presetSvg\"></div>\n    } @else {\n      @if (thyIconName) {\n        <thy-icon class=\"empty-icon\" [thyIconName]=\"thyIconName\"></thy-icon>\n      }\n    }\n  }\n</div>\n\n<div [ngClass]=\"{ 'thy-empty-text': !thyDescription, 'thy-empty-text-with-extra': thyDescription }\">\n  {{ displayText }}\n</div>\n\n@if (thyDescription) {\n  <div class=\"thy-empty-description\">\n    {{ thyDescription }}\n  </div>\n}\n\n@if (extraTemplateRef) {\n  <div class=\"thy-empty-extra\">\n    <ng-template [ngTemplateOutlet]=\"extraTemplateRef\"></ng-template>\n  </div>\n}\n", dependencies: [{ kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.8", type: ThyEmpty, isStandalone: true, selector: "thy-empty", inputs: { thyMessage: { classPropertyName: "thyMessage", publicName: "thyMessage", isSignal: true, isRequired: false, transformFunction: null }, thyTranslationKey: { classPropertyName: "thyTranslationKey", publicName: "thyTranslationKey", isSignal: true, isRequired: false, transformFunction: null }, thyTranslationValues: { classPropertyName: "thyTranslationValues", publicName: "thyTranslationValues", isSignal: true, isRequired: false, transformFunction: null }, thyEntityName: { classPropertyName: "thyEntityName", publicName: "thyEntityName", isSignal: true, isRequired: false, transformFunction: null }, thyEntityNameTranslateKey: { classPropertyName: "thyEntityNameTranslateKey", publicName: "thyEntityNameTranslateKey", isSignal: true, isRequired: false, transformFunction: null }, thyIconName: { classPropertyName: "thyIconName", publicName: "thyIconName", isSignal: true, isRequired: false, transformFunction: null }, thySize: { classPropertyName: "thySize", publicName: "thySize", isSignal: true, isRequired: false, transformFunction: null }, thyMarginTop: { classPropertyName: "thyMarginTop", publicName: "thyMarginTop", isSignal: true, isRequired: false, transformFunction: null }, thyTopAuto: { classPropertyName: "thyTopAuto", publicName: "thyTopAuto", isSignal: true, isRequired: false, transformFunction: null }, thyContainer: { classPropertyName: "thyContainer", publicName: "thyContainer", isSignal: true, isRequired: false, transformFunction: null }, thyImageUrl: { classPropertyName: "thyImageUrl", publicName: "thyImageUrl", isSignal: true, isRequired: false, transformFunction: null }, thyImageLoading: { classPropertyName: "thyImageLoading", publicName: "thyImageLoading", isSignal: true, isRequired: false, transformFunction: null }, thyImageFetchPriority: { classPropertyName: "thyImageFetchPriority", publicName: "thyImageFetchPriority", isSignal: true, isRequired: false, transformFunction: null }, thyDescription: { classPropertyName: "thyDescription", publicName: "thyDescription", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "extraTemplateRef", first: true, predicate: ["extra"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"thy-empty-icon\">\n  @if (thyImageUrl()) {\n    <img\n      [src]=\"thyImageUrl()\"\n      [attr.loading]=\"thyImageLoading()\"\n      [attr.fetchpriority]=\"thyImageFetchPriority()\"\n      class=\"empty-img\"\n      />\n  } @else {\n    @if (presetSvg()) {\n      <div [innerHTML]=\"presetSvg()\"></div>\n    } @else {\n      @if (thyIconName()) {\n        <thy-icon class=\"empty-icon\" [thyIconName]=\"thyIconName()\"></thy-icon>\n      }\n    }\n  }\n</div>\n\n<div [ngClass]=\"{ 'thy-empty-text': !thyDescription(), 'thy-empty-text-with-extra': thyDescription() }\">\n  {{ displayText() }}\n</div>\n\n@if (thyDescription()) {\n  <div class=\"thy-empty-description\">\n    {{ thyDescription() }}\n  </div>\n}\n\n@if (extraTemplateRef()) {\n  <div class=\"thy-empty-extra\">\n    <ng-template [ngTemplateOutlet]=\"extraTemplateRef()\"></ng-template>\n  </div>\n}\n", dependencies: [{ kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyEmpty, decorators: [{
             type: Component,
-            args: [{ selector: 'thy-empty', imports: [ThyIcon, NgClass, NgTemplateOutlet], template: "<div class=\"thy-empty-icon\">\n  @if (thyImageUrl) {\n    <img\n      [src]=\"thyImageUrl\"\n      [attr.loading]=\"thyImageLoading\"\n      [attr.fetchpriority]=\"thyImageFetchPriority\"\n      class=\"empty-img\"\n      />\n  } @else {\n    @if (presetSvg) {\n      <div [innerHTML]=\"presetSvg\"></div>\n    } @else {\n      @if (thyIconName) {\n        <thy-icon class=\"empty-icon\" [thyIconName]=\"thyIconName\"></thy-icon>\n      }\n    }\n  }\n</div>\n\n<div [ngClass]=\"{ 'thy-empty-text': !thyDescription, 'thy-empty-text-with-extra': thyDescription }\">\n  {{ displayText }}\n</div>\n\n@if (thyDescription) {\n  <div class=\"thy-empty-description\">\n    {{ thyDescription }}\n  </div>\n}\n\n@if (extraTemplateRef) {\n  <div class=\"thy-empty-extra\">\n    <ng-template [ngTemplateOutlet]=\"extraTemplateRef\"></ng-template>\n  </div>\n}\n" }]
-        }], propDecorators: { thyMessage: [{
-                type: Input
-            }], thyTranslationKey: [{
-                type: Input
-            }], thyTranslationValues: [{
-                type: Input
-            }], thyEntityName: [{
-                type: Input
-            }], thyEntityNameTranslateKey: [{
-                type: Input
-            }], thyIconName: [{
-                type: Input
-            }], thySize: [{
-                type: Input
-            }], thyMarginTop: [{
-                type: Input
-            }], thyTopAuto: [{
-                type: Input,
-                args: [{ transform: coerceBooleanProperty }]
-            }], thyContainer: [{
-                type: Input
-            }], thyImageUrl: [{
-                type: Input
-            }], thyImageLoading: [{
-                type: Input
-            }], thyImageFetchPriority: [{
-                type: Input
-            }], thyDescription: [{
-                type: Input
-            }], extraTemplateRef: [{
-                type: ContentChild,
-                args: ['extra']
-            }] } });
+            args: [{ selector: 'thy-empty', imports: [ThyIcon, NgClass, NgTemplateOutlet], template: "<div class=\"thy-empty-icon\">\n  @if (thyImageUrl()) {\n    <img\n      [src]=\"thyImageUrl()\"\n      [attr.loading]=\"thyImageLoading()\"\n      [attr.fetchpriority]=\"thyImageFetchPriority()\"\n      class=\"empty-img\"\n      />\n  } @else {\n    @if (presetSvg()) {\n      <div [innerHTML]=\"presetSvg()\"></div>\n    } @else {\n      @if (thyIconName()) {\n        <thy-icon class=\"empty-icon\" [thyIconName]=\"thyIconName()\"></thy-icon>\n      }\n    }\n  }\n</div>\n\n<div [ngClass]=\"{ 'thy-empty-text': !thyDescription(), 'thy-empty-text-with-extra': thyDescription() }\">\n  {{ displayText() }}\n</div>\n\n@if (thyDescription()) {\n  <div class=\"thy-empty-description\">\n    {{ thyDescription() }}\n  </div>\n}\n\n@if (extraTemplateRef()) {\n  <div class=\"thy-empty-extra\">\n    <ng-template [ngTemplateOutlet]=\"extraTemplateRef()\"></ng-template>\n  </div>\n}\n" }]
+        }], ctorParameters: () => [] });
 
 class ThyEmptyModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyEmptyModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }