ngx-tethys 19.1.13 → 20.0.0-next.0

package/fesm2022/ngx-tethys-form.mjs

@@ -4,7 +4,7 @@ import { ThyInputModule } from 'ngx-tethys/input';
 import { ThyTooltipDirective, ThyTooltipModule } from 'ngx-tethys/tooltip';
 import { NgClass, NgTemplateOutlet, CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { InjectionToken, Optional, Inject, Injectable, inject, ElementRef, Renderer2, NgZone, input, effect, ContentChildren, HostBinding, Directive, Input, ViewEncapsulation, Component, signal, computed, ContentChild, ChangeDetectionStrategy, output, HostListener, forwardRef, NgModule } from '@angular/core';
+import { InjectionToken, inject, Injectable, ElementRef, Renderer2, NgZone, input, effect, ContentChildren, HostBinding, Directive, Input, ViewEncapsulation, Component, signal, computed, ContentChild, ChangeDetectionStrategy, output, HostListener, forwardRef, NgModule } from '@angular/core';
 import { NgForm, FormGroupDirective, ControlContainer, NgControl, NG_ASYNC_VALIDATORS, Validators, NG_VALIDATORS, FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { helpers, isUndefinedOrNull, keycodes, coerceBooleanProperty as coerceBooleanProperty$1 } from 'ngx-tethys/util';
 import { useHostRenderer } from '@tethys/cdk/dom';
@@ -33,17 +33,8 @@ const defaultValidatorConfig = {
  * @private
  */
 class ThyFormValidatorLoader {
-    getDefaultValidationMessage(key) {
-        if (this.config.globalValidationMessages && this.config.globalValidationMessages[key]) {
-            return this.config.globalValidationMessages[key];
-        }
-        else {
-            return this.globalValidationMessages[key];
-        }
-    }
-    constructor(config) {
-        this.locale = injectLocale('form');
-        this.globalValidationMessages = {
+    get globalValidationMessages() {
+        return {
             required: this.locale().required,
             maxlength: this.locale().maxlength,
             minlength: this.locale().minlength,
@@ -56,7 +47,20 @@ class ThyFormValidatorLoader {
             max: this.locale().max,
             min: this.locale().min
         };
-        this.config = Object.assign({}, defaultValidatorConfig, config);
+    }
+    getDefaultValidationMessage(key) {
+        if (this.config.globalValidationMessages && this.config.globalValidationMessages[key]) {
+            return this.config.globalValidationMessages[key];
+        }
+        else {
+            const messages = this.globalValidationMessages;
+            return messages[key];
+        }
+    }
+    constructor() {
+        this.config = inject(THY_VALIDATOR_CONFIG, { optional: true });
+        this.locale = injectLocale('form');
+        this.config = Object.assign({}, defaultValidatorConfig, this.config || {});
     }
     get validationMessages() {
         return this.config.validationMessages;
@@ -138,17 +142,12 @@ class ThyFormValidatorLoader {
     setGlobalValidationMessages(validationMessages) {
         this.config.globalValidationMessages = validationMessages;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyFormValidatorLoader, deps: [{ token: THY_VALIDATOR_CONFIG, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyFormValidatorLoader }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyFormValidatorLoader, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyFormValidatorLoader }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyFormValidatorLoader, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyFormValidatorLoader, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: undefined, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: [THY_VALIDATOR_CONFIG]
-                }] }] });
+        }], ctorParameters: () => [] });
 
 /**
  * @private
@@ -388,10 +387,10 @@ class ThyFormValidatorService {
     ngOnDestroy() {
         this._destroy$.next();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyFormValidatorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyFormValidatorService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyFormValidatorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyFormValidatorService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyFormValidatorService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyFormValidatorService, decorators: [{
             type: Injectable
         }] });
 
@@ -430,17 +429,17 @@ class ThyFormDirective {
          * @type horizontal | vertical | inline
          * @default horizontal
          */
-        this.thyLayout = input(undefined);
+        this.thyLayout = input(undefined, ...(ngDevMode ? [{ debugName: "thyLayout" }] : []));
         /**
          * Enter 键提交模式。`submit`: Textarea 需要 Ctrl | Command + Enter 提交，其他元素直接 Enter 提交； `alwaysSubmit`: 不管是什么元素 Enter 都提交； `forbidSubmit`: Enter 不提交
          * @type submit | alwaysSubmit | forbidSubmit
          * @default submit
          */
-        this.thyEnterKeyMode = input(undefined);
+        this.thyEnterKeyMode = input(undefined, ...(ngDevMode ? [{ debugName: "thyEnterKeyMode" }] : []));
         /**
          * 表单验证规则配置项 （更多内容查看：thyFormValidatorConfig）
          */
-        this.thyFormValidatorConfig = input();
+        this.thyFormValidatorConfig = input(...(ngDevMode ? [undefined, { debugName: "thyFormValidatorConfig" }] : []));
         this.wasValidated = false;
         effect(() => {
             this.updateClasses();
@@ -524,13 +523,13 @@ class ThyFormDirective {
             this._unsubscribe = null;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyFormDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.8", type: ThyFormDirective, isStandalone: true, selector: "[thyForm],[thy-form]", inputs: { thyLayout: { classPropertyName: "thyLayout", publicName: "thyLayout", isSignal: true, isRequired: false, transformFunction: null }, thyEnterKeyMode: { classPropertyName: "thyEnterKeyMode", publicName: "thyEnterKeyMode", isSignal: true, isRequired: false, transformFunction: null }, thyFormValidatorConfig: { classPropertyName: "thyFormValidatorConfig", publicName: "thyFormValidatorConfig", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.was-validated": "this.wasValidated" }, classAttribute: "thy-form" }, providers: [ThyFormValidatorService], queries: [{ propertyName: "controls", predicate: NgControl, descendants: true }], exportAs: ["thyForm"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyFormDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.10", type: ThyFormDirective, isStandalone: true, selector: "[thyForm],[thy-form]", inputs: { thyLayout: { classPropertyName: "thyLayout", publicName: "thyLayout", isSignal: true, isRequired: false, transformFunction: null }, thyEnterKeyMode: { classPropertyName: "thyEnterKeyMode", publicName: "thyEnterKeyMode", isSignal: true, isRequired: false, transformFunction: null }, thyFormValidatorConfig: { classPropertyName: "thyFormValidatorConfig", publicName: "thyFormValidatorConfig", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.was-validated": "this.wasValidated" }, classAttribute: "thy-form" }, providers: [ThyFormValidatorService], queries: [{ propertyName: "controls", predicate: NgControl, descendants: true }], exportAs: ["thyForm"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyFormDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyFormDirective, decorators: [{
             type: Directive,
             args: [{ selector: '[thyForm],[thy-form]', providers: [ThyFormValidatorService], exportAs: 'thyForm', host: { class: 'thy-form' } }]
-        }], ctorParameters: () => [], propDecorators: { wasValidated: [{
+        }], ctorParameters: () => [], propDecorators: { thyLayout: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyLayout", required: false }] }], thyEnterKeyMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyEnterKeyMode", required: false }] }], thyFormValidatorConfig: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyFormValidatorConfig", required: false }] }], wasValidated: [{
                 type: HostBinding,
                 args: ['class.was-validated']
             }], controls: [{
@@ -545,7 +544,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
 class ThyFormGroupError {
     constructor() {
         this.thyParentForm = inject(ThyFormDirective, { optional: true });
-        this.thyShowFirst = input(true, { transform: coerceBooleanProperty$1 });
+        this.thyShowFirst = input(true, ...(ngDevMode ? [{ debugName: "thyShowFirst", transform: coerceBooleanProperty$1 }] : [{ transform: coerceBooleanProperty$1 }]));
         this.isHorizontal = true;
     }
     /**
@@ -566,13 +565,13 @@ class ThyFormGroupError {
             this.isHorizontal = this.thyParentForm.isHorizontal;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyFormGroupError, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.8", type: ThyFormGroupError, isStandalone: true, selector: "thy-form-group-error", inputs: { thyShowFirst: { classPropertyName: "thyShowFirst", publicName: "thyShowFirst", isSignal: true, isRequired: false, transformFunction: null }, thyErrors: { classPropertyName: "thyErrors", publicName: "thyErrors", isSignal: false, isRequired: false, transformFunction: null } }, host: { properties: { "class.form-group": "this._isFormGroup", "class.row": "this.isHorizontal" } }, ngImport: i0, template: "<div [ngClass]=\"{ 'col-sm-10 offset-sm-2 col-form-control': isHorizontal }\">\n  @for (error of thyErrors; track $index) {\n    <thy-alert thyType=\"danger\" [thyMessage]=\"error\"></thy-alert>\n  }\n</div>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ThyAlert, selector: "thy-alert", inputs: ["thyType", "thyTheme", "thyMessage", "thyIcon", "thyCloseable"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyFormGroupError, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", type: ThyFormGroupError, isStandalone: true, selector: "thy-form-group-error", inputs: { thyShowFirst: { classPropertyName: "thyShowFirst", publicName: "thyShowFirst", isSignal: true, isRequired: false, transformFunction: null }, thyErrors: { classPropertyName: "thyErrors", publicName: "thyErrors", isSignal: false, isRequired: false, transformFunction: null } }, host: { properties: { "class.form-group": "this._isFormGroup", "class.row": "this.isHorizontal" } }, ngImport: i0, template: "<div [ngClass]=\"{ 'col-sm-10 offset-sm-2 col-form-control': isHorizontal }\">\n  @for (error of thyErrors; track $index) {\n    <thy-alert thyType=\"danger\" [thyMessage]=\"error\"></thy-alert>\n  }\n</div>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ThyAlert, selector: "thy-alert", inputs: ["thyType", "thyTheme", "thyMessage", "thyIcon", "thyCloseable"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyFormGroupError, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyFormGroupError, decorators: [{
             type: Component,
             args: [{ selector: 'thy-form-group-error', encapsulation: ViewEncapsulation.None, imports: [NgClass, ThyAlert], template: "<div [ngClass]=\"{ 'col-sm-10 offset-sm-2 col-form-control': isHorizontal }\">\n  @for (error of thyErrors; track $index) {\n    <thy-alert thyType=\"danger\" [thyMessage]=\"error\"></thy-alert>\n  }\n</div>\n" }]
-        }], propDecorators: { thyErrors: [{
+        }], propDecorators: { thyShowFirst: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyShowFirst", required: false }] }], thyErrors: [{
                 type: Input
             }], _isFormGroup: [{
                 type: HostBinding,
@@ -603,10 +602,10 @@ class ThyFormGroupLabelDirective {
     set thyLabelRequired(value) {
         this.labelRequired = value;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyFormGroupLabelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "19.2.8", type: ThyFormGroupLabelDirective, isStandalone: true, selector: "[thyFormGroupLabel]", inputs: { thyLabelText: "thyLabelText", thyLabelTranslateKey: "thyLabelTranslateKey", thyLabelRequired: ["thyLabelRequired", "thyLabelRequired", coerceBooleanProperty$1] }, host: { properties: { "class.label-required": "this.labelRequired", "class.col-form-label": "this._isFormGroupLabel" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyFormGroupLabelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "20.3.10", type: ThyFormGroupLabelDirective, isStandalone: true, selector: "[thyFormGroupLabel]", inputs: { thyLabelText: "thyLabelText", thyLabelTranslateKey: "thyLabelTranslateKey", thyLabelRequired: ["thyLabelRequired", "thyLabelRequired", coerceBooleanProperty$1] }, host: { properties: { "class.label-required": "this.labelRequired", "class.col-form-label": "this._isFormGroupLabel" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyFormGroupLabelDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyFormGroupLabelDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[thyFormGroupLabel]'
@@ -638,15 +637,15 @@ class ThyFormGroup {
     constructor() {
         this.thyParentForm = inject(ThyFormDirective, { optional: true });
         this.thyTranslate = inject(ThyTranslate);
-        this.isHorizontalSignal = signal(true);
+        this.isHorizontalSignal = signal(true, ...(ngDevMode ? [{ debugName: "isHorizontalSignal" }] : []));
         /**
          * Label 文本
          */
-        this.thyLabelText = input();
+        this.thyLabelText = input(...(ngDevMode ? [undefined, { debugName: "thyLabelText" }] : []));
         /**
          * Label 文本多语言 Key
          */
-        this.thyLabelTextTranslateKey = input();
+        this.thyLabelTextTranslateKey = input(...(ngDevMode ? [undefined, { debugName: "thyLabelTextTranslateKey" }] : []));
         this.labelTextSignal = computed(() => {
             const labelTextTranslateKey = this.thyLabelTextTranslateKey();
             const labelText = this.thyLabelText();
@@ -657,44 +656,49 @@ class ThyFormGroup {
                 return this.thyTranslate.instant(labelTextTranslateKey);
             }
             return '';
-        });
+        }, ...(ngDevMode ? [{ debugName: "labelTextSignal" }] : []));
         /**
          * Label 是否显示必填项样式
          */
-        this.thyLabelRequired = input(false, {
-            transform: coerceBooleanProperty$1
-        });
+        this.thyLabelRequired = input(false, ...(ngDevMode ? [{ debugName: "thyLabelRequired", transform: coerceBooleanProperty$1 }] : [{
+                transform: coerceBooleanProperty$1
+            }]));
         /**
          * 清楚 Label padding 间距
          */
-        this.thyLabelPaddingTopClear = input(false, {
-            transform: coerceBooleanProperty$1
-        });
+        this.thyLabelPaddingTopClear = input(false, ...(ngDevMode ? [{ debugName: "thyLabelPaddingTopClear", transform: coerceBooleanProperty$1 }] : [{
+                transform: coerceBooleanProperty$1
+            }]));
         /**
          * 反馈图标，比如日期输入框显示日期的图标，常用输入 date 表示时间 wtf wtf-schedule-o
          */
-        this.thyFeedbackIcon = input('', {
-            transform: (value) => {
-                if (internalIconMap[value]) {
-                    return internalIconMap[value];
+        this.thyFeedbackIcon = input('', ...(ngDevMode ? [{ debugName: "thyFeedbackIcon", transform: (value) => {
+                    if (internalIconMap[value]) {
+                        return internalIconMap[value];
+                    }
+                    return value;
+                } }] : [{
+                transform: (value) => {
+                    if (internalIconMap[value]) {
+                        return internalIconMap[value];
+                    }
+                    return value;
                 }
-                return value;
-            }
-        });
+            }]));
         /**
          * 提示文字的显示模式，`label`模式表示在 label 后通过图标+Tooltip 提示, `default`模式在 Form Control 下方直接显示
          * @type default | label
          * @default default
          */
-        this.thyTipsMode = input('default');
+        this.thyTipsMode = input('default', ...(ngDevMode ? [{ debugName: "thyTipsMode" }] : []));
         /**
          * 提示文案
          */
-        this.thyTips = input('');
+        this.thyTips = input('', ...(ngDevMode ? [{ debugName: "thyTips" }] : []));
         /**
          * 提示文案的多语言 Key
          */
-        this.thyTipsTranslateKey = input('');
+        this.thyTipsTranslateKey = input('', ...(ngDevMode ? [{ debugName: "thyTipsTranslateKey" }] : []));
         this.tipsSignal = computed(() => {
             const key = this.thyTipsTranslateKey();
             const tips = this.thyTips();
@@ -705,12 +709,12 @@ class ThyFormGroup {
                 return tips;
             }
             return '';
-        });
+        }, ...(ngDevMode ? [{ debugName: "tipsSignal" }] : []));
         /**
          * 是否填充整行, 没有 Label 文本，只有输入框
          * @default false
          */
-        this.thyRowFill = input(false, { transform: coerceBooleanProperty$1 });
+        this.thyRowFill = input(false, ...(ngDevMode ? [{ debugName: "thyRowFill", transform: coerceBooleanProperty$1 }] : [{ transform: coerceBooleanProperty$1 }]));
         // effect(() => {
         //     const isHorizontal = this.thyParentForm ? this.thyParentForm.isHorizontal : true;
         //     this.isHorizontal.set(isHorizontal);
@@ -720,10 +724,10 @@ class ThyFormGroup {
         const isHorizontal = this.thyParentForm ? this.thyParentForm.isHorizontal : true;
         this.isHorizontalSignal.set(isHorizontal);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyFormGroup, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.8", type: ThyFormGroup, isStandalone: true, selector: "thy-form-group", inputs: { thyLabelText: { classPropertyName: "thyLabelText", publicName: "thyLabelText", isSignal: true, isRequired: false, transformFunction: null }, thyLabelTextTranslateKey: { classPropertyName: "thyLabelTextTranslateKey", publicName: "thyLabelTextTranslateKey", isSignal: true, isRequired: false, transformFunction: null }, thyLabelRequired: { classPropertyName: "thyLabelRequired", publicName: "thyLabelRequired", isSignal: true, isRequired: false, transformFunction: null }, thyLabelPaddingTopClear: { classPropertyName: "thyLabelPaddingTopClear", publicName: "thyLabelPaddingTopClear", isSignal: true, isRequired: false, transformFunction: null }, thyFeedbackIcon: { classPropertyName: "thyFeedbackIcon", publicName: "thyFeedbackIcon", isSignal: true, isRequired: false, transformFunction: null }, thyTipsMode: { classPropertyName: "thyTipsMode", publicName: "thyTipsMode", isSignal: true, isRequired: false, transformFunction: null }, thyTips: { classPropertyName: "thyTips", publicName: "thyTips", isSignal: true, isRequired: false, transformFunction: null }, thyTipsTranslateKey: { classPropertyName: "thyTipsTranslateKey", publicName: "thyTipsTranslateKey", isSignal: true, isRequired: false, transformFunction: null }, thyRowFill: { classPropertyName: "thyRowFill", publicName: "thyRowFill", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.row-fill": "thyRowFill()", "class.row": "isHorizontalSignal()", "class.has-feedback": "thyFeedbackIcon()" }, classAttribute: "form-group" }, queries: [{ propertyName: "contentTemplateRef", first: true, predicate: ["formGroup"], descendants: true }, { propertyName: "contentTemplate", first: true, predicate: ["content"], descendants: true }], ngImport: i0, template: "@let tips = tipsSignal();\n@let labelText = labelTextSignal();\n@let isHorizontal = isHorizontalSignal();\n@let feedbackIcon = thyFeedbackIcon();\n@if (contentTemplate || contentTemplateRef) {\n  <ng-container [ngTemplateOutlet]=\"contentTemplate || contentTemplateRef\"></ng-container>\n  @if (feedbackIcon) {\n    <thy-icon class=\"form-control-feedback\" [thyIconName]=\"feedbackIcon\"></thy-icon>\n  }\n} @else {\n  @if (!(!isHorizontal && !labelText)) {\n    <label\n      class=\"form-label \"\n    [ngClass]=\"{\n      'col-sm-2 col-form-label': isHorizontal,\n      'pt-0': thyLabelPaddingTopClear()\n    }\"\n      >\n      <span\n      [ngClass]=\"{\n        'label-required': thyLabelRequired()\n      }\"\n        >{{ labelText }}</span\n        >\n        @if (thyTipsMode() === 'label' && tips) {\n          <thy-icon class=\"label-tips-icon\" thyIconName=\"question-circle\" [thyTooltip]=\"tips\"></thy-icon>\n        }\n      </label>\n    }\n    <div [ngClass]=\"{ 'col-sm-10 col-form-control': isHorizontal, 'position-relative': !isHorizontal }\">\n      <ng-content></ng-content>\n      @if (feedbackIcon) {\n        <thy-icon class=\"form-control-feedback\" [thyIconName]=\"feedbackIcon\"></thy-icon>\n      }\n      @if (thyTipsMode() === 'default' && tips) {\n        <span class=\"form-text text-desc\">{{ tips }}</span>\n      }\n    </div>\n  }\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: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: ThyTooltipDirective, selector: "[thyTooltip],[thy-tooltip]", inputs: ["thyTooltip", "thyTooltipPlacement", "thyTooltipClass", "thyTooltipShowDelay", "thyTooltipHideDelay", "thyTooltipTrigger", "thyTooltipDisabled", "thyTooltipTemplateContext", "thyTooltipOffset", "thyTooltipPin"], exportAs: ["thyTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyFormGroup, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", type: ThyFormGroup, isStandalone: true, selector: "thy-form-group", inputs: { thyLabelText: { classPropertyName: "thyLabelText", publicName: "thyLabelText", isSignal: true, isRequired: false, transformFunction: null }, thyLabelTextTranslateKey: { classPropertyName: "thyLabelTextTranslateKey", publicName: "thyLabelTextTranslateKey", isSignal: true, isRequired: false, transformFunction: null }, thyLabelRequired: { classPropertyName: "thyLabelRequired", publicName: "thyLabelRequired", isSignal: true, isRequired: false, transformFunction: null }, thyLabelPaddingTopClear: { classPropertyName: "thyLabelPaddingTopClear", publicName: "thyLabelPaddingTopClear", isSignal: true, isRequired: false, transformFunction: null }, thyFeedbackIcon: { classPropertyName: "thyFeedbackIcon", publicName: "thyFeedbackIcon", isSignal: true, isRequired: false, transformFunction: null }, thyTipsMode: { classPropertyName: "thyTipsMode", publicName: "thyTipsMode", isSignal: true, isRequired: false, transformFunction: null }, thyTips: { classPropertyName: "thyTips", publicName: "thyTips", isSignal: true, isRequired: false, transformFunction: null }, thyTipsTranslateKey: { classPropertyName: "thyTipsTranslateKey", publicName: "thyTipsTranslateKey", isSignal: true, isRequired: false, transformFunction: null }, thyRowFill: { classPropertyName: "thyRowFill", publicName: "thyRowFill", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.row-fill": "thyRowFill()", "class.row": "isHorizontalSignal()", "class.has-feedback": "thyFeedbackIcon()" }, classAttribute: "form-group" }, queries: [{ propertyName: "contentTemplateRef", first: true, predicate: ["formGroup"], descendants: true }, { propertyName: "contentTemplate", first: true, predicate: ["content"], descendants: true }], ngImport: i0, template: "@let tips = tipsSignal();\n@let labelText = labelTextSignal();\n@let isHorizontal = isHorizontalSignal();\n@let feedbackIcon = thyFeedbackIcon();\n@if (contentTemplate || contentTemplateRef) {\n  <ng-container [ngTemplateOutlet]=\"contentTemplate || contentTemplateRef\"></ng-container>\n  @if (feedbackIcon) {\n    <thy-icon class=\"form-control-feedback\" [thyIconName]=\"feedbackIcon\"></thy-icon>\n  }\n} @else {\n  @if (!(!isHorizontal && !labelText)) {\n    <label\n      class=\"form-label \"\n    [ngClass]=\"{\n      'col-sm-2 col-form-label': isHorizontal,\n      'pt-0': thyLabelPaddingTopClear()\n    }\"\n      >\n      <span\n      [ngClass]=\"{\n        'label-required': thyLabelRequired()\n      }\"\n        >{{ labelText }}</span\n        >\n        @if (thyTipsMode() === 'label' && tips) {\n          <thy-icon class=\"label-tips-icon\" thyIconName=\"question-circle\" [thyTooltip]=\"tips\"></thy-icon>\n        }\n      </label>\n    }\n    <div [ngClass]=\"{ 'col-sm-10 col-form-control': isHorizontal, 'position-relative': !isHorizontal }\">\n      <ng-content></ng-content>\n      @if (feedbackIcon) {\n        <thy-icon class=\"form-control-feedback\" [thyIconName]=\"feedbackIcon\"></thy-icon>\n      }\n      @if (thyTipsMode() === 'default' && tips) {\n        <span class=\"form-text text-desc\">{{ tips }}</span>\n      }\n    </div>\n  }\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: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: ThyTooltipDirective, selector: "[thyTooltip],[thy-tooltip]", inputs: ["thyTooltip", "thyTooltipPlacement", "thyTooltipClass", "thyTooltipShowDelay", "thyTooltipHideDelay", "thyTooltipTrigger", "thyTooltipDisabled", "thyTooltipTemplateContext", "thyTooltipOffset", "thyTooltipPin"], exportAs: ["thyTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyFormGroup, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyFormGroup, decorators: [{
             type: Component,
             args: [{ selector: 'thy-form-group', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgTemplateOutlet, ThyIcon, NgClass, ThyTooltipDirective], host: {
                         class: 'form-group',
@@ -731,7 +735,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
                         '[class.row]': 'isHorizontalSignal()',
                         '[class.has-feedback]': 'thyFeedbackIcon()'
                     }, template: "@let tips = tipsSignal();\n@let labelText = labelTextSignal();\n@let isHorizontal = isHorizontalSignal();\n@let feedbackIcon = thyFeedbackIcon();\n@if (contentTemplate || contentTemplateRef) {\n  <ng-container [ngTemplateOutlet]=\"contentTemplate || contentTemplateRef\"></ng-container>\n  @if (feedbackIcon) {\n    <thy-icon class=\"form-control-feedback\" [thyIconName]=\"feedbackIcon\"></thy-icon>\n  }\n} @else {\n  @if (!(!isHorizontal && !labelText)) {\n    <label\n      class=\"form-label \"\n    [ngClass]=\"{\n      'col-sm-2 col-form-label': isHorizontal,\n      'pt-0': thyLabelPaddingTopClear()\n    }\"\n      >\n      <span\n      [ngClass]=\"{\n        'label-required': thyLabelRequired()\n      }\"\n        >{{ labelText }}</span\n        >\n        @if (thyTipsMode() === 'label' && tips) {\n          <thy-icon class=\"label-tips-icon\" thyIconName=\"question-circle\" [thyTooltip]=\"tips\"></thy-icon>\n        }\n      </label>\n    }\n    <div [ngClass]=\"{ 'col-sm-10 col-form-control': isHorizontal, 'position-relative': !isHorizontal }\">\n      <ng-content></ng-content>\n      @if (feedbackIcon) {\n        <thy-icon class=\"form-control-feedback\" [thyIconName]=\"feedbackIcon\"></thy-icon>\n      }\n      @if (thyTipsMode() === 'default' && tips) {\n        <span class=\"form-text text-desc\">{{ tips }}</span>\n      }\n    </div>\n  }\n\n" }]
-        }], ctorParameters: () => [], propDecorators: { contentTemplateRef: [{
+        }], ctorParameters: () => [], propDecorators: { thyLabelText: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyLabelText", required: false }] }], thyLabelTextTranslateKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyLabelTextTranslateKey", required: false }] }], thyLabelRequired: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyLabelRequired", required: false }] }], thyLabelPaddingTopClear: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyLabelPaddingTopClear", required: false }] }], thyFeedbackIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyFeedbackIcon", required: false }] }], thyTipsMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyTipsMode", required: false }] }], thyTips: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyTips", required: false }] }], thyTipsTranslateKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyTipsTranslateKey", required: false }] }], thyRowFill: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyRowFill", required: false }] }], contentTemplateRef: [{
                 type: ContentChild,
                 args: ['formGroup']
             }], contentTemplate: [{
@@ -760,15 +764,15 @@ class ThyFormSubmitDirective {
     onSubmit($event) {
         this.thyFormDirective.submit($event);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyFormSubmitDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.8", type: ThyFormSubmitDirective, isStandalone: true, selector: "[thyFormSubmit],[thy-form-submit]", outputs: { thyFormSubmit: "thyFormSubmit" }, host: { listeners: { "click": "onSubmit($event)" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyFormSubmitDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.10", type: ThyFormSubmitDirective, isStandalone: true, selector: "[thyFormSubmit],[thy-form-submit]", outputs: { thyFormSubmit: "thyFormSubmit" }, host: { listeners: { "click": "onSubmit($event)" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyFormSubmitDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyFormSubmitDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[thyFormSubmit],[thy-form-submit]'
                 }]
-        }], propDecorators: { onSubmit: [{
+        }], propDecorators: { thyFormSubmit: [{ type: i0.Output, args: ["thyFormSubmit"] }], onSubmit: [{
                 type: HostListener,
                 args: ['click', ['$event']]
             }] } });
@@ -789,7 +793,7 @@ class ThyFormGroupFooter {
          * @type left | right | center
          * @default left
          */
-        this.thyAlign = input(undefined);
+        this.thyAlign = input(undefined, ...(ngDevMode ? [{ debugName: "thyAlign" }] : []));
         this.footerClassMap = {};
     }
     get align() {
@@ -809,10 +813,10 @@ class ThyFormGroupFooter {
             [`form-group-footer-align-${this.align}`]: true
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyFormGroupFooter, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.8", type: ThyFormGroupFooter, isStandalone: true, selector: "thy-form-group-footer", inputs: { thyAlign: { classPropertyName: "thyAlign", publicName: "thyAlign", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.form-group": "this._isFormGroup", "class.row": "this.isHorizontal" } }, queries: [{ propertyName: "description", first: true, predicate: ["description"], descendants: true }], ngImport: i0, template: "<div [ngClass]=\"footerClassMap\">\n  <div class=\"btn-pair form-footer-actions\">\n    <ng-content></ng-content>\n  </div>\n\n  @if (description) {\n    <div class=\"form-footer-description\">\n      <ng-container [ngTemplateOutlet]=\"description\"></ng-container>\n    </div>\n  }\n</div>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyFormGroupFooter, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", type: ThyFormGroupFooter, isStandalone: true, selector: "thy-form-group-footer", inputs: { thyAlign: { classPropertyName: "thyAlign", publicName: "thyAlign", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.form-group": "this._isFormGroup", "class.row": "this.isHorizontal" } }, queries: [{ propertyName: "description", first: true, predicate: ["description"], descendants: true }], ngImport: i0, template: "<div [ngClass]=\"footerClassMap\">\n  <div class=\"btn-pair form-footer-actions\">\n    <ng-content></ng-content>\n  </div>\n\n  @if (description) {\n    <div class=\"form-footer-description\">\n      <ng-container [ngTemplateOutlet]=\"description\"></ng-container>\n    </div>\n  }\n</div>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyFormGroupFooter, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyFormGroupFooter, decorators: [{
             type: Component,
             args: [{ selector: 'thy-form-group-footer', encapsulation: ViewEncapsulation.None, imports: [NgClass, NgTemplateOutlet], template: "<div [ngClass]=\"footerClassMap\">\n  <div class=\"btn-pair form-footer-actions\">\n    <ng-content></ng-content>\n  </div>\n\n  @if (description) {\n    <div class=\"form-footer-description\">\n      <ng-container [ngTemplateOutlet]=\"description\"></ng-container>\n    </div>\n  }\n</div>\n" }]
         }], propDecorators: { _isFormGroup: [{
@@ -824,7 +828,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
             }], description: [{
                 type: ContentChild,
                 args: ['description']
-            }] } });
+            }], thyAlign: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyAlign", required: false }] }] } });
 
 /**
  * 用于校验表单控件的输入值是否已经存在
@@ -835,7 +839,7 @@ class ThyUniqueCheckValidator {
     constructor() {
         this.elementRef = inject(ElementRef);
         this.thyForm = inject(ThyFormDirective, { optional: true });
-        this.thyUniqueCheck = input(undefined);
+        this.thyUniqueCheck = input(undefined, ...(ngDevMode ? [{ debugName: "thyUniqueCheck" }] : []));
     }
     validate(ctrl) {
         return this.thyUniqueCheck()(ctrl.value).pipe(map((failed) => {
@@ -847,16 +851,16 @@ class ThyUniqueCheckValidator {
             return failed ? { thyUniqueCheck: failed } : null;
         }), catchError(() => of(null)));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyUniqueCheckValidator, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.8", type: ThyUniqueCheckValidator, isStandalone: true, selector: "[thyUniqueCheck]", inputs: { thyUniqueCheck: { classPropertyName: "thyUniqueCheck", publicName: "thyUniqueCheck", isSignal: true, isRequired: false, transformFunction: null } }, providers: [{ provide: NG_ASYNC_VALIDATORS, useExisting: ThyUniqueCheckValidator, multi: true }], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyUniqueCheckValidator, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.10", type: ThyUniqueCheckValidator, isStandalone: true, selector: "[thyUniqueCheck]", inputs: { thyUniqueCheck: { classPropertyName: "thyUniqueCheck", publicName: "thyUniqueCheck", isSignal: true, isRequired: false, transformFunction: null } }, providers: [{ provide: NG_ASYNC_VALIDATORS, useExisting: ThyUniqueCheckValidator, multi: true }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyUniqueCheckValidator, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyUniqueCheckValidator, decorators: [{
             type: Directive,
             args: [{
                     selector: '[thyUniqueCheck]',
                     providers: [{ provide: NG_ASYNC_VALIDATORS, useExisting: ThyUniqueCheckValidator, multi: true }]
                 }]
-        }] });
+        }], propDecorators: { thyUniqueCheck: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyUniqueCheck", required: false }] }] } });
 
 /**
  * @name min
@@ -869,8 +873,8 @@ class ThyMinDirective {
     validate(control) {
         return this._validator(control);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyMinDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.8", type: ThyMinDirective, isStandalone: true, selector: "[min][formControlName],[min][formControl],[min][ngModel]", inputs: { min: "min" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyMinDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.10", type: ThyMinDirective, isStandalone: true, selector: "[min][formControlName],[min][formControl],[min][ngModel]", inputs: { min: "min" }, providers: [
             {
                 provide: NG_VALIDATORS,
                 useExisting: forwardRef(() => ThyMinDirective),
@@ -878,7 +882,7 @@ class ThyMinDirective {
             }
         ], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyMinDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyMinDirective, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector
@@ -906,8 +910,8 @@ class ThyMaxDirective {
     validate(control) {
         return this._validator(control);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyMaxDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.8", type: ThyMaxDirective, isStandalone: true, selector: "[max][formControlName],[max][formControl],[max][ngModel]", inputs: { max: "max" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyMaxDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.10", type: ThyMaxDirective, isStandalone: true, selector: "[max][formControlName],[max][formControl],[max][ngModel]", inputs: { max: "max" }, providers: [
             {
                 provide: NG_VALIDATORS,
                 useExisting: forwardRef(() => ThyMaxDirective),
@@ -915,7 +919,7 @@ class ThyMaxDirective {
             }
         ], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyMaxDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyMaxDirective, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector
@@ -948,22 +952,22 @@ class ThyConfirmValidatorDirective {
         /**
          * 表单控件的校验值
          */
-        this.confirm = input(undefined);
+        this.confirm = input(undefined, ...(ngDevMode ? [{ debugName: "confirm" }] : []));
     }
     validate(control) {
         return confirmValidator(this.confirm())(control);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyConfirmValidatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.8", type: ThyConfirmValidatorDirective, isStandalone: true, selector: "[confirm]", inputs: { confirm: { classPropertyName: "confirm", publicName: "confirm", isSignal: true, isRequired: false, transformFunction: null } }, providers: [{ provide: NG_VALIDATORS, useExisting: ThyConfirmValidatorDirective, multi: true }], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyConfirmValidatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.10", type: ThyConfirmValidatorDirective, isStandalone: true, selector: "[confirm]", inputs: { confirm: { classPropertyName: "confirm", publicName: "confirm", isSignal: true, isRequired: false, transformFunction: null } }, providers: [{ provide: NG_VALIDATORS, useExisting: ThyConfirmValidatorDirective, multi: true }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyConfirmValidatorDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyConfirmValidatorDirective, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector
                     selector: '[confirm]',
                     providers: [{ provide: NG_VALIDATORS, useExisting: ThyConfirmValidatorDirective, multi: true }]
                 }]
-        }] });
+        }], propDecorators: { confirm: [{ type: i0.Input, args: [{ isSignal: true, alias: "confirm", required: false }] }] } });
 
 class ThyFormModule {
     static forRoot(config) {
@@ -977,8 +981,8 @@ class ThyFormModule {
             ]
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyFormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.8", ngImport: i0, type: ThyFormModule, imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyFormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.10", ngImport: i0, type: ThyFormModule, imports: [CommonModule,
             FormsModule,
             ReactiveFormsModule,
             ThyInputModule,
@@ -1004,7 +1008,7 @@ class ThyFormModule {
             ThyMinDirective,
             ThyMaxDirective,
             ThyConfirmValidatorDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyFormModule, providers: [ThyFormValidatorLoader, THY_FORM_CONFIG_PROVIDER], imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyFormModule, providers: [ThyFormValidatorLoader, THY_FORM_CONFIG_PROVIDER], imports: [CommonModule,
             FormsModule,
             ReactiveFormsModule,
             ThyInputModule,
@@ -1014,7 +1018,7 @@ class ThyFormModule {
             ThyFormGroup,
             ThyFormGroupError] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyFormModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyFormModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [