ngx-tethys 19.0.12 → 19.1.0-next.0

package/fesm2022/ngx-tethys-back-top.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngx-tethys-back-top.mjs","sources":["../../../src/back-top/back-top.component.ts","../../../src/back-top/back-top.component.html","../../../src/back-top/back-top.module.ts","../../../src/back-top/ngx-tethys-back-top.ts"],"sourcesContent":["import {\n    Component,\n    OnInit,\n    ChangeDetectionStrategy,\n    ViewEncapsulation,\n    Input,\n    TemplateRef,\n    EventEmitter,\n    Output,\n    HostBinding,\n    NgZone,\n    ChangeDetectorRef,\n    OnDestroy,\n    OnChanges,\n    ViewChild,\n    ElementRef,\n    numberAttribute,\n    inject\n} from '@angular/core';\nimport { Subject, fromEvent, BehaviorSubject, EMPTY, Observable } from 'rxjs';\nimport { Platform } from '@angular/cdk/platform';\nimport { throttleTime, takeUntil, switchMap } from 'rxjs/operators';\nimport { DOCUMENT, NgTemplateOutlet } from '@angular/common';\nimport { fadeMotion, ThyScrollService } from 'ngx-tethys/core';\nimport { ThyIcon } from 'ngx-tethys/icon';\n\n/**\n * 回到顶部组件\n * @name thy-back-top\n */\n@Component({\n    selector: 'thy-back-top,[thyBackTop]',\n    templateUrl: './back-top.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    animations: [fadeMotion],\n    imports: [ThyIcon, NgTemplateOutlet]\n})\nexport class ThyBackTop implements OnInit, OnDestroy, OnChanges {\n    private doc = inject(DOCUMENT);\n    private thyScrollService = inject(ThyScrollService);\n    private platform = inject(Platform);\n    private cdr = inject(ChangeDetectorRef);\n    private zone = inject(NgZone);\n\n    @HostBinding('class.thy-back-top-container') classNames = true;\n\n    /**\n     * 自定义按钮显示模板\n     */\n    @Input() thyTemplate?: TemplateRef<void>;\n\n    /**\n     * 指定对哪个 DOM 元素返回顶部\n     * @type string | HTMLElement\n     * @default window\n     */\n    @Input() thyContainer?: string | HTMLElement;\n\n    /**\n     * 滚动高度达到此参数值才出现 thy-back-top\n     * @type number\n     */\n    @Input({ transform: numberAttribute }) thyVisibilityHeight = 400;\n\n    /**\n     * 点击按钮的回调函数\n     */\n    @Output() readonly thyClick: EventEmitter<boolean> = new EventEmitter();\n\n    /**\n     * 监听按钮显示状态的回调函数\n     */\n    @Output() public visibleChange: EventEmitter<boolean> = new EventEmitter();\n\n    /** The native `<div class=\"thy-back-top\"></div>` element. */\n    @ViewChild('backTop', { static: false })\n    set backTop(backTop: ElementRef<HTMLElement> | undefined) {\n        this.backTop$.next(backTop);\n    }\n\n    public visible = false;\n\n    /**\n     * The subject used to store the native `<div class=\"thy-back-top\"></div>` since\n     * it's located within the `ngIf` directive. It might be set asynchronously whenever the condition\n     * is met. Having subject makes the code reactive and cancellable (e.g. event listeners will be\n     * automatically removed and re-added through the `switchMap` below).\n     */\n    private backTop$ = new BehaviorSubject<ElementRef<HTMLElement> | undefined>(undefined);\n\n    private destroy$ = new Subject<void>();\n    private scrollListenerDestroy$ = new Subject<void>();\n\n    private target: HTMLElement | null = null;\n\n    constructor() {\n        const zone = this.zone;\n\n        this.backTop$\n            .pipe(\n                switchMap(backTop =>\n                    backTop\n                        ? new Observable(subscriber =>\n                              zone.runOutsideAngular(() => fromEvent(backTop.nativeElement, 'click').subscribe(subscriber))\n                          )\n                        : EMPTY\n                ),\n                takeUntil(this.destroy$)\n            )\n            .subscribe(() => {\n                this.thyScrollService.scrollTo(this.getTarget(), 0);\n                if (this.thyClick.observers.length) {\n                    zone.run(() => this.thyClick.emit(true));\n                }\n            });\n    }\n\n    ngOnInit(): void {\n        this.registerScrollEvent();\n    }\n\n    private getTarget(): HTMLElement | Window {\n        return this.target || window;\n    }\n\n    private handleScroll(): void {\n        if (this.visible === this.thyScrollService.getScroll(this.getTarget()) > this.thyVisibilityHeight) {\n            return;\n        }\n        this.visible = !this.visible;\n        this.cdr.detectChanges();\n        if (this.visibleChange.observers.length > 0) {\n            this.zone.run(() => {\n                this.visibleChange.emit(this.visible);\n            });\n        }\n    }\n\n    private registerScrollEvent(): void {\n        if (!this.platform.isBrowser) {\n            return;\n        }\n        this.scrollListenerDestroy$.next();\n        this.handleScroll();\n        this.zone.runOutsideAngular(() => {\n            fromEvent(this.getTarget(), 'scroll', { passive: true })\n                .pipe(throttleTime(50), takeUntil(this.scrollListenerDestroy$))\n                .subscribe(() => this.handleScroll());\n        });\n    }\n\n    ngOnDestroy(): void {\n        this.destroy$.next();\n        this.scrollListenerDestroy$.next();\n    }\n\n    ngOnChanges(changes: any): void {\n        const { thyContainer } = changes;\n        if (thyContainer) {\n            this.target = typeof this.thyContainer === 'string' ? this.doc.querySelector(this.thyContainer) : this.thyContainer;\n            this.registerScrollEvent();\n        }\n    }\n}\n","@if (visible) {\n  <div class=\"thy-back-top\" #backTop @fadeMotion>\n    <ng-template #defaultContent>\n      <div class=\"thy-back-top-content\">\n        <thy-icon class=\"back-top-icon text-muted font-size-lg\" thyIconName=\"arrow-up\"></thy-icon>\n      </div>\n    </ng-template>\n    <ng-template [ngTemplateOutlet]=\"thyTemplate || defaultContent\"></ng-template>\n  </div>\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ThyIconModule } from 'ngx-tethys/icon';\nimport { ThyBackTop } from './back-top.component';\n\n@NgModule({\n    imports: [CommonModule, ThyIconModule, ThyBackTop],\n    exports: [ThyBackTop]\n})\nexport class ThyBackTopModule {}\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-back-top.mjs","sources":["../../../src/back-top/back-top.component.ts","../../../src/back-top/back-top.component.html","../../../src/back-top/back-top.module.ts","../../../src/back-top/ngx-tethys-back-top.ts"],"sourcesContent":["import {\n    Component,\n    OnInit,\n    ChangeDetectionStrategy,\n    ViewEncapsulation,\n    TemplateRef,\n    HostBinding,\n    NgZone,\n    ChangeDetectorRef,\n    OnDestroy,\n    OnChanges,\n    ViewChild,\n    ElementRef,\n    numberAttribute,\n    inject,\n    input,\n    output,\n    effect,\n    viewChild,\n    Signal,\n    computed\n} from '@angular/core';\nimport { Subject, fromEvent, BehaviorSubject, EMPTY, Observable } from 'rxjs';\nimport { Platform } from '@angular/cdk/platform';\nimport { throttleTime, takeUntil, switchMap } from 'rxjs/operators';\nimport { DOCUMENT, NgTemplateOutlet } from '@angular/common';\nimport { fadeMotion, ThyScrollService } from 'ngx-tethys/core';\nimport { ThyIcon } from 'ngx-tethys/icon';\n\n/**\n * 回到顶部组件\n * @name thy-back-top\n */\n@Component({\n    selector: 'thy-back-top,[thyBackTop]',\n    templateUrl: './back-top.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    animations: [fadeMotion],\n    imports: [ThyIcon, NgTemplateOutlet]\n})\nexport class ThyBackTop implements OnInit, OnDestroy {\n    private doc = inject(DOCUMENT);\n    private thyScrollService = inject(ThyScrollService);\n    private platform = inject(Platform);\n    private cdr = inject(ChangeDetectorRef);\n    private zone = inject(NgZone);\n\n    @HostBinding('class.thy-back-top-container') classNames = true;\n\n    /**\n     * 自定义按钮显示模板\n     */\n    readonly thyTemplate = input<TemplateRef<void>>();\n\n    /**\n     * 指定对哪个 DOM 元素返回顶部\n     * @type string | HTMLElement\n     * @default window\n     */\n    readonly thyContainer = input<string | HTMLElement>();\n\n    /**\n     * 滚动高度达到此参数值才出现 thy-back-top\n     * @type number\n     */\n    readonly thyVisibilityHeight = input(400, { transform: numberAttribute });\n\n    /**\n     * 点击按钮的回调函数\n     */\n    readonly thyClick = output<boolean>();\n\n    /**\n     * 监听按钮显示状态的回调函数\n     */\n    public readonly visibleChange = output<boolean>();\n\n    /** The native `<div class=\"thy-back-top\"></div>` element. */\n    readonly backTop = viewChild<ElementRef<HTMLElement>>('backTop');\n\n    public visible = false;\n\n    /**\n     * The subject used to store the native `<div class=\"thy-back-top\"></div>` since\n     * it's located within the `ngIf` directive. It might be set asynchronously whenever the condition\n     * is met. Having subject makes the code reactive and cancellable (e.g. event listeners will be\n     * automatically removed and re-added through the `switchMap` below).\n     */\n    private backTop$ = new BehaviorSubject<ElementRef<HTMLElement> | undefined>(undefined);\n\n    private destroy$ = new Subject<void>();\n\n    private scrollListenerDestroy$ = new Subject<void>();\n\n    private target: Signal<Element | Window> = computed(() => {\n        const thyContainerValue = this.thyContainer();\n        const target = typeof thyContainerValue === 'string' ? this.doc.querySelector(thyContainerValue) : thyContainerValue;\n        return target || window;\n    });\n\n    constructor() {\n        const zone = this.zone;\n\n        this.backTop$\n            .pipe(\n                switchMap(backTop =>\n                    backTop\n                        ? new Observable(subscriber =>\n                              zone.runOutsideAngular(() => fromEvent(backTop.nativeElement, 'click').subscribe(subscriber))\n                          )\n                        : EMPTY\n                ),\n                takeUntil(this.destroy$)\n            )\n            .subscribe(() => {\n                this.thyScrollService.scrollTo(this.target(), 0);\n                zone.run(() => this.thyClick.emit(true));\n            });\n\n        effect(() => {\n            this.backTop$.next(this.backTop());\n        });\n    }\n\n    ngOnInit(): void {\n        this.registerScrollEvent();\n    }\n\n    private handleScroll(): void {\n        if (this.visible === this.thyScrollService.getScroll(this.target()) > this.thyVisibilityHeight()) {\n            return;\n        }\n        this.visible = !this.visible;\n        this.cdr.detectChanges();\n        this.zone.run(() => {\n            this.visibleChange.emit(this.visible);\n        });\n    }\n\n    private registerScrollEvent(): void {\n        if (!this.platform.isBrowser) {\n            return;\n        }\n        this.scrollListenerDestroy$.next();\n        this.handleScroll();\n        this.zone.runOutsideAngular(() => {\n            fromEvent(this.target(), 'scroll', { passive: true })\n                .pipe(throttleTime(50), takeUntil(this.scrollListenerDestroy$))\n                .subscribe(() => this.handleScroll());\n        });\n    }\n\n    ngOnDestroy(): void {\n        this.destroy$.next();\n        this.scrollListenerDestroy$.next();\n    }\n}\n","@if (visible) {\n  <div class=\"thy-back-top\" #backTop @fadeMotion>\n    <ng-template #defaultContent>\n      <div class=\"thy-back-top-content\">\n        <thy-icon class=\"back-top-icon text-muted font-size-lg\" thyIconName=\"arrow-up\"></thy-icon>\n      </div>\n    </ng-template>\n    <ng-template [ngTemplateOutlet]=\"thyTemplate() || defaultContent\"></ng-template>\n  </div>\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ThyIconModule } from 'ngx-tethys/icon';\nimport { ThyBackTop } from './back-top.component';\n\n@NgModule({\n    imports: [CommonModule, ThyIconModule, ThyBackTop],\n    exports: [ThyBackTop]\n})\nexport class ThyBackTopModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/ngx-tethys-badge.mjs

@@ -1,8 +1,8 @@
 import * as i0 from '@angular/core';
-import { inject, ElementRef, numberAttribute, Input, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
+import { inject, ElementRef, computed, input, numberAttribute, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { isTextColor } from 'ngx-tethys/core';
-import { coerceBooleanProperty } from 'ngx-tethys/util';
+import { isUndefined, coerceBooleanProperty } from 'ngx-tethys/util';
 
 /**
  * 徽标组件，支持组件`thy-badge`和`thyBadge`指令两种使用方式
@@ -11,146 +11,109 @@ import { coerceBooleanProperty } from 'ngx-tethys/util';
 class ThyBadge {
     constructor() {
         this.elementRef = inject(ElementRef);
-        this.displayContent = '';
-        this.badgeClassName = '';
-        this.initialized = false;
+        this.displayContent = computed(() => {
+            let content = this.value();
+            if (this.value() && !isUndefined(this.thyMaxCount()) && this.value() > this.thyMaxCount()) {
+                content = `${this.thyMaxCount()}+`;
+            }
+            return content;
+        });
+        this.badgeClassName = computed(() => {
+            const classes = [];
+            classes.push(`thy-badge-${this.thyType()}`);
+            if (this.thySize()) {
+                classes.push(`thy-badge-${this.thySize()}`);
+            }
+            if (this.thyIsDot()) {
+                classes.push(`thy-badge-dot`);
+            }
+            else if (this.thyIsHollow()) {
+                classes.push(`thy-badge-hollow`);
+            }
+            else {
+                classes.push(`thy-badge-count`);
+            }
+            const builtInTextColorClass = isTextColor(this.thyTextColor()) ? `text-${this.thyTextColor()}` : null;
+            if (builtInTextColorClass) {
+                classes.push(builtInTextColorClass);
+            }
+            const builtInBackgroundColorClass = isTextColor(this.thyBackgroundColor()) ? `bg-${this.thyBackgroundColor()}` : null;
+            if (builtInBackgroundColorClass) {
+                classes.push(builtInBackgroundColorClass);
+            }
+            return classes.join(' ');
+        });
         // 是否包裹在元素上
         this.isWrapper = false;
-        this.isShowBadge = true;
-        this.keepShowValue = false;
-        this.value = '';
-        this.valueHasBeenSet = false;
-        this.supClasses = [];
+        this.isShowBadge = computed(() => {
+            return !(!this.value() && !this.thyKeepShow() && !this.thyIsDot() && !this.thyIsHollow());
+        });
+        this.value = computed(() => {
+            return this.thyContent() || this.thyContext() || this.thyCount();
+        });
+        this.textColor = computed(() => {
+            return !isTextColor(this.thyTextColor()) ? this.thyTextColor() : null;
+        });
+        this.backgroundColor = computed(() => {
+            return !isTextColor(this.thyBackgroundColor()) ? this.thyBackgroundColor() : null;
+        });
+        /**
+         * 徽标类型
+         * @type default | primary | danger | warning | success
+         */
+        this.thyType = input('danger', {
+            transform: (value) => value || 'danger'
+        });
+        /**
+         * 徽标内容数字
+         * @type number
+         */
+        this.thyCount = input(undefined, { transform: numberAttribute });
+        /**
+         * 徽标内容文本
+         * @type string
+         */
+        this.thyContent = input();
+        /**
+         * 已废弃，徽标内容文本，命名错误，请使用 thyContent
+         */
+        this.thyContext = input();
+        /**
+         * 徽标显示的最大值, 与 thyCount 一起使用,thyCount 超过了 thyMaxCount 设置的值时，徽标内容为 thyMaxCount+
+         * @type number
+         */
+        this.thyMaxCount = input(undefined, { transform: numberAttribute });
+        /**
+         * 徽标显示的大小
+         * @type md | sm | lg
+         */
+        this.thySize = input('md', { transform: (value) => value || 'md' });
+        /**
+         * 已废弃，徽标是一个实心点，已经被废弃
+         * @deprecated
+         */
+        this.thyIsDot = input(false, { transform: coerceBooleanProperty });
+        /**
+         * 已废弃，徽标是一个空心点
+         * @deprecated
+         */
+        this.thyIsHollow = input(false, { transform: coerceBooleanProperty });
+        /**
+         * thyCount 为 0 时，强制显示数字 0，默认不显示
+         */
+        this.thyKeepShow = input(false, { transform: coerceBooleanProperty });
+        /**
+         * 设置徽标字体的颜色，支持内置颜色和自定义颜色 'primary' | '#87d068' | ...
+         * @type string
+         */
+        this.thyTextColor = input('');
+        /**
+         * 设置徽标的背景颜色，支持内置颜色和自定义颜色 'primary' | '#87d068' | ...
+         * @type string
+         */
+        this.thyBackgroundColor = input('');
         this.nativeElement = this.elementRef.nativeElement;
     }
-    /**
-     * 徽标类型
-     * @type default | primary | danger | warning | success
-     * @default danger
-     */
-    set thyType(value) {
-        this.type = value;
-        if (this.initialized) {
-            this.combineBadgeClasses();
-        }
-    }
-    /**
-     * 徽标内容数字
-     * @type number
-     */
-    set thyCount(value) {
-        this.value = value;
-        this.valueHasBeenSet = true;
-        if (this.initialized) {
-            this.combineBadgeDisplayContent();
-            this.combineBadgeClasses();
-        }
-    }
-    /**
-     * 徽标内容文本
-     * @type string
-     */
-    set thyContent(value) {
-        this.value = value;
-        this.valueHasBeenSet = true;
-        if (this.initialized) {
-            this.combineBadgeDisplayContent();
-            this.combineBadgeClasses();
-        }
-    }
-    /**
-     * 已废弃，徽标内容文本，命名错误，请使用 thyContent
-     * @deprecated
-     */
-    set thyContext(value) {
-        this.thyContent = value;
-    }
-    /**
-     * 徽标显示的最大值, 与 thyCount 一起使用,thyCount 超过了 thyMaxCount 设置的值时，徽标内容为 thyMaxCount+
-     * @type number
-     */
-    set thyMaxCount(value) {
-        this.maxCount = value;
-        if (this.initialized) {
-            this.combineBadgeDisplayContent();
-            this.combineBadgeClasses();
-        }
-    }
-    /**
-     * 徽标显示的大小
-     * @type md | sm | lg
-     * @default md
-     */
-    set thySize(value) {
-        this.size = value;
-        if (this.initialized) {
-            this.combineBadgeClasses();
-        }
-    }
-    /**
-     * 已废弃，徽标是一个实心点，已经被废弃
-     * @deprecated
-     */
-    set thyIsDot(value) {
-        this.isDot = value;
-        if (this.initialized) {
-            this.combineBadgeClasses();
-        }
-    }
-    /**
-     * 已废弃，徽标是一个空心点
-     * @deprecated
-     */
-    set thyIsHollow(value) {
-        this.isHollow = value;
-        if (this.initialized) {
-            this.combineBadgeClasses();
-        }
-    }
-    /**
-     * thyCount 为 0 时，强制显示数字 0，默认不显示
-     * @default false
-     */
-    set thyKeepShow(value) {
-        this.keepShowValue = value;
-        if (this.initialized) {
-            this.combineBadgeDisplayContent();
-        }
-    }
-    /**
-     * 设置徽标字体的颜色，支持内置颜色和自定义颜色 'primary' | '#87d068' | ...
-     * @type string
-     */
-    set thyTextColor(value) {
-        if (isTextColor(value)) {
-            this.builtInTextColorClass = `text-${value}`;
-            this.textColor = null;
-        }
-        else {
-            this.textColor = value;
-            this.builtInTextColorClass = null;
-        }
-        if (this.initialized) {
-            this.combineBadgeClasses();
-        }
-    }
-    /**
-     * 设置徽标的背景颜色，支持内置颜色和自定义颜色 'primary' | '#87d068' | ...
-     * @type string
-     */
-    set thyBackgroundColor(value) {
-        if (isTextColor(value)) {
-            this.builtInBackgroundColorClass = `bg-${value}`;
-            this.backgroundColor = null;
-        }
-        else {
-            this.backgroundColor = value;
-            this.builtInBackgroundColorClass = null;
-        }
-        if (this.initialized) {
-            this.combineBadgeClasses();
-        }
-    }
     ngOnInit() {
         let childNodeCount = 0;
         this.nativeElement.childNodes.forEach((n) => {
@@ -159,84 +122,17 @@ class ThyBadge {
             }
         });
         this.isWrapper = childNodeCount > 0;
-        this.combineBadgeClasses();
-        if (this.valueHasBeenSet) {
-            this.combineBadgeDisplayContent();
-        }
-        this.initialized = true;
-    }
-    combineBadgeClasses() {
-        const classes = [];
-        classes.push(`thy-badge-${this.type || 'danger'}`);
-        if (this.size) {
-            classes.push(`thy-badge-${this.size}`);
-        }
-        if (this.isDot) {
-            classes.push(`thy-badge-dot`);
-        }
-        else if (this.isHollow) {
-            classes.push(`thy-badge-hollow`);
-        }
-        else {
-            classes.push(`thy-badge-count`);
-        }
-        if (this.builtInTextColorClass) {
-            classes.push(this.builtInTextColorClass);
-        }
-        if (this.builtInBackgroundColorClass) {
-            classes.push(this.builtInBackgroundColorClass);
-        }
-        this.badgeClassName = classes.join(' ');
-    }
-    combineBadgeDisplayContent() {
-        this.displayContent = this.value;
-        if (this.value && this.maxCount != undefined && this.value > this.maxCount) {
-            this.displayContent = `${this.maxCount}+`;
-        }
-        if (!this.value && !this.keepShowValue) {
-            this.isShowBadge = false;
-        }
-        else {
-            this.isShowBadge = true;
-        }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyBadge, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.8", type: ThyBadge, isStandalone: true, selector: "thy-badge,[thyBadge]", inputs: { thyType: "thyType", thyCount: ["thyCount", "thyCount", numberAttribute], thyContent: "thyContent", thyContext: "thyContext", thyMaxCount: ["thyMaxCount", "thyMaxCount", numberAttribute], thySize: "thySize", thyIsDot: ["thyIsDot", "thyIsDot", coerceBooleanProperty], thyIsHollow: ["thyIsHollow", "thyIsHollow", coerceBooleanProperty], thyKeepShow: ["thyKeepShow", "thyKeepShow", coerceBooleanProperty], thyTextColor: "thyTextColor", thyBackgroundColor: "thyBackgroundColor" }, host: { properties: { "class.thy-badge-wrapper": "isWrapper" }, classAttribute: "thy-badge-container" }, ngImport: i0, template: "@if (isShowBadge) {\n  <div class=\"thy-badge {{ badgeClassName }}\" [style.color]=\"textColor\" [style.backgroundColor]=\"backgroundColor\">\n    <span>{{ displayContent }}</span>\n  </div>\n}\n<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.8", type: ThyBadge, isStandalone: true, selector: "thy-badge,[thyBadge]", inputs: { thyType: { classPropertyName: "thyType", publicName: "thyType", isSignal: true, isRequired: false, transformFunction: null }, thyCount: { classPropertyName: "thyCount", publicName: "thyCount", isSignal: true, isRequired: false, transformFunction: null }, thyContent: { classPropertyName: "thyContent", publicName: "thyContent", isSignal: true, isRequired: false, transformFunction: null }, thyContext: { classPropertyName: "thyContext", publicName: "thyContext", isSignal: true, isRequired: false, transformFunction: null }, thyMaxCount: { classPropertyName: "thyMaxCount", publicName: "thyMaxCount", isSignal: true, isRequired: false, transformFunction: null }, thySize: { classPropertyName: "thySize", publicName: "thySize", isSignal: true, isRequired: false, transformFunction: null }, thyIsDot: { classPropertyName: "thyIsDot", publicName: "thyIsDot", isSignal: true, isRequired: false, transformFunction: null }, thyIsHollow: { classPropertyName: "thyIsHollow", publicName: "thyIsHollow", isSignal: true, isRequired: false, transformFunction: null }, thyKeepShow: { classPropertyName: "thyKeepShow", publicName: "thyKeepShow", isSignal: true, isRequired: false, transformFunction: null }, thyTextColor: { classPropertyName: "thyTextColor", publicName: "thyTextColor", isSignal: true, isRequired: false, transformFunction: null }, thyBackgroundColor: { classPropertyName: "thyBackgroundColor", publicName: "thyBackgroundColor", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.thy-badge-wrapper": "isWrapper" }, classAttribute: "thy-badge-container" }, ngImport: i0, template: "@if (isShowBadge()) {\n  <div class=\"thy-badge {{ badgeClassName() }}\" [style.color]=\"textColor()\" [style.backgroundColor]=\"backgroundColor()\">\n    <span>{{ displayContent() }}</span>\n  </div>\n}\n<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyBadge, decorators: [{
             type: Component,
             args: [{ selector: 'thy-badge,[thyBadge]', changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'thy-badge-container',
                         '[class.thy-badge-wrapper]': 'isWrapper'
-                    }, imports: [], template: "@if (isShowBadge) {\n  <div class=\"thy-badge {{ badgeClassName }}\" [style.color]=\"textColor\" [style.backgroundColor]=\"backgroundColor\">\n    <span>{{ displayContent }}</span>\n  </div>\n}\n<ng-content></ng-content>\n" }]
-        }], ctorParameters: () => [], propDecorators: { thyType: [{
-                type: Input
-            }], thyCount: [{
-                type: Input,
-                args: [{ transform: numberAttribute }]
-            }], thyContent: [{
-                type: Input
-            }], thyContext: [{
-                type: Input
-            }], thyMaxCount: [{
-                type: Input,
-                args: [{ transform: numberAttribute }]
-            }], thySize: [{
-                type: Input
-            }], thyIsDot: [{
-                type: Input,
-                args: [{ transform: coerceBooleanProperty }]
-            }], thyIsHollow: [{
-                type: Input,
-                args: [{ transform: coerceBooleanProperty }]
-            }], thyKeepShow: [{
-                type: Input,
-                args: [{ transform: coerceBooleanProperty }]
-            }], thyTextColor: [{
-                type: Input
-            }], thyBackgroundColor: [{
-                type: Input
-            }] } });
+                    }, imports: [], template: "@if (isShowBadge()) {\n  <div class=\"thy-badge {{ badgeClassName() }}\" [style.color]=\"textColor()\" [style.backgroundColor]=\"backgroundColor()\">\n    <span>{{ displayContent() }}</span>\n  </div>\n}\n<ng-content></ng-content>\n" }]
+        }], ctorParameters: () => [] });
 
 class ThyBadgeModule {
     constructor() { }

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

@@ -1 +1 @@
-{"version":3,"file":"ngx-tethys-badge.mjs","sources":["../../../src/badge/badge.component.ts","../../../src/badge/badge.component.html","../../../src/badge/badge.module.ts","../../../src/badge/ngx-tethys-badge.ts"],"sourcesContent":["import { isTextColor } from 'ngx-tethys/core';\n\nimport { ChangeDetectionStrategy, Component, ElementRef, Input, OnInit, numberAttribute, inject } from '@angular/core';\n\nimport { coerceBooleanProperty } from 'ngx-tethys/util';\n\nexport type ThyBadgeSize = 'md' | 'sm' | 'lg';\n\n/**\n * 徽标组件，支持组件`thy-badge`和`thyBadge`指令两种使用方式\n * @name thy-badge,[thyBadge]\n */\n@Component({\n    selector: 'thy-badge,[thyBadge]',\n    templateUrl: './badge.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        class: 'thy-badge-container',\n        '[class.thy-badge-wrapper]': 'isWrapper'\n    },\n    imports: []\n})\nexport class ThyBadge implements OnInit {\n    private elementRef = inject(ElementRef);\n\n    displayContent = '';\n\n    badgeClassName = '';\n\n    private nativeElement: any;\n\n    private initialized = false;\n\n    // 是否包裹在元素上\n    protected isWrapper = false;\n\n    public isShowBadge = true;\n\n    private keepShowValue = false;\n\n    private value: number | string = '';\n\n    private valueHasBeenSet = false;\n\n    private maxCount: number;\n\n    private type: string;\n\n    private size: ThyBadgeSize;\n\n    private isDot: boolean;\n\n    private isHollow: boolean;\n\n    protected textColor: string;\n\n    protected builtInTextColorClass: string;\n\n    protected backgroundColor: string;\n\n    protected builtInBackgroundColorClass: string;\n\n    protected supClasses: string[] = [];\n\n    constructor() {\n        this.nativeElement = this.elementRef.nativeElement;\n    }\n\n    /**\n     * 徽标类型\n     * @type default | primary | danger | warning | success\n     * @default danger\n     */\n    @Input()\n    set thyType(value: string) {\n        this.type = value;\n        if (this.initialized) {\n            this.combineBadgeClasses();\n        }\n    }\n\n    /**\n     * 徽标内容数字\n     * @type number\n     */\n    @Input({ transform: numberAttribute })\n    set thyCount(value: number) {\n        this.value = value;\n        this.valueHasBeenSet = true;\n        if (this.initialized) {\n            this.combineBadgeDisplayContent();\n            this.combineBadgeClasses();\n        }\n    }\n\n    /**\n     * 徽标内容文本\n     * @type string\n     */\n    @Input()\n    set thyContent(value: string) {\n        this.value = value;\n        this.valueHasBeenSet = true;\n        if (this.initialized) {\n            this.combineBadgeDisplayContent();\n            this.combineBadgeClasses();\n        }\n    }\n\n    /**\n     * 已废弃，徽标内容文本，命名错误，请使用 thyContent\n     * @deprecated\n     */\n    @Input()\n    set thyContext(value: string) {\n        this.thyContent = value;\n    }\n\n    /**\n     * 徽标显示的最大值, 与 thyCount 一起使用,thyCount 超过了 thyMaxCount 设置的值时，徽标内容为 thyMaxCount+\n     * @type number\n     */\n    @Input({ transform: numberAttribute })\n    set thyMaxCount(value: number) {\n        this.maxCount = value;\n        if (this.initialized) {\n            this.combineBadgeDisplayContent();\n            this.combineBadgeClasses();\n        }\n    }\n\n    /**\n     * 徽标显示的大小\n     * @type md | sm | lg\n     * @default md\n     */\n    @Input()\n    set thySize(value: ThyBadgeSize) {\n        this.size = value;\n\n        if (this.initialized) {\n            this.combineBadgeClasses();\n        }\n    }\n\n    /**\n     * 已废弃，徽标是一个实心点，已经被废弃\n     * @deprecated\n     */\n    @Input({ transform: coerceBooleanProperty })\n    set thyIsDot(value: boolean) {\n        this.isDot = value;\n        if (this.initialized) {\n            this.combineBadgeClasses();\n        }\n    }\n\n    /**\n     * 已废弃，徽标是一个空心点\n     * @deprecated\n     */\n    @Input({ transform: coerceBooleanProperty })\n    set thyIsHollow(value: boolean) {\n        this.isHollow = value;\n        if (this.initialized) {\n            this.combineBadgeClasses();\n        }\n    }\n\n    /**\n     * thyCount 为 0 时，强制显示数字 0，默认不显示\n     * @default false\n     */\n    @Input({ transform: coerceBooleanProperty })\n    set thyKeepShow(value: boolean) {\n        this.keepShowValue = value;\n        if (this.initialized) {\n            this.combineBadgeDisplayContent();\n        }\n    }\n\n    /**\n     * 设置徽标字体的颜色，支持内置颜色和自定义颜色 'primary' | '#87d068' | ...\n     * @type string\n     */\n    @Input()\n    set thyTextColor(value: string) {\n        if (isTextColor(value)) {\n            this.builtInTextColorClass = `text-${value}`;\n            this.textColor = null;\n        } else {\n            this.textColor = value;\n            this.builtInTextColorClass = null;\n        }\n        if (this.initialized) {\n            this.combineBadgeClasses();\n        }\n    }\n\n    /**\n     * 设置徽标的背景颜色，支持内置颜色和自定义颜色 'primary' | '#87d068' | ...\n     * @type string\n     */\n    @Input()\n    set thyBackgroundColor(value: string) {\n        if (isTextColor(value)) {\n            this.builtInBackgroundColorClass = `bg-${value}`;\n            this.backgroundColor = null;\n        } else {\n            this.backgroundColor = value;\n            this.builtInBackgroundColorClass = null;\n        }\n        if (this.initialized) {\n            this.combineBadgeClasses();\n        }\n    }\n\n    ngOnInit() {\n        let childNodeCount = 0;\n        this.nativeElement.childNodes.forEach((n: HTMLElement) => {\n            if (['#comment'].indexOf(n.nodeName) < 0) {\n                childNodeCount++;\n            }\n        });\n        this.isWrapper = childNodeCount > 0;\n\n        this.combineBadgeClasses();\n\n        if (this.valueHasBeenSet) {\n            this.combineBadgeDisplayContent();\n        }\n\n        this.initialized = true;\n    }\n\n    private combineBadgeClasses() {\n        const classes: string[] = [];\n        classes.push(`thy-badge-${this.type || 'danger'}`);\n        if (this.size) {\n            classes.push(`thy-badge-${this.size}`);\n        }\n        if (this.isDot) {\n            classes.push(`thy-badge-dot`);\n        } else if (this.isHollow) {\n            classes.push(`thy-badge-hollow`);\n        } else {\n            classes.push(`thy-badge-count`);\n        }\n\n        if (this.builtInTextColorClass) {\n            classes.push(this.builtInTextColorClass);\n        }\n        if (this.builtInBackgroundColorClass) {\n            classes.push(this.builtInBackgroundColorClass);\n        }\n        this.badgeClassName = classes.join(' ');\n    }\n\n    private combineBadgeDisplayContent() {\n        this.displayContent = this.value as string;\n        if (this.value && this.maxCount != undefined && (this.value as number) > this.maxCount) {\n            this.displayContent = `${this.maxCount}+`;\n        }\n\n        if (!this.value && !this.keepShowValue) {\n            this.isShowBadge = false;\n        } else {\n            this.isShowBadge = true;\n        }\n    }\n}\n","@if (isShowBadge) {\n  <div class=\"thy-badge {{ badgeClassName }}\" [style.color]=\"textColor\" [style.backgroundColor]=\"backgroundColor\">\n    <span>{{ displayContent }}</span>\n  </div>\n}\n<ng-content></ng-content>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ThyBadge } from './badge.component';\n\n@NgModule({\n    imports: [CommonModule, ThyBadge],\n    exports: [ThyBadge]\n})\nexport class ThyBadgeModule {\n    constructor() {}\n}\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-badge.mjs","sources":["../../../src/badge/badge.component.ts","../../../src/badge/badge.component.html","../../../src/badge/badge.module.ts","../../../src/badge/ngx-tethys-badge.ts"],"sourcesContent":["import { isTextColor } from 'ngx-tethys/core';\n\nimport { ChangeDetectionStrategy, Component, ElementRef, OnInit, Signal, computed, inject, input, numberAttribute } from '@angular/core';\n\nimport { coerceBooleanProperty, isUndefined } from 'ngx-tethys/util';\n\nexport type ThyBadgeSize = 'md' | 'sm' | 'lg';\n\n/**\n * 徽标组件，支持组件`thy-badge`和`thyBadge`指令两种使用方式\n * @name thy-badge,[thyBadge]\n */\n@Component({\n    selector: 'thy-badge,[thyBadge]',\n    templateUrl: './badge.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        class: 'thy-badge-container',\n        '[class.thy-badge-wrapper]': 'isWrapper'\n    },\n    imports: []\n})\nexport class ThyBadge implements OnInit {\n    private elementRef = inject(ElementRef);\n\n    private nativeElement: any;\n\n    readonly displayContent: Signal<string> = computed(() => {\n        let content = this.value() as string;\n        if (this.value() && !isUndefined(this.thyMaxCount()) && (this.value() as number) > this.thyMaxCount()) {\n            content = `${this.thyMaxCount()}+`;\n        }\n        return content;\n    });\n\n    readonly badgeClassName: Signal<string> = computed(() => {\n        const classes: string[] = [];\n        classes.push(`thy-badge-${this.thyType()}`);\n        if (this.thySize()) {\n            classes.push(`thy-badge-${this.thySize()}`);\n        }\n        if (this.thyIsDot()) {\n            classes.push(`thy-badge-dot`);\n        } else if (this.thyIsHollow()) {\n            classes.push(`thy-badge-hollow`);\n        } else {\n            classes.push(`thy-badge-count`);\n        }\n        const builtInTextColorClass = isTextColor(this.thyTextColor()) ? `text-${this.thyTextColor()}` : null;\n        if (builtInTextColorClass) {\n            classes.push(builtInTextColorClass);\n        }\n        const builtInBackgroundColorClass = isTextColor(this.thyBackgroundColor()) ? `bg-${this.thyBackgroundColor()}` : null;\n        if (builtInBackgroundColorClass) {\n            classes.push(builtInBackgroundColorClass);\n        }\n        return classes.join(' ');\n    });\n\n    // 是否包裹在元素上\n    protected isWrapper = false;\n\n    public readonly isShowBadge: Signal<boolean> = computed(() => {\n        return !(!this.value() && !this.thyKeepShow() && !this.thyIsDot() && !this.thyIsHollow());\n    });\n\n    private readonly value: Signal<number | string> = computed(() => {\n        return this.thyContent() || this.thyContext() || this.thyCount();\n    });\n\n    protected readonly textColor: Signal<string> = computed(() => {\n        return !isTextColor(this.thyTextColor()) ? this.thyTextColor() : null;\n    });\n\n    protected readonly backgroundColor: Signal<string> = computed(() => {\n        return !isTextColor(this.thyBackgroundColor()) ? this.thyBackgroundColor() : null;\n    });\n\n    constructor() {\n        this.nativeElement = this.elementRef.nativeElement;\n    }\n\n    /**\n     * 徽标类型\n     * @type default | primary | danger | warning | success\n     */\n    readonly thyType = input<string, string>('danger', {\n        transform: (value: string) => value || 'danger'\n    });\n\n    /**\n     * 徽标内容数字\n     * @type number\n     */\n    readonly thyCount = input<number, unknown>(undefined, { transform: numberAttribute });\n\n    /**\n     * 徽标内容文本\n     * @type string\n     */\n    readonly thyContent = input<string>();\n\n    /**\n     * 已废弃，徽标内容文本，命名错误，请使用 thyContent\n     */\n    readonly thyContext = input<string>();\n\n    /**\n     * 徽标显示的最大值, 与 thyCount 一起使用,thyCount 超过了 thyMaxCount 设置的值时，徽标内容为 thyMaxCount+\n     * @type number\n     */\n    readonly thyMaxCount = input<number, unknown>(undefined, { transform: numberAttribute });\n\n    /**\n     * 徽标显示的大小\n     * @type md | sm | lg\n     */\n    readonly thySize = input<ThyBadgeSize, ThyBadgeSize>('md', { transform: (value: ThyBadgeSize) => value || 'md' });\n\n    /**\n     * 已废弃，徽标是一个实心点，已经被废弃\n     * @deprecated\n     */\n    readonly thyIsDot = input(false, { transform: coerceBooleanProperty });\n\n    /**\n     * 已废弃，徽标是一个空心点\n     * @deprecated\n     */\n    readonly thyIsHollow = input(false, { transform: coerceBooleanProperty });\n\n    /**\n     * thyCount 为 0 时，强制显示数字 0，默认不显示\n     */\n    readonly thyKeepShow = input(false, { transform: coerceBooleanProperty });\n\n    /**\n     * 设置徽标字体的颜色，支持内置颜色和自定义颜色 'primary' | '#87d068' | ...\n     * @type string\n     */\n    readonly thyTextColor = input<string>('');\n\n    /**\n     * 设置徽标的背景颜色，支持内置颜色和自定义颜色 'primary' | '#87d068' | ...\n     * @type string\n     */\n    readonly thyBackgroundColor = input<string>('');\n\n    ngOnInit() {\n        let childNodeCount = 0;\n        this.nativeElement.childNodes.forEach((n: HTMLElement) => {\n            if (['#comment'].indexOf(n.nodeName) < 0) {\n                childNodeCount++;\n            }\n        });\n        this.isWrapper = childNodeCount > 0;\n    }\n}\n","@if (isShowBadge()) {\n  <div class=\"thy-badge {{ badgeClassName() }}\" [style.color]=\"textColor()\" [style.backgroundColor]=\"backgroundColor()\">\n    <span>{{ displayContent() }}</span>\n  </div>\n}\n<ng-content></ng-content>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ThyBadge } from './badge.component';\n\n@NgModule({\n    imports: [CommonModule, ThyBadge],\n    exports: [ThyBadge]\n})\nexport class ThyBadgeModule {\n    constructor() {}\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}