ngx-tethys 19.0.16 → 19.1.0-next.1

package/fesm2022/ngx-tethys-vote.mjs

@@ -1,6 +1,6 @@
 import { NgTemplateOutlet, CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { ContentChild, Input, HostBinding, Component, NgModule } from '@angular/core';
+import { input, contentChild, effect, Component, NgModule } from '@angular/core';
 import { ThySharedModule } from 'ngx-tethys/shared';
 import { useHostRenderer } from '@tethys/cdk/dom';
 import { ThyIcon, ThyIconModule } from 'ngx-tethys/icon';
@@ -12,123 +12,77 @@ import { coerceBooleanProperty } from 'ngx-tethys/util';
  * @order 10
  */
 class ThyVote {
-    /**
-     * 大小，thyLayout="vertical" 时，支持: sm | default
-     * @default default
-     */
-    set thySize(value) {
-        this._size = value;
-        if (this._initialized) {
-            this._setClassesByType();
-        }
-    }
-    /**
-     * 标签类型: primary | success | primary-weak | success-weak
-     * @default primary
-     */
-    set thyVote(value) {
-        this._type = value;
-        if (this._initialized) {
-            this._setClassesByType();
-        }
-    }
-    /**
-     * 布局: horizontal | vertical
-     * @default horizontal
-     */
-    set thyLayout(value) {
-        this._layout = value;
-        if (this._initialized) {
-            this._setClassesByType();
-        }
-    }
-    /**
-     * 是否赞同
-     * @type boolean
-     * @default false
-     */
-    set thyHasVoted(value) {
-        this._hasVoted = value;
-        if (this._initialized) {
-            this._setClassesByType();
-        }
-    }
     constructor() {
-        this._initialized = false;
         this.hostRenderer = useHostRenderer();
-        this.class = true;
-        this._hasVoted = true;
+        /**
+         * 大小，thyLayout="vertical" 时，支持: sm | default
+         */
+        this.thySize = input('default', {
+            transform: (value) => value || 'default'
+        });
+        /**
+         * 标签类型: primary | success | primary-weak | success-weak
+         */
+        this.thyVote = input('primary', {
+            transform: (value) => value || 'primary'
+        });
+        /**
+         * 是否是偏圆型
+         */
+        this.thyRound = input(false, { transform: coerceBooleanProperty });
+        /**
+         * 布局: horizontal | vertical
+         */
+        this.thyLayout = input('horizontal', {
+            transform: (value) => value || 'horizontal'
+        });
+        /**
+         * 赞同的数量
+         */
+        this.thyVoteCount = input();
         /**
          * 图标
-         * @type string
          */
-        this.thyIcon = 'thumb-up';
+        this.thyIcon = input('thumb-up', {
+            transform: (value) => value || 'thumb-up'
+        });
+        /**
+         * 是否赞同
+         */
+        this.thyHasVoted = input(false, { transform: coerceBooleanProperty });
         /**
          * 是否禁用
-         * @type boolean
          */
-        this.thyDisabled = false;
-    }
-    ngOnInit() {
-        this._setClassesByType();
-        this._initialized = true;
+        this.thyDisabled = input(false, { transform: coerceBooleanProperty });
+        /**
+         * 自定义Icon模板
+         */
+        this.voteIcon = contentChild('voteIcon');
+        effect(() => {
+            this.setClassesByType();
+        });
     }
-    _setClassesByType() {
+    setClassesByType() {
         const classNames = [];
-        if (!this._type) {
-            this._type = 'primary';
-        }
-        if (!this._layout) {
-            this._layout = 'horizontal';
-        }
-        if (!this._size) {
-            this._size = 'default';
-        }
-        if (this.thyRound) {
+        if (this.thyRound()) {
             classNames.push('thy-vote-round');
         }
-        classNames.push(`thy-vote-${this._type}`);
-        classNames.push(`thy-vote-${this._layout}`);
-        classNames.push(`thy-vote-${this._layout}-size-${this._size}`);
+        classNames.push(`thy-vote-${this.thyVote()}`);
+        classNames.push(`thy-vote-${this.thyLayout()}`);
+        classNames.push(`thy-vote-${this.thyLayout()}-size-${this.thySize()}`);
         this.hostRenderer.updateClass(classNames);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyVote, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.8", type: ThyVote, isStandalone: true, selector: "thy-vote,[thyVote]", inputs: { thySize: "thySize", thyVote: "thyVote", thyRound: ["thyRound", "thyRound", coerceBooleanProperty], thyLayout: "thyLayout", thyVoteCount: "thyVoteCount", thyIcon: "thyIcon", thyHasVoted: ["thyHasVoted", "thyHasVoted", coerceBooleanProperty], thyDisabled: ["thyDisabled", "thyDisabled", coerceBooleanProperty] }, host: { properties: { "class.thy-vote-disabled": "thyDisabled", "class.thy-vote": "this.class", "class.has-voted": "this._hasVoted" } }, queries: [{ propertyName: "voteIcon", first: true, predicate: ["voteIcon"], descendants: true }], ngImport: i0, template: "@if (voteIcon) {\n  <ng-container [ngTemplateOutlet]=\"voteIcon\"></ng-container>\n} @else {\n  <thy-icon [thyIconName]=\"thyIcon\" [thyIconType]=\"_hasVoted ? 'fill' : ''\"></thy-icon>\n}\n<div>{{ thyVoteCount }}</div>\n", dependencies: [{ kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.8", type: ThyVote, isStandalone: true, selector: "thy-vote,[thyVote]", inputs: { thySize: { classPropertyName: "thySize", publicName: "thySize", isSignal: true, isRequired: false, transformFunction: null }, thyVote: { classPropertyName: "thyVote", publicName: "thyVote", isSignal: true, isRequired: false, transformFunction: null }, thyRound: { classPropertyName: "thyRound", publicName: "thyRound", isSignal: true, isRequired: false, transformFunction: null }, thyLayout: { classPropertyName: "thyLayout", publicName: "thyLayout", isSignal: true, isRequired: false, transformFunction: null }, thyVoteCount: { classPropertyName: "thyVoteCount", publicName: "thyVoteCount", isSignal: true, isRequired: false, transformFunction: null }, thyIcon: { classPropertyName: "thyIcon", publicName: "thyIcon", isSignal: true, isRequired: false, transformFunction: null }, thyHasVoted: { classPropertyName: "thyHasVoted", publicName: "thyHasVoted", isSignal: true, isRequired: false, transformFunction: null }, thyDisabled: { classPropertyName: "thyDisabled", publicName: "thyDisabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.has-voted": "thyHasVoted()", "class.thy-vote-disabled": "thyDisabled()" }, classAttribute: "thy-vote" }, queries: [{ propertyName: "voteIcon", first: true, predicate: ["voteIcon"], descendants: true, isSignal: true }], ngImport: i0, template: "@if (voteIcon()) {\n  <ng-container [ngTemplateOutlet]=\"voteIcon()\"></ng-container>\n} @else {\n  <thy-icon [thyIconName]=\"thyIcon()\" [thyIconType]=\"thyHasVoted() ? 'fill' : ''\"></thy-icon>\n}\n<div>{{ thyVoteCount() }}</div>\n", dependencies: [{ kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyVote, decorators: [{
             type: Component,
             args: [{ selector: 'thy-vote,[thyVote]', host: {
-                        '[class.thy-vote-disabled]': `thyDisabled`
-                    }, imports: [ThyIcon, NgTemplateOutlet], template: "@if (voteIcon) {\n  <ng-container [ngTemplateOutlet]=\"voteIcon\"></ng-container>\n} @else {\n  <thy-icon [thyIconName]=\"thyIcon\" [thyIconType]=\"_hasVoted ? 'fill' : ''\"></thy-icon>\n}\n<div>{{ thyVoteCount }}</div>\n" }]
-        }], ctorParameters: () => [], propDecorators: { class: [{
-                type: HostBinding,
-                args: [`class.thy-vote`]
-            }], _hasVoted: [{
-                type: HostBinding,
-                args: [`class.has-voted`]
-            }], thySize: [{
-                type: Input
-            }], thyVote: [{
-                type: Input
-            }], thyRound: [{
-                type: Input,
-                args: [{ transform: coerceBooleanProperty }]
-            }], thyLayout: [{
-                type: Input
-            }], thyVoteCount: [{
-                type: Input
-            }], thyIcon: [{
-                type: Input
-            }], thyHasVoted: [{
-                type: Input,
-                args: [{ transform: coerceBooleanProperty }]
-            }], thyDisabled: [{
-                type: Input,
-                args: [{ transform: coerceBooleanProperty }]
-            }], voteIcon: [{
-                type: ContentChild,
-                args: ['voteIcon']
-            }] } });
+                        class: 'thy-vote',
+                        '[class.has-voted]': 'thyHasVoted()',
+                        '[class.thy-vote-disabled]': `thyDisabled()`
+                    }, imports: [ThyIcon, NgTemplateOutlet], template: "@if (voteIcon()) {\n  <ng-container [ngTemplateOutlet]=\"voteIcon()\"></ng-container>\n} @else {\n  <thy-icon [thyIconName]=\"thyIcon()\" [thyIconType]=\"thyHasVoted() ? 'fill' : ''\"></thy-icon>\n}\n<div>{{ thyVoteCount() }}</div>\n" }]
+        }], ctorParameters: () => [] });
 
 class ThyVoteModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyVoteModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }

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

@@ -1 +1 @@
-{"version":3,"file":"ngx-tethys-vote.mjs","sources":["../../../src/vote/vote.component.ts","../../../src/vote/vote.component.html","../../../src/vote/vote.module.ts","../../../src/vote/ngx-tethys-vote.ts"],"sourcesContent":["import { useHostRenderer } from '@tethys/cdk/dom';\n\nimport { Component, ContentChild, HostBinding, Input, OnInit, TemplateRef } from '@angular/core';\nimport { ThyIcon } from 'ngx-tethys/icon';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { coerceBooleanProperty } from 'ngx-tethys/util';\n\nexport type ThyVoteSizes = 'default' | 'sm';\n\nexport type ThyVoteType = 'primary' | 'success' | 'primary-weak' | 'success-weak';\n\nexport type ThyVoteLayout = 'vertical' | 'horizontal';\n\n/**\n * 投票组件\n * @name thy-vote,[thyVote]\n * @order 10\n */\n@Component({\n    selector: 'thy-vote,[thyVote]',\n    templateUrl: './vote.component.html',\n    host: {\n        '[class.thy-vote-disabled]': `thyDisabled`\n    },\n    imports: [ThyIcon, NgTemplateOutlet]\n})\nexport class ThyVote implements OnInit {\n    _size: ThyVoteSizes;\n\n    _type: ThyVoteType;\n\n    _layout: ThyVoteLayout;\n\n    _initialized = false;\n\n    private hostRenderer = useHostRenderer();\n\n    @HostBinding(`class.thy-vote`) class = true;\n\n    @HostBinding(`class.has-voted`) _hasVoted = true;\n\n    /**\n     * 大小，thyLayout=\"vertical\" 时，支持: sm | default\n     * @default default\n     */\n    @Input()\n    set thySize(value: ThyVoteSizes) {\n        this._size = value;\n        if (this._initialized) {\n            this._setClassesByType();\n        }\n    }\n\n    /**\n     * 标签类型: primary | success | primary-weak | success-weak\n     * @default primary\n     */\n    @Input()\n    set thyVote(value: ThyVoteType) {\n        this._type = value;\n        if (this._initialized) {\n            this._setClassesByType();\n        }\n    }\n\n    /**\n     * 是否是偏圆型\n     * @default false\n     */\n    @Input({ transform: coerceBooleanProperty }) thyRound: boolean;\n\n    /**\n     * 布局: horizontal | vertical\n     * @default horizontal\n     */\n    @Input()\n    set thyLayout(value: ThyVoteLayout) {\n        this._layout = value;\n        if (this._initialized) {\n            this._setClassesByType();\n        }\n    }\n\n    /**\n     * 赞同的数量\n     */\n    @Input() thyVoteCount: number | string;\n\n    /**\n     * 图标\n     * @type string\n     */\n    @Input() thyIcon = 'thumb-up';\n\n    /**\n     * 是否赞同\n     * @type boolean\n     * @default false\n     */\n    @Input({ transform: coerceBooleanProperty })\n    set thyHasVoted(value: boolean) {\n        this._hasVoted = value;\n        if (this._initialized) {\n            this._setClassesByType();\n        }\n    }\n\n    /**\n     * 是否禁用\n     * @type boolean\n     */\n    @Input({ transform: coerceBooleanProperty }) thyDisabled = false;\n\n    /**\n     * 自定义Icon模板\n     * @type TemplateRef\n     */\n    @ContentChild('voteIcon') voteIcon: TemplateRef<any>;\n\n    constructor() {}\n\n    ngOnInit() {\n        this._setClassesByType();\n        this._initialized = true;\n    }\n\n    _setClassesByType() {\n        const classNames = [];\n        if (!this._type) {\n            this._type = 'primary';\n        }\n        if (!this._layout) {\n            this._layout = 'horizontal';\n        }\n        if (!this._size) {\n            this._size = 'default';\n        }\n        if (this.thyRound) {\n            classNames.push('thy-vote-round');\n        }\n        classNames.push(`thy-vote-${this._type}`);\n        classNames.push(`thy-vote-${this._layout}`);\n        classNames.push(`thy-vote-${this._layout}-size-${this._size}`);\n        this.hostRenderer.updateClass(classNames);\n    }\n}\n","@if (voteIcon) {\n  <ng-container [ngTemplateOutlet]=\"voteIcon\"></ng-container>\n} @else {\n  <thy-icon [thyIconName]=\"thyIcon\" [thyIconType]=\"_hasVoted ? 'fill' : ''\"></thy-icon>\n}\n<div>{{ thyVoteCount }}</div>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ThySharedModule } from 'ngx-tethys/shared';\nimport { ThyVote } from './vote.component';\nimport { ThyIconModule } from 'ngx-tethys/icon';\n@NgModule({\n    imports: [CommonModule, ThySharedModule, ThyIconModule, ThyVote],\n    exports: [ThyVote],\n    providers: []\n})\nexport class ThyVoteModule {}\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-vote.mjs","sources":["../../../src/vote/vote.component.ts","../../../src/vote/vote.component.html","../../../src/vote/vote.module.ts","../../../src/vote/ngx-tethys-vote.ts"],"sourcesContent":["import { useHostRenderer } from '@tethys/cdk/dom';\nimport { Component, contentChild, effect, input, TemplateRef } from '@angular/core';\nimport { ThyIcon } from 'ngx-tethys/icon';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { coerceBooleanProperty } from 'ngx-tethys/util';\n\nexport type ThyVoteSizes = 'default' | 'sm';\n\nexport type ThyVoteType = 'primary' | 'success' | 'primary-weak' | 'success-weak';\n\nexport type ThyVoteLayout = 'vertical' | 'horizontal';\n\n/**\n * 投票组件\n * @name thy-vote,[thyVote]\n * @order 10\n */\n@Component({\n    selector: 'thy-vote,[thyVote]',\n    templateUrl: './vote.component.html',\n    host: {\n        class: 'thy-vote',\n        '[class.has-voted]': 'thyHasVoted()',\n        '[class.thy-vote-disabled]': `thyDisabled()`\n    },\n    imports: [ThyIcon, NgTemplateOutlet]\n})\nexport class ThyVote {\n    private hostRenderer = useHostRenderer();\n\n    /**\n     * 大小，thyLayout=\"vertical\" 时，支持: sm | default\n     */\n    readonly thySize = input<ThyVoteSizes, ThyVoteSizes>('default', {\n        transform: (value: ThyVoteSizes) => value || 'default'\n    });\n\n    /**\n     * 标签类型: primary | success | primary-weak | success-weak\n     */\n    readonly thyVote = input<ThyVoteType, ThyVoteType>('primary', {\n        transform: (value: ThyVoteType) => value || 'primary'\n    });\n\n    /**\n     * 是否是偏圆型\n     */\n    readonly thyRound = input(false, { transform: coerceBooleanProperty });\n\n    /**\n     * 布局: horizontal | vertical\n     */\n    readonly thyLayout = input<ThyVoteLayout, ThyVoteLayout>('horizontal', {\n        transform: (value: ThyVoteLayout) => value || 'horizontal'\n    });\n\n    /**\n     * 赞同的数量\n     */\n    readonly thyVoteCount = input<number | string>();\n\n    /**\n     * 图标\n     */\n    readonly thyIcon = input<string, string>('thumb-up', {\n        transform: (value: string) => value || 'thumb-up'\n    });\n\n    /**\n     * 是否赞同\n     */\n    readonly thyHasVoted = input(false, { transform: coerceBooleanProperty });\n\n    /**\n     * 是否禁用\n     */\n    readonly thyDisabled = input(false, { transform: coerceBooleanProperty });\n\n    /**\n     * 自定义Icon模板\n     */\n    readonly voteIcon = contentChild<TemplateRef<any>>('voteIcon');\n\n    constructor() {\n        effect(() => {\n            this.setClassesByType();\n        });\n    }\n\n    private setClassesByType() {\n        const classNames = [];\n\n        if (this.thyRound()) {\n            classNames.push('thy-vote-round');\n        }\n        classNames.push(`thy-vote-${this.thyVote()}`);\n        classNames.push(`thy-vote-${this.thyLayout()}`);\n        classNames.push(`thy-vote-${this.thyLayout()}-size-${this.thySize()}`);\n        this.hostRenderer.updateClass(classNames);\n    }\n}\n","@if (voteIcon()) {\n  <ng-container [ngTemplateOutlet]=\"voteIcon()\"></ng-container>\n} @else {\n  <thy-icon [thyIconName]=\"thyIcon()\" [thyIconType]=\"thyHasVoted() ? 'fill' : ''\"></thy-icon>\n}\n<div>{{ thyVoteCount() }}</div>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ThySharedModule } from 'ngx-tethys/shared';\nimport { ThyVote } from './vote.component';\nimport { ThyIconModule } from 'ngx-tethys/icon';\n@NgModule({\n    imports: [CommonModule, ThySharedModule, ThyIconModule, ThyVote],\n    exports: [ThyVote],\n    providers: []\n})\nexport class ThyVoteModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/ngx-tethys-watermark.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { inject, ElementRef, DestroyRef, effect, Input, Directive, NgModule } from '@angular/core';
+import { inject, ElementRef, input, computed, DestroyRef, effect, Directive, NgModule } from '@angular/core';
 import { Subject, Observable } from 'rxjs';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { MutationObserverFactory } from '@angular/cdk/observers';
@@ -33,30 +33,50 @@ const DEFAULT_CANVAS_CONFIG = {
  * @name thyWatermark
  */
 class ThyWatermarkDirective {
-    /**
-     * 水印内容
-     */
-    set thyWatermark(value) {
-        value = value?.replace(/^\"|\"$/g, '');
-        this.content = !!value ? value : '';
-    }
     constructor() {
         this.el = inject(ElementRef);
         /**
          * 是否禁用，默认为 false
          */
-        this.thyDisabled = false;
+        this.thyDisabled = input(false, { transform: coerceBooleanProperty });
+        /**
+         * 水印内容
+         */
+        this.thyWatermark = input(undefined);
+        /**
+         * 水印样式配置
+         */
+        this.thyCanvasConfig = input(undefined);
+        this.content = computed(() => {
+            const value = this.thyWatermark()?.replace(/^\"|\"$/g, '');
+            return value || '';
+        });
         this.createWatermark$ = new Subject();
         this.destroyRef = inject(DestroyRef);
         this.thyThemeStore = inject(ThyThemeStore);
         effect(() => {
-            if (!this.thyDisabled && this.thyThemeStore.theme()) {
+            if (!this.thyDisabled() && this.thyThemeStore.theme()) {
+                this.refreshWatermark();
+            }
+        });
+        effect(() => {
+            const thyWatermark = this.thyWatermark();
+            if (thyWatermark) {
+                this.refreshWatermark();
+            }
+        });
+        effect(() => {
+            const thyDisabled = this.thyDisabled();
+            if (thyDisabled) {
+                this.removeWatermark();
+            }
+            else {
                 this.refreshWatermark();
             }
         });
     }
     ngOnInit() {
-        if (!this.thyDisabled) {
+        if (!this.thyDisabled()) {
             this.createWatermark$.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => {
                 this.observeAttributes()
                     .pipe(takeUntilDestroyed(this.destroyRef))
@@ -65,23 +85,6 @@ class ThyWatermarkDirective {
             this.createWatermark();
         }
     }
-    ngOnChanges(changes) {
-        const { thyWatermark, thyDisabled } = changes;
-        const thyWatermarkChange = () => {
-            if (thyWatermark.firstChange)
-                return;
-            if (thyWatermark.currentValue) {
-                this.refreshWatermark();
-            }
-        };
-        const thyDisabledChange = () => {
-            if (thyDisabled.firstChange)
-                return;
-            thyDisabled?.currentValue ? this.removeWatermark() : this.refreshWatermark();
-        };
-        thyWatermark && thyWatermarkChange();
-        thyDisabled && thyDisabledChange();
-    }
     refreshWatermark() {
         this.removeWatermark();
         this.createWatermark();
@@ -95,7 +98,7 @@ class ThyWatermarkDirective {
     createCanvas() {
         let { gutter, fontSize, color, degree, textLineHeight } = {
             ...DEFAULT_CANVAS_CONFIG,
-            ...(this.thyCanvasConfig || {})
+            ...(this.thyCanvasConfig() || {})
         };
         color = this.thyThemeStore.normalizeColor(color);
         const [xGutter, yGutter] = gutter;
@@ -115,7 +118,7 @@ class ThyWatermarkDirective {
             };
             const styleStr = Object.keys(fakeBoxStyle).reduce((pre, next) => ((pre += `${next}:${fakeBoxStyle[next]};`), pre), '');
             fakeBox.setAttribute('style', styleStr);
-            fakeBox.innerHTML = this.content.replace(/(\\n)/gm, '</br>');
+            fakeBox.innerHTML = this.content().replace(/(\\n)/gm, '</br>');
             document.querySelector('body').insertBefore(fakeBox, document.querySelector('body').firstChild);
             const { width, height } = fakeBox.getBoundingClientRect();
             fakeBox.remove();
@@ -123,7 +126,7 @@ class ThyWatermarkDirective {
         };
         const { width: fakeBoxWidth, height: fakeBoxHeight } = getFakeSize();
         const angle = (degree * Math.PI) / 180;
-        const contentArr = this.content.split('\\n');
+        const contentArr = this.content().split('\\n');
         const canvasHeight = Math.sin(angle) * fakeBoxWidth + fakeBoxHeight;
         let start = Math.ceil(Math.sin(angle) * fakeBoxWidth * Math.sin(angle));
         const canvasWidth = start + fakeBoxWidth;
@@ -181,21 +184,14 @@ class ThyWatermarkDirective {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyWatermarkDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "19.2.8", type: ThyWatermarkDirective, isStandalone: true, selector: "[thyWatermark]", inputs: { thyDisabled: ["thyDisabled", "thyDisabled", coerceBooleanProperty], thyWatermark: "thyWatermark", thyCanvasConfig: "thyCanvasConfig" }, usesOnChanges: true, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.8", type: ThyWatermarkDirective, isStandalone: true, selector: "[thyWatermark]", inputs: { thyDisabled: { classPropertyName: "thyDisabled", publicName: "thyDisabled", isSignal: true, isRequired: false, transformFunction: null }, thyWatermark: { classPropertyName: "thyWatermark", publicName: "thyWatermark", isSignal: true, isRequired: false, transformFunction: null }, thyCanvasConfig: { classPropertyName: "thyCanvasConfig", publicName: "thyCanvasConfig", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyWatermarkDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[thyWatermark]'
                 }]
-        }], ctorParameters: () => [], propDecorators: { thyDisabled: [{
-                type: Input,
-                args: [{ transform: coerceBooleanProperty }]
-            }], thyWatermark: [{
-                type: Input
-            }], thyCanvasConfig: [{
-                type: Input
-            }] } });
+        }], ctorParameters: () => [] });
 
 class ThyWatermarkModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyWatermarkModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }

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, Input, ElementRef, OnInit, SimpleChanges, OnChanges, inject, DestroyRef, effect } 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 } 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, OnChanges {\n    private el = inject(ElementRef);\n\n    /**\n     * 是否禁用，默认为 false\n     */\n    @Input({ transform: coerceBooleanProperty })\n    thyDisabled: boolean = false;\n\n    content: string;\n    /**\n     * 水印内容\n     */\n    @Input()\n    set thyWatermark(value: string) {\n        value = value?.replace(/^\\\"|\\\"$/g, '');\n        this.content = !!value ? value : '';\n    }\n\n    /**\n     * 水印样式配置\n     */\n    @Input() thyCanvasConfig: ThyCanvasConfigType;\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\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    ngOnChanges(changes: SimpleChanges): void {\n        const { thyWatermark, thyDisabled } = changes;\n        const thyWatermarkChange = () => {\n            if (thyWatermark.firstChange) return;\n            if (thyWatermark.currentValue) {\n                this.refreshWatermark();\n            }\n        };\n        const thyDisabledChange = () => {\n            if (thyDisabled.firstChange) return;\n            thyDisabled?.currentValue ? this.removeWatermark() : this.refreshWatermark();\n        };\n        thyWatermark && thyWatermarkChange();\n        thyDisabled && thyDisabledChange();\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 = {\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 = {\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>(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":";;;;;;;;;;AAAO,MAAM,wBAAwB,GAAG;AACpC,IAAA,QAAQ,EAAE,UAAU;AACpB,IAAA,GAAG,EAAE,CAAC;AACN,IAAA,IAAI,EAAE,CAAC;AACP,IAAA,KAAK,EAAE,MAAM;AACb,IAAA,MAAM,EAAE,MAAM;AACd,IAAA,OAAO,EAAE,KAAK;AACd,IAAA,mBAAmB,EAAE,QAAQ;AAC7B,IAAA,gBAAgB,EAAE,MAAM;AACxB,IAAA,SAAS,EAAE,UAAU;AACrB,IAAA,kBAAkB,EAAE;CACvB;AAEM,MAAM,qBAAqB,GAAG;AACjC,IAAA,MAAM,EAAE,EAAE;AACV,IAAA,KAAK,EAAE,CAAC,wBAAwB,EAAE,iBAAiB,CAAC;AACpD,IAAA,QAAQ,EAAE,EAAE;AACZ,IAAA,cAAc,EAAE,EAAE;AAClB,IAAA,MAAM,EAAE,CAAC,GAAG,EAAE,GAAG;CACpB;;ACgBD;;;AAGG;MAIU,qBAAqB,CAAA;AAmC9B,IAAA,WAAA,GAAA;AAlCQ,QAAA,IAAA,CAAA,EAAE,GAAG,MAAM,CAAC,UAAU,CAAC;AAE/B;;AAEG;QACM,IAAW,CAAA,WAAA,GAAG,KAAK,CAA2B,KAAK,EAAE,EAAE,SAAS,EAAE,qBAAqB,EAAE,CAAC;AAEnG;;AAEG;AACM,QAAA,IAAA,CAAA,YAAY,GAAG,KAAK,CAAS,SAAS,CAAC;AAEhD;;AAEG;AACM,QAAA,IAAA,CAAA,eAAe,GAAG,KAAK,CAAsB,SAAS,CAAC;AAEvD,QAAA,IAAA,CAAA,OAAO,GAAG,QAAQ,CAAC,MAAK;AAC7B,YAAA,MAAM,KAAK,GAAG,IAAI,CAAC,YAAY,EAAE,EAAE,OAAO,CAAC,UAAU,EAAE,EAAE,CAAC;YAC1D,OAAO,KAAK,IAAI,EAAE;AACtB,SAAC,CAAC;AAEM,QAAA,IAAA,CAAA,gBAAgB,GAAG,IAAI,OAAO,EAAU;AAQ/B,QAAA,IAAA,CAAA,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;AAExC,QAAA,IAAA,CAAA,aAAa,GAAG,MAAM,CAAC,aAAa,CAAC;QAGzC,MAAM,CAAC,MAAK;AACR,YAAA,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,IAAI,IAAI,CAAC,aAAa,CAAC,KAAK,EAAE,EAAE;gBACnD,IAAI,CAAC,gBAAgB,EAAE;;AAE/B,SAAC,CAAC;QAEF,MAAM,CAAC,MAAK;AACR,YAAA,MAAM,YAAY,GAAG,IAAI,CAAC,YAAY,EAAE;YACxC,IAAI,YAAY,EAAE;gBACd,IAAI,CAAC,gBAAgB,EAAE;;AAE/B,SAAC,CAAC;QAEF,MAAM,CAAC,MAAK;AACR,YAAA,MAAM,WAAW,GAAG,IAAI,CAAC,WAAW,EAAE;YACtC,IAAI,WAAW,EAAE;gBACb,IAAI,CAAC,eAAe,EAAE;;iBACnB;gBACH,IAAI,CAAC,gBAAgB,EAAE;;AAE/B,SAAC,CAAC;;IAGN,QAAQ,GAAA;AACJ,QAAA,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,EAAE;AACrB,YAAA,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,MAAK;gBAC3E,IAAI,CAAC,iBAAiB;AACjB,qBAAA,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,UAAU,CAAC;AACxC,qBAAA,SAAS,CAAC,MAAO,GAAC,CAAC;AAC5B,aAAC,CAAC;YAEF,IAAI,CAAC,eAAe,EAAE;;;IAItB,gBAAgB,GAAA;QACpB,IAAI,CAAC,eAAe,EAAE;QACtB,IAAI,CAAC,eAAe,EAAE;;IAGlB,eAAe,GAAA;AACnB,QAAA,IAAI,IAAI,CAAC,KAAK,EAAE;AACZ,YAAA,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE;AACnB,YAAA,IAAI,CAAC,KAAK,GAAG,IAAI;;;IAIzB,YAAY,GAAA;QACR,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,cAAc,EAAE,GAAG;AACtD,YAAA,GAAG,qBAAqB;AACxB,YAAA,IAAI,IAAI,CAAC,eAAe,EAAE,IAAI,EAAE;SACnC;QACD,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC,cAAc,CAAC,KAAK,CAAC;AAEhD,QAAA,MAAM,CAAC,OAAO,EAAE,OAAO,CAAC,GAAG,MAAM;QACjC,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC;QAC/C,MAAM,GAAG,GAAG,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC;QAEnC,MAAM,WAAW,GAAG,MAAK;YACrB,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC;AAC7C,YAAA,MAAM,YAAY,GAAoC;AAClD,gBAAA,QAAQ,EAAE,UAAU;AACpB,gBAAA,GAAG,EAAE,CAAC;AACN,gBAAA,IAAI,EAAE,CAAC;AACP,gBAAA,OAAO,EAAE,cAAc;gBACvB,WAAW,EAAE,GAAG,UAAU,CAAC,EAAE,GAAG,QAAQ,CAAC,CAAI,EAAA,CAAA;AAC7C,gBAAA,WAAW,EAAE,YAAY;AACzB,gBAAA,aAAa,EAAE,SAAS;AACxB,gBAAA,aAAa,EAAE;aAClB;AACD,YAAA,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,IAAI,MAAM,CAAC,GAAG,IAAI,CAAA,EAAG,IAAI,CAAA,CAAA,EAAI,YAAY,CAAC,IAAI,CAAC,CAAA,CAAA,CAAG,GAAG,GAAG,CAAC,EAAE,EAAE,CAAC;AACtH,YAAA,OAAO,CAAC,YAAY,CAAC,OAAO,EAAE,QAAQ,CAAC;AAEvC,YAAA,OAAO,CAAC,SAAS,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC,OAAO,CAAC,SAAS,EAAE,OAAO,CAAC;AAC9D,YAAA,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,YAAY,CAAC,OAAO,EAAE,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,UAAU,CAAC;YAC/F,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC,qBAAqB,EAAE;YACzD,OAAO,CAAC,MAAM,EAAE;AAChB,YAAA,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE;AAC5B,SAAC;AACD,QAAA,MAAM,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,EAAE,aAAa,EAAE,GAAG,WAAW,EAAE;QAEpE,MAAM,KAAK,GAAG,CAAC,MAAM,GAAG,IAAI,CAAC,EAAE,IAAI,GAAG;QACtC,MAAM,UAAU,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC;AAC9C,QAAA,MAAM,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,YAAY,GAAG,aAAa;QAEnE,IAAI,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;AACvE,QAAA,MAAM,WAAW,GAAG,KAAK,GAAG,YAAY;AACxC,QAAA,MAAM,CAAC,YAAY,CAAC,OAAO,EAAE,EAAE,IAAI,WAAW,GAAG,OAAO,CAAC,CAAC;AAC1D,QAAA,MAAM,CAAC,YAAY,CAAC,QAAQ,EAAE,EAAE,IAAI,YAAY,GAAG,OAAO,CAAC,CAAC;QAE5D,GAAG,CAAC,IAAI,GAAG,CAAG,EAAA,UAAU,CAAC,EAAE,GAAG,QAAQ,CAAC,CAAA,kBAAA,CAAoB;AAC3D,QAAA,GAAG,CAAC,SAAS,GAAG,QAAQ;AACxB,QAAA,GAAG,CAAC,YAAY,GAAG,KAAK;AACxB,QAAA,GAAG,CAAC,SAAS,GAAG,KAAK;AACrB,QAAA,GAAG,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,MAAM,GAAG,IAAI,CAAC,EAAE,IAAI,GAAG,CAAC;QACxC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,KAAI;AACpB,YAAA,GAAG,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,WAAW,GAAG,cAAc,GAAG,CAAC,CAAC;YACxG,KAAK,IAAI,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,cAAc;AAC7C,SAAC,CAAC;AACF,QAAA,IAAI,CAAC,MAAM,GAAG,MAAM;AACpB,QAAA,OAAO,MAAM;;IAGT,eAAe,CAAC,SAAS,GAAG,IAAI,EAAA;AACpC,QAAA,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,IAAI,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC;QAEhE,MAAM,UAAU,GAAG,CAAC,SAAS,GAAG,IAAI,CAAC,MAAM,CAAC,SAAS,EAAE,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC,SAAS,EAAE;AACzF,QAAA,MAAM,cAAc,GAAoC;AACpD,YAAA,GAAG,wBAAwB;YAC3B,kBAAkB,EAAE,CAAO,IAAA,EAAA,UAAU,CAAG,CAAA;SAC3C;AAED,QAAA,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,IAAI,MAAM,CAAC,GAAG,IAAI,CAAA,EAAG,IAAI,CAAA,CAAA,EAAI,cAAc,CAAC,IAAI,CAAC,CAAA,CAAA,CAAG,GAAG,GAAG,CAAC,EAAE,EAAE,CAAC;AAC1H,QAAA,YAAY,CAAC,YAAY,CAAC,OAAO,EAAE,QAAQ,CAAC;AAE5C,QAAA,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;AACb,YAAA,MAAM,UAAU,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa;AACxC,YAAA,YAAY,CAAC,SAAS,CAAC,GAAG,CAAC,CAAA,GAAA,CAAK,CAAC;AACjC,YAAA,IAAI,CAAC,KAAK,GAAG,YAAY;YACzB,UAAU,CAAC,YAAY,CAAC,YAAY,EAAE,UAAU,CAAC,UAAU,CAAC;;AAEhE,QAAA,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,EAAE,CAAC;;IAG1B,iBAAiB,GAAA;AACrB,QAAA,IAAI,CAAC,QAAQ,EAAE,UAAU,EAAE;AAC3B,QAAA,OAAO,IAAI,UAAU,CAAC,OAAO,IAAG;AAC5B,YAAA,MAAM,MAAM,GAAG,IAAI,OAAO,EAAoB;YAC9C,IAAI,CAAC,QAAQ,GAAG,IAAI,uBAAuB,EAAE,CAAC,MAAM,CAAC,SAAS,IAAI,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;AACzF,YAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;gBACf,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,EAAE;AAC9B,oBAAA,UAAU,EAAE;AACf,iBAAA,CAAC;;AAEN,YAAA,MAAM,CAAC,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,MAAK;AAC5D,gBAAA,IAAI,IAAI,CAAC,KAAK,EAAE;AACZ,oBAAA,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE;AAC5B,oBAAA,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC;;AAEnC,aAAC,CAAC;AACF,YAAA,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC;AACpB,YAAA,OAAO,MAAK;AACR,gBAAA,IAAI,CAAC,QAAQ,EAAE,UAAU,EAAE;AAC/B,aAAC;AACL,SAAC,CAAC;;8GApLG,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAArB,qBAAqB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,YAAA,EAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,cAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,eAAA,EAAA,EAAA,iBAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAArB,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAHjC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE;AACb,iBAAA;;;MC/BY,kBAAkB,CAAA;8GAAlB,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAlB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,kBAAkB,YAJjB,YAAY,EAAE,eAAe,EAAE,qBAAqB,aACpD,qBAAqB,CAAA,EAAA,CAAA,CAAA;+GAGtB,kBAAkB,EAAA,OAAA,EAAA,CAJjB,YAAY,EAAE,eAAe,CAAA,EAAA,CAAA,CAAA;;2FAI9B,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAL9B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,eAAe,EAAE,qBAAqB,CAAC;oBAC/D,OAAO,EAAE,CAAC,qBAAqB,CAAC;AAChC,oBAAA,SAAS,EAAE;AACd,iBAAA;;;ACTD;;AAEG;;;;"}

package/fesm2022/ngx-tethys.mjs

@@ -1,6 +1,6 @@
 import { Version } from '@angular/core';
 
-const VERSION = new Version('19.0.16');
+const VERSION = new Version('19.1.0-next.1');
 
 /**
  * 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('19.0.16');\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;MAEa,OAAO,GAAG,IAAI,OAAO,CAAC,SAAS;;ACF5C;;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('19.1.0-next.1');\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;MAEa,OAAO,GAAG,IAAI,OAAO,CAAC,eAAe;;ACFlD;;AAEG;;;;"}

package/flexible-text/flexible-text.component.d.ts

@@ -1,4 +1,4 @@
-import { AfterContentInit, OnDestroy, OnInit, TemplateRef } from '@angular/core';
+import { AfterContentInit, OnDestroy, TemplateRef } from '@angular/core';
 import { ThyPlacement } from 'ngx-tethys/core';
 import { ThyTooltipDirective } from 'ngx-tethys/tooltip';
 import { Observable, Subscription } from 'rxjs';
@@ -8,52 +8,46 @@ import * as i1 from "ngx-tethys/tooltip";
  * 文本提示组件，支持组件 thy-flexible-text 和指令 [thyFlexibleText] 两种方式
  * @name thy-flexible-text,[thyFlexibleText]
  */
-export declare class ThyFlexibleText implements OnInit, AfterContentInit, OnDestroy {
+export declare class ThyFlexibleText implements AfterContentInit, OnDestroy {
     private elementRef;
     private contentObserver;
     private ngZone;
     tooltipDirective: ThyTooltipDirective;
     isOverflow: boolean;
-    content: string | TemplateRef<HTMLElement>;
-    placement: ThyPlacement;
-    containerClass: string;
     subscription: Subscription | null;
-    offset: number;
     /**
      * 触发提示方式
      * @type hover | focus | click
      * @default hover
      */
-    trigger: 'hover' | 'focus' | 'click';
+    readonly trigger: import("@angular/core").InputSignal<"focus" | "hover" | "click">;
     /**
      * 自定义class类，如果不设置默认会包含 `flexible-text-container`
      */
-    set thyContainerClass(value: string);
-    get thyContainerClass(): string;
+    readonly thyContainerClass: import("@angular/core").InputSignal<string>;
     /**
      * 需要展示的全部内容
      * @type string | TemplateRef<HTMLElement>
      */
-    set thyContent(value: string | TemplateRef<HTMLElement>);
+    readonly thyTooltipContent: import("@angular/core").InputSignal<string | TemplateRef<HTMLElement>>;
     /**
      * tooltip 的提示位置
      * @type top | bottom | left | right
      * @default top
      */
-    set thyPlacement(value: ThyPlacement);
+    readonly thyTooltipPlacement: import("@angular/core").InputSignal<ThyPlacement>;
     /**
      * tooltip 偏移量
      */
-    set thyOffset(value: number);
+    readonly thyTooltipOffset: import("@angular/core").InputSignalWithTransform<number, unknown>;
     private destroy$;
     private hostRenderer;
     static createResizeObserver(element: HTMLElement): Observable<unknown>;
-    ngOnInit(): void;
+    constructor();
     ngAfterContentInit(): void;
     ngOnDestroy(): void;
     applyOverflow(): void;
     updateContainerClass(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ThyFlexibleText, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ThyFlexibleText, "thy-flexible-text,[thyFlexibleText]", ["thyFlexibleText"], { "trigger": { "alias": "thyTooltipTrigger"; "required": false; }; "thyContainerClass": { "alias": "thyContainerClass"; "required": false; }; "thyContent": { "alias": "thyTooltipContent"; "required": false; }; "thyPlacement": { "alias": "thyTooltipPlacement"; "required": false; }; "thyOffset": { "alias": "thyTooltipOffset"; "required": false; }; }, {}, never, ["*"], true, [{ directive: typeof i1.ThyTooltipDirective; inputs: {}; outputs: {}; }]>;
-    static ngAcceptInputType_thyOffset: unknown;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ThyFlexibleText, "thy-flexible-text,[thyFlexibleText]", ["thyFlexibleText"], { "trigger": { "alias": "thyTooltipTrigger"; "required": false; "isSignal": true; }; "thyContainerClass": { "alias": "thyContainerClass"; "required": false; "isSignal": true; }; "thyTooltipContent": { "alias": "thyTooltipContent"; "required": false; "isSignal": true; }; "thyTooltipPlacement": { "alias": "thyTooltipPlacement"; "required": false; "isSignal": true; }; "thyTooltipOffset": { "alias": "thyTooltipOffset"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1.ThyTooltipDirective; inputs: {}; outputs: {}; }]>;
 }

package/form/form-group-error/form-group-error.component.d.ts

@@ -7,7 +7,7 @@ import * as i0 from "@angular/core";
 export declare class ThyFormGroupError implements OnInit {
     private thyParentForm;
     errors: string[];
-    thyShowFirst: boolean;
+    readonly thyShowFirst: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     /**
      * @type string[]
      */
@@ -17,6 +17,5 @@ export declare class ThyFormGroupError implements OnInit {
     isHorizontal: boolean;
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ThyFormGroupError, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ThyFormGroupError, "thy-form-group-error", never, { "thyShowFirst": { "alias": "thyShowFirst"; "required": false; }; "thyErrors": { "alias": "thyErrors"; "required": false; }; }, {}, never, never, true, never>;
-    static ngAcceptInputType_thyShowFirst: boolean | string | number;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ThyFormGroupError, "thy-form-group-error", never, { "thyShowFirst": { "alias": "thyShowFirst"; "required": false; "isSignal": true; }; "thyErrors": { "alias": "thyErrors"; "required": false; }; }, {}, never, never, true, never>;
 }

package/form/form-group-label.directive.d.ts

@@ -1,4 +1,5 @@
 import * as i0 from "@angular/core";
+import * as i1 from "ngx-tethys/util";
 /**
  * @name thyFormGroupLabel
  * @order 45
@@ -13,5 +14,5 @@ export declare class ThyFormGroupLabelDirective {
     set thyLabelRequired(value: boolean);
     static ɵfac: i0.ɵɵFactoryDeclaration<ThyFormGroupLabelDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<ThyFormGroupLabelDirective, "[thyFormGroupLabel]", never, { "thyLabelText": { "alias": "thyLabelText"; "required": false; }; "thyLabelTranslateKey": { "alias": "thyLabelTranslateKey"; "required": false; }; "thyLabelRequired": { "alias": "thyLabelRequired"; "required": false; }; }, {}, never, never, true, never>;
-    static ngAcceptInputType_thyLabelRequired: boolean | string | number;
+    static ngAcceptInputType_thyLabelRequired: i1.ThyBooleanInput;
 }