ngx-tethys 19.0.13 → 19.1.0-next.0

package/fesm2022/ngx-tethys-comment.mjs

@@ -1,6 +1,6 @@
 import { NgTemplateOutlet, CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { Input, ChangeDetectionStrategy, Component, Directive, NgModule } from '@angular/core';
+import { input, ChangeDetectionStrategy, Component, Directive, NgModule } from '@angular/core';
 import { ThyStringOrTemplateOutletDirective, ThySharedModule } from 'ngx-tethys/shared';
 import { isTemplateRef } from 'ngx-tethys/util';
 import { ThyAvatar, ThyAvatarModule } from 'ngx-tethys/avatar';
@@ -12,23 +12,29 @@ import { ThyIconModule } from 'ngx-tethys/icon';
  */
 class ThyComment {
     constructor() {
+        /**
+         * 展示评论作者
+         */
+        this.thyAuthor = input();
+        /**
+         * 展示评论时间
+         */
+        this.thyDatetime = input();
+        /**
+         * 展示评论作者头像
+         */
+        this.thyAvatar = input();
         this.isTemplateRef = isTemplateRef;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyComment, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.8", type: ThyComment, isStandalone: true, selector: "thy-comment", inputs: { thyAuthor: "thyAuthor", thyDatetime: "thyDatetime", thyAvatar: "thyAvatar" }, host: { classAttribute: "thy-comment" }, ngImport: i0, template: "<div class=\"thy-comment-inner\">\n  @if (isTemplateRef(this.thyAvatar)) {\n    <ng-template [ngTemplateOutlet]=\"thyAvatar\"></ng-template>\n  } @else {\n    @if (thyAuthor || thyAvatar) {\n      <div class=\"thy-comment-avatar\">\n        <thy-avatar [thyName]=\"!isTemplateRef(thyAuthor) && thyAuthor\" thySize=\"28\" [thySrc]=\"thyAvatar || ''\"></thy-avatar>\n      </div>\n    }\n  }\n\n  <div class=\"thy-comment-body\">\n    <div class=\"thy-comment-body-author\">\n      <span class=\"thy-comment-body-author-name\">\n        <ng-container *thyStringOrTemplateOutlet=\"thyAuthor\"></ng-container>\n      </span>\n      <span class=\"thy-comment-body-author-time\">\n        <ng-container *thyStringOrTemplateOutlet=\"thyDatetime\"></ng-container>\n      </span>\n    </div>\n    <ng-content select=\"[thyCommentContent]\"></ng-content>\n  </div>\n  <ng-content select=\"[thyCommentActions]\"></ng-content>\n</div>\n<div class=\"thy-comment-nested\">\n  <ng-content></ng-content>\n</div>\n\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: ThyStringOrTemplateOutletDirective, selector: "[thyStringOrTemplateOutlet]", inputs: ["thyStringOrTemplateOutletContext", "thyStringOrTemplateOutlet"], exportAs: ["thyStringOrTemplateOutlet"] }, { kind: "component", type: ThyAvatar, selector: "thy-avatar", inputs: ["thyShowName", "thySrc", "thyName", "thySize", "thyShowRemove", "thyRemovable", "thyImgClass", "thyDisabled", "thyLoading", "thyFetchPriority"], outputs: ["thyOnRemove", "thyRemove", "thyError"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.8", type: ThyComment, isStandalone: true, selector: "thy-comment", inputs: { thyAuthor: { classPropertyName: "thyAuthor", publicName: "thyAuthor", isSignal: true, isRequired: false, transformFunction: null }, thyDatetime: { classPropertyName: "thyDatetime", publicName: "thyDatetime", isSignal: true, isRequired: false, transformFunction: null }, thyAvatar: { classPropertyName: "thyAvatar", publicName: "thyAvatar", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "thy-comment" }, ngImport: i0, template: "<div class=\"thy-comment-inner\">\n  @if (isTemplateRef(this.thyAvatar())) {\n    <ng-template [ngTemplateOutlet]=\"thyAvatar()\"></ng-template>\n  } @else {\n    @if (thyAuthor() || thyAvatar()) {\n      <div class=\"thy-comment-avatar\">\n        <thy-avatar [thyName]=\"!isTemplateRef(thyAuthor()) && thyAuthor()\" thySize=\"28\" [thySrc]=\"thyAvatar() || ''\"></thy-avatar>\n      </div>\n    }\n  }\n\n  <div class=\"thy-comment-body\">\n    <div class=\"thy-comment-body-author\">\n      <span class=\"thy-comment-body-author-name\">\n        <ng-container *thyStringOrTemplateOutlet=\"thyAuthor()\"></ng-container>\n      </span>\n      <span class=\"thy-comment-body-author-time\">\n        <ng-container *thyStringOrTemplateOutlet=\"thyDatetime()\"></ng-container>\n      </span>\n    </div>\n    <ng-content select=\"[thyCommentContent]\"></ng-content>\n  </div>\n  <ng-content select=\"[thyCommentActions]\"></ng-content>\n</div>\n<div class=\"thy-comment-nested\">\n  <ng-content></ng-content>\n</div>\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: ThyStringOrTemplateOutletDirective, selector: "[thyStringOrTemplateOutlet]", inputs: ["thyStringOrTemplateOutletContext", "thyStringOrTemplateOutlet"], exportAs: ["thyStringOrTemplateOutlet"] }, { kind: "component", type: ThyAvatar, selector: "thy-avatar", inputs: ["thyShowName", "thySrc", "thyName", "thySize", "thyShowRemove", "thyRemovable", "thyImgClass", "thyDisabled", "thyLoading", "thyFetchPriority"], outputs: ["thyOnRemove", "thyRemove", "thyError", "thySizeChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyComment, decorators: [{
             type: Component,
             args: [{ selector: 'thy-comment', host: {
                         class: 'thy-comment'
-                    }, changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgTemplateOutlet, ThyStringOrTemplateOutletDirective, ThyAvatar], template: "<div class=\"thy-comment-inner\">\n  @if (isTemplateRef(this.thyAvatar)) {\n    <ng-template [ngTemplateOutlet]=\"thyAvatar\"></ng-template>\n  } @else {\n    @if (thyAuthor || thyAvatar) {\n      <div class=\"thy-comment-avatar\">\n        <thy-avatar [thyName]=\"!isTemplateRef(thyAuthor) && thyAuthor\" thySize=\"28\" [thySrc]=\"thyAvatar || ''\"></thy-avatar>\n      </div>\n    }\n  }\n\n  <div class=\"thy-comment-body\">\n    <div class=\"thy-comment-body-author\">\n      <span class=\"thy-comment-body-author-name\">\n        <ng-container *thyStringOrTemplateOutlet=\"thyAuthor\"></ng-container>\n      </span>\n      <span class=\"thy-comment-body-author-time\">\n        <ng-container *thyStringOrTemplateOutlet=\"thyDatetime\"></ng-container>\n      </span>\n    </div>\n    <ng-content select=\"[thyCommentContent]\"></ng-content>\n  </div>\n  <ng-content select=\"[thyCommentActions]\"></ng-content>\n</div>\n<div class=\"thy-comment-nested\">\n  <ng-content></ng-content>\n</div>\n\n" }]
-        }], propDecorators: { thyAuthor: [{
-                type: Input
-            }], thyDatetime: [{
-                type: Input
-            }], thyAvatar: [{
-                type: Input
-            }] } });
+                    }, changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgTemplateOutlet, ThyStringOrTemplateOutletDirective, ThyAvatar], template: "<div class=\"thy-comment-inner\">\n  @if (isTemplateRef(this.thyAvatar())) {\n    <ng-template [ngTemplateOutlet]=\"thyAvatar()\"></ng-template>\n  } @else {\n    @if (thyAuthor() || thyAvatar()) {\n      <div class=\"thy-comment-avatar\">\n        <thy-avatar [thyName]=\"!isTemplateRef(thyAuthor()) && thyAuthor()\" thySize=\"28\" [thySrc]=\"thyAvatar() || ''\"></thy-avatar>\n      </div>\n    }\n  }\n\n  <div class=\"thy-comment-body\">\n    <div class=\"thy-comment-body-author\">\n      <span class=\"thy-comment-body-author-name\">\n        <ng-container *thyStringOrTemplateOutlet=\"thyAuthor()\"></ng-container>\n      </span>\n      <span class=\"thy-comment-body-author-time\">\n        <ng-container *thyStringOrTemplateOutlet=\"thyDatetime()\"></ng-container>\n      </span>\n    </div>\n    <ng-content select=\"[thyCommentContent]\"></ng-content>\n  </div>\n  <ng-content select=\"[thyCommentActions]\"></ng-content>\n</div>\n<div class=\"thy-comment-nested\">\n  <ng-content></ng-content>\n</div>\n" }]
+        }] });
 
 /**
  * @private

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

@@ -1 +1 @@
-{"version":3,"file":"ngx-tethys-comment.mjs","sources":["../../../src/comment/comment.component.ts","../../../src/comment/comment.component.html","../../../src/comment/comment-content.directive.ts","../../../src/comment/comment-actions.directive.ts","../../../src/comment/comment.module.ts","../../../src/comment/ngx-tethys-comment.ts"],"sourcesContent":["import { isTemplateRef } from 'ngx-tethys/util';\nimport { SafeAny } from 'ngx-tethys/types';\nimport { ChangeDetectionStrategy, Component, Input, TemplateRef } from '@angular/core';\nimport { ThyAvatar } from 'ngx-tethys/avatar';\nimport { ThyStringOrTemplateOutletDirective } from 'ngx-tethys/shared';\nimport { NgTemplateOutlet } from '@angular/common';\n\n/**\n * 评论组件\n * @name thy-comment\n */\n@Component({\n    selector: 'thy-comment',\n    templateUrl: './comment.component.html',\n    host: {\n        class: 'thy-comment'\n    },\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    imports: [NgTemplateOutlet, ThyStringOrTemplateOutletDirective, ThyAvatar]\n})\nexport class ThyComment {\n    /**\n     * 展示评论作者\n     */\n    @Input() thyAuthor?: string | TemplateRef<SafeAny>;\n\n    /**\n     * 展示评论时间\n     */\n    @Input() thyDatetime?: string | TemplateRef<SafeAny>;\n\n    /**\n     * 展示评论作者头像\n     */\n    @Input() thyAvatar?: string | TemplateRef<SafeAny>;\n\n    isTemplateRef = isTemplateRef;\n}\n","<div class=\"thy-comment-inner\">\n  @if (isTemplateRef(this.thyAvatar)) {\n    <ng-template [ngTemplateOutlet]=\"thyAvatar\"></ng-template>\n  } @else {\n    @if (thyAuthor || thyAvatar) {\n      <div class=\"thy-comment-avatar\">\n        <thy-avatar [thyName]=\"!isTemplateRef(thyAuthor) && thyAuthor\" thySize=\"28\" [thySrc]=\"thyAvatar || ''\"></thy-avatar>\n      </div>\n    }\n  }\n\n  <div class=\"thy-comment-body\">\n    <div class=\"thy-comment-body-author\">\n      <span class=\"thy-comment-body-author-name\">\n        <ng-container *thyStringOrTemplateOutlet=\"thyAuthor\"></ng-container>\n      </span>\n      <span class=\"thy-comment-body-author-time\">\n        <ng-container *thyStringOrTemplateOutlet=\"thyDatetime\"></ng-container>\n      </span>\n    </div>\n    <ng-content select=\"[thyCommentContent]\"></ng-content>\n  </div>\n  <ng-content select=\"[thyCommentActions]\"></ng-content>\n</div>\n<div class=\"thy-comment-nested\">\n  <ng-content></ng-content>\n</div>\n\n","import { Directive } from '@angular/core';\n\n/**\n * @private\n */\n@Directive({\n    selector: '[thyCommentContent]',\n    exportAs: 'thyCommentContent',\n    host: { class: 'thy-comment-content' }\n})\nexport class ThyCommentContentDirective {}\n","import { Directive } from '@angular/core';\n\n/**\n * @private\n */\n@Directive({\n    selector: '[thyCommentActions]',\n    exportAs: 'thyCommentActions',\n    host: { class: 'thy-comment-actions' }\n})\nexport class ThyCommentActionsDirective {}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ThySharedModule } from 'ngx-tethys/shared';\nimport { ThyComment } from './comment.component';\nimport { ThyIconModule } from 'ngx-tethys/icon';\nimport { ThyAvatarModule } from 'ngx-tethys/avatar';\nimport { ThyCommentContentDirective } from './comment-content.directive';\nimport { ThyCommentActionsDirective } from './comment-actions.directive';\n@NgModule({\n    imports: [\n        CommonModule,\n        ThySharedModule,\n        ThyIconModule,\n        ThyAvatarModule,\n        ThyComment,\n        ThyCommentContentDirective,\n        ThyCommentActionsDirective\n    ],\n    exports: [ThyComment, ThyCommentContentDirective, ThyCommentActionsDirective],\n    providers: []\n})\nexport class ThyCommentModule {}\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-comment.mjs","sources":["../../../src/comment/comment.component.ts","../../../src/comment/comment.component.html","../../../src/comment/comment-content.directive.ts","../../../src/comment/comment-actions.directive.ts","../../../src/comment/comment.module.ts","../../../src/comment/ngx-tethys-comment.ts"],"sourcesContent":["import { isTemplateRef } from 'ngx-tethys/util';\nimport { SafeAny } from 'ngx-tethys/types';\nimport { ChangeDetectionStrategy, Component, TemplateRef, input } from '@angular/core';\nimport { ThyAvatar } from 'ngx-tethys/avatar';\nimport { ThyStringOrTemplateOutletDirective } from 'ngx-tethys/shared';\nimport { NgTemplateOutlet } from '@angular/common';\n\n/**\n * 评论组件\n * @name thy-comment\n */\n@Component({\n    selector: 'thy-comment',\n    templateUrl: './comment.component.html',\n    host: {\n        class: 'thy-comment'\n    },\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    imports: [NgTemplateOutlet, ThyStringOrTemplateOutletDirective, ThyAvatar]\n})\nexport class ThyComment {\n    /**\n     * 展示评论作者\n     */\n    readonly thyAuthor = input<string | TemplateRef<SafeAny>>();\n\n    /**\n     * 展示评论时间\n     */\n    readonly thyDatetime = input<string | TemplateRef<SafeAny>>();\n\n    /**\n     * 展示评论作者头像\n     */\n    readonly thyAvatar = input<string | TemplateRef<SafeAny>>();\n\n    isTemplateRef = isTemplateRef;\n}\n","<div class=\"thy-comment-inner\">\n  @if (isTemplateRef(this.thyAvatar())) {\n    <ng-template [ngTemplateOutlet]=\"thyAvatar()\"></ng-template>\n  } @else {\n    @if (thyAuthor() || thyAvatar()) {\n      <div class=\"thy-comment-avatar\">\n        <thy-avatar [thyName]=\"!isTemplateRef(thyAuthor()) && thyAuthor()\" thySize=\"28\" [thySrc]=\"thyAvatar() || ''\"></thy-avatar>\n      </div>\n    }\n  }\n\n  <div class=\"thy-comment-body\">\n    <div class=\"thy-comment-body-author\">\n      <span class=\"thy-comment-body-author-name\">\n        <ng-container *thyStringOrTemplateOutlet=\"thyAuthor()\"></ng-container>\n      </span>\n      <span class=\"thy-comment-body-author-time\">\n        <ng-container *thyStringOrTemplateOutlet=\"thyDatetime()\"></ng-container>\n      </span>\n    </div>\n    <ng-content select=\"[thyCommentContent]\"></ng-content>\n  </div>\n  <ng-content select=\"[thyCommentActions]\"></ng-content>\n</div>\n<div class=\"thy-comment-nested\">\n  <ng-content></ng-content>\n</div>\n","import { Directive } from '@angular/core';\n\n/**\n * @private\n */\n@Directive({\n    selector: '[thyCommentContent]',\n    exportAs: 'thyCommentContent',\n    host: { class: 'thy-comment-content' }\n})\nexport class ThyCommentContentDirective {}\n","import { Directive } from '@angular/core';\n\n/**\n * @private\n */\n@Directive({\n    selector: '[thyCommentActions]',\n    exportAs: 'thyCommentActions',\n    host: { class: 'thy-comment-actions' }\n})\nexport class ThyCommentActionsDirective {}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ThySharedModule } from 'ngx-tethys/shared';\nimport { ThyComment } from './comment.component';\nimport { ThyIconModule } from 'ngx-tethys/icon';\nimport { ThyAvatarModule } from 'ngx-tethys/avatar';\nimport { ThyCommentContentDirective } from './comment-content.directive';\nimport { ThyCommentActionsDirective } from './comment-actions.directive';\n@NgModule({\n    imports: [\n        CommonModule,\n        ThySharedModule,\n        ThyIconModule,\n        ThyAvatarModule,\n        ThyComment,\n        ThyCommentContentDirective,\n        ThyCommentActionsDirective\n    ],\n    exports: [ThyComment, ThyCommentContentDirective, ThyCommentActionsDirective],\n    providers: []\n})\nexport class ThyCommentModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/ngx-tethys-copy.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { inject, EventEmitter, HostListener, Input, Output, Directive, NgModule } from '@angular/core';
+import { inject, output, input, HostListener, Directive, NgModule } from '@angular/core';
 import { DOCUMENT, CommonModule } from '@angular/common';
 import { coerceElement } from '@angular/cdk/coercion';
 import { ThyNotifyService, ThyNotifyModule } from 'ngx-tethys/notify';
@@ -20,30 +20,40 @@ class ThyCopyDirective {
         /**
          * 默认为点击标签，可传复制目标标签
          */
-        this.thyCopy = new EventEmitter();
+        this.thyCopy = output();
         /**
          * 复制成功时的文案
          */
-        this.thyCopySuccessText = this.locale().success;
+        this.thyCopySuccessText = input(this.locale().success);
         /**
          * 提示文案
          */
-        this.thyCopyTips = this.locale().tips;
+        this.thyCopyTips = input(this.locale().tips);
+        /**
+         * 偏移量
+         */
+        this.thyCopyTipsOffset = input(undefined);
+        /**
+         * 当为 string 时，复制的是传入的内容；当为 ElementRef | HTMLElement 时，复制的是 dom 节点的 value 或者 textContent
+         */
+        this.thyCopyContent = input(undefined);
         /**
          * 是否展示通知
          */
-        this.thyShowNotify = true;
+        this.thyShowNotify = input(true, { transform: coerceBooleanProperty });
     }
     ngOnInit() {
-        this.tooltipDirective.content = this.thyCopyTips ? this.thyCopyTips : this.locale().tips;
-        this.tooltipDirective.tooltipOffset = this.thyCopyTipsOffset;
+        const thyCopyTips = this.thyCopyTips();
+        this.tooltipDirective.content = thyCopyTips ? thyCopyTips : this.locale().tips;
+        this.tooltipDirective.tooltipOffset = this.thyCopyTipsOffset();
     }
     getContent(event) {
-        if (typeof this.thyCopyContent === 'string') {
-            return this.thyCopyContent;
+        const thyCopyContent = this.thyCopyContent();
+        if (typeof thyCopyContent === 'string') {
+            return thyCopyContent;
         }
         else {
-            const target = this.thyCopyContent ? coerceElement(this.thyCopyContent) : event.target;
+            const target = thyCopyContent ? coerceElement(thyCopyContent) : event.target;
             return target.value || target.textContent;
         }
     }
@@ -55,13 +65,13 @@ class ThyCopyDirective {
         try {
             document.execCommand('copy', false, null);
             this.thyCopy.emit({ isSuccess: true, event });
-            if (this.thyShowNotify) {
-                this.notifyService.success(this.thyCopySuccessText);
+            if (this.thyShowNotify()) {
+                this.notifyService.success(this.thyCopySuccessText());
             }
         }
         catch (err) {
             this.thyCopy.emit({ isSuccess: false, event });
-            if (this.thyShowNotify) {
+            if (this.thyShowNotify()) {
                 this.notifyService.error(this.locale().error);
             }
         }
@@ -73,7 +83,7 @@ class ThyCopyDirective {
         this.tooltipDirective.hide();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyCopyDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "19.2.8", type: ThyCopyDirective, isStandalone: true, selector: "[thyCopy]", inputs: { thyCopySuccessText: "thyCopySuccessText", thyCopyTips: "thyCopyTips", thyCopyTipsOffset: "thyCopyTipsOffset", thyCopyContent: "thyCopyContent", thyShowNotify: ["thyShowNotify", "thyShowNotify", coerceBooleanProperty] }, outputs: { thyCopy: "thyCopy" }, host: { listeners: { "click": "onClick($event)" } }, hostDirectives: [{ directive: i1.ThyTooltipDirective }], ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.8", type: ThyCopyDirective, isStandalone: true, selector: "[thyCopy]", inputs: { thyCopySuccessText: { classPropertyName: "thyCopySuccessText", publicName: "thyCopySuccessText", isSignal: true, isRequired: false, transformFunction: null }, thyCopyTips: { classPropertyName: "thyCopyTips", publicName: "thyCopyTips", isSignal: true, isRequired: false, transformFunction: null }, thyCopyTipsOffset: { classPropertyName: "thyCopyTipsOffset", publicName: "thyCopyTipsOffset", isSignal: true, isRequired: false, transformFunction: null }, thyCopyContent: { classPropertyName: "thyCopyContent", publicName: "thyCopyContent", isSignal: true, isRequired: false, transformFunction: null }, thyShowNotify: { classPropertyName: "thyShowNotify", publicName: "thyShowNotify", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { thyCopy: "thyCopy" }, host: { listeners: { "click": "onClick($event)" } }, hostDirectives: [{ directive: i1.ThyTooltipDirective }], ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyCopyDirective, decorators: [{
             type: Directive,
@@ -81,20 +91,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
                     selector: '[thyCopy]',
                     hostDirectives: [ThyTooltipDirective]
                 }]
-        }], propDecorators: { thyCopy: [{
-                type: Output
-            }], thyCopySuccessText: [{
-                type: Input
-            }], thyCopyTips: [{
-                type: Input
-            }], thyCopyTipsOffset: [{
-                type: Input
-            }], thyCopyContent: [{
-                type: Input
-            }], thyShowNotify: [{
-                type: Input,
-                args: [{ transform: coerceBooleanProperty }]
-            }], onClick: [{
+        }], propDecorators: { onClick: [{
                 type: HostListener,
                 args: ['click', ['$event']]
             }] } });

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

@@ -1 +1 @@
-{"version":3,"file":"ngx-tethys-copy.mjs","sources":["../../../src/copy/copy.directive.ts","../../../src/copy/module.ts","../../../src/copy/ngx-tethys-copy.ts"],"sourcesContent":["import { Directive, ElementRef, EventEmitter, HostListener, Input, OnDestroy, OnInit, Output, Signal, inject } from '@angular/core';\nimport { DOCUMENT } from '@angular/common';\nimport { coerceElement } from '@angular/cdk/coercion';\nimport { ThyNotifyService } from 'ngx-tethys/notify';\nimport { ThyTooltipDirective } from 'ngx-tethys/tooltip';\nimport { coerceBooleanProperty } from 'ngx-tethys/util';\nimport { injectLocale, ThyCopyLocale } from 'ngx-tethys/i18n';\n\nexport interface ThyCopyEvent {\n    isSuccess: boolean;\n    event: Event;\n}\n\n/**\n * @name thyCopy\n */\n@Directive({\n    selector: '[thyCopy]',\n    hostDirectives: [ThyTooltipDirective]\n})\nexport class ThyCopyDirective implements OnInit, OnDestroy {\n    private document = inject(DOCUMENT);\n    tooltipDirective = inject(ThyTooltipDirective);\n    private notifyService = inject(ThyNotifyService);\n    private locale: Signal<ThyCopyLocale> = injectLocale('copy');\n\n    /**\n     * 默认为点击标签，可传复制目标标签\n     */\n    @Output() thyCopy = new EventEmitter<ThyCopyEvent>();\n\n    /**\n     * 复制成功时的文案\n     */\n    @Input() thyCopySuccessText = this.locale().success;\n\n    /**\n     * 提示文案\n     */\n    @Input() thyCopyTips = this.locale().tips;\n\n    /**\n     * 偏移量\n     */\n    @Input() thyCopyTipsOffset: number;\n\n    /**\n     * 当为 string 时，复制的是传入的内容；当为 ElementRef | HTMLElement 时，复制的是 dom 节点的 value 或者 textContent\n     */\n    @Input() thyCopyContent: string | ElementRef | HTMLElement;\n\n    /**\n     * 是否展示通知\n     */\n    @Input({ transform: coerceBooleanProperty }) thyShowNotify = true;\n\n    ngOnInit() {\n        this.tooltipDirective.content = this.thyCopyTips ? this.thyCopyTips : this.locale().tips;\n        this.tooltipDirective.tooltipOffset = this.thyCopyTipsOffset;\n    }\n\n    private getContent(event: Event) {\n        if (typeof this.thyCopyContent === 'string') {\n            return this.thyCopyContent;\n        } else {\n            const target = this.thyCopyContent ? coerceElement(this.thyCopyContent) : event.target;\n            return target.value || target.textContent;\n        }\n    }\n\n    @HostListener('click', ['$event'])\n    public onClick(event: Event) {\n        const textarea = this.document.createElement('textarea');\n        this.document.body.appendChild(textarea);\n        textarea.value = this.getContent(event);\n        textarea.select();\n        try {\n            document.execCommand('copy', false, null);\n            this.thyCopy.emit({ isSuccess: true, event });\n            if (this.thyShowNotify) {\n                this.notifyService.success(this.thyCopySuccessText);\n            }\n        } catch (err) {\n            this.thyCopy.emit({ isSuccess: false, event });\n            if (this.thyShowNotify) {\n                this.notifyService.error(this.locale().error);\n            }\n        } finally {\n            textarea.remove();\n        }\n    }\n\n    ngOnDestroy() {\n        this.tooltipDirective.hide();\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ThyCopyDirective } from './copy.directive';\nimport { ThyNotifyModule } from 'ngx-tethys/notify';\n\n@NgModule({\n    imports: [CommonModule, ThyNotifyModule, ThyCopyDirective],\n    exports: [ThyCopyDirective]\n})\nexport class ThyCopyModule {}\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-copy.mjs","sources":["../../../src/copy/copy.directive.ts","../../../src/copy/module.ts","../../../src/copy/ngx-tethys-copy.ts"],"sourcesContent":["import { Directive, ElementRef, HostListener, OnDestroy, OnInit, Signal, inject, input, output } from '@angular/core';\nimport { DOCUMENT } from '@angular/common';\nimport { coerceElement } from '@angular/cdk/coercion';\nimport { ThyNotifyService } from 'ngx-tethys/notify';\nimport { ThyTooltipDirective } from 'ngx-tethys/tooltip';\nimport { coerceBooleanProperty } from 'ngx-tethys/util';\nimport { injectLocale, ThyCopyLocale } from 'ngx-tethys/i18n';\n\nexport interface ThyCopyEvent {\n    isSuccess: boolean;\n    event: Event;\n}\n\n/**\n * @name thyCopy\n */\n@Directive({\n    selector: '[thyCopy]',\n    hostDirectives: [ThyTooltipDirective]\n})\nexport class ThyCopyDirective implements OnInit, OnDestroy {\n    private document = inject(DOCUMENT);\n    tooltipDirective = inject(ThyTooltipDirective);\n    private notifyService = inject(ThyNotifyService);\n    private locale: Signal<ThyCopyLocale> = injectLocale('copy');\n\n    /**\n     * 默认为点击标签，可传复制目标标签\n     */\n    readonly thyCopy = output<ThyCopyEvent>();\n\n    /**\n     * 复制成功时的文案\n     */\n    readonly thyCopySuccessText = input<string>(this.locale().success);\n\n    /**\n     * 提示文案\n     */\n    readonly thyCopyTips = input<string>(this.locale().tips);\n\n    /**\n     * 偏移量\n     */\n    readonly thyCopyTipsOffset = input<number>(undefined);\n\n    /**\n     * 当为 string 时，复制的是传入的内容；当为 ElementRef | HTMLElement 时，复制的是 dom 节点的 value 或者 textContent\n     */\n    readonly thyCopyContent = input<string | ElementRef | HTMLElement>(undefined);\n\n    /**\n     * 是否展示通知\n     */\n    readonly thyShowNotify = input(true, { transform: coerceBooleanProperty });\n\n    ngOnInit() {\n        const thyCopyTips = this.thyCopyTips();\n        this.tooltipDirective.content = thyCopyTips ? thyCopyTips : this.locale().tips;\n        this.tooltipDirective.tooltipOffset = this.thyCopyTipsOffset();\n    }\n\n    private getContent(event: Event) {\n        const thyCopyContent = this.thyCopyContent();\n        if (typeof thyCopyContent === 'string') {\n            return thyCopyContent;\n        } else {\n            const target = thyCopyContent ? coerceElement(thyCopyContent) : event.target;\n            return target.value || target.textContent;\n        }\n    }\n\n    @HostListener('click', ['$event'])\n    public onClick(event: Event) {\n        const textarea = this.document.createElement('textarea');\n        this.document.body.appendChild(textarea);\n        textarea.value = this.getContent(event);\n        textarea.select();\n        try {\n            document.execCommand('copy', false, null);\n            this.thyCopy.emit({ isSuccess: true, event });\n            if (this.thyShowNotify()) {\n                this.notifyService.success(this.thyCopySuccessText());\n            }\n        } catch (err) {\n            this.thyCopy.emit({ isSuccess: false, event });\n            if (this.thyShowNotify()) {\n                this.notifyService.error(this.locale().error);\n            }\n        } finally {\n            textarea.remove();\n        }\n    }\n\n    ngOnDestroy() {\n        this.tooltipDirective.hide();\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ThyCopyDirective } from './copy.directive';\nimport { ThyNotifyModule } from 'ngx-tethys/notify';\n\n@NgModule({\n    imports: [CommonModule, ThyNotifyModule, ThyCopyDirective],\n    exports: [ThyCopyDirective]\n})\nexport class ThyCopyModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/ngx-tethys-dialog.mjs

@@ -2,7 +2,7 @@ import { Overlay, OverlayKeyboardDispatcher, OverlayContainer, OverlayModule } f
 import { PortalModule, ComponentPortal } from '@angular/cdk/portal';
 import { DOCUMENT, NgTemplateOutlet, NgClass, CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { InjectionToken, inject, ChangeDetectorRef, ElementRef, NgZone, Renderer2, EventEmitter, HostBinding, ViewChild, ChangeDetectionStrategy, Component, Injector, Injectable, Input, Output, ContentChild, NgModule } from '@angular/core';
+import { InjectionToken, inject, ChangeDetectorRef, ElementRef, NgZone, Renderer2, EventEmitter, HostBinding, ViewChild, ChangeDetectionStrategy, Component, Injector, Injectable, input, contentChild, computed, Output, NgModule } from '@angular/core';
 import * as i1$1 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
 import { ThyAction, ThyActionModule } from 'ngx-tethys/action';
@@ -439,19 +439,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
 class ThyDialogBody {
     constructor() {
         this.dialog = inject(ThyDialog);
-        this._isDialogBody = true;
-        this.thyClearPaddingClassName = false;
-    }
-    /**
-     * 清除间距
-     * @default false
-     */
-    set thyClearPadding(value) {
-        this.thyClearPaddingClassName = value;
+        /**
+         * 清除间距
+         */
+        this.thyClearPadding = input(false, { transform: coerceBooleanProperty });
     }
     ngOnInit() { }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyDialogBody, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.8", type: ThyDialogBody, isStandalone: true, selector: "thy-dialog-body", inputs: { thyClearPadding: ["thyClearPadding", "thyClearPadding", coerceBooleanProperty] }, host: { properties: { "class.dialog-body": "this._isDialogBody", "class.dialog-body-clear-padding": "this.thyClearPaddingClassName" } }, exportAs: ["thyDialogBody"], hostDirectives: [{ directive: i1.CdkScrollable }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.8", type: ThyDialogBody, isStandalone: true, selector: "thy-dialog-body", inputs: { thyClearPadding: { classPropertyName: "thyClearPadding", publicName: "thyClearPadding", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.dialog-body-clear-padding": "thyClearPadding()" }, classAttribute: "dialog-body" }, exportAs: ["thyDialogBody"], hostDirectives: [{ directive: i1.CdkScrollable }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyDialogBody, decorators: [{
             type: Component,
@@ -460,18 +455,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
                     template: '<ng-content></ng-content>',
                     // changeDetection: ChangeDetectionStrategy.OnPush,
                     exportAs: 'thyDialogBody',
-                    hostDirectives: [CdkScrollable]
+                    hostDirectives: [CdkScrollable],
+                    host: {
+                        class: 'dialog-body',
+                        '[class.dialog-body-clear-padding]': 'thyClearPadding()'
+                    }
                 }]
-        }], propDecorators: { _isDialogBody: [{
-                type: HostBinding,
-                args: [`class.dialog-body`]
-            }], thyClearPaddingClassName: [{
-                type: HostBinding,
-                args: [`class.dialog-body-clear-padding`]
-            }], thyClearPadding: [{
-                type: Input,
-                args: [{ transform: coerceBooleanProperty }]
-            }] } });
+        }] });
 
 const THY_CONFIRM_DEFAULT_OPTIONS = new InjectionToken('thy-confirm-default-options');
 /**
@@ -511,19 +501,41 @@ class ThyDialogHeader {
         this.dialog = inject(ThyDialog);
         this.translate = inject(ThyTranslate);
         this.dialogContainer = inject(ThyDialogContainer, { optional: true });
+        /**
+         * 自定义头部模板
+         */
+        this.headerTemplate = contentChild('dialogHeader');
+        /**
+         * 标题
+         */
+        this.thyTitle = input();
+        /**
+         * 大小，只有大的详情页场景会使用 lg，左右 padding 缩小至 20px
+         * @type lg | md
+         */
+        this.thySize = input('md');
+        /**
+         * 是否显示分割线
+         */
+        this.thyDivided = input(false, { transform: coerceBooleanProperty });
+        /**
+         * 标题的多语言 Key
+         */
+        this.thyTitleTranslationKey = input();
+        this.title = computed(() => {
+            const title = this.thyTitle();
+            const titleTranslationKey = this.thyTitleTranslationKey();
+            return title || (titleTranslationKey && this.translate.instant(titleTranslationKey));
+        });
+        /**
+         * 头部图标
+         */
+        this.thyIcon = input();
         /**
          * 关闭事件
          */
         this.thyOnClose = new EventEmitter();
     }
-    /**
-     * 标题的多语言 Key
-     */
-    set thyTitleTranslationKey(key) {
-        if (key && !this.thyTitle) {
-            this.thyTitle = this.translate.instant(key);
-        }
-    }
     ngOnInit() {
         if (!this.dialogContainer) {
             // When this directive is included in a dialog via TemplateRef (rather than being
@@ -538,7 +550,7 @@ class ThyDialogHeader {
         // because sub component change parent's HostBinding property (ariaLabelledBy)
         Promise.resolve().then(() => {
             if (this.dialogContainer) {
-                this.dialogContainer.ariaLabelledBy = this.thyTitle;
+                this.dialogContainer.ariaLabelledBy = this.title();
             }
         });
     }
@@ -551,30 +563,16 @@ class ThyDialogHeader {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyDialogHeader, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.8", type: ThyDialogHeader, isStandalone: true, selector: "thy-dialog-header", inputs: { thyTitle: "thyTitle", thySize: "thySize", thyDivided: ["thyDivided", "thyDivided", coerceBooleanProperty], thyTitleTranslationKey: "thyTitleTranslationKey", thyIcon: "thyIcon" }, outputs: { thyOnClose: "thyOnClose" }, host: { properties: { "class.thy-dialog-header-lg": "thySize === 'lg'", "class.thy-dialog-header-divided": "thyDivided" }, classAttribute: "dialog-header thy-dialog-header" }, queries: [{ propertyName: "headerTemplate", first: true, predicate: ["dialogHeader"], descendants: true }], exportAs: ["thyDialogHeader"], ngImport: i0, template: "@if (headerTemplate) {\n  <template [ngTemplateOutlet]=\"headerTemplate\"></template>\n} @else {\n  <h3 class=\"dialog-title\"><thy-icon [thyIconName]=\"thyIcon\"></thy-icon>{{ thyTitle }}</h3>\n  <a href=\"javascript:;\" class=\"mr-n2\" thyAction thyActionIcon=\"close\" (click)=\"close($event)\"></a>\n}\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "component", type: ThyAction, selector: "thy-action, [thyAction]", inputs: ["thyType", "thyIcon", "thyActionIcon", "thyActive", "thyActionActive", "thyTheme", "thyHoverIcon", "thyDisabled"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.8", type: ThyDialogHeader, isStandalone: true, selector: "thy-dialog-header", inputs: { thyTitle: { classPropertyName: "thyTitle", publicName: "thyTitle", isSignal: true, isRequired: false, transformFunction: null }, thySize: { classPropertyName: "thySize", publicName: "thySize", isSignal: true, isRequired: false, transformFunction: null }, thyDivided: { classPropertyName: "thyDivided", publicName: "thyDivided", isSignal: true, isRequired: false, transformFunction: null }, thyTitleTranslationKey: { classPropertyName: "thyTitleTranslationKey", publicName: "thyTitleTranslationKey", isSignal: true, isRequired: false, transformFunction: null }, thyIcon: { classPropertyName: "thyIcon", publicName: "thyIcon", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { thyOnClose: "thyOnClose" }, host: { properties: { "class.thy-dialog-header-lg": "thySize() === 'lg'", "class.thy-dialog-header-divided": "thyDivided()" }, classAttribute: "dialog-header thy-dialog-header" }, queries: [{ propertyName: "headerTemplate", first: true, predicate: ["dialogHeader"], descendants: true, isSignal: true }], exportAs: ["thyDialogHeader"], ngImport: i0, template: "@if (headerTemplate()) {\n  <template [ngTemplateOutlet]=\"headerTemplate()\"></template>\n} @else {\n  <h3 class=\"dialog-title\"><thy-icon [thyIconName]=\"thyIcon()\"></thy-icon>{{ title() }}</h3>\n  <a href=\"javascript:;\" class=\"mr-n2\" thyAction thyActionIcon=\"close\" (click)=\"close($event)\"></a>\n}\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "component", type: ThyAction, selector: "thy-action, [thyAction]", inputs: ["thyType", "thyIcon", "thyActionIcon", "thyActive", "thyActionActive", "thyTheme", "thyHoverIcon", "thyDisabled"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyDialogHeader, decorators: [{
             type: Component,
             args: [{ selector: 'thy-dialog-header', exportAs: 'thyDialogHeader', host: {
                         class: 'dialog-header thy-dialog-header',
-                        '[class.thy-dialog-header-lg]': `thySize === 'lg'`,
-                        '[class.thy-dialog-header-divided]': `thyDivided`
-                    }, imports: [NgTemplateOutlet, ThyIcon, ThyAction], template: "@if (headerTemplate) {\n  <template [ngTemplateOutlet]=\"headerTemplate\"></template>\n} @else {\n  <h3 class=\"dialog-title\"><thy-icon [thyIconName]=\"thyIcon\"></thy-icon>{{ thyTitle }}</h3>\n  <a href=\"javascript:;\" class=\"mr-n2\" thyAction thyActionIcon=\"close\" (click)=\"close($event)\"></a>\n}\n" }]
-        }], propDecorators: { headerTemplate: [{
-                type: ContentChild,
-                args: ['dialogHeader']
-            }], thyTitle: [{
-                type: Input
-            }], thySize: [{
-                type: Input
-            }], thyDivided: [{
-                type: Input,
-                args: [{ transform: coerceBooleanProperty }]
-            }], thyTitleTranslationKey: [{
-                type: Input
-            }], thyIcon: [{
-                type: Input
-            }], thyOnClose: [{
+                        '[class.thy-dialog-header-lg]': `thySize() === 'lg'`,
+                        '[class.thy-dialog-header-divided]': `thyDivided()`
+                    }, imports: [NgTemplateOutlet, ThyIcon, ThyAction], template: "@if (headerTemplate()) {\n  <template [ngTemplateOutlet]=\"headerTemplate()\"></template>\n} @else {\n  <h3 class=\"dialog-title\"><thy-icon [thyIconName]=\"thyIcon()\"></thy-icon>{{ title() }}</h3>\n  <a href=\"javascript:;\" class=\"mr-n2\" thyAction thyActionIcon=\"close\" (click)=\"close($event)\"></a>\n}\n" }]
+        }], propDecorators: { thyOnClose: [{
                 type: Output
             }] } });
 
@@ -587,6 +585,7 @@ class ThyConfirm {
         this.changeDetectorRef = inject(ChangeDetectorRef);
         this.defaultConfig = inject(THY_CONFIRM_DEFAULT_OPTIONS);
         this.locale = injectLocale('dialog');
+        this.options = input();
         this.defaultConfig = {
             ...{
                 title: this.locale().title,
@@ -599,7 +598,7 @@ class ThyConfirm {
         };
     }
     ngOnInit() {
-        this.defaultConfig = { ...this.defaultConfig, ...this.options };
+        this.defaultConfig = { ...this.defaultConfig, ...this.options() };
         this.title = this.defaultConfig.title;
         this.content = this.defaultConfig.content;
         this.okText = this.defaultConfig.okText;
@@ -610,7 +609,7 @@ class ThyConfirm {
     }
     confirm() {
         this.loading = true;
-        const result = this.options.onOk();
+        const result = this.options().onOk();
         if (result && result.subscribe) {
             result
                 .pipe(finalize(() => {
@@ -628,19 +627,17 @@ class ThyConfirm {
         }
     }
     close() {
-        this.options?.onCancel?.();
+        this.options()?.onCancel?.();
         this.dialogRef.close();
     }
     ngOnDestroy() { }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyConfirm, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.8", type: ThyConfirm, isStandalone: true, selector: "thy-confirm-default", inputs: { options: "options" }, ngImport: i0, template: "<thy-dialog-header [thyTitle]=\"title || 'Install Angular'\" (thyOnClose)=\"close()\"> </thy-dialog-header>\n<thy-dialog-body class=\"thy-form\">\n  <form thyForm name=\"thyConfirm\" thyLayout=\"vertical\">\n    <div class=\"form-group\">\n      <p [innerHTML]=\"content\"></p>\n    </div>\n    <thy-form-group-footer [thyAlign]=\"footerAlign\">\n      <div class=\"thy-confirm-footer\" [ngClass]=\"'thy-confirm-footer-' + footerAlign\">\n        <button [thyButton]=\"okType\" (click)=\"confirm()\" [thyLoading]=\"loading\" [thyLoadingText]=\"okLoadingText\">{{ okText }}</button>\n        <button thyButton=\"link-secondary\" (click)=\"close()\" class=\"thy-confirm-cancel\">{{ cancelText }}</button>\n      </div>\n    </thy-form-group-footer>\n  </form>\n</thy-dialog-body>\n", dependencies: [{ kind: "component", type: ThyDialogHeader, selector: "thy-dialog-header", inputs: ["thyTitle", "thySize", "thyDivided", "thyTitleTranslationKey", "thyIcon"], outputs: ["thyOnClose"], exportAs: ["thyDialogHeader"] }, { kind: "component", type: ThyDialogBody, selector: "thy-dialog-body", inputs: ["thyClearPadding"], exportAs: ["thyDialogBody"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: ThyFormDirective, selector: "[thyForm],[thy-form]", inputs: ["thyLayout", "thyEnterKeyMode", "thyFormValidatorConfig"], exportAs: ["thyForm"] }, { kind: "component", type: ThyFormGroupFooter, selector: "thy-form-group-footer", inputs: ["thyAlign"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ThyButton, selector: "thy-button,[thy-button],[thyButton]", inputs: ["thyButton", "thyType", "thyLoading", "thyLoadingText", "thySize", "thyIcon", "thyBlock"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.8", type: ThyConfirm, isStandalone: true, selector: "thy-confirm-default", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<thy-dialog-header [thyTitle]=\"title || 'Install Angular'\" (thyOnClose)=\"close()\"> </thy-dialog-header>\n<thy-dialog-body class=\"thy-form\">\n  <form thyForm name=\"thyConfirm\" thyLayout=\"vertical\">\n    <div class=\"form-group\">\n      <p [innerHTML]=\"content\"></p>\n    </div>\n    <thy-form-group-footer [thyAlign]=\"footerAlign\">\n      <div class=\"thy-confirm-footer\" [ngClass]=\"'thy-confirm-footer-' + footerAlign\">\n        <button [thyButton]=\"okType\" (click)=\"confirm()\" [thyLoading]=\"loading\" [thyLoadingText]=\"okLoadingText\">{{ okText }}</button>\n        <button thyButton=\"link-secondary\" (click)=\"close()\" class=\"thy-confirm-cancel\">{{ cancelText }}</button>\n      </div>\n    </thy-form-group-footer>\n  </form>\n</thy-dialog-body>\n", dependencies: [{ kind: "component", type: ThyDialogHeader, selector: "thy-dialog-header", inputs: ["thyTitle", "thySize", "thyDivided", "thyTitleTranslationKey", "thyIcon"], outputs: ["thyOnClose"], exportAs: ["thyDialogHeader"] }, { kind: "component", type: ThyDialogBody, selector: "thy-dialog-body", inputs: ["thyClearPadding"], exportAs: ["thyDialogBody"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: ThyFormDirective, selector: "[thyForm],[thy-form]", inputs: ["thyLayout", "thyEnterKeyMode", "thyFormValidatorConfig"], exportAs: ["thyForm"] }, { kind: "component", type: ThyFormGroupFooter, selector: "thy-form-group-footer", inputs: ["thyAlign"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ThyButton, selector: "thy-button,[thy-button],[thyButton]", inputs: ["thyButton", "thyType", "thyLoading", "thyLoadingText", "thySize", "thyIcon", "thyBlock"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyConfirm, decorators: [{
             type: Component,
             args: [{ selector: 'thy-confirm-default', changeDetection: ChangeDetectionStrategy.OnPush, imports: [ThyDialogHeader, ThyDialogBody, FormsModule, ThyFormDirective, ThyFormGroupFooter, NgClass, ThyButton], template: "<thy-dialog-header [thyTitle]=\"title || 'Install Angular'\" (thyOnClose)=\"close()\"> </thy-dialog-header>\n<thy-dialog-body class=\"thy-form\">\n  <form thyForm name=\"thyConfirm\" thyLayout=\"vertical\">\n    <div class=\"form-group\">\n      <p [innerHTML]=\"content\"></p>\n    </div>\n    <thy-form-group-footer [thyAlign]=\"footerAlign\">\n      <div class=\"thy-confirm-footer\" [ngClass]=\"'thy-confirm-footer-' + footerAlign\">\n        <button [thyButton]=\"okType\" (click)=\"confirm()\" [thyLoading]=\"loading\" [thyLoadingText]=\"okLoadingText\">{{ okText }}</button>\n        <button thyButton=\"link-secondary\" (click)=\"close()\" class=\"thy-confirm-cancel\">{{ cancelText }}</button>\n      </div>\n    </thy-form-group-footer>\n  </form>\n</thy-dialog-body>\n" }]
-        }], ctorParameters: () => [], propDecorators: { options: [{
-                type: Input
-            }] } });
+        }], ctorParameters: () => [] });
 
 /**
  * 模态框底部组件
@@ -648,44 +645,46 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
  * @order 60
  */
 class ThyDialogFooter {
-    /**
-     * 底部是否有分割线，可全局配置默认值
-     * @type boolean
-     * @default false
-     */
-    set thyDivided(value) {
-        this.divided = value;
-    }
-    get align() {
-        return !!this.thyAlign ? this.thyAlign : this.dialogLayoutConfig.footerAlign;
-    }
     constructor() {
         this.dialogLayoutConfig = inject(THY_DIALOG_LAYOUT_CONFIG);
+        /**
+         * 自定义弹出框底部的描述模板
+         * @type TemplateRef
+         */
+        this.description = contentChild('description');
+        /**
+         * 底部是否有分割线，可全局配置默认值
+         * @type boolean
+         */
+        this.thyDivided = input(undefined, { transform: coerceBooleanProperty });
+        this.divided = computed(() => {
+            if (this.thyDivided() === undefined) {
+                return this.dialogLayoutConfig.footerDivided;
+            }
+            return this.thyDivided();
+        });
+        /**
+         * 对齐方式，可全局配置默认值
+         * @type left | right | center
+         */
+        this.thyAlign = input();
+        this.align = computed(() => (!!this.thyAlign() ? this.thyAlign() : this.dialogLayoutConfig.footerAlign));
         this.hostRenderer = useHostRenderer();
-        this.divided = this.dialogLayoutConfig.footerDivided;
     }
     ngOnInit() {
         this.hostRenderer.updateClassByMap({
             'dialog-footer': true,
-            [`dialog-footer-actions-align-${this.align}`]: true,
-            'dialog-footer-border-top': this.divided
+            [`dialog-footer-actions-align-${this.align()}`]: true,
+            'dialog-footer-border-top': this.divided()
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyDialogFooter, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.8", type: ThyDialogFooter, isStandalone: true, selector: "thy-dialog-footer", inputs: { thyDivided: ["thyDivided", "thyDivided", coerceBooleanProperty], thyAlign: "thyAlign" }, queries: [{ propertyName: "description", first: true, predicate: ["description"], descendants: true }], exportAs: ["thyDialogFooter"], ngImport: i0, template: "<div class=\"dialog-footer-actions btn-pair\">\n  <ng-content></ng-content>\n</div>\n@if (description) {\n  <div class=\"dialog-footer-description\">\n    <ng-container [ngTemplateOutlet]=\"description\"></ng-container>\n  </div>\n}\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.8", type: ThyDialogFooter, isStandalone: true, selector: "thy-dialog-footer", inputs: { thyDivided: { classPropertyName: "thyDivided", publicName: "thyDivided", isSignal: true, isRequired: false, transformFunction: null }, thyAlign: { classPropertyName: "thyAlign", publicName: "thyAlign", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "description", first: true, predicate: ["description"], descendants: true, isSignal: true }], exportAs: ["thyDialogFooter"], ngImport: i0, template: "<div class=\"dialog-footer-actions btn-pair\">\n  <ng-content></ng-content>\n</div>\n@if (description()) {\n  <div class=\"dialog-footer-description\">\n    <ng-container [ngTemplateOutlet]=\"description()\"></ng-container>\n  </div>\n}\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyDialogFooter, decorators: [{
             type: Component,
-            args: [{ selector: 'thy-dialog-footer', exportAs: 'thyDialogFooter', imports: [NgTemplateOutlet], template: "<div class=\"dialog-footer-actions btn-pair\">\n  <ng-content></ng-content>\n</div>\n@if (description) {\n  <div class=\"dialog-footer-description\">\n    <ng-container [ngTemplateOutlet]=\"description\"></ng-container>\n  </div>\n}\n" }]
-        }], ctorParameters: () => [], propDecorators: { description: [{
-                type: ContentChild,
-                args: ['description']
-            }], thyDivided: [{
-                type: Input,
-                args: [{ transform: coerceBooleanProperty }]
-            }], thyAlign: [{
-                type: Input
-            }] } });
+            args: [{ selector: 'thy-dialog-footer', exportAs: 'thyDialogFooter', imports: [NgTemplateOutlet], template: "<div class=\"dialog-footer-actions btn-pair\">\n  <ng-content></ng-content>\n</div>\n@if (description()) {\n  <div class=\"dialog-footer-description\">\n    <ng-container [ngTemplateOutlet]=\"description()\"></ng-container>\n  </div>\n}\n" }]
+        }], ctorParameters: () => [] });
 
 class ThyDialogModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }