ngx-tethys 20.0.1 → 20.0.2

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

@@ -1 +1 @@
-{"version":3,"file":"ngx-tethys-watermark.mjs","sources":["../../../src/watermark/config.ts","../../../src/watermark/watermark.directive.ts","../../../src/watermark/watermark.module.ts","../../../src/watermark/ngx-tethys-watermark.ts"],"sourcesContent":["export const DEFAULT_WATERMARK_CONFIG = {\n    position: 'absolute',\n    top: 0,\n    left: 0,\n    width: '100%',\n    height: '100%',\n    opacity: '0.8',\n    'background-repeat': 'repeat',\n    'pointer-events': 'none',\n    'z-index': 2147483647,\n    'background-image': ''\n};\n\nexport const DEFAULT_CANVAS_CONFIG = {\n    degree: 15,\n    color: ['rgba(51, 51, 51, 0.12)', 'rgb(60, 65, 74)'],\n    fontSize: 12,\n    textLineHeight: 20,\n    gutter: [250, 200]\n};\n","import { Directive, ElementRef, OnInit, inject, DestroyRef, effect, input, computed } from '@angular/core';\nimport { Subject, Observable } from 'rxjs';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { DEFAULT_WATERMARK_CONFIG, DEFAULT_CANVAS_CONFIG } from './config';\nimport { MutationObserverFactory } from '@angular/cdk/observers';\nimport { coerceBooleanProperty, ThyBooleanInput } from 'ngx-tethys/util';\nimport { ThyThemeStore } from 'ngx-tethys/core';\n\n/**\n * @public\n * 水印样式配置\n */\nexport interface ThyCanvasConfigType {\n    /**\n     * 偏移角度\n     */\n    degree?: number;\n    /**\n     * 字体颜色。如果传的是数组，第一个为默认主题的字体颜色，第二个为黑暗主题的字体颜色\n     */\n    color?: string | string[];\n    /**\n     * 字体大小\n     */\n    fontSize?: number | string;\n    /**\n     * 文本行高\n     */\n    textLineHeight?: number;\n    /**\n     * 横纵间距\n     */\n    gutter?: number[];\n}\n\n/**\n * 水印指令\n * @name thyWatermark\n */\n@Directive({\n    selector: '[thyWatermark]'\n})\nexport class ThyWatermarkDirective implements OnInit {\n    private el = inject(ElementRef);\n\n    /**\n     * 是否禁用，默认为 false\n     */\n    readonly thyDisabled = input<boolean, ThyBooleanInput>(false, { transform: coerceBooleanProperty });\n\n    /**\n     * 水印内容\n     */\n    readonly thyWatermark = input<string>(undefined);\n\n    /**\n     * 水印样式配置\n     */\n    readonly thyCanvasConfig = input<ThyCanvasConfigType>(undefined);\n\n    readonly content = computed(() => {\n        const value = this.thyWatermark()?.replace(/^\\\"|\\\"$/g, '');\n        return value || '';\n    });\n\n    private createWatermark$ = new Subject<string>();\n\n    private observer: MutationObserver;\n\n    private canvas: HTMLCanvasElement;\n\n    private wmDiv: HTMLElement;\n\n    private readonly destroyRef = inject(DestroyRef);\n\n    private thyThemeStore = inject(ThyThemeStore);\n\n    constructor() {\n        effect(() => {\n            if (!this.thyDisabled() && this.thyThemeStore.theme()) {\n                this.refreshWatermark();\n            }\n        });\n\n        effect(() => {\n            const thyWatermark = this.thyWatermark();\n            if (thyWatermark) {\n                this.refreshWatermark();\n            }\n        });\n\n        effect(() => {\n            const thyDisabled = this.thyDisabled();\n            if (thyDisabled) {\n                this.removeWatermark();\n            } else {\n                this.refreshWatermark();\n            }\n        });\n    }\n\n    ngOnInit() {\n        if (!this.thyDisabled()) {\n            this.createWatermark$.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => {\n                this.observeAttributes()\n                    .pipe(takeUntilDestroyed(this.destroyRef))\n                    .subscribe(() => {});\n            });\n\n            this.createWatermark();\n        }\n    }\n\n    private refreshWatermark() {\n        this.removeWatermark();\n        this.createWatermark();\n    }\n\n    private removeWatermark() {\n        if (this.wmDiv) {\n            this.wmDiv.remove();\n            this.wmDiv = null;\n        }\n    }\n\n    createCanvas() {\n        let { gutter, fontSize, color, degree, textLineHeight } = {\n            ...DEFAULT_CANVAS_CONFIG,\n            ...(this.thyCanvasConfig() || {})\n        };\n        color = this.thyThemeStore.normalizeColor(color);\n\n        const [xGutter, yGutter] = gutter;\n        const canvas = document.createElement('canvas');\n        const ctx = canvas.getContext('2d');\n\n        const getFakeSize = () => {\n            const fakeBox = document.createElement('div');\n            const fakeBoxStyle: Record<string, string | number> = {\n                position: 'absolute',\n                top: 0,\n                left: 0,\n                display: 'inline-block',\n                'font-size': `${parseFloat('' + fontSize)}px`,\n                'word-wrap': 'break-word',\n                'font-family': 'inherit',\n                'white-space': 'pre-line'\n            };\n            const styleStr = Object.keys(fakeBoxStyle).reduce((pre, next) => ((pre += `${next}:${fakeBoxStyle[next]};`), pre), '');\n            fakeBox.setAttribute('style', styleStr);\n\n            fakeBox.innerHTML = this.content().replace(/(\\\\n)/gm, '</br>');\n            document.querySelector('body').insertBefore(fakeBox, document.querySelector('body').firstChild);\n            const { width, height } = fakeBox.getBoundingClientRect();\n            fakeBox.remove();\n            return { width, height };\n        };\n        const { width: fakeBoxWidth, height: fakeBoxHeight } = getFakeSize();\n\n        const angle = (degree * Math.PI) / 180;\n        const contentArr = this.content().split('\\\\n');\n        const canvasHeight = Math.sin(angle) * fakeBoxWidth + fakeBoxHeight;\n\n        let start = Math.ceil(Math.sin(angle) * fakeBoxWidth * Math.sin(angle));\n        const canvasWidth = start + fakeBoxWidth;\n        canvas.setAttribute('width', '' + (canvasWidth + xGutter));\n        canvas.setAttribute('height', '' + (canvasHeight + yGutter));\n\n        ctx.font = `${parseFloat('' + fontSize)}px microsoft yahei`;\n        ctx.textAlign = 'center';\n        ctx.textBaseline = 'top';\n        ctx.fillStyle = color;\n        ctx.rotate(0 - (degree * Math.PI) / 180);\n        contentArr.map((k, i) => {\n            ctx.fillText(k, -start + Math.ceil(canvasWidth / 2), Math.sin(angle) * canvasWidth + textLineHeight * i);\n            start += Math.sin(angle) * textLineHeight;\n        });\n        this.canvas = canvas;\n        return canvas;\n    }\n\n    private createWatermark(isRefresh = true) {\n        const watermarkDiv = this.wmDiv || document.createElement('div');\n\n        const background = !isRefresh ? this.canvas.toDataURL() : this.createCanvas().toDataURL();\n        const watermarkStyle: Record<string, string | number> = {\n            ...DEFAULT_WATERMARK_CONFIG,\n            'background-image': `url(${background})`\n        };\n\n        const styleStr = Object.keys(watermarkStyle).reduce((pre, next) => ((pre += `${next}:${watermarkStyle[next]};`), pre), '');\n        watermarkDiv.setAttribute('style', styleStr);\n\n        if (!this.wmDiv) {\n            const parentNode = this.el.nativeElement;\n            watermarkDiv.classList.add(`_vm`);\n            this.wmDiv = watermarkDiv;\n            parentNode.insertBefore(watermarkDiv, parentNode.firstChild);\n        }\n        this.createWatermark$.next('');\n    }\n\n    private observeAttributes() {\n        this.observer?.disconnect();\n        return new Observable(observe => {\n            const stream = new Subject<MutationRecord[]>();\n            this.observer = new MutationObserverFactory().create(mutations => stream.next(mutations));\n            if (this.observer) {\n                this.observer.observe(this.wmDiv, {\n                    attributes: true\n                });\n            }\n            stream.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => {\n                if (this.wmDiv) {\n                    this?.observer?.disconnect();\n                    this.createWatermark(false);\n                }\n            });\n            observe.next(stream);\n            return () => {\n                this.observer?.disconnect();\n            };\n        });\n    }\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ThySharedModule } from 'ngx-tethys/shared';\nimport { ThyWatermarkDirective } from './watermark.directive';\n\n@NgModule({\n    imports: [CommonModule, ThySharedModule, ThyWatermarkDirective],\n    exports: [ThyWatermarkDirective],\n    providers: []\n})\nexport class ThyWatermarkModule {}\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-watermark.mjs","sources":["../../../src/watermark/config.ts","../../../src/watermark/watermark.directive.ts","../../../src/watermark/watermark.module.ts","../../../src/watermark/ngx-tethys-watermark.ts"],"sourcesContent":["export const DEFAULT_WATERMARK_CONFIG = {\n    position: 'absolute',\n    top: 0,\n    left: 0,\n    width: '100%',\n    height: '100%',\n    opacity: '0.8',\n    'background-repeat': 'repeat',\n    'pointer-events': 'none',\n    'z-index': 2147483647,\n    'background-image': ''\n};\n\nexport const DEFAULT_CANVAS_CONFIG = {\n    degree: 15,\n    color: ['rgba(51, 51, 51, 0.12)', 'rgb(60, 65, 74)'],\n    fontSize: 12,\n    textLineHeight: 20,\n    gutter: [250, 200]\n};\n","import { Directive, ElementRef, OnInit, inject, DestroyRef, effect, input, computed } from '@angular/core';\nimport { Subject, Observable } from 'rxjs';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { DEFAULT_WATERMARK_CONFIG, DEFAULT_CANVAS_CONFIG } from './config';\nimport { MutationObserverFactory } from '@angular/cdk/observers';\nimport { coerceBooleanProperty, ThyBooleanInput } from 'ngx-tethys/util';\nimport { ThyThemeStore } from 'ngx-tethys/core';\n\n/**\n * @public\n * 水印样式配置\n */\nexport interface ThyCanvasConfigType {\n    /**\n     * 偏移角度\n     */\n    degree?: number;\n    /**\n     * 字体颜色。如果传的是数组，第一个为默认主题的字体颜色，第二个为黑暗主题的字体颜色\n     */\n    color?: string | string[];\n    /**\n     * 字体大小\n     */\n    fontSize?: number | string;\n    /**\n     * 文本行高\n     */\n    textLineHeight?: number;\n    /**\n     * 横纵间距\n     */\n    gutter?: number[];\n}\n\n/**\n * 水印指令\n * @name thyWatermark\n */\n@Directive({\n    selector: '[thyWatermark]'\n})\nexport class ThyWatermarkDirective implements OnInit {\n    private el = inject(ElementRef);\n\n    /**\n     * 是否禁用，默认为 false\n     */\n    readonly thyDisabled = input<boolean, ThyBooleanInput>(false, { transform: coerceBooleanProperty });\n\n    /**\n     * 水印内容\n     */\n    readonly thyWatermark = input<string>();\n\n    /**\n     * 水印样式配置\n     */\n    readonly thyCanvasConfig = input<ThyCanvasConfigType>();\n\n    readonly content = computed(() => {\n        // eslint-disable-next-line no-useless-escape\n        const value = this.thyWatermark()?.replace(/^\\\"|\\\"$/g, '');\n        return value || '';\n    });\n\n    private createWatermark$ = new Subject<string>();\n\n    private observer: MutationObserver | null = null;\n\n    private canvas!: HTMLCanvasElement;\n\n    private wmDiv: HTMLElement | null = null;\n\n    private readonly destroyRef = inject(DestroyRef);\n\n    private thyThemeStore = inject(ThyThemeStore);\n\n    constructor() {\n        effect(() => {\n            if (!this.thyDisabled() && this.thyThemeStore.theme()) {\n                this.refreshWatermark();\n            }\n        });\n\n        effect(() => {\n            const thyWatermark = this.thyWatermark();\n            if (thyWatermark) {\n                this.refreshWatermark();\n            }\n        });\n\n        effect(() => {\n            const thyDisabled = this.thyDisabled();\n            if (thyDisabled) {\n                this.removeWatermark();\n            } else {\n                this.refreshWatermark();\n            }\n        });\n    }\n\n    ngOnInit() {\n        if (!this.thyDisabled()) {\n            this.createWatermark$.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => {\n                this.observeAttributes()\n                    .pipe(takeUntilDestroyed(this.destroyRef))\n                    .subscribe(() => {});\n            });\n\n            this.createWatermark();\n        }\n    }\n\n    private refreshWatermark() {\n        this.removeWatermark();\n        this.createWatermark();\n    }\n\n    private removeWatermark() {\n        if (this.wmDiv) {\n            this.wmDiv.remove();\n            this.wmDiv = null;\n        }\n    }\n\n    createCanvas() {\n        const { gutter, fontSize, degree, textLineHeight } = {\n            ...DEFAULT_CANVAS_CONFIG,\n            ...(this.thyCanvasConfig() || {})\n        };\n\n        const color = this.thyThemeStore.normalizeColor({ ...DEFAULT_CANVAS_CONFIG, ...(this.thyCanvasConfig() || {}) }.color);\n\n        const [xGutter, yGutter] = gutter;\n        const canvas = document.createElement('canvas');\n        const ctx = canvas.getContext('2d')!;\n\n        const getFakeSize = () => {\n            const fakeBox = document.createElement('div');\n            const fakeBoxStyle: Record<string, string | number> = {\n                position: 'absolute',\n                top: 0,\n                left: 0,\n                display: 'inline-block',\n                'font-size': `${parseFloat(`${fontSize}`)}px`,\n                'word-wrap': 'break-word',\n                'font-family': 'inherit',\n                'white-space': 'pre-line'\n            };\n            const styleStr = Object.keys(fakeBoxStyle).reduce((pre, next) => ((pre += `${next}:${fakeBoxStyle[next]};`), pre), '');\n            fakeBox.setAttribute('style', styleStr);\n\n            fakeBox.innerHTML = this.content().replace(/(\\\\n)/gm, '</br>');\n            document.querySelector('body')!.insertBefore(fakeBox, document.querySelector('body')!.firstChild);\n            const { width, height } = fakeBox.getBoundingClientRect();\n            fakeBox.remove();\n            return { width, height };\n        };\n        const { width: fakeBoxWidth, height: fakeBoxHeight } = getFakeSize();\n\n        const angle = (degree * Math.PI) / 180;\n        const contentArr = this.content().split('\\\\n');\n        const canvasHeight = Math.sin(angle) * fakeBoxWidth + fakeBoxHeight;\n\n        let start = Math.ceil(Math.sin(angle) * fakeBoxWidth * Math.sin(angle));\n        const canvasWidth = start + fakeBoxWidth;\n        canvas.setAttribute('width', `${canvasWidth + xGutter}`);\n        canvas.setAttribute('height', `${canvasHeight + yGutter}`);\n\n        ctx.font = `${parseFloat(`${fontSize}`)}px microsoft yahei`;\n        ctx.textAlign = 'center';\n        ctx.textBaseline = 'top';\n        ctx.fillStyle = color!;\n        ctx.rotate(0 - (degree * Math.PI) / 180);\n        contentArr.map((k, i) => {\n            ctx.fillText(k, -start + Math.ceil(canvasWidth / 2), Math.sin(angle) * canvasWidth + textLineHeight * i);\n            start += Math.sin(angle) * textLineHeight;\n        });\n        this.canvas = canvas;\n        return canvas;\n    }\n\n    private createWatermark(isRefresh = true) {\n        const watermarkDiv = this.wmDiv || document.createElement('div');\n\n        const background = !isRefresh ? this.canvas.toDataURL() : this.createCanvas().toDataURL();\n        const watermarkStyle: Record<string, string | number> = {\n            ...DEFAULT_WATERMARK_CONFIG,\n            'background-image': `url(${background})`\n        };\n\n        const styleStr = Object.keys(watermarkStyle).reduce((pre, next) => ((pre += `${next}:${watermarkStyle[next]};`), pre), '');\n        watermarkDiv.setAttribute('style', styleStr);\n\n        if (!this.wmDiv) {\n            const parentNode = this.el.nativeElement;\n            watermarkDiv.classList.add(`_vm`);\n            this.wmDiv = watermarkDiv;\n            parentNode.insertBefore(watermarkDiv, parentNode.firstChild);\n        }\n        this.createWatermark$.next('');\n    }\n\n    private observeAttributes() {\n        this.observer?.disconnect();\n        return new Observable(observe => {\n            const stream = new Subject<MutationRecord[]>();\n            this.observer = new MutationObserverFactory().create(mutations => stream.next(mutations));\n            if (this.observer) {\n                this.observer.observe(this.wmDiv!, {\n                    attributes: true\n                });\n            }\n            stream.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => {\n                if (this.wmDiv) {\n                    this?.observer?.disconnect();\n                    this.createWatermark(false);\n                }\n            });\n            observe.next(stream);\n            return () => {\n                this.observer?.disconnect();\n            };\n        });\n    }\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ThySharedModule } from 'ngx-tethys/shared';\nimport { ThyWatermarkDirective } from './watermark.directive';\n\n@NgModule({\n    imports: [CommonModule, ThySharedModule, ThyWatermarkDirective],\n    exports: [ThyWatermarkDirective],\n    providers: []\n})\nexport class ThyWatermarkModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/ngx-tethys.mjs

@@ -1,6 +1,6 @@
 import { Version } from '@angular/core';
 
-const VERSION = new Version('20.0.1');
+const VERSION = new Version('20.0.2');
 
 /**
  * Generated bundle index. Do not edit.

package/fesm2022/ngx-tethys.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngx-tethys.mjs","sources":["../../../src/version.ts","../../../src/ngx-tethys.ts"],"sourcesContent":["import { Version } from '@angular/core';\n\nexport const VERSION = new Version('20.0.1');\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;MAEa,OAAO,GAAG,IAAI,OAAO,CAAC,QAAQ;;ACF3C;;AAEG;;;;"}
+{"version":3,"file":"ngx-tethys.mjs","sources":["../../../src/version.ts","../../../src/ngx-tethys.ts"],"sourcesContent":["import { Version } from '@angular/core';\n\nexport const VERSION = new Version('20.0.2');\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;MAEa,OAAO,GAAG,IAAI,OAAO,CAAC,QAAQ;;ACF3C;;AAEG;;;;"}

package/flexible-text/index.d.ts

@@ -23,26 +23,26 @@ declare class ThyFlexibleText implements AfterContentInit, OnDestroy {
      * @type hover | focus | click
      * @default hover
      */
-    readonly trigger: _angular_core.InputSignal<"focus" | "hover" | "click">;
+    readonly trigger: _angular_core.InputSignal<"focus" | "hover" | "click" | undefined>;
     /**
      * 自定义class类，如果不设置默认会包含 `flexible-text-container`
      */
-    readonly thyContainerClass: _angular_core.InputSignal<string>;
+    readonly thyContainerClass: _angular_core.InputSignal<string | undefined>;
     /**
      * 需要展示的全部内容
      * @type string | TemplateRef<HTMLElement>
      */
-    readonly thyTooltipContent: _angular_core.InputSignal<string | TemplateRef<HTMLElement>>;
+    readonly thyTooltipContent: _angular_core.InputSignal<string | TemplateRef<HTMLElement> | undefined>;
     /**
      * tooltip 的提示位置
      * @type top | bottom | left | right
      * @default top
      */
-    readonly thyTooltipPlacement: _angular_core.InputSignal<ThyPlacement>;
+    readonly thyTooltipPlacement: _angular_core.InputSignal<ThyPlacement | undefined>;
     /**
      * tooltip 偏移量
      */
-    readonly thyTooltipOffset: _angular_core.InputSignalWithTransform<number, unknown>;
+    readonly thyTooltipOffset: _angular_core.InputSignalWithTransform<number | undefined, unknown>;
     private destroy$;
     private hostRenderer;
     static createResizeObserver(element: HTMLElement): Observable<unknown>;

package/form/index.d.ts

@@ -51,8 +51,8 @@ interface ThyControlValidationResult {
 }
 interface ThyValidateResult {
     valid: boolean;
-    invalidControls: ThyControlValidationResult[];
-    validControls: ThyControlValidationResult[];
+    invalidControls?: ThyControlValidationResult[];
+    validControls?: ThyControlValidationResult[];
 }
 declare const THY_VALIDATOR_CONFIG: InjectionToken<ThyFormValidatorGlobalConfig>;
 declare const THY_FORM_CONFIG: InjectionToken<ThyFormConfig>;
@@ -99,14 +99,18 @@ declare class ThyFormValidatorService implements OnDestroy {
     private _getControls;
     private _getControlByName;
     validateControl(name: string): {
-        valid: boolean;
+        valid: boolean | null;
         control: AbstractControl<any, any, any> | FormControlName;
-        element: any;
+        element: HTMLElement;
     };
-    validateControls(): any[];
+    validateControls(): {
+        valid: boolean | null;
+        control: AbstractControl<any, any, any> | FormControlName;
+        element: HTMLElement;
+    }[];
     addError(message: string): void;
     validate($event?: Event): boolean;
-    validateWithDetail($event?: Event): ThyValidateResult;
+    validateWithDetail($event: Event): ThyValidateResult;
     reset(): void;
     setElementErrorMessage(name: string, message: string): void;
     ngOnDestroy(): void;
@@ -137,7 +141,7 @@ declare class ThyFormDirective implements OnInit, AfterViewInit, OnDestroy {
      * @type horizontal | vertical | inline
      * @default horizontal
      */
-    readonly thyLayout: i0.InputSignal<ThyFormLayout>;
+    readonly thyLayout: i0.InputSignal<ThyFormLayout | undefined>;
     get isHorizontal(): boolean;
     private get layout();
     /**
@@ -145,11 +149,11 @@ declare class ThyFormDirective implements OnInit, AfterViewInit, OnDestroy {
      * @type submit | alwaysSubmit | forbidSubmit
      * @default submit
      */
-    readonly thyEnterKeyMode: i0.InputSignal<ThyEnterKeyMode>;
+    readonly thyEnterKeyMode: i0.InputSignal<ThyEnterKeyMode | undefined>;
     /**
      * 表单验证规则配置项 （更多内容查看：thyFormValidatorConfig）
      */
-    readonly thyFormValidatorConfig: i0.InputSignal<ThyFormValidatorConfig>;
+    readonly thyFormValidatorConfig: i0.InputSignal<ThyFormValidatorConfig | undefined>;
     wasValidated: boolean;
     onSubmitSuccess: ($event: any) => void;
     private _unsubscribe;
@@ -179,11 +183,11 @@ declare class ThyFormGroup implements OnInit {
     /**
      * Label 文本
      */
-    readonly thyLabelText: i0.InputSignal<string>;
+    readonly thyLabelText: i0.InputSignal<string | undefined>;
     /**
      * Label 文本多语言 Key
      */
-    readonly thyLabelTextTranslateKey: i0.InputSignal<string>;
+    readonly thyLabelTextTranslateKey: i0.InputSignal<string | undefined>;
     protected labelTextSignal: i0.Signal<any>;
     /**
      * Label 是否显示必填项样式
@@ -221,11 +225,11 @@ declare class ThyFormGroup implements OnInit {
      * 已废弃
      * @deprecated please use content because formGroup is same name with angular formGroup directive
      */
-    contentTemplateRef: TemplateRef<any>;
+    contentTemplateRef?: TemplateRef<any>;
     /**
      * 内容自定义模板，`<ng-template #content></ng-template>`
      */
-    contentTemplate: TemplateRef<any>;
+    contentTemplate?: TemplateRef<any>;
     constructor();
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ThyFormGroup, never>;
@@ -259,7 +263,7 @@ declare class ThyFormSubmitDirective implements OnInit {
     /**
      * Form 验证通过的提交函数
      */
-    thyFormSubmit: i0.OutputEmitterRef<Event>;
+    readonly thyFormSubmit: i0.OutputEmitterRef<Event>;
     ngOnInit(): void;
     onSubmit($event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ThyFormSubmitDirective, never>;
@@ -276,13 +280,13 @@ declare class ThyFormGroupFooter implements OnInit {
     private defaultConfig;
     _isFormGroup: boolean;
     isHorizontal: boolean;
-    description: TemplateRef<any>;
+    description?: TemplateRef<any>;
     /**
      * 对齐方式
      * @type left | right | center
      * @default left
      */
-    readonly thyAlign: i0.InputSignal<ThyFormGroupFooterAlign>;
+    readonly thyAlign: i0.InputSignal<ThyFormGroupFooterAlign | undefined>;
     footerClassMap: {};
     private get align();
     ngOnInit(): void;
@@ -299,7 +303,7 @@ declare class ThyFormGroupFooter implements OnInit {
 declare class ThyUniqueCheckValidator implements AsyncValidator {
     private elementRef;
     private thyForm;
-    readonly thyUniqueCheck: i0.InputSignal<(value: any) => Observable<boolean>>;
+    readonly thyUniqueCheck: i0.InputSignal<((value: any) => Observable<boolean>) | undefined>;
     validate(ctrl: AbstractControl): Promise<ValidationErrors | null> | Observable<ValidationErrors | null>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ThyUniqueCheckValidator, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<ThyUniqueCheckValidator, "[thyUniqueCheck]", never, { "thyUniqueCheck": { "alias": "thyUniqueCheck"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
@@ -334,7 +338,7 @@ declare class ThyMinDirective implements Validator {
     set min(value: string);
     validate(control: AbstractControl): {
         [key: string]: any;
-    };
+    } | null;
     static ɵfac: i0.ɵɵFactoryDeclaration<ThyMinDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<ThyMinDirective, "[min][formControlName],[min][formControl],[min][ngModel]", never, { "min": { "alias": "min"; "required": false; }; }, {}, never, never, true, never>;
 }
@@ -348,7 +352,7 @@ declare class ThyMaxDirective implements Validator {
     set max(value: string);
     validate(control: AbstractControl): {
         [key: string]: any;
-    };
+    } | null;
     static ɵfac: i0.ɵɵFactoryDeclaration<ThyMaxDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<ThyMaxDirective, "[max][formControlName],[max][formControl],[max][ngModel]", never, { "max": { "alias": "max"; "required": false; }; }, {}, never, never, true, never>;
 }
@@ -364,9 +368,9 @@ declare class ThyConfirmValidatorDirective implements Validator {
      * 表单控件的校验值
      */
     readonly confirm: i0.InputSignal<string>;
-    validate(control: AbstractControl): i2.ValidationErrors;
+    validate(control: AbstractControl): i2.ValidationErrors | null;
     static ɵfac: i0.ɵɵFactoryDeclaration<ThyConfirmValidatorDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ThyConfirmValidatorDirective, "[confirm]", never, { "confirm": { "alias": "confirm"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ThyConfirmValidatorDirective, "[confirm]", never, { "confirm": { "alias": "confirm"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class ThyFormModule {
@@ -387,7 +391,7 @@ declare class ThyFormValidatorLoader {
     private getDefaultValidationMessage;
     constructor();
     get validationMessages(): ThyFormValidationMessages;
-    get validateOn(): ngx_tethys_form.ThyValidateOn;
+    get validateOn(): ngx_tethys_form.ThyValidateOn | undefined;
     isElementInInputGroup(element: HTMLElement): boolean;
     getErrorMessage(name: string, key: string): string;
     getErrorMessages(name: string, validationErrors: ValidationErrors): string[];

package/fullscreen/index.d.ts

@@ -41,12 +41,12 @@ declare class ThyFullscreenComponent implements OnInit, OnDestroy {
     /**
      * 打开全屏时需要添加的类名
      */
-    readonly thyFullscreenClasses: i0.InputSignal<string>;
+    readonly thyFullscreenClasses: i0.InputSignal<string | undefined>;
     /**
      * 全屏之后的回调
      */
     readonly thyFullscreenChange: i0.OutputEmitterRef<boolean>;
-    readonly fullscreenLaunch: i0.Signal<ElementRef<any>>;
+    readonly fullscreenLaunch: i0.Signal<ElementRef<any> | undefined>;
     private ngUnsubscribe$;
     private fullscreenLaunch$;
     constructor();
@@ -91,8 +91,8 @@ declare class ThyFullscreenRef<TResult = unknown> {
     protected exitImmersiveFullscreen(): void;
     launch(): void;
     exit(): void;
-    afterLaunched(): Observable<TResult>;
-    afterExited(): Observable<TResult>;
+    afterLaunched(): Observable<TResult | undefined>;
+    afterExited(): Observable<TResult | undefined>;
 }
 
 declare class ThyFullscreen {

package/grid/index.d.ts

@@ -125,7 +125,7 @@ declare class ThyRowDirective {
     /**
      * 栅格的间距
      */
-    readonly thyGutter: _angular_core.InputSignal<number | ThyGutterType>;
+    readonly thyGutter: _angular_core.InputSignal<number | ThyGutterType | undefined>;
     actualGutter$: ReplaySubject<[number, number]>;
     private hostRenderer;
     constructor();
@@ -153,12 +153,12 @@ declare class ThyColDirective {
     /**
      * 栅格项的占位列数，thySpan 如果传递了值，以 thySpan 为准
      */
-    readonly thyCol: _angular_core.InputSignal<ThySpan>;
+    readonly thyCol: _angular_core.InputSignal<ThySpan | undefined>;
     /**
      * 栅格项的占位列数
      */
-    readonly thySpan: _angular_core.InputSignal<ThySpan>;
-    protected readonly span: _angular_core.Signal<ThySpan>;
+    readonly thySpan: _angular_core.InputSignal<ThySpan | undefined>;
+    protected readonly span: _angular_core.Signal<number | "auto">;
     private hostRenderer;
     private takeUntilDestroyed;
     constructor();
@@ -188,20 +188,20 @@ declare class ThyFlex {
      * Flex Wrap
      * @default nowrap
      */
-    readonly thyWrap: _angular_core.InputSignal<ThyFlexWrap>;
+    readonly thyWrap: _angular_core.InputSignal<ThyFlexWrap | undefined>;
     /**
      * Justify Content
      */
-    readonly thyJustifyContent: _angular_core.InputSignal<ThyFlexJustifyContent>;
+    readonly thyJustifyContent: _angular_core.InputSignal<ThyFlexJustifyContent | undefined>;
     /**
      * Align Items
      */
-    readonly thyAlignItems: _angular_core.InputSignal<ThyFlexAlignItems>;
+    readonly thyAlignItems: _angular_core.InputSignal<ThyFlexAlignItems | undefined>;
     /**
      * Flex Item 之间的间隙 Gap
      * @default 0
      */
-    readonly thyGap: _angular_core.InputSignal<number>;
+    readonly thyGap: _angular_core.InputSignal<number | undefined>;
     constructor();
     private updateClasses;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThyFlex, never>;
@@ -224,21 +224,21 @@ declare class ThyFlexItem {
     /**
      * Flex Item 属性，表示 grow 、shrink 、basis
      */
-    readonly thyFlexItem: _angular_core.InputSignal<string>;
+    readonly thyFlexItem: _angular_core.InputSignal<string | undefined>;
     /**
      * Flew Grow，设置或检索弹性盒子的扩展比率，设置 1 为填充剩余区域
      */
-    readonly thyGrow: _angular_core.InputSignal<ThyFlexGrow>;
+    readonly thyGrow: _angular_core.InputSignal<ThyFlexGrow | undefined>;
     /**
      * Flex Shrink，设置或检索弹性盒收缩比例
      * @default 1
      */
-    readonly thyShrink: _angular_core.InputSignal<ThyFlexShrink>;
+    readonly thyShrink: _angular_core.InputSignal<ThyFlexShrink | undefined>;
     /**
      * Flex Basis，设置或检索弹性盒伸缩基准值
      * @default 1
      */
-    readonly thyBasis: _angular_core.InputSignal<string>;
+    readonly thyBasis: _angular_core.InputSignal<string | undefined>;
     constructor();
     private updateClasses;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThyFlexItem, never>;

package/guider/index.d.ts

@@ -120,14 +120,14 @@ interface IThyGuiderRef {
     close: () => void;
     end: () => void;
 }
-interface IThyGuiderManager {
-    updateActive: (key: string, guiderRef: IThyGuiderRef) => void;
+interface IThyGuiderManager<TthyGuiderRef = IThyGuiderRef> {
+    updateActive: (key: string, guiderRef?: TthyGuiderRef) => void;
     addStepTarget: (key: string, el: HTMLElement) => void;
     removeStepTarget: (key: string) => void;
     getActiveTarget: (key: string) => HTMLElement;
     getActive: () => {
         key: string;
-        guiderRef: IThyGuiderRef;
+        guiderRef: TthyGuiderRef;
     };
 }
 
@@ -181,11 +181,11 @@ declare class ThyGuiderStepRef {
     private document;
     private renderer;
     private lastPointerContainer;
-    private lastTargetElement;
-    private targetElementObserver;
+    private lastTargetElement?;
+    private targetElementObserver?;
     private lastTipContainer;
     private guiderRef;
-    private lastPopoverRef;
+    private lastPopoverRef?;
     constructor(step: ThyGuiderStep, stepIndex: number, rendererFactory: RendererFactory2, popover: ThyPopover, guiderManager: IThyGuiderManager, overlay: Overlay, document: Document);
     show(guiderRef: IThyGuiderRef): void;
     dispose(): void;
@@ -247,7 +247,7 @@ declare class ThyGuiderTargetDirective implements OnInit, OnDestroy, AfterViewIn
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ThyGuiderTargetDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ThyGuiderTargetDirective, "[thyGuiderTarget]", ["thyGuiderTarget"], { "target": { "alias": "thyGuiderTarget"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ThyGuiderTargetDirective, "[thyGuiderTarget]", ["thyGuiderTarget"], { "target": { "alias": "thyGuiderTarget"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class ThyGuiderModule {
@@ -283,12 +283,12 @@ declare class ThyGuider {
  * @public
  * @order 60
  */
-declare class ThyGuiderManager implements IThyGuiderManager {
+declare class ThyGuiderManager implements IThyGuiderManager<ThyGuiderRef> {
     private targetListMap;
-    private thyGuiderRef;
+    private thyGuiderRef?;
     private activeStepKey;
     constructor();
-    updateActive(key: string, guiderRef: ThyGuiderRef): void;
+    updateActive(key: string, guiderRef?: ThyGuiderRef): void;
     addStepTarget(key: string, el: HTMLElement): void;
     removeStepTarget(key: string): void;
     getActiveTarget(key: string): HTMLElement;

package/i18n/index.d.ts

@@ -1046,7 +1046,7 @@ declare const _default: {
     };
 };
 
-declare function normalizeLocale(localeId: string): ThyLocaleType;
+declare function normalizeLocale(localeId: string | null): ThyLocaleType;
 declare function getDefaultLocaleId(): ThyLocaleType;
 
 export { THY_I18N_DE_DE, THY_I18N_EN_US, THY_I18N_JA_JP, THY_I18N_LOCALE_ID, THY_I18N_ZH_HANS, THY_I18N_ZH_HANT, ThyI18nService, ThyLocaleType, _default as deDeLocale, _default$2 as enUsLocale, getDefaultLocaleId, injectLocale, _default$1 as jaJpLocale, normalizeLocale, _default$4 as zhHansLocale, _default$3 as zhHantLocale };

package/icon/index.d.ts

@@ -18,7 +18,7 @@ declare class ThyIcon {
      * @type outline | fill | twotone
      */
     readonly thyIconType: _angular_core.InputSignal<"fill" | "outline" | "twotone">;
-    readonly thyTwotoneColor: _angular_core.InputSignal<string>;
+    readonly thyTwotoneColor: _angular_core.InputSignal<string | undefined>;
     /**
      * 图标的名字
      */
@@ -27,8 +27,8 @@ declare class ThyIcon {
      * 图标的旋转角度
      * @default 0
      */
-    readonly thyIconRotate: _angular_core.InputSignalWithTransform<number, unknown>;
-    readonly thyIconSet: _angular_core.InputSignal<string>;
+    readonly thyIconRotate: _angular_core.InputSignalWithTransform<number | undefined, unknown>;
+    readonly thyIconSet: _angular_core.InputSignal<string | undefined>;
     /**
      * 图标打底色，镂空的图标，会透过颜色来
      */

package/image/index.d.ts

@@ -50,7 +50,7 @@ interface ThyImagePreviewOptions {
 interface ThyImagePreviewOperation {
     icon: string;
     name: string;
-    action?: (image?: ThyImageInfo) => void;
+    action?: (image: ThyImageInfo) => void;
     type?: ThyImagePreviewOperationType;
 }
 type ThyImagePreviewMode = 'original-scale' | 'fit-screen';
@@ -58,10 +58,10 @@ type ThyImagePreviewOperationType = 'zoom-out' | 'zoom-in' | 'rotate-right' | 'd
 
 interface IThyImageDirective {
     previewable: boolean;
-    thySrc: InputSignal<string>;
-    thyPreviewSrc: InputSignal<string>;
-    thyOriginSrc: InputSignal<string>;
-    thyImageMeta: InputSignal<ThyImageMeta>;
+    thySrc: InputSignal<string | undefined>;
+    thyPreviewSrc: InputSignal<string | undefined>;
+    thyOriginSrc: InputSignal<string | undefined>;
+    thyImageMeta: InputSignal<ThyImageMeta | undefined>;
 }
 interface IThyImageGroupComponent {
     injector: Injector;
@@ -117,24 +117,24 @@ declare class ThyImageDirective implements IThyImageDirective, OnInit, AfterView
     /**
      * 图片地址
      */
-    readonly thySrc: i0.InputSignal<string>;
+    readonly thySrc: i0.InputSignal<string | undefined>;
     /**
      * 预览图片地址
      */
-    readonly thyPreviewSrc: i0.InputSignal<string>;
+    readonly thyPreviewSrc: i0.InputSignal<string | undefined>;
     /**
      * 图片原图地址
      */
-    readonly thyOriginSrc: i0.InputSignal<string>;
+    readonly thyOriginSrc: i0.InputSignal<string | undefined>;
     /**
      * 图片附加信息，包含 { name: string, size?: string | number; }
      */
-    readonly thyImageMeta: i0.InputSignal<ThyImageMeta>;
+    readonly thyImageMeta: i0.InputSignal<ThyImageMeta | undefined>;
     /**
      * 是否禁止预览
      * @default false
      */
-    readonly thyDisablePreview: i0.InputSignalWithTransform<boolean, unknown>;
+    readonly thyDisablePreview: i0.InputSignalWithTransform<boolean | undefined, unknown>;
     /**
      * 是否自动计算图片资源大小
      */
@@ -189,7 +189,7 @@ declare class ThyImagePreview implements OnInit {
     private rotate;
     get previewImage(): InternalImageInfo;
     get previewImageOriginSrc(): string;
-    get defaultZoom(): number;
+    get defaultZoom(): number | undefined;
     imageRef: ElementRef<HTMLImageElement>;
     imagePreviewWrapper: ElementRef<HTMLElement>;
     ngOnInit(): void;
@@ -198,7 +198,7 @@ declare class ThyImagePreview implements OnInit {
     useDefaultZoomUpdate(isUpdateImageWrapper: boolean): void;
     useCalculateZoomUpdate(isUpdateImageWrapper?: boolean): void;
     updatePreviewImage(): void;
-    resolvePreviewImage(): Observable<Boolean>;
+    resolvePreviewImage(): Observable<boolean>;
     initPreview(): void;
     download(image: ThyImageInfo): void;
     zoomIn(): void;