@ng-nest/ui 14.0.7 → 14.0.9

package/fesm2015/ng-nest-ui-avatar.mjs

@@ -1,10 +1,11 @@
 import * as i0 from '@angular/core';
-import { Component, Input, ViewEncapsulation, ChangeDetectionStrategy, NgModule } from '@angular/core';
+import { Component, Input, ViewEncapsulation, ChangeDetectionStrategy, Inject, ViewChild, HostBinding, NgModule } from '@angular/core';
 import { __decorate } from 'tslib';
 import * as i1 from '@ng-nest/ui/core';
-import { XProperty, XWithConfig, XIsEmpty } from '@ng-nest/ui/core';
+import { XProperty, XWithConfig, XInputNumber, XIsChange, XIsEmpty, XIsNumber, XIsString, XIsObject, XResize } from '@ng-nest/ui/core';
 import * as i2 from '@angular/common';
-import { CommonModule } from '@angular/common';
+import { DOCUMENT, CommonModule } from '@angular/common';
+import { Subject, takeUntil } from 'rxjs';
 import * as i3 from '@ng-nest/ui/outlet';
 import { XOutletModule } from '@ng-nest/ui/outlet';
 import * as i4 from '@ng-nest/ui/icon';
@@ -23,7 +24,7 @@ const X_CONFIG_NAME = 'avatar';
 class XAvatarProperty extends XProperty {
 }
 /** @nocollapse */ XAvatarProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: XAvatarProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XAvatarProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: XAvatarProperty, selector: "ng-component", inputs: { label: "label", size: "size", icon: "icon", shape: "shape", src: "src", fit: "fit" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
+/** @nocollapse */ XAvatarProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: XAvatarProperty, selector: "ng-component", inputs: { label: "label", size: "size", icon: "icon", shape: "shape", src: "src", fit: "fit", gap: "gap", backgroundColor: "backgroundColor" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
 __decorate([
     XWithConfig(X_CONFIG_NAME, 'medium')
 ], XAvatarProperty.prototype, "size", void 0);
@@ -33,6 +34,13 @@ __decorate([
 __decorate([
     XWithConfig(X_CONFIG_NAME, 'cover')
 ], XAvatarProperty.prototype, "fit", void 0);
+__decorate([
+    XWithConfig(X_CONFIG_NAME, 4),
+    XInputNumber()
+], XAvatarProperty.prototype, "gap", void 0);
+__decorate([
+    XWithConfig(X_CONFIG_NAME, '#999999')
+], XAvatarProperty.prototype, "backgroundColor", void 0);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: XAvatarProperty, decorators: [{
             type: Component,
             args: [{ template: '' }]
@@ -48,48 +56,166 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImpor
                 type: Input
             }], fit: [{
                 type: Input
-            }] } });
+            }], gap: [{
+                type: Input
+            }], backgroundColor: [{
+                type: Input
+            }] } });
+/**
+ * Avatar Group
+ * @selector x-avatar-group
+ * @decorator component
+ */
+const XAvatarGroupPrefix = 'x-avatar-group';
+/**
+ * Avatar Group Property
+ */
+class XAvatarGroupProperty extends XProperty {
+}
+/** @nocollapse */ XAvatarGroupProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: XAvatarGroupProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ XAvatarGroupProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: XAvatarGroupProperty, selector: "ng-component", usesInheritance: true, ngImport: i0, template: '', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: XAvatarGroupProperty, decorators: [{
+            type: Component,
+            args: [{ template: '' }]
+        }] });
 
 class XAvatarComponent extends XAvatarProperty {
-    constructor(renderer, elementRef, cdr, configService) {
+    constructor(renderer, elementRef, cdr, configService, document) {
         super();
         this.renderer = renderer;
         this.elementRef = elementRef;
         this.cdr = cdr;
         this.configService = configService;
         this.isImgError = false;
+        this.styleMap = {};
+        this._unSubject = new Subject();
+        this.document = document;
+    }
+    ngOnDestroy() {
+        var _a;
+        this._unSubject.next();
+        this._unSubject.complete();
+        (_a = this._resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
     }
-    ngOnInit() {
+    ngOnChanges(changes) {
+        let { label } = changes;
+        XIsChange(label) && setTimeout(() => this.setLabel());
+    }
+    ngAfterViewInit() {
         this.setClassMap();
+        this.setLabel();
     }
     setClassMap() {
         this.classMap = {
-            [`${XAvatarPrefix}-${this.shape}`]: !XIsEmpty(this.shape),
-            [`${XAvatarPrefix}-${this.size}`]: !XIsEmpty(this.size)
+            [`${XAvatarPrefix}-${this.shape}`]: !XIsEmpty(this.shape)
         };
+        if (XIsNumber(this.size)) {
+            const nsize = Number(this.size);
+            this.setStyleMap(nsize);
+            this.cdr.detectChanges();
+        }
+        else if (XIsString(this.size)) {
+            this.classMap[`${XAvatarPrefix}-${this.size}`] = !XIsEmpty(this.size);
+            this.cdr.detectChanges();
+        }
+        else if (XIsObject(this.size)) {
+            this.classMap[`${XAvatarPrefix}-medium`] = true;
+            const sz = this.size;
+            let { xs, sm, md, lg, xl } = sz;
+            if (!xs && !sm && !md && !lg && !xl)
+                return;
+            XResize(this.document.documentElement)
+                .pipe(takeUntil(this._unSubject))
+                .subscribe((x) => {
+                this._resizeObserver = x.resizeObserver;
+                const width = this.document.documentElement.clientWidth;
+                let nsize = 40;
+                if (xs && width < 768) {
+                    nsize = xs;
+                }
+                if (sm && width >= 768) {
+                    nsize = sm;
+                }
+                if (md && width >= 992) {
+                    nsize = md;
+                }
+                if (lg && width >= 1200) {
+                    nsize = lg;
+                }
+                if (xl && width >= 1920) {
+                    nsize = xl;
+                }
+                this.setStyleMap(nsize);
+                this.cdr.detectChanges();
+                this.setLabel();
+            });
+        }
+    }
+    setStyleMap(size) {
+        this.styleMap = {
+            height: `${size}px`,
+            width: `${size}px`,
+            lineHeight: `${size}px`,
+            fontSize: `${size * 0.6}px`
+        };
+    }
+    setLabel() {
+        if (!this.label)
+            return;
+        if (!this.elementRef || !this.labelRef)
+            return;
+        const eleWidth = this.elementRef.nativeElement.clientWidth;
+        const labelWidth = this.labelRef.nativeElement.clientWidth;
+        let scale = (eleWidth - Number(this.gap) * 2) / labelWidth;
+        scale = scale > 1 ? 1 : scale;
+        this.renderer.setStyle(this.labelRef.nativeElement, 'transform', `scale(${scale})`);
     }
     imgError() {
         this.isImgError = true;
         this.cdr.detectChanges();
     }
 }
-/** @nocollapse */ XAvatarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: XAvatarComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XAvatarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: XAvatarComponent, selector: "x-avatar", usesInheritance: true, ngImport: i0, template: "<span #avatar class=\"x-avatar\" [ngClass]=\"classMap\" [class.x-avatar-error]=\"isImgError\">\r\n  <img *ngIf=\"src && !isImgError\" [src]=\"src\" [style.object-fit]=\"fit\" (error)=\"imgError()\" />\r\n  <x-icon *ngIf=\"icon\" [type]=\"icon\"></x-icon>\r\n  <x-icon *ngIf=\"isImgError\" type=\"fto-image\"></x-icon>\r\n  <span *xOutlet=\"label; context: { $label: label }\">\r\n    {{ label }}\r\n  </span>\r\n</span>\r\n", styles: ["x-avatar{display:flex}.x-avatar{margin:0;padding:0;font-size:var(--x-font-size);display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;text-align:center;overflow:hidden;color:var(--x-background-100);background-color:var(--x-text-500)}.x-avatar>img{display:block;height:100%}.x-avatar-circle{border-radius:50%}.x-avatar-square{border-radius:var(--x-border-radius)}.x-avatar-error>img{height:initial}.x-avatar-big{height:3.5rem;width:3.5rem;line-height:3.5rem;font-size:2.1rem}.x-avatar-large{height:3rem;width:3rem;line-height:3rem;font-size:1.8rem}.x-avatar-medium{height:2.5rem;width:2.5rem;line-height:2.5rem;font-size:1.5rem}.x-avatar-small{height:2rem;width:2rem;line-height:2rem;font-size:1.2rem}.x-avatar-mini{height:1.5rem;width:1.5rem;line-height:1.5rem;font-size:.9rem}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }, { kind: "component", type: i4.XIconComponent, selector: "x-icon" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+/** @nocollapse */ XAvatarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: XAvatarComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.XConfigService }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ XAvatarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: XAvatarComponent, selector: "x-avatar", viewQueries: [{ propertyName: "labelRef", first: true, predicate: ["labelRef"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<span\r\n  #avatar\r\n  class=\"x-avatar\"\r\n  [class.x-avatar-label]=\"label\"\r\n  [ngClass]=\"classMap\"\r\n  [class.x-avatar-error]=\"isImgError\"\r\n  [ngStyle]=\"styleMap\"\r\n  [style.backgroundColor]=\"backgroundColor\"\r\n>\r\n  <img *ngIf=\"src && !isImgError\" [src]=\"src\" [style.object-fit]=\"fit\" (error)=\"imgError()\" />\r\n  <x-icon *ngIf=\"icon\" [type]=\"icon\"></x-icon>\r\n  <x-icon *ngIf=\"isImgError\" type=\"fto-image\"></x-icon>\r\n  <span #labelRef *xOutlet=\"label; context: { $label: label }\">\r\n    {{ label }}\r\n  </span>\r\n</span>\r\n", styles: ["x-avatar{display:flex}.x-avatar{margin:0;padding:0;font-size:var(--x-font-size);display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;text-align:center;overflow:hidden;color:var(--x-background-100)}.x-avatar>img{display:block;height:100%}.x-avatar-circle{border-radius:50%}.x-avatar-square{border-radius:var(--x-border-radius)}.x-avatar-error>img{height:initial}.x-avatar>span{white-space:nowrap}.x-avatar-big{height:3.5rem;width:3.5rem;line-height:3.5rem;font-size:2.1rem}.x-avatar-large{height:3rem;width:3rem;line-height:3rem;font-size:1.8rem}.x-avatar-medium{height:2.5rem;width:2.5rem;line-height:2.5rem;font-size:1.5rem}.x-avatar-small{height:2rem;width:2rem;line-height:2rem;font-size:1.2rem}.x-avatar-mini{height:1.5rem;width:1.5rem;line-height:1.5rem;font-size:.9rem}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i3.XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }, { kind: "component", type: i4.XIconComponent, selector: "x-icon" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: XAvatarComponent, decorators: [{
             type: Component,
-            args: [{ selector: `${XAvatarPrefix}`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<span #avatar class=\"x-avatar\" [ngClass]=\"classMap\" [class.x-avatar-error]=\"isImgError\">\r\n  <img *ngIf=\"src && !isImgError\" [src]=\"src\" [style.object-fit]=\"fit\" (error)=\"imgError()\" />\r\n  <x-icon *ngIf=\"icon\" [type]=\"icon\"></x-icon>\r\n  <x-icon *ngIf=\"isImgError\" type=\"fto-image\"></x-icon>\r\n  <span *xOutlet=\"label; context: { $label: label }\">\r\n    {{ label }}\r\n  </span>\r\n</span>\r\n", styles: ["x-avatar{display:flex}.x-avatar{margin:0;padding:0;font-size:var(--x-font-size);display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;text-align:center;overflow:hidden;color:var(--x-background-100);background-color:var(--x-text-500)}.x-avatar>img{display:block;height:100%}.x-avatar-circle{border-radius:50%}.x-avatar-square{border-radius:var(--x-border-radius)}.x-avatar-error>img{height:initial}.x-avatar-big{height:3.5rem;width:3.5rem;line-height:3.5rem;font-size:2.1rem}.x-avatar-large{height:3rem;width:3rem;line-height:3rem;font-size:1.8rem}.x-avatar-medium{height:2.5rem;width:2.5rem;line-height:2.5rem;font-size:1.5rem}.x-avatar-small{height:2rem;width:2rem;line-height:2rem;font-size:1.2rem}.x-avatar-mini{height:1.5rem;width:1.5rem;line-height:1.5rem;font-size:.9rem}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.XConfigService }]; } });
+            args: [{ selector: `${XAvatarPrefix}`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<span\r\n  #avatar\r\n  class=\"x-avatar\"\r\n  [class.x-avatar-label]=\"label\"\r\n  [ngClass]=\"classMap\"\r\n  [class.x-avatar-error]=\"isImgError\"\r\n  [ngStyle]=\"styleMap\"\r\n  [style.backgroundColor]=\"backgroundColor\"\r\n>\r\n  <img *ngIf=\"src && !isImgError\" [src]=\"src\" [style.object-fit]=\"fit\" (error)=\"imgError()\" />\r\n  <x-icon *ngIf=\"icon\" [type]=\"icon\"></x-icon>\r\n  <x-icon *ngIf=\"isImgError\" type=\"fto-image\"></x-icon>\r\n  <span #labelRef *xOutlet=\"label; context: { $label: label }\">\r\n    {{ label }}\r\n  </span>\r\n</span>\r\n", styles: ["x-avatar{display:flex}.x-avatar{margin:0;padding:0;font-size:var(--x-font-size);display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;text-align:center;overflow:hidden;color:var(--x-background-100)}.x-avatar>img{display:block;height:100%}.x-avatar-circle{border-radius:50%}.x-avatar-square{border-radius:var(--x-border-radius)}.x-avatar-error>img{height:initial}.x-avatar>span{white-space:nowrap}.x-avatar-big{height:3.5rem;width:3.5rem;line-height:3.5rem;font-size:2.1rem}.x-avatar-large{height:3rem;width:3rem;line-height:3rem;font-size:1.8rem}.x-avatar-medium{height:2.5rem;width:2.5rem;line-height:2.5rem;font-size:1.5rem}.x-avatar-small{height:2rem;width:2rem;line-height:2rem;font-size:1.2rem}.x-avatar-mini{height:1.5rem;width:1.5rem;line-height:1.5rem;font-size:.9rem}\n"] }]
+        }], ctorParameters: function () {
+        return [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.XConfigService }, { type: undefined, decorators: [{
+                        type: Inject,
+                        args: [DOCUMENT]
+                    }] }];
+    }, propDecorators: { labelRef: [{
+                type: ViewChild,
+                args: ['labelRef']
+            }] } });
+
+class XAvatarGroupComponent extends XAvatarGroupProperty {
+    constructor() {
+        super();
+        this._has = true;
+    }
+}
+/** @nocollapse */ XAvatarGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: XAvatarGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ XAvatarGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: XAvatarGroupComponent, selector: "x-avatar-group", host: { properties: { "class.x-avatar-group": "this._has" } }, usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\r\n", styles: ["x-avatar-group{display:flex}.x-avatar-group{margin:0;padding:0}.x-avatar-group>x-avatar{z-index:0}.x-avatar-group>x-avatar:not(:first-child){margin-left:-.5rem}.x-avatar-group>x-avatar .x-avatar{border:var(--x-border-width) var(--x-border-style) var(--x-white)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: XAvatarGroupComponent, decorators: [{
+            type: Component,
+            args: [{ selector: `${XAvatarGroupPrefix}`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\r\n", styles: ["x-avatar-group{display:flex}.x-avatar-group{margin:0;padding:0}.x-avatar-group>x-avatar{z-index:0}.x-avatar-group>x-avatar:not(:first-child){margin-left:-.5rem}.x-avatar-group>x-avatar .x-avatar{border:var(--x-border-width) var(--x-border-style) var(--x-white)}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { _has: [{
+                type: HostBinding,
+                args: ['class.x-avatar-group']
+            }] } });
 
 class XAvatarModule {
 }
 /** @nocollapse */ XAvatarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: XAvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ XAvatarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.2", ngImport: i0, type: XAvatarModule, declarations: [XAvatarComponent, XAvatarProperty], imports: [CommonModule, XOutletModule, XIconModule], exports: [XAvatarComponent] });
+/** @nocollapse */ XAvatarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.2", ngImport: i0, type: XAvatarModule, declarations: [XAvatarComponent, XAvatarProperty, XAvatarGroupComponent, XAvatarGroupProperty], imports: [CommonModule, XOutletModule, XIconModule], exports: [XAvatarComponent, XAvatarGroupComponent] });
 /** @nocollapse */ XAvatarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: XAvatarModule, imports: [CommonModule, XOutletModule, XIconModule] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: XAvatarModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [XAvatarComponent, XAvatarProperty],
-                    exports: [XAvatarComponent],
+                    declarations: [XAvatarComponent, XAvatarProperty, XAvatarGroupComponent, XAvatarGroupProperty],
+                    exports: [XAvatarComponent, XAvatarGroupComponent],
                     imports: [CommonModule, XOutletModule, XIconModule]
                 }]
         }] });
@@ -98,5 +224,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { XAvatarComponent, XAvatarModule, XAvatarPrefix, XAvatarProperty };
+export { XAvatarComponent, XAvatarGroupComponent, XAvatarGroupPrefix, XAvatarGroupProperty, XAvatarModule, XAvatarPrefix, XAvatarProperty };
 //# sourceMappingURL=ng-nest-ui-avatar.mjs.map

package/fesm2015/ng-nest-ui-avatar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-nest-ui-avatar.mjs","sources":["../../../../lib/ng-nest/ui/avatar/avatar.property.ts","../../../../lib/ng-nest/ui/avatar/avatar.component.ts","../../../../lib/ng-nest/ui/avatar/avatar.component.html","../../../../lib/ng-nest/ui/avatar/avatar.module.ts","../../../../lib/ng-nest/ui/avatar/ng-nest-ui-avatar.ts"],"sourcesContent":["import { XSize, XTemplate, XProperty, XWithConfig, XShape, XFit } from '@ng-nest/ui/core';\r\nimport { Input, Component } from '@angular/core';\r\n\r\n/**\r\n * Avatar\r\n * @selector x-avatar\r\n * @decorator component\r\n */\r\nexport const XAvatarPrefix = 'x-avatar';\r\nconst X_CONFIG_NAME = 'avatar';\r\n\r\n/**\r\n * Avatar Property\r\n */\r\n@Component({ template: '' })\r\nexport class XAvatarProperty extends XProperty {\r\n  /**\r\n   * @zh_CN 显示字符\r\n   * @en_US Display characters\r\n   */\r\n  @Input() label?: XTemplate;\r\n  /**\r\n   * @zh_CN 尺寸\r\n   * @en_US Size\r\n   */\r\n  @Input() @XWithConfig<XSize>(X_CONFIG_NAME, 'medium') size?: XSize;\r\n  /**\r\n   * @zh_CN 显示图标\r\n   * @en_US Show icon\r\n   */\r\n  @Input() icon?: string;\r\n  /**\r\n   * @zh_CN 形状\r\n   * @en_US Shape\r\n   */\r\n  @Input() @XWithConfig<XAvatarShape>(X_CONFIG_NAME, 'circle') shape?: XAvatarShape;\r\n  /**\r\n   * @zh_CN 图片地址\r\n   * @en_US The map's address\r\n   */\r\n  @Input() src?: string;\r\n  /**\r\n   * @zh_CN 图片适应方式\r\n   * @en_US Image adaptation method\r\n   */\r\n  @Input() @XWithConfig<XAvatarFit>(X_CONFIG_NAME, 'cover') fit?: XAvatarFit;\r\n}\r\n\r\n/**\r\n * @zh_CN 头像形状\r\n * @en_US Avatar shape\r\n */\r\nexport type XAvatarShape = XShape;\r\n\r\n/**\r\n * @zh_CN 当展示类型为图片的时候，设置图片如何适应容器框\r\n * @en_US When the display type is picture, set how the picture fits into the container frame\r\n */\r\nexport type XAvatarFit = XFit;\r\n","import { Component, OnInit, ViewEncapsulation, Renderer2, ElementRef, ChangeDetectorRef, ChangeDetectionStrategy } from '@angular/core';\r\nimport { XAvatarPrefix, XAvatarProperty } from './avatar.property';\r\nimport { XIsEmpty, XConfigService } from '@ng-nest/ui/core';\r\n\r\n@Component({\r\n  selector: `${XAvatarPrefix}`,\r\n  templateUrl: './avatar.component.html',\r\n  styleUrls: ['./avatar.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XAvatarComponent extends XAvatarProperty implements OnInit {\r\n  isImgError: boolean = false;\r\n\r\n  constructor(\r\n    public renderer: Renderer2,\r\n    public elementRef: ElementRef,\r\n    public cdr: ChangeDetectorRef,\r\n    public configService: XConfigService\r\n  ) {\r\n    super();\r\n  }\r\n\r\n  ngOnInit() {\r\n    this.setClassMap();\r\n  }\r\n\r\n  setClassMap() {\r\n    this.classMap = {\r\n      [`${XAvatarPrefix}-${this.shape}`]: !XIsEmpty(this.shape),\r\n      [`${XAvatarPrefix}-${this.size}`]: !XIsEmpty(this.size)\r\n    };\r\n  }\r\n\r\n  imgError() {\r\n    this.isImgError = true;\r\n    this.cdr.detectChanges();\r\n  }\r\n}\r\n","<span #avatar class=\"x-avatar\" [ngClass]=\"classMap\" [class.x-avatar-error]=\"isImgError\">\r\n  <img *ngIf=\"src && !isImgError\" [src]=\"src\" [style.object-fit]=\"fit\" (error)=\"imgError()\" />\r\n  <x-icon *ngIf=\"icon\" [type]=\"icon\"></x-icon>\r\n  <x-icon *ngIf=\"isImgError\" type=\"fto-image\"></x-icon>\r\n  <span *xOutlet=\"label; context: { $label: label }\">\r\n    {{ label }}\r\n  </span>\r\n</span>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { XAvatarComponent } from './avatar.component';\r\nimport { XIconModule } from '@ng-nest/ui/icon';\r\nimport { XOutletModule } from '@ng-nest/ui/outlet';\r\nimport { XAvatarProperty } from './avatar.property';\r\n\r\n@NgModule({\r\n  declarations: [XAvatarComponent, XAvatarProperty],\r\n  exports: [XAvatarComponent],\r\n  imports: [CommonModule, XOutletModule, XIconModule]\r\n})\r\nexport class XAvatarModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ng-nest-ui-avatar.mjs","sources":["../../../../lib/ng-nest/ui/avatar/avatar.property.ts","../../../../lib/ng-nest/ui/avatar/avatar.component.ts","../../../../lib/ng-nest/ui/avatar/avatar.component.html","../../../../lib/ng-nest/ui/avatar/avatar-group.component.ts","../../../../lib/ng-nest/ui/avatar/avatar-group.component.html","../../../../lib/ng-nest/ui/avatar/avatar.module.ts","../../../../lib/ng-nest/ui/avatar/ng-nest-ui-avatar.ts"],"sourcesContent":["import { XSize, XTemplate, XProperty, XWithConfig, XShape, XFit, XResponseSize, XNumber, XInputNumber } from '@ng-nest/ui/core';\r\nimport { Input, Component } from '@angular/core';\r\n\r\n/**\r\n * Avatar\r\n * @selector x-avatar\r\n * @decorator component\r\n */\r\nexport const XAvatarPrefix = 'x-avatar';\r\nconst X_CONFIG_NAME = 'avatar';\r\n\r\n/**\r\n * Avatar Property\r\n */\r\n@Component({ template: '' })\r\nexport class XAvatarProperty extends XProperty {\r\n  /**\r\n   * @zh_CN 显示字符\r\n   * @en_US Display characters\r\n   */\r\n  @Input() label?: XTemplate;\r\n  /**\r\n   * @zh_CN 尺寸\r\n   * @en_US Size\r\n   */\r\n  @Input() @XWithConfig<XAvatarSize>(X_CONFIG_NAME, 'medium') size?: XAvatarSize;\r\n  /**\r\n   * @zh_CN 显示图标\r\n   * @en_US Show icon\r\n   */\r\n  @Input() icon?: string;\r\n  /**\r\n   * @zh_CN 形状\r\n   * @en_US Shape\r\n   */\r\n  @Input() @XWithConfig<XAvatarShape>(X_CONFIG_NAME, 'circle') shape?: XAvatarShape;\r\n  /**\r\n   * @zh_CN 图片地址\r\n   * @en_US The map's address\r\n   */\r\n  @Input() src?: string;\r\n  /**\r\n   * @zh_CN 图片适应方式\r\n   * @en_US Image adaptation method\r\n   */\r\n  @Input() @XWithConfig<XAvatarFit>(X_CONFIG_NAME, 'cover') fit?: XAvatarFit;\r\n  /**\r\n   * @zh_CN 字符类型的时候左右边距，px\r\n   * @en_US When the character type is the left and right distance, PX\r\n   */\r\n  @Input() @XWithConfig<XNumber>(X_CONFIG_NAME, 4) @XInputNumber() gap?: XNumber;\r\n  /**\r\n   * @zh_CN 背景颜色\r\n   * @en_US Background color\r\n   */\r\n  @Input() @XWithConfig<string>(X_CONFIG_NAME, '#999999') backgroundColor?: string;\r\n}\r\n\r\n/**\r\n * @zh_CN 头像形状\r\n * @en_US Avatar shape\r\n */\r\nexport type XAvatarShape = XShape;\r\n\r\n/**\r\n * @zh_CN 当展示类型为图片的时候，设置图片如何适应容器框\r\n * @en_US When the display type is picture, set how the picture fits into the container frame\r\n */\r\nexport type XAvatarFit = XFit;\r\n\r\n/**\r\n * @zh_CN 尺寸类型\r\n * @en_US Size type\r\n */\r\nexport type XAvatarSize = number | XSize | XResponseSize;\r\n\r\n/**\r\n * Avatar Group\r\n * @selector x-avatar-group\r\n * @decorator component\r\n */\r\nexport const XAvatarGroupPrefix = 'x-avatar-group';\r\n\r\n/**\r\n * Avatar Group Property\r\n */\r\n@Component({ template: '' })\r\nexport class XAvatarGroupProperty extends XProperty {}\r\n","import {\r\n  Component,\r\n  ViewEncapsulation,\r\n  Renderer2,\r\n  ElementRef,\r\n  ChangeDetectorRef,\r\n  ChangeDetectionStrategy,\r\n  Inject,\r\n  OnDestroy,\r\n  ViewChild,\r\n  AfterViewInit,\r\n  OnChanges,\r\n  SimpleChanges\r\n} from '@angular/core';\r\nimport { XAvatarPrefix, XAvatarProperty } from './avatar.property';\r\nimport { XIsEmpty, XConfigService, XIsNumber, XIsString, XResize, XIsObject, XResponseSize, XIsChange } from '@ng-nest/ui/core';\r\nimport { DOCUMENT } from '@angular/common';\r\nimport { Subject, takeUntil } from 'rxjs';\r\n\r\n@Component({\r\n  selector: `${XAvatarPrefix}`,\r\n  templateUrl: './avatar.component.html',\r\n  styleUrls: ['./avatar.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XAvatarComponent extends XAvatarProperty implements OnDestroy, OnChanges, AfterViewInit {\r\n  isImgError: boolean = false;\r\n\r\n  styleMap: { [key: string]: any } = {};\r\n  document!: Document;\r\n  private _unSubject = new Subject<void>();\r\n  private _resizeObserver!: ResizeObserver;\r\n\r\n  @ViewChild('labelRef') labelRef!: ElementRef;\r\n\r\n  constructor(\r\n    public renderer: Renderer2,\r\n    public elementRef: ElementRef,\r\n    public cdr: ChangeDetectorRef,\r\n    public configService: XConfigService,\r\n    @Inject(DOCUMENT) document: any\r\n  ) {\r\n    super();\r\n    this.document = document;\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this._unSubject.next();\r\n    this._unSubject.complete();\r\n    this._resizeObserver?.disconnect();\r\n  }\r\n\r\n  ngOnChanges(changes: SimpleChanges): void {\r\n    let { label } = changes;\r\n    XIsChange(label) && setTimeout(() => this.setLabel());\r\n  }\r\n\r\n  ngAfterViewInit(): void {\r\n    this.setClassMap();\r\n    this.setLabel();\r\n  }\r\n\r\n  setClassMap() {\r\n    this.classMap = {\r\n      [`${XAvatarPrefix}-${this.shape}`]: !XIsEmpty(this.shape)\r\n    };\r\n    if (XIsNumber(this.size)) {\r\n      const nsize = Number(this.size);\r\n      this.setStyleMap(nsize);\r\n      this.cdr.detectChanges();\r\n    } else if (XIsString(this.size)) {\r\n      this.classMap[`${XAvatarPrefix}-${this.size}`] = !XIsEmpty(this.size);\r\n      this.cdr.detectChanges();\r\n    } else if (XIsObject(this.size)) {\r\n      this.classMap[`${XAvatarPrefix}-medium`] = true;\r\n      const sz = this.size as XResponseSize;\r\n      let { xs, sm, md, lg, xl } = sz;\r\n      if (!xs && !sm && !md && !lg && !xl) return;\r\n      XResize(this.document.documentElement)\r\n        .pipe(takeUntil(this._unSubject))\r\n        .subscribe((x) => {\r\n          this._resizeObserver = x.resizeObserver;\r\n          const width = this.document.documentElement.clientWidth;\r\n          let nsize = 40;\r\n          if (xs && width < 768) {\r\n            nsize = xs;\r\n          }\r\n          if (sm && width >= 768) {\r\n            nsize = sm;\r\n          }\r\n          if (md && width >= 992) {\r\n            nsize = md;\r\n          }\r\n          if (lg && width >= 1200) {\r\n            nsize = lg;\r\n          }\r\n          if (xl && width >= 1920) {\r\n            nsize = xl;\r\n          }\r\n          this.setStyleMap(nsize);\r\n          this.cdr.detectChanges();\r\n          this.setLabel();\r\n        });\r\n    }\r\n  }\r\n\r\n  setStyleMap(size: number) {\r\n    this.styleMap = {\r\n      height: `${size}px`,\r\n      width: `${size}px`,\r\n      lineHeight: `${size}px`,\r\n      fontSize: `${size * 0.6}px`\r\n    };\r\n  }\r\n\r\n  setLabel() {\r\n    if (!this.label) return;\r\n    if (!this.elementRef || !this.labelRef) return;\r\n    const eleWidth = this.elementRef.nativeElement.clientWidth;\r\n    const labelWidth = this.labelRef.nativeElement.clientWidth;\r\n    let scale = (eleWidth - Number(this.gap) * 2) / labelWidth;\r\n    scale = scale > 1 ? 1 : scale;\r\n    this.renderer.setStyle(this.labelRef.nativeElement, 'transform', `scale(${scale})`);\r\n  }\r\n\r\n  imgError() {\r\n    this.isImgError = true;\r\n    this.cdr.detectChanges();\r\n  }\r\n}\r\n","<span\r\n  #avatar\r\n  class=\"x-avatar\"\r\n  [class.x-avatar-label]=\"label\"\r\n  [ngClass]=\"classMap\"\r\n  [class.x-avatar-error]=\"isImgError\"\r\n  [ngStyle]=\"styleMap\"\r\n  [style.backgroundColor]=\"backgroundColor\"\r\n>\r\n  <img *ngIf=\"src && !isImgError\" [src]=\"src\" [style.object-fit]=\"fit\" (error)=\"imgError()\" />\r\n  <x-icon *ngIf=\"icon\" [type]=\"icon\"></x-icon>\r\n  <x-icon *ngIf=\"isImgError\" type=\"fto-image\"></x-icon>\r\n  <span #labelRef *xOutlet=\"label; context: { $label: label }\">\r\n    {{ label }}\r\n  </span>\r\n</span>\r\n","import { Component, ViewEncapsulation, ChangeDetectionStrategy, HostBinding } from '@angular/core';\r\nimport { XAvatarGroupPrefix, XAvatarGroupProperty } from './avatar.property';\r\n\r\n@Component({\r\n  selector: `${XAvatarGroupPrefix}`,\r\n  templateUrl: './avatar-group.component.html',\r\n  styleUrls: ['./avatar-group.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XAvatarGroupComponent extends XAvatarGroupProperty {\r\n  @HostBinding('class.x-avatar-group') _has = true;\r\n  constructor() {\r\n    super();\r\n  }\r\n}\r\n","<ng-content></ng-content>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { XAvatarComponent } from './avatar.component';\r\nimport { XIconModule } from '@ng-nest/ui/icon';\r\nimport { XOutletModule } from '@ng-nest/ui/outlet';\r\nimport { XAvatarGroupProperty, XAvatarProperty } from './avatar.property';\r\nimport { XAvatarGroupComponent } from './avatar-group.component';\r\n\r\n@NgModule({\r\n  declarations: [XAvatarComponent, XAvatarProperty, XAvatarGroupComponent, XAvatarGroupProperty],\r\n  exports: [XAvatarComponent, XAvatarGroupComponent],\r\n  imports: [CommonModule, XOutletModule, XIconModule]\r\n})\r\nexport class XAvatarModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2015/ng-nest-ui-badge.mjs

@@ -2,7 +2,7 @@ import * as i0 from '@angular/core';
 import { Component, Input, ViewEncapsulation, ChangeDetectionStrategy, NgModule } from '@angular/core';
 import { __decorate } from 'tslib';
 import * as i1 from '@ng-nest/ui/core';
-import { XProperty, XWithConfig, XInputNumber, XInputBoolean, XIsArray, XIsChange, XIsEmpty, XIsNumber, XBadgeAnimation } from '@ng-nest/ui/core';
+import { XProperty, XWithConfig, XInputNumber, XInputBoolean, XIsArray, XIsChange, XIsEmpty, XIsNumber, XBadgeAnimation, XBadgeStandaloneAnimation } from '@ng-nest/ui/core';
 import * as i2 from '@angular/common';
 import { CommonModule } from '@angular/common';
 
@@ -32,7 +32,7 @@ class XBadgeProperty extends XProperty {
     }
 }
 /** @nocollapse */ XBadgeProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: XBadgeProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XBadgeProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: XBadgeProperty, selector: "ng-component", inputs: { type: "type", max: "max", value: "value", offset: "offset", dot: "dot" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
+/** @nocollapse */ XBadgeProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: XBadgeProperty, selector: "ng-component", inputs: { type: "type", max: "max", value: "value", offset: "offset", dot: "dot", standalone: "standalone" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
 __decorate([
     XWithConfig(X_CONFIG_NAME, 'danger')
 ], XBadgeProperty.prototype, "type", void 0);
@@ -42,6 +42,9 @@ __decorate([
 __decorate([
     XInputBoolean()
 ], XBadgeProperty.prototype, "dot", void 0);
+__decorate([
+    XInputBoolean()
+], XBadgeProperty.prototype, "standalone", void 0);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: XBadgeProperty, decorators: [{
             type: Component,
             args: [{ template: '' }]
@@ -55,6 +58,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImpor
                 type: Input
             }], dot: [{
                 type: Input
+            }], standalone: [{
+                type: Input
             }] } });
 
 class XBadgeComponent extends XBadgeProperty {
@@ -66,10 +71,13 @@ class XBadgeComponent extends XBadgeProperty {
         this.configService = configService;
         this.displayValue = '';
         this.viewInit = false;
+        this.range = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, '+'];
+        this.displayNums = [];
+        this.maxNums = [];
     }
-    get getOffsetLeft() {
+    get getOffsetRight() {
         if (this.offset && XIsArray(this.offset) && this.offset.length > 0) {
-            return this.offset[0];
+            return `-${this.offset[0]}`;
         }
         return null;
     }
@@ -86,8 +94,7 @@ class XBadgeComponent extends XBadgeProperty {
         const { value } = simples;
         XIsChange(value) && this.setDisplayValue();
     }
-    ngAfterViewInit() {
-    }
+    ngAfterViewInit() { }
     setClassMap() {
         this.classMap[`${XBadgePrefix}-${this.type}`] = !XIsEmpty(this.type);
     }
@@ -99,13 +106,27 @@ class XBadgeComponent extends XBadgeProperty {
         else {
             this.displayValue = `${this.value}`;
         }
+        let res = [];
+        for (let i = 0; i < this.displayValue.length; i++) {
+            let str = this.displayValue[i];
+            if (str === '+') {
+                res.push(str);
+            }
+            else {
+                res.push(Number(str));
+            }
+        }
+        this.displayNums = res;
+        if (this.displayNums.length != this.maxNums.length) {
+            this.maxNums = this.displayNums.map((_x, index) => index);
+        }
     }
 }
 /** @nocollapse */ XBadgeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: XBadgeComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XBadgeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: XBadgeComponent, selector: "x-badge", usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div #badge class=\"x-badge\" [ngClass]=\"classMap\" [class.x-badge-dot]=\"dot\" [class.x-badge-offset]=\"getOffsetLeft\">\r\n  <ng-content></ng-content>\r\n  <sup [@x-badge-animation] [style.marginLeft]=\"getOffsetLeft\" [style.marginTop]=\"getOffsetTop\">\r\n    <ng-container *ngIf=\"!dot\">{{ displayValue }}</ng-container>\r\n  </sup>\r\n</div>\r\n", styles: ["x-badge{display:inline-flex}.x-badge{margin:0;padding:0;font-size:var(--x-font-size);display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;text-align:center;position:relative}.x-badge>sup{position:absolute;top:0;right:0;transform:translate(50%,-50%);transform-origin:100% 0%;border-radius:.625rem;color:var(--x-white);display:inline-block;height:1.125rem;line-height:1.125rem;padding:0 .375rem;text-align:center;white-space:nowrap;box-shadow:0 0 0 .0625rem var(--x-white)}.x-badge-dot>sup{width:.5rem;height:.5rem;padding:0;right:.125rem;border-radius:50%}.x-badge-offset>sup{right:inherit}.x-badge-primary>sup{background-color:var(--x-primary)}.x-badge-success>sup{background-color:var(--x-success)}.x-badge-info>sup{background-color:var(--x-info)}.x-badge-warning>sup{background-color:var(--x-warning)}.x-badge-danger>sup{background-color:var(--x-danger)}.x-badge-text>sup{background-color:var(--x-text)}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], animations: [XBadgeAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+/** @nocollapse */ XBadgeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: XBadgeComponent, selector: "x-badge", usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div #badge class=\"x-badge\" [ngClass]=\"classMap\" [class.x-badge-dot]=\"dot\" [class.x-badge-standalone]=\"standalone\">\r\n  <ng-content></ng-content>\r\n  <ng-container *ngIf=\"value > 0 || dot\">\r\n    <sup *ngIf=\"standalone\" [@x-badge-standalone-animation] [style.marginRight]=\"getOffsetRight\" [style.marginTop]=\"getOffsetTop\">\r\n      <ng-container *ngIf=\"!dot\">\r\n        <ng-container *ngTemplateOutlet=\"diaplayValueTpl\"></ng-container>\r\n      </ng-container>\r\n    </sup>\r\n    <sup *ngIf=\"!standalone\" [@x-badge-animation] [style.marginRight]=\"getOffsetRight\" [style.marginTop]=\"getOffsetTop\">\r\n      <ng-container *ngIf=\"!dot\">\r\n        <ng-container *ngTemplateOutlet=\"diaplayValueTpl\"></ng-container>\r\n      </ng-container>\r\n    </sup>\r\n  </ng-container>\r\n</div>\r\n\r\n<ng-template #diaplayValueTpl>\r\n  <span\r\n    class=\"x-badge-scroll\"\r\n    *ngFor=\"let item of maxNums; let i = index\"\r\n    [style.transform]=\"'translateY(-' + (displayNums[i] == '+' ? 10 : displayNums[i]) * 100 + '%)'\"\r\n  >\r\n    <p *ngFor=\"let j of range\">{{ j }}</p>\r\n  </span>\r\n</ng-template>\r\n", styles: ["x-badge{display:inline-block}.x-badge{margin:0;padding:0;font-size:var(--x-font-size);display:inline-block;box-sizing:border-box;text-align:center;position:relative}.x-badge>sup{position:absolute;top:0;right:0;overflow:hidden;transform:translate(50%,-50%);transform-origin:100% 0%;border-radius:.625rem;color:var(--x-white);display:inline-block;height:1.125rem;line-height:1.125rem;padding:0 .375rem;text-align:center;white-space:nowrap;box-shadow:0 0 0 .0625rem var(--x-white);vertical-align:middle}.x-badge-dot>sup{width:.5rem;height:.5rem;padding:0;right:0;border-radius:50%}.x-badge-standalone>sup{position:initial;transform:initial;transform-origin:initial}.x-badge-scroll{position:relative;height:1.125rem;display:inline-block;transition:transform var(--x-animation-duration-base) ease-in-out}.x-badge-primary>sup{background-color:var(--x-primary)}.x-badge-success>sup{background-color:var(--x-success)}.x-badge-info>sup{background-color:var(--x-info)}.x-badge-warning>sup{background-color:var(--x-warning)}.x-badge-danger>sup{background-color:var(--x-danger)}.x-badge-text>sup{background-color:var(--x-text)}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], animations: [XBadgeAnimation, XBadgeStandaloneAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: XBadgeComponent, decorators: [{
             type: Component,
-            args: [{ selector: `${XBadgePrefix}`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, animations: [XBadgeAnimation], template: "<div #badge class=\"x-badge\" [ngClass]=\"classMap\" [class.x-badge-dot]=\"dot\" [class.x-badge-offset]=\"getOffsetLeft\">\r\n  <ng-content></ng-content>\r\n  <sup [@x-badge-animation] [style.marginLeft]=\"getOffsetLeft\" [style.marginTop]=\"getOffsetTop\">\r\n    <ng-container *ngIf=\"!dot\">{{ displayValue }}</ng-container>\r\n  </sup>\r\n</div>\r\n", styles: ["x-badge{display:inline-flex}.x-badge{margin:0;padding:0;font-size:var(--x-font-size);display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;text-align:center;position:relative}.x-badge>sup{position:absolute;top:0;right:0;transform:translate(50%,-50%);transform-origin:100% 0%;border-radius:.625rem;color:var(--x-white);display:inline-block;height:1.125rem;line-height:1.125rem;padding:0 .375rem;text-align:center;white-space:nowrap;box-shadow:0 0 0 .0625rem var(--x-white)}.x-badge-dot>sup{width:.5rem;height:.5rem;padding:0;right:.125rem;border-radius:50%}.x-badge-offset>sup{right:inherit}.x-badge-primary>sup{background-color:var(--x-primary)}.x-badge-success>sup{background-color:var(--x-success)}.x-badge-info>sup{background-color:var(--x-info)}.x-badge-warning>sup{background-color:var(--x-warning)}.x-badge-danger>sup{background-color:var(--x-danger)}.x-badge-text>sup{background-color:var(--x-text)}\n"] }]
+            args: [{ selector: `${XBadgePrefix}`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, animations: [XBadgeAnimation, XBadgeStandaloneAnimation], template: "<div #badge class=\"x-badge\" [ngClass]=\"classMap\" [class.x-badge-dot]=\"dot\" [class.x-badge-standalone]=\"standalone\">\r\n  <ng-content></ng-content>\r\n  <ng-container *ngIf=\"value > 0 || dot\">\r\n    <sup *ngIf=\"standalone\" [@x-badge-standalone-animation] [style.marginRight]=\"getOffsetRight\" [style.marginTop]=\"getOffsetTop\">\r\n      <ng-container *ngIf=\"!dot\">\r\n        <ng-container *ngTemplateOutlet=\"diaplayValueTpl\"></ng-container>\r\n      </ng-container>\r\n    </sup>\r\n    <sup *ngIf=\"!standalone\" [@x-badge-animation] [style.marginRight]=\"getOffsetRight\" [style.marginTop]=\"getOffsetTop\">\r\n      <ng-container *ngIf=\"!dot\">\r\n        <ng-container *ngTemplateOutlet=\"diaplayValueTpl\"></ng-container>\r\n      </ng-container>\r\n    </sup>\r\n  </ng-container>\r\n</div>\r\n\r\n<ng-template #diaplayValueTpl>\r\n  <span\r\n    class=\"x-badge-scroll\"\r\n    *ngFor=\"let item of maxNums; let i = index\"\r\n    [style.transform]=\"'translateY(-' + (displayNums[i] == '+' ? 10 : displayNums[i]) * 100 + '%)'\"\r\n  >\r\n    <p *ngFor=\"let j of range\">{{ j }}</p>\r\n  </span>\r\n</ng-template>\r\n", styles: ["x-badge{display:inline-block}.x-badge{margin:0;padding:0;font-size:var(--x-font-size);display:inline-block;box-sizing:border-box;text-align:center;position:relative}.x-badge>sup{position:absolute;top:0;right:0;overflow:hidden;transform:translate(50%,-50%);transform-origin:100% 0%;border-radius:.625rem;color:var(--x-white);display:inline-block;height:1.125rem;line-height:1.125rem;padding:0 .375rem;text-align:center;white-space:nowrap;box-shadow:0 0 0 .0625rem var(--x-white);vertical-align:middle}.x-badge-dot>sup{width:.5rem;height:.5rem;padding:0;right:0;border-radius:50%}.x-badge-standalone>sup{position:initial;transform:initial;transform-origin:initial}.x-badge-scroll{position:relative;height:1.125rem;display:inline-block;transition:transform var(--x-animation-duration-base) ease-in-out}.x-badge-primary>sup{background-color:var(--x-primary)}.x-badge-success>sup{background-color:var(--x-success)}.x-badge-info>sup{background-color:var(--x-info)}.x-badge-warning>sup{background-color:var(--x-warning)}.x-badge-danger>sup{background-color:var(--x-danger)}.x-badge-text>sup{background-color:var(--x-text)}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.XConfigService }]; } });
 
 class XBadgeModule {

package/fesm2015/ng-nest-ui-badge.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-nest-ui-badge.mjs","sources":["../../../../lib/ng-nest/ui/badge/badge.property.ts","../../../../lib/ng-nest/ui/badge/badge.component.ts","../../../../lib/ng-nest/ui/badge/badge.component.html","../../../../lib/ng-nest/ui/badge/badge.module.ts","../../../../lib/ng-nest/ui/badge/ng-nest-ui-badge.ts"],"sourcesContent":["import { XProperty, XInputNumber, XInputBoolean, XNumber, XBoolean, XType, XWithConfig } from '@ng-nest/ui/core';\r\nimport { Input, Component } from '@angular/core';\r\n\r\n/**\r\n * Badge\r\n * @selector x-badge\r\n * @decorator component\r\n */\r\nexport const XBadgePrefix = 'x-badge';\r\nconst X_CONFIG_NAME = 'badge';\r\n\r\n/**\r\n * Badge Property\r\n */\r\n@Component({ template: '' })\r\nexport class XBadgeProperty extends XProperty {\r\n  /**\r\n   * @zh_CN 背景颜色\r\n   * @en_US Background color\r\n   */\r\n  @Input() @XWithConfig<XBadgeType>(X_CONFIG_NAME, 'danger') type?: XBadgeType;\r\n  /**\r\n   * @zh_CN 最大值\r\n   * @en_US Max\r\n   */\r\n  @Input() @XInputNumber() max?: XNumber;\r\n  /**\r\n   * @zh_CN 显示值\r\n   * @en_US Display value\r\n   */\r\n  @Input() value: XNumber = '';\r\n  /**\r\n   * @zh_CN 偏移值 [left, top]\r\n   * @en_US Offset value\r\n   */\r\n  @Input() offset: (number | string)[] = [];\r\n  /**\r\n   * @zh_CN 是否显示小红点\r\n   * @en_US Whether to show the small red dot\r\n   */\r\n  @Input() @XInputBoolean() dot?: XBoolean;\r\n}\r\n\r\n/**\r\n * @zh_CN 标记类型\r\n * @en_US Mark type\r\n */\r\nexport type XBadgeType = XType;\r\n","import {\r\n  Component,\r\n  OnInit,\r\n  ViewEncapsulation,\r\n  Renderer2,\r\n  ElementRef,\r\n  ChangeDetectorRef,\r\n  ChangeDetectionStrategy,\r\n  SimpleChanges,\r\n  OnChanges\r\n} from '@angular/core';\r\nimport { XBadgePrefix, XBadgeProperty } from './badge.property';\r\nimport { XIsNumber, XIsChange, XIsEmpty, XConfigService, XIsArray, XBadgeAnimation } from '@ng-nest/ui/core';\r\n\r\n@Component({\r\n  selector: `${XBadgePrefix}`,\r\n  templateUrl: './badge.component.html',\r\n  styleUrls: ['./badge.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  animations: [XBadgeAnimation]\r\n})\r\nexport class XBadgeComponent extends XBadgeProperty implements OnInit, OnChanges {\r\n  displayValue: string = '';\r\n  viewInit = false;\r\n\r\n  get getOffsetLeft() {\r\n    if (this.offset && XIsArray(this.offset) && this.offset.length > 0) {\r\n      return this.offset[0];\r\n    }\r\n    return null;\r\n  }\r\n\r\n  get getOffsetTop() {\r\n    if (this.offset && XIsArray(this.offset) && this.offset.length > 1) {\r\n      return this.offset[1];\r\n    }\r\n    return null;\r\n  }\r\n\r\n  constructor(\r\n    public renderer: Renderer2,\r\n    public elementRef: ElementRef,\r\n    public cdr: ChangeDetectorRef,\r\n    public configService: XConfigService\r\n  ) {\r\n    super();\r\n  }\r\n\r\n  ngOnInit() {\r\n    this.setClassMap();\r\n  }\r\n\r\n  ngOnChanges(simples: SimpleChanges) {\r\n    const { value } = simples;\r\n    XIsChange(value) && this.setDisplayValue();\r\n  }\r\n\r\n  ngAfterViewInit() {\r\n  }\r\n\r\n  setClassMap() {\r\n    this.classMap[`${XBadgePrefix}-${this.type}`] = !XIsEmpty(this.type);\r\n  }\r\n\r\n  setDisplayValue() {\r\n    let toNumber = Number(this.value);\r\n    if (XIsNumber(toNumber) && this.max && toNumber > this.max) {\r\n      this.displayValue = `${this.max}+`;\r\n    } else {\r\n      this.displayValue = `${this.value}`;\r\n    }\r\n  }\r\n}\r\n","<div #badge class=\"x-badge\" [ngClass]=\"classMap\" [class.x-badge-dot]=\"dot\" [class.x-badge-offset]=\"getOffsetLeft\">\r\n  <ng-content></ng-content>\r\n  <sup [@x-badge-animation] [style.marginLeft]=\"getOffsetLeft\" [style.marginTop]=\"getOffsetTop\">\r\n    <ng-container *ngIf=\"!dot\">{{ displayValue }}</ng-container>\r\n  </sup>\r\n</div>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { XBadgeComponent } from './badge.component';\r\nimport { XBadgeProperty } from './badge.property';\r\n\r\n@NgModule({\r\n  declarations: [XBadgeComponent, XBadgeProperty],\r\n  exports: [XBadgeComponent],\r\n  imports: [CommonModule]\r\n})\r\nexport class XBadgeModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ng-nest-ui-badge.mjs","sources":["../../../../lib/ng-nest/ui/badge/badge.property.ts","../../../../lib/ng-nest/ui/badge/badge.component.ts","../../../../lib/ng-nest/ui/badge/badge.component.html","../../../../lib/ng-nest/ui/badge/badge.module.ts","../../../../lib/ng-nest/ui/badge/ng-nest-ui-badge.ts"],"sourcesContent":["import { XProperty, XInputNumber, XInputBoolean, XNumber, XBoolean, XType, XWithConfig } from '@ng-nest/ui/core';\r\nimport { Input, Component } from '@angular/core';\r\n\r\n/**\r\n * Badge\r\n * @selector x-badge\r\n * @decorator component\r\n */\r\nexport const XBadgePrefix = 'x-badge';\r\nconst X_CONFIG_NAME = 'badge';\r\n\r\n/**\r\n * Badge Property\r\n */\r\n@Component({ template: '' })\r\nexport class XBadgeProperty extends XProperty {\r\n  /**\r\n   * @zh_CN 背景颜色\r\n   * @en_US Background color\r\n   */\r\n  @Input() @XWithConfig<XBadgeType>(X_CONFIG_NAME, 'danger') type?: XBadgeType;\r\n  /**\r\n   * @zh_CN 最大值\r\n   * @en_US Max\r\n   */\r\n  @Input() @XInputNumber() max?: XNumber;\r\n  /**\r\n   * @zh_CN 显示值\r\n   * @en_US Display value\r\n   */\r\n  @Input() value: XNumber = '';\r\n  /**\r\n   * @zh_CN 偏移值 [left, top]\r\n   * @en_US Offset value\r\n   */\r\n  @Input() offset: (number | string)[] = [];\r\n  /**\r\n   * @zh_CN 是否显示小红点\r\n   * @en_US Whether to show the small red dot\r\n   */\r\n  @Input() @XInputBoolean() dot?: XBoolean;\r\n  /**\r\n   * @zh_CN 独立使用\r\n   * @en_US Independent use\r\n   */\r\n  @Input() @XInputBoolean() standalone?: XBoolean;\r\n}\r\n\r\n/**\r\n * @zh_CN 标记类型\r\n * @en_US Mark type\r\n */\r\nexport type XBadgeType = XType;\r\n","import {\r\n  Component,\r\n  OnInit,\r\n  ViewEncapsulation,\r\n  Renderer2,\r\n  ElementRef,\r\n  ChangeDetectorRef,\r\n  ChangeDetectionStrategy,\r\n  SimpleChanges,\r\n  OnChanges\r\n} from '@angular/core';\r\nimport { XBadgePrefix, XBadgeProperty } from './badge.property';\r\nimport { XIsNumber, XIsChange, XIsEmpty, XConfigService, XIsArray, XBadgeAnimation, XBadgeStandaloneAnimation } from '@ng-nest/ui/core';\r\n\r\n@Component({\r\n  selector: `${XBadgePrefix}`,\r\n  templateUrl: './badge.component.html',\r\n  styleUrls: ['./badge.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  animations: [XBadgeAnimation, XBadgeStandaloneAnimation]\r\n})\r\nexport class XBadgeComponent extends XBadgeProperty implements OnInit, OnChanges {\r\n  displayValue: string = '';\r\n  viewInit = false;\r\n  range = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, '+'];\r\n  displayNums: any[] = [];\r\n  maxNums: number[] = [];\r\n\r\n  get getOffsetRight() {\r\n    if (this.offset && XIsArray(this.offset) && this.offset.length > 0) {\r\n      return `-${this.offset[0]}`;\r\n    }\r\n    return null;\r\n  }\r\n\r\n  get getOffsetTop() {\r\n    if (this.offset && XIsArray(this.offset) && this.offset.length > 1) {\r\n      return this.offset[1];\r\n    }\r\n    return null;\r\n  }\r\n\r\n  constructor(\r\n    public renderer: Renderer2,\r\n    public elementRef: ElementRef,\r\n    public cdr: ChangeDetectorRef,\r\n    public configService: XConfigService\r\n  ) {\r\n    super();\r\n  }\r\n\r\n  ngOnInit() {\r\n    this.setClassMap();\r\n  }\r\n\r\n  ngOnChanges(simples: SimpleChanges) {\r\n    const { value } = simples;\r\n    XIsChange(value) && this.setDisplayValue();\r\n  }\r\n\r\n  ngAfterViewInit() {}\r\n\r\n  setClassMap() {\r\n    this.classMap[`${XBadgePrefix}-${this.type}`] = !XIsEmpty(this.type);\r\n  }\r\n\r\n  setDisplayValue() {\r\n    let toNumber = Number(this.value);\r\n    if (XIsNumber(toNumber) && this.max && toNumber > this.max) {\r\n      this.displayValue = `${this.max}+`;\r\n    } else {\r\n      this.displayValue = `${this.value}`;\r\n    }\r\n    let res: any = [];\r\n    for (let i = 0; i < this.displayValue.length; i++) {\r\n      let str = this.displayValue[i];\r\n      if (str === '+') {\r\n        res.push(str);\r\n      } else {\r\n        res.push(Number(str));\r\n      }\r\n    }\r\n    this.displayNums = res;\r\n    if (this.displayNums.length != this.maxNums.length) {\r\n      this.maxNums = this.displayNums.map((_x, index) => index) as number[];\r\n    }\r\n  }\r\n}\r\n","<div #badge class=\"x-badge\" [ngClass]=\"classMap\" [class.x-badge-dot]=\"dot\" [class.x-badge-standalone]=\"standalone\">\r\n  <ng-content></ng-content>\r\n  <ng-container *ngIf=\"value > 0 || dot\">\r\n    <sup *ngIf=\"standalone\" [@x-badge-standalone-animation] [style.marginRight]=\"getOffsetRight\" [style.marginTop]=\"getOffsetTop\">\r\n      <ng-container *ngIf=\"!dot\">\r\n        <ng-container *ngTemplateOutlet=\"diaplayValueTpl\"></ng-container>\r\n      </ng-container>\r\n    </sup>\r\n    <sup *ngIf=\"!standalone\" [@x-badge-animation] [style.marginRight]=\"getOffsetRight\" [style.marginTop]=\"getOffsetTop\">\r\n      <ng-container *ngIf=\"!dot\">\r\n        <ng-container *ngTemplateOutlet=\"diaplayValueTpl\"></ng-container>\r\n      </ng-container>\r\n    </sup>\r\n  </ng-container>\r\n</div>\r\n\r\n<ng-template #diaplayValueTpl>\r\n  <span\r\n    class=\"x-badge-scroll\"\r\n    *ngFor=\"let item of maxNums; let i = index\"\r\n    [style.transform]=\"'translateY(-' + (displayNums[i] == '+' ? 10 : displayNums[i]) * 100 + '%)'\"\r\n  >\r\n    <p *ngFor=\"let j of range\">{{ j }}</p>\r\n  </span>\r\n</ng-template>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { XBadgeComponent } from './badge.component';\r\nimport { XBadgeProperty } from './badge.property';\r\n\r\n@NgModule({\r\n  declarations: [XBadgeComponent, XBadgeProperty],\r\n  exports: [XBadgeComponent],\r\n  imports: [CommonModule]\r\n})\r\nexport class XBadgeModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2015/ng-nest-ui-base-form.mjs

@@ -1,7 +1,7 @@
 import { __decorate } from 'tslib';
 import * as i0 from '@angular/core';
 import { EventEmitter, Component, Input, Output, forwardRef, NgModule } from '@angular/core';
-import { XProperty, XInputBoolean, XIsEmpty, setFlex } from '@ng-nest/ui/core';
+import { XProperty, XInputBoolean, XIsEmpty, XIsUndefined, setFlex, XIsFunction } from '@ng-nest/ui/core';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
 
 /**
@@ -69,7 +69,7 @@ class XFormProp extends XProperty {
     }
 }
 /** @nocollapse */ XFormProp.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: XFormProp, deps: null, target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XFormProp.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: XFormProp, selector: "ng-component", inputs: { label: "label", labelWidth: "labelWidth", labelAlign: "labelAlign", justify: "justify", align: "align", direction: "direction", size: "size", placeholder: "placeholder", disabled: "disabled", required: "required", readonly: "readonly", valueTpl: "valueTpl", valueTplContext: "valueTplContext", before: "before", after: "after", pattern: "pattern", message: "message", active: "active", pointer: "pointer" }, outputs: { activeChange: "activeChange" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
+/** @nocollapse */ XFormProp.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: XFormProp, selector: "ng-component", inputs: { label: "label", labelWidth: "labelWidth", labelAlign: "labelAlign", justify: "justify", align: "align", direction: "direction", size: "size", placeholder: "placeholder", disabled: "disabled", required: "required", readonly: "readonly", valueTpl: "valueTpl", valueTplContext: "valueTplContext", before: "before", after: "after", pattern: "pattern", message: "message", active: "active", pointer: "pointer", inputValidator: "inputValidator" }, outputs: { activeChange: "activeChange" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
 __decorate([
     XInputBoolean()
 ], XFormProp.prototype, "disabled", void 0);
@@ -126,6 +126,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImpor
                 type: Input
             }], pointer: [{
                 type: Input
+            }], inputValidator: [{
+                type: Input
             }], activeChange: [{
                 type: Output
             }] } });
@@ -136,12 +138,13 @@ class XControlValueAccessor extends XFormProp {
         this.invalidIndex = 0;
         this.labelMap = {};
         this.validator = false;
+        this.invalidInputValidator = false;
     }
     get invalid() {
-        return this.validator && !XIsEmpty(this.value) && this.invalidPattern;
+        return this.validator && ((!XIsEmpty(this.value) && this.invalidPattern) || this.invalidInputValidator);
     }
     get invalidPattern() {
-        if (!this.validator)
+        if (!this.validator || XIsUndefined(this.pattern))
             return false;
         let result = false;
         let index = 0;
@@ -200,6 +203,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImpor
         }] });
 function XValueAccessor(component) {
     return { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => component), multi: true };
+}
+function XFormInputValidator(func) {
+    return (control) => {
+        if (!XIsFunction(func))
+            return null;
+        const invalid = !func(control.value);
+        return invalid ? { inputValidator: true } : null;
+    };
 }
 
 class XBaseFormModule {
@@ -219,5 +230,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { XBaseFormModule, XControlValueAccessor, XFormProp, XValueAccessor };
+export { XBaseFormModule, XControlValueAccessor, XFormInputValidator, XFormProp, XValueAccessor };
 //# sourceMappingURL=ng-nest-ui-base-form.mjs.map

package/fesm2015/ng-nest-ui-base-form.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-nest-ui-base-form.mjs","sources":["../../../../lib/ng-nest/ui/base-form/base-form.property.ts","../../../../lib/ng-nest/ui/base-form/base-form.component.ts","../../../../lib/ng-nest/ui/base-form/base-form.module.ts","../../../../lib/ng-nest/ui/base-form/ng-nest-ui-base-form.ts"],"sourcesContent":["import { Component, EventEmitter, Input, Output, TemplateRef } from '@angular/core';\r\nimport { XAlign, XBoolean, XDirection, XInputBoolean, XJustify, XProperty, XSize, XTemplate } from '@ng-nest/ui/core';\r\n\r\n/**\r\n * 表单对象共有的参数\r\n */\r\n@Component({ template: '' })\r\nexport class XFormProp extends XProperty {\r\n  /**\r\n   * 标签\r\n   */\r\n  @Input() label?: string = '';\r\n  /**\r\n   * 标签宽度\r\n   */\r\n  @Input() labelWidth?: string = '';\r\n  /**\r\n   * 标签文字对齐方式\r\n   */\r\n  @Input() labelAlign?: XAlign = 'start';\r\n  /**\r\n   * flex 布局下的子元素水平排列方式\r\n   */\r\n  @Input() justify?: XJustify = 'start';\r\n  /**\r\n   * flex 布局下的子元素垂直排列方式\r\n   */\r\n  @Input() align?: XAlign = 'start';\r\n  /**\r\n   * flex 布局下的子元素排列方向\r\n   */\r\n  @Input() direction?: XDirection = 'column';\r\n  /**\r\n   * 尺寸\r\n   */\r\n  @Input() size?: XSize = 'medium';\r\n  /**\r\n   * 输入提示信息\r\n   */\r\n  @Input() placeholder?: string = '';\r\n  /**\r\n   * 禁用\r\n   */\r\n  @Input() @XInputBoolean() disabled: XBoolean = false;\r\n  /**\r\n   * 必填\r\n   */\r\n  @Input() @XInputBoolean() required: XBoolean = false;\r\n  /**\r\n   * 只读\r\n   */\r\n  @Input() @XInputBoolean() readonly: XBoolean = false;\r\n  /**\r\n   * @zh_CN 值模板\r\n   * @en_US Node template\r\n   */\r\n  @Input() valueTpl?: TemplateRef<any>;\r\n  /**\r\n   * @zh_CN 值模板参数\r\n   * @en_US Node template\r\n   */\r\n  @Input() valueTplContext: any;\r\n  /**\r\n   * @zh_CN 前置标签\r\n   * @en_US Before label\r\n   */\r\n  @Input() before!: XTemplate;\r\n  /**\r\n   * @zh_CN 后置标签\r\n   * @en_US After label\r\n   */\r\n  @Input() after!: XTemplate;\r\n  /**\r\n   * 正则验证规则\r\n   */\r\n  @Input() pattern?: any;\r\n  /**\r\n   * 验证不通过提示文字\r\n   */\r\n  @Input() message?: string | string[];\r\n  /**\r\n   * 激活状态\r\n   */\r\n  @Input() @XInputBoolean() active: XBoolean = false;\r\n  /**\r\n   * 输入框点击样式\r\n   */\r\n  @Input() @XInputBoolean() pointer: XBoolean = false;\r\n  /**\r\n   * 激活状态\r\n   */\r\n  @Output() activeChange = new EventEmitter<XBoolean>();\r\n}\r\n\r\nexport interface XFormOption {\r\n  /**\r\n   * 标签\r\n   */\r\n  label?: any;\r\n  /**\r\n   * 标签宽度\r\n   */\r\n  labelWidth?: string;\r\n  /**\r\n   * 标签文字对齐方式\r\n   */\r\n  labelAlign?: XAlign;\r\n  /**\r\n   * flex 布局下的子元素水平排列方式\r\n   */\r\n  justify?: XJustify;\r\n  /**\r\n   * flex 布局下的子元素垂直排列方式\r\n   */\r\n  align?: XAlign;\r\n  /**\r\n   * flex 布局下的子元素排列方向\r\n   */\r\n  direction?: XDirection;\r\n  /**\r\n   * 尺寸\r\n   */\r\n  size?: XSize;\r\n  /**\r\n   * 输入提示信息\r\n   */\r\n  placeholder?: string;\r\n  /**\r\n   * 禁用\r\n   */\r\n  disabled?: XBoolean;\r\n  /**\r\n   * 必填\r\n   */\r\n  required?: XBoolean;\r\n  /**\r\n   * 正则验证规则\r\n   */\r\n  pattern?: RegExp | RegExp[];\r\n  /**\r\n   * 验证不通过提示文字\r\n   */\r\n  message?: string | string[];\r\n  /**\r\n   * 激活状态\r\n   */\r\n  active?: XBoolean;\r\n  /**\r\n   * 输入框点击样式\r\n   */\r\n  pointer?: XBoolean;\r\n}\r\n","import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\r\nimport { ChangeDetectorRef, Component, forwardRef, Renderer2, Type } from '@angular/core';\r\nimport { XJustify, XAlign, XDirection, XIsEmpty, XClassMap, setFlex, XBoolean } from '@ng-nest/ui/core';\r\nimport { XFormProp } from './base-form.property';\r\n\r\n@Component({ template: '' })\r\nexport class XControlValueAccessor<T> extends XFormProp implements ControlValueAccessor {\r\n  get invalid() {\r\n    return this.validator && !XIsEmpty(this.value) && this.invalidPattern;\r\n  }\r\n  get invalidPattern(): boolean {\r\n    if (!this.validator) return false;\r\n    let result = false;\r\n    let index = 0;\r\n    if (Array.isArray(this.pattern)) {\r\n      for (const pt of this.pattern) {\r\n        result = !new RegExp(pt).test(this.value as any);\r\n        if (result) {\r\n          this.invalidIndex = index;\r\n          break;\r\n        }\r\n        index++;\r\n      }\r\n    } else {\r\n      result = !new RegExp(this.pattern as RegExp).test(this.value as any);\r\n    }\r\n    return result;\r\n  }\r\n  get requiredIsEmpty() {\r\n    return this.validator && this.required && XIsEmpty(this.value);\r\n  }\r\n  get invalidMessage(): string {\r\n    if (!this.validator) return '';\r\n    if (Array.isArray(this.message)) {\r\n      return this.message.length > this.invalidIndex ? this.message[this.invalidIndex] : '';\r\n    } else {\r\n      return this.message as string;\r\n    }\r\n  }\r\n  cdr!: ChangeDetectorRef;\r\n  invalidIndex: number = 0;\r\n  labelMap: XClassMap = {};\r\n  value!: T;\r\n  validator: XBoolean = false;\r\n  onChange!: (value: T) => void;\r\n  onTouched!: () => void;\r\n  writeValue(value: T): void {\r\n    this.value = value;\r\n  }\r\n  registerOnChange(fn: (value: T) => void): void {\r\n    this.onChange = fn;\r\n  }\r\n  registerOnTouched(fn: () => void): void {\r\n    this.onTouched = fn;\r\n  }\r\n  setDisabledState(disabled: boolean) {\r\n    this.disabled = disabled;\r\n  }\r\n  setFlex(ele: Element, renderer: Renderer2, justify?: XJustify, align?: XAlign, direction?: XDirection) {\r\n    return setFlex(ele, renderer, justify, align, direction);\r\n  }\r\n  formControlValidator() {\r\n    this.validator = true;\r\n  }\r\n}\r\n\r\nexport function XValueAccessor<T>(component: Type<T>) {\r\n  return { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => component), multi: true };\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { XControlValueAccessor } from './base-form.component';\r\nimport { XFormProp } from './base-form.property';\r\n\r\n@NgModule({\r\n  declarations: [XControlValueAccessor, XFormProp],\r\n  exports: [XControlValueAccessor, XFormProp]\r\n})\r\nexport class XBaseFormModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ng-nest-ui-base-form.mjs","sources":["../../../../lib/ng-nest/ui/base-form/base-form.property.ts","../../../../lib/ng-nest/ui/base-form/base-form.component.ts","../../../../lib/ng-nest/ui/base-form/base-form.module.ts","../../../../lib/ng-nest/ui/base-form/ng-nest-ui-base-form.ts"],"sourcesContent":["import { Component, EventEmitter, Input, Output, TemplateRef } from '@angular/core';\r\nimport { XAlign, XBoolean, XDirection, XInputBoolean, XJustify, XProperty, XSize, XTemplate } from '@ng-nest/ui/core';\r\n\r\n/**\r\n * 表单对象共有的参数\r\n */\r\n@Component({ template: '' })\r\nexport class XFormProp extends XProperty {\r\n  /**\r\n   * 标签\r\n   */\r\n  @Input() label?: string = '';\r\n  /**\r\n   * 标签宽度\r\n   */\r\n  @Input() labelWidth?: string = '';\r\n  /**\r\n   * 标签文字对齐方式\r\n   */\r\n  @Input() labelAlign?: XAlign = 'start';\r\n  /**\r\n   * flex 布局下的子元素水平排列方式\r\n   */\r\n  @Input() justify?: XJustify = 'start';\r\n  /**\r\n   * flex 布局下的子元素垂直排列方式\r\n   */\r\n  @Input() align?: XAlign = 'start';\r\n  /**\r\n   * flex 布局下的子元素排列方向\r\n   */\r\n  @Input() direction?: XDirection = 'column';\r\n  /**\r\n   * 尺寸\r\n   */\r\n  @Input() size?: XSize = 'medium';\r\n  /**\r\n   * 输入提示信息\r\n   */\r\n  @Input() placeholder?: string = '';\r\n  /**\r\n   * 禁用\r\n   */\r\n  @Input() @XInputBoolean() disabled: XBoolean = false;\r\n  /**\r\n   * 必填\r\n   */\r\n  @Input() @XInputBoolean() required: XBoolean = false;\r\n  /**\r\n   * 只读\r\n   */\r\n  @Input() @XInputBoolean() readonly: XBoolean = false;\r\n  /**\r\n   * @zh_CN 值模板\r\n   * @en_US Node template\r\n   */\r\n  @Input() valueTpl?: TemplateRef<any>;\r\n  /**\r\n   * @zh_CN 值模板参数\r\n   * @en_US Node template\r\n   */\r\n  @Input() valueTplContext: any;\r\n  /**\r\n   * @zh_CN 前置标签\r\n   * @en_US Before label\r\n   */\r\n  @Input() before!: XTemplate;\r\n  /**\r\n   * @zh_CN 后置标签\r\n   * @en_US After label\r\n   */\r\n  @Input() after!: XTemplate;\r\n  /**\r\n   * 正则验证规则\r\n   */\r\n  @Input() pattern?: any;\r\n  /**\r\n   * 验证不通过提示文字\r\n   */\r\n  @Input() message?: string | string[];\r\n  /**\r\n   * 激活状态\r\n   */\r\n  @Input() @XInputBoolean() active: XBoolean = false;\r\n  /**\r\n   * 输入框点击样式\r\n   */\r\n  @Input() @XInputBoolean() pointer: XBoolean = false;\r\n  /**\r\n   * 输入验证函数\r\n   */\r\n  @Input() inputValidator!: (value: any) => boolean;\r\n  /**\r\n   * 激活状态\r\n   */\r\n  @Output() activeChange = new EventEmitter<XBoolean>();\r\n}\r\n\r\nexport interface XFormOption {\r\n  /**\r\n   * 标签\r\n   */\r\n  label?: any;\r\n  /**\r\n   * 标签宽度\r\n   */\r\n  labelWidth?: string;\r\n  /**\r\n   * 标签文字对齐方式\r\n   */\r\n  labelAlign?: XAlign;\r\n  /**\r\n   * flex 布局下的子元素水平排列方式\r\n   */\r\n  justify?: XJustify;\r\n  /**\r\n   * flex 布局下的子元素垂直排列方式\r\n   */\r\n  align?: XAlign;\r\n  /**\r\n   * flex 布局下的子元素排列方向\r\n   */\r\n  direction?: XDirection;\r\n  /**\r\n   * 尺寸\r\n   */\r\n  size?: XSize;\r\n  /**\r\n   * 输入提示信息\r\n   */\r\n  placeholder?: string;\r\n  /**\r\n   * 禁用\r\n   */\r\n  disabled?: XBoolean;\r\n  /**\r\n   * 必填\r\n   */\r\n  required?: XBoolean;\r\n  /**\r\n   * 正则验证规则\r\n   */\r\n  pattern?: RegExp | RegExp[];\r\n  /**\r\n   * 验证不通过提示文字\r\n   */\r\n  message?: string | string[];\r\n  /**\r\n   * 激活状态\r\n   */\r\n  active?: XBoolean;\r\n  /**\r\n   * 输入框点击样式\r\n   */\r\n  pointer?: XBoolean;\r\n  /**\r\n   * 输入验证函数\r\n   */\r\n  inputValidator?: (value: any) => boolean;\r\n}\r\n","import { AbstractControl, ControlValueAccessor, NG_VALUE_ACCESSOR, ValidationErrors, ValidatorFn } from '@angular/forms';\r\nimport { ChangeDetectorRef, Component, forwardRef, Renderer2, Type } from '@angular/core';\r\nimport { XJustify, XAlign, XDirection, XIsEmpty, XClassMap, setFlex, XBoolean, XIsUndefined, XIsFunction } from '@ng-nest/ui/core';\r\nimport { XFormProp } from './base-form.property';\r\n\r\n@Component({ template: '' })\r\nexport class XControlValueAccessor<T> extends XFormProp implements ControlValueAccessor {\r\n  get invalid() {\r\n    return this.validator && ((!XIsEmpty(this.value) && this.invalidPattern) || this.invalidInputValidator);\r\n  }\r\n  get invalidPattern(): boolean {\r\n    if (!this.validator || XIsUndefined(this.pattern)) return false;\r\n    let result = false;\r\n    let index = 0;\r\n    if (Array.isArray(this.pattern)) {\r\n      for (const pt of this.pattern) {\r\n        result = !new RegExp(pt).test(this.value as any);\r\n        if (result) {\r\n          this.invalidIndex = index;\r\n          break;\r\n        }\r\n        index++;\r\n      }\r\n    } else {\r\n      result = !new RegExp(this.pattern as RegExp).test(this.value as any);\r\n    }\r\n    return result;\r\n  }\r\n  get requiredIsEmpty() {\r\n    return this.validator && this.required && XIsEmpty(this.value);\r\n  }\r\n  get invalidMessage(): string {\r\n    if (!this.validator) return '';\r\n    if (Array.isArray(this.message)) {\r\n      return this.message.length > this.invalidIndex ? this.message[this.invalidIndex] : '';\r\n    } else {\r\n      return this.message as string;\r\n    }\r\n  }\r\n  cdr!: ChangeDetectorRef;\r\n  invalidIndex: number = 0;\r\n  labelMap: XClassMap = {};\r\n  value!: T;\r\n  validator: XBoolean = false;\r\n  invalidInputValidator = false;\r\n  onChange!: (value: T) => void;\r\n  onTouched!: () => void;\r\n  writeValue(value: T): void {\r\n    this.value = value;\r\n  }\r\n  registerOnChange(fn: (value: T) => void): void {\r\n    this.onChange = fn;\r\n  }\r\n  registerOnTouched(fn: () => void): void {\r\n    this.onTouched = fn;\r\n  }\r\n  setDisabledState(disabled: boolean) {\r\n    this.disabled = disabled;\r\n  }\r\n  setFlex(ele: Element, renderer: Renderer2, justify?: XJustify, align?: XAlign, direction?: XDirection) {\r\n    return setFlex(ele, renderer, justify, align, direction);\r\n  }\r\n  formControlValidator() {\r\n    this.validator = true;\r\n  }\r\n}\r\n\r\nexport function XValueAccessor<T>(component: Type<T>) {\r\n  return { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => component), multi: true };\r\n}\r\n\r\nexport function XFormInputValidator(func: (value: any) => boolean): ValidatorFn {\r\n  return (control: AbstractControl): ValidationErrors | null => {\r\n    if (!XIsFunction(func)) return null;\r\n    const invalid = !func(control.value);\r\n    return invalid ? { inputValidator: true } : null;\r\n  };\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { XControlValueAccessor } from './base-form.component';\r\nimport { XFormProp } from './base-form.property';\r\n\r\n@NgModule({\r\n  declarations: [XControlValueAccessor, XFormProp],\r\n  exports: [XControlValueAccessor, XFormProp]\r\n})\r\nexport class XBaseFormModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}