@ng-nest/ui 21.0.10 → 21.0.11

package/fesm2022/ng-nest-ui-image.mjs

@@ -273,62 +273,101 @@ class XImagePreviewComponent extends XImagePreviewProperty {
         this.rotate.update((x) => x + deg);
     }
     onScale(zoom) {
-        this.imgScale3d.update((item) => {
-            item.x += zoom;
-            item.y += zoom;
-            return { ...item };
-        });
+        const currentScale = this.imgScale3d().x;
+        let newScale;
+        if (zoom > 0) {
+            // �Ŵ�ʹ��ָ�����������������ֵ
+            newScale = Math.min(currentScale * 1.2, 5);
+        }
+        else {
+            // ��С��ʹ��ָ�����٣���������Сֵ
+            newScale = Math.max(currentScale / 1.2, 0.1);
+        }
+        if (newScale !== currentScale) {
+            this.imgScale3d.update((item) => {
+                item.x = newScale;
+                item.y = newScale;
+                return { ...item };
+            });
+            // ���ź����¼���λ�ã���ֹͼƬ�����߽�
+            setTimeout(() => this.adjustPosition(), 0);
+        }
+    }
+    onWheel(event) {
+        event.preventDefault();
+        event.stopPropagation();
+        const delta = event.deltaY > 0 ? -1 : 1;
+        this.onScale(delta);
     }
     onDragReleased() {
-        let width = this.imageRef().nativeElement.offsetWidth * this.imgScale3d().x;
-        let height = this.imageRef().nativeElement.offsetHeight * this.imgScale3d().x;
-        const clientWidth = this.document.documentElement.clientWidth;
-        const clientHeight = this.document.defaultView?.innerHeight || this.document.documentElement.clientHeight;
-        const isRotate = this.rotate() % 180 !== 0;
-        const box = this.imageRef().nativeElement.getBoundingClientRect();
-        const docElem = this.document.documentElement;
-        const left = box.left +
-            (this.document.defaultView?.pageXOffset || docElem.scrollLeft) -
-            (docElem.clientLeft || this.document.body.clientLeft || 0);
-        const top = box.top +
-            (this.document.defaultView?.pageYOffset || docElem.scrollTop) -
-            (docElem.clientTop || this.document.body.clientTop || 0);
-        width = isRotate ? height : width;
-        height = isRotate ? width : height;
-        let position = { x: 0, y: 0 };
-        if (width > clientWidth || height > clientHeight) {
-            const x = this.fitPoint(left, width, clientWidth);
-            const y = this.fitPoint(top, height, clientHeight);
-            position.x = x ? x : 0;
-            position.y = y ? y : 0;
-        }
-        this.position.update((x) => ({ ...x, ...position }));
+        this.adjustPosition();
     }
-    fitPoint(start, size, clientSize) {
-        const startAddSize = start + size;
-        const offsetStart = (size - clientSize) / 2;
-        let distance = null;
-        if (size > clientSize) {
-            if (start > 0) {
-                distance = offsetStart;
+    adjustPosition() {
+        const img = this.imageRef().nativeElement;
+        const scale = this.imgScale3d().x;
+        const rotation = this.rotate() % 360;
+        // ��ȡͼƬ��ԭʼ�ߴ�
+        const imgWidth = img.naturalWidth || img.offsetWidth;
+        const imgHeight = img.naturalHeight || img.offsetHeight;
+        // �������ź�ijߴ�
+        let scaledWidth = imgWidth * scale;
+        let scaledHeight = imgHeight * scale;
+        // ���ͼƬ��ת��90�Ȼ�270�ȣ���������
+        const isRotated = Math.abs(rotation) === 90 || Math.abs(rotation) === 270;
+        if (isRotated) {
+            [scaledWidth, scaledHeight] = [scaledHeight, scaledWidth];
+        }
+        // ��ȡ�����ߴ�
+        const containerWidth = this.document.documentElement.clientWidth;
+        const containerHeight = this.document.documentElement.clientHeight;
+        // ��ȡ��ǰͼƬ��λ��
+        const rect = img.getBoundingClientRect();
+        const currentX = this.position().x;
+        const currentY = this.position().y;
+        // ����ͼƬ���ĵ�������������ĵ�ƫ��
+        const imgCenterX = rect.left + rect.width / 2;
+        const imgCenterY = rect.top + rect.height / 2;
+        const containerCenterX = containerWidth / 2;
+        const containerCenterY = containerHeight / 2;
+        let newX = currentX;
+        let newY = currentY;
+        // ���ͼƬ��������������ק��Χ
+        if (scaledWidth > containerWidth) {
+            const maxOffsetX = (scaledWidth - containerWidth) / 2;
+            const offsetX = imgCenterX - containerCenterX;
+            if (offsetX > maxOffsetX) {
+                newX = currentX - (offsetX - maxOffsetX);
             }
-            if (start < 0 && startAddSize < clientSize) {
-                distance = -offsetStart;
+            else if (offsetX < -maxOffsetX) {
+                newX = currentX - (offsetX + maxOffsetX);
             }
         }
         else {
-            if (start < 0 || startAddSize > clientSize) {
-                distance = start < 0 ? offsetStart : -offsetStart;
+            // ���ͼƬ������С��������ʾ
+            newX = 0;
+        }
+        if (scaledHeight > containerHeight) {
+            const maxOffsetY = (scaledHeight - containerHeight) / 2;
+            const offsetY = imgCenterY - containerCenterY;
+            if (offsetY > maxOffsetY) {
+                newY = currentY - (offsetY - maxOffsetY);
             }
+            else if (offsetY < -maxOffsetY) {
+                newY = currentY - (offsetY + maxOffsetY);
+            }
+        }
+        else {
+            // ���ͼƬ������С��������ʾ
+            newY = 0;
         }
-        return distance;
+        this.position.set({ x: newX, y: newY });
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: XImagePreviewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: XImagePreviewComponent, isStandalone: true, selector: "x-image-preview", viewQueries: [{ propertyName: "imageRef", first: true, predicate: ["imageRef"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"x-image-preview\">\r\n  <div class=\"x-image-preview-header\">\r\n    <div class=\"x-image-preview-header-left\">\r\n      @if (total() != 1) {\r\n        <span class=\"x-image-preview-current\">{{ current() }} / {{ total() }}</span>\r\n      }\r\n    </div>\r\n    <div class=\"x-image-preview-header-center\">\r\n      <x-icon type=\"fto-corner-up-left\" (click)=\"onRotate(-90)\"></x-icon>\r\n      <x-icon type=\"fto-corner-up-right\" (click)=\"onRotate(90)\"></x-icon>\r\n      <x-icon\r\n        type=\"fto-zoom-out\"\r\n        [class.x-image-preview-disabled]=\"imgScale3d().x === 1\"\r\n        (click)=\"imgScale3d().x > 1 && onScale(-1)\"\r\n      ></x-icon>\r\n      <x-icon type=\"fto-zoom-in\" (click)=\"onScale(1)\"></x-icon>\r\n    </div>\r\n    <div class=\"x-image-preview-header-right\">\r\n      <x-icon type=\"fto-x\" x-dialog-close></x-icon>\r\n    </div>\r\n  </div>\r\n  <div\r\n    class=\"x-image-preview-wrapper\"\r\n    cdkDrag\r\n    [style.transform]=\"wrapperTransform()\"\r\n    [cdkDragFreeDragPosition]=\"position()\"\r\n    (cdkDragReleased)=\"onDragReleased()\"\r\n  >\r\n    <img\r\n      #imageRef\r\n      [src]=\"activated()?.src!\"\r\n      [attr.alt]=\"activated()?.alt!\"\r\n      cdkDragHandle\r\n      [style.transform]=\"imgTransform()\"\r\n    />\r\n  </div>\r\n  @if (data && data.length > 1) {\r\n    <div\r\n      [class.x-image-preview-disabled]=\"current() === 1\"\r\n      class=\"x-image-preview-left\"\r\n      (click)=\"current() > 1 && onCurrentChange(-1)\"\r\n    >\r\n      <x-icon type=\"fto-chevron-left\"></x-icon>\r\n    </div>\r\n    <div\r\n      [class.x-image-preview-disabled]=\"current() === total()\"\r\n      class=\"x-image-preview-right\"\r\n      (click)=\"current() != total() && onCurrentChange(1)\"\r\n    >\r\n      <x-icon type=\"fto-chevron-right\"></x-icon>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: ["x-image-preview{display:block;width:100%;height:100%}.x-image-preview{margin:0;padding:0}.x-image-preview{width:100%;height:100%}.x-image-preview-header{display:flex;align-items:center;justify-content:center;background-color:#0003;color:#fff;position:absolute;width:100%;z-index:1;height:2.75rem}.x-image-preview-header x-icon{font-size:1.25rem;padding:.75rem;cursor:pointer;transition:background-color var(--x-animation-duration-base)}.x-image-preview-header x-icon:hover:not(.x-image-preview-disabled){background-color:#0000001a}.x-image-preview-header x-icon.x-image-preview-disabled{color:#ffffff80;cursor:default}.x-image-preview-header-center{position:absolute}.x-image-preview-header-right{position:absolute;right:0}.x-image-preview-header-left{position:absolute;left:0}.x-image-preview-current{padding:.75rem}.x-image-preview-wrapper{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;transition:transform var(--x-animation-duration-base) ease-out 0s}.x-image-preview-wrapper>img{max-width:100%;max-height:100%;vertical-align:middle;cursor:grab;transition:transform var(--x-animation-duration-base) ease-out 0s}.x-image-preview-left,.x-image-preview-right{position:absolute;top:50%;z-index:1;display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;margin-top:-1.375rem;color:#fff;background-color:#0003;border-radius:50%;transition:background-color var(--x-animation-duration-base);cursor:pointer;font-size:1.25rem}.x-image-preview-left:hover:not(.x-image-preview-disabled),.x-image-preview-right:hover:not(.x-image-preview-disabled){background-color:#0000001a}.x-image-preview-left.x-image-preview-disabled,.x-image-preview-right.x-image-preview-disabled{color:#ffffff80;cursor:default}.x-image-preview-left{left:1rem}.x-image-preview-right{right:1rem}.x-image-preview-portal .x-dialog-portal{background:transparent;box-shadow:none;padding:0}\n"], dependencies: [{ kind: "component", type: XIconComponent, selector: "x-icon" }, { kind: "ngmodule", type: DragDropModule }, { kind: "directive", type: i1.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i1.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "directive", type: XDialogCloseDirective, selector: "[x-dialog-close]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: XImagePreviewComponent, isStandalone: true, selector: "x-image-preview", viewQueries: [{ propertyName: "imageRef", first: true, predicate: ["imageRef"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"x-image-preview\">\r\n  <div class=\"x-image-preview-header\">\r\n    <div class=\"x-image-preview-header-left\">\r\n      @if (total() != 1) {\r\n        <span class=\"x-image-preview-current\">{{ current() }} / {{ total() }}</span>\r\n      }\r\n    </div>\r\n    <div class=\"x-image-preview-header-center\">\r\n      <x-icon type=\"fto-corner-up-left\" (click)=\"onRotate(-90)\"></x-icon>\r\n      <x-icon type=\"fto-corner-up-right\" (click)=\"onRotate(90)\"></x-icon>\r\n      <x-icon\r\n        type=\"fto-zoom-out\"\r\n        [class.x-image-preview-disabled]=\"imgScale3d().x <= 0.1\"\r\n        (click)=\"imgScale3d().x > 0.1 && onScale(-1)\"\r\n      ></x-icon>\r\n      <x-icon type=\"fto-zoom-in\" [class.x-image-preview-disabled]=\"imgScale3d().x >= 5\" (click)=\"imgScale3d().x < 5 && onScale(1)\"></x-icon>\r\n    </div>\r\n    <div class=\"x-image-preview-header-right\">\r\n      <x-icon type=\"fto-x\" x-dialog-close></x-icon>\r\n    </div>\r\n  </div>\r\n  <div\r\n    class=\"x-image-preview-wrapper\"\r\n    cdkDrag\r\n    [style.transform]=\"wrapperTransform()\"\r\n    [cdkDragFreeDragPosition]=\"position()\"\r\n    (cdkDragReleased)=\"onDragReleased()\"\r\n    (wheel)=\"onWheel($event)\"\r\n  >\r\n    <img\r\n      #imageRef\r\n      [src]=\"activated()?.src!\"\r\n      [attr.alt]=\"activated()?.alt!\"\r\n      cdkDragHandle\r\n      [style.transform]=\"imgTransform()\"\r\n    />\r\n  </div>\r\n  @if (data && data.length > 1) {\r\n    <div\r\n      [class.x-image-preview-disabled]=\"current() === 1\"\r\n      class=\"x-image-preview-left\"\r\n      (click)=\"current() > 1 && onCurrentChange(-1)\"\r\n    >\r\n      <x-icon type=\"fto-chevron-left\"></x-icon>\r\n    </div>\r\n    <div\r\n      [class.x-image-preview-disabled]=\"current() === total()\"\r\n      class=\"x-image-preview-right\"\r\n      (click)=\"current() != total() && onCurrentChange(1)\"\r\n    >\r\n      <x-icon type=\"fto-chevron-right\"></x-icon>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: ["x-image-preview{display:block;width:100%;height:100%}.x-image-preview{margin:0;padding:0}.x-image-preview{width:100%;height:100%}.x-image-preview-header{display:flex;align-items:center;justify-content:center;background-color:#0003;color:#fff;position:absolute;width:100%;z-index:1;height:2.75rem}.x-image-preview-header x-icon{font-size:1.25rem;padding:.75rem;cursor:pointer;transition:background-color var(--x-animation-duration-base)}.x-image-preview-header x-icon:hover:not(.x-image-preview-disabled){background-color:#0000001a}.x-image-preview-header x-icon.x-image-preview-disabled{color:#ffffff80;cursor:default}.x-image-preview-header-center{position:absolute}.x-image-preview-header-right{position:absolute;right:0}.x-image-preview-header-left{position:absolute;left:0}.x-image-preview-current{padding:.75rem}.x-image-preview-wrapper{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;transition:transform var(--x-animation-duration-base) ease-out 0s;overflow:hidden}.x-image-preview-wrapper>img{max-width:100%;max-height:100%;vertical-align:middle;cursor:grab;transition:transform var(--x-animation-duration-base) ease-out 0s;-webkit-user-select:none;user-select:none}.x-image-preview-wrapper>img:active{cursor:grabbing}.x-image-preview-left,.x-image-preview-right{position:absolute;top:50%;z-index:1;display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;margin-top:-1.375rem;color:#fff;background-color:#0003;border-radius:50%;transition:background-color var(--x-animation-duration-base);cursor:pointer;font-size:1.25rem}.x-image-preview-left:hover:not(.x-image-preview-disabled),.x-image-preview-right:hover:not(.x-image-preview-disabled){background-color:#0000001a}.x-image-preview-left.x-image-preview-disabled,.x-image-preview-right.x-image-preview-disabled{color:#ffffff80;cursor:default}.x-image-preview-left{left:1rem}.x-image-preview-right{right:1rem}.x-image-preview-portal .x-dialog-portal{background:transparent;box-shadow:none;padding:0}\n"], dependencies: [{ kind: "component", type: XIconComponent, selector: "x-icon" }, { kind: "ngmodule", type: DragDropModule }, { kind: "directive", type: i1.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i1.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "directive", type: XDialogCloseDirective, selector: "[x-dialog-close]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: XImagePreviewComponent, decorators: [{
             type: Component,
-            args: [{ selector: `${XImagePreviewPrefix}`, imports: [XIconComponent, DragDropModule, XDialogCloseDirective], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"x-image-preview\">\r\n  <div class=\"x-image-preview-header\">\r\n    <div class=\"x-image-preview-header-left\">\r\n      @if (total() != 1) {\r\n        <span class=\"x-image-preview-current\">{{ current() }} / {{ total() }}</span>\r\n      }\r\n    </div>\r\n    <div class=\"x-image-preview-header-center\">\r\n      <x-icon type=\"fto-corner-up-left\" (click)=\"onRotate(-90)\"></x-icon>\r\n      <x-icon type=\"fto-corner-up-right\" (click)=\"onRotate(90)\"></x-icon>\r\n      <x-icon\r\n        type=\"fto-zoom-out\"\r\n        [class.x-image-preview-disabled]=\"imgScale3d().x === 1\"\r\n        (click)=\"imgScale3d().x > 1 && onScale(-1)\"\r\n      ></x-icon>\r\n      <x-icon type=\"fto-zoom-in\" (click)=\"onScale(1)\"></x-icon>\r\n    </div>\r\n    <div class=\"x-image-preview-header-right\">\r\n      <x-icon type=\"fto-x\" x-dialog-close></x-icon>\r\n    </div>\r\n  </div>\r\n  <div\r\n    class=\"x-image-preview-wrapper\"\r\n    cdkDrag\r\n    [style.transform]=\"wrapperTransform()\"\r\n    [cdkDragFreeDragPosition]=\"position()\"\r\n    (cdkDragReleased)=\"onDragReleased()\"\r\n  >\r\n    <img\r\n      #imageRef\r\n      [src]=\"activated()?.src!\"\r\n      [attr.alt]=\"activated()?.alt!\"\r\n      cdkDragHandle\r\n      [style.transform]=\"imgTransform()\"\r\n    />\r\n  </div>\r\n  @if (data && data.length > 1) {\r\n    <div\r\n      [class.x-image-preview-disabled]=\"current() === 1\"\r\n      class=\"x-image-preview-left\"\r\n      (click)=\"current() > 1 && onCurrentChange(-1)\"\r\n    >\r\n      <x-icon type=\"fto-chevron-left\"></x-icon>\r\n    </div>\r\n    <div\r\n      [class.x-image-preview-disabled]=\"current() === total()\"\r\n      class=\"x-image-preview-right\"\r\n      (click)=\"current() != total() && onCurrentChange(1)\"\r\n    >\r\n      <x-icon type=\"fto-chevron-right\"></x-icon>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: ["x-image-preview{display:block;width:100%;height:100%}.x-image-preview{margin:0;padding:0}.x-image-preview{width:100%;height:100%}.x-image-preview-header{display:flex;align-items:center;justify-content:center;background-color:#0003;color:#fff;position:absolute;width:100%;z-index:1;height:2.75rem}.x-image-preview-header x-icon{font-size:1.25rem;padding:.75rem;cursor:pointer;transition:background-color var(--x-animation-duration-base)}.x-image-preview-header x-icon:hover:not(.x-image-preview-disabled){background-color:#0000001a}.x-image-preview-header x-icon.x-image-preview-disabled{color:#ffffff80;cursor:default}.x-image-preview-header-center{position:absolute}.x-image-preview-header-right{position:absolute;right:0}.x-image-preview-header-left{position:absolute;left:0}.x-image-preview-current{padding:.75rem}.x-image-preview-wrapper{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;transition:transform var(--x-animation-duration-base) ease-out 0s}.x-image-preview-wrapper>img{max-width:100%;max-height:100%;vertical-align:middle;cursor:grab;transition:transform var(--x-animation-duration-base) ease-out 0s}.x-image-preview-left,.x-image-preview-right{position:absolute;top:50%;z-index:1;display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;margin-top:-1.375rem;color:#fff;background-color:#0003;border-radius:50%;transition:background-color var(--x-animation-duration-base);cursor:pointer;font-size:1.25rem}.x-image-preview-left:hover:not(.x-image-preview-disabled),.x-image-preview-right:hover:not(.x-image-preview-disabled){background-color:#0000001a}.x-image-preview-left.x-image-preview-disabled,.x-image-preview-right.x-image-preview-disabled{color:#ffffff80;cursor:default}.x-image-preview-left{left:1rem}.x-image-preview-right{right:1rem}.x-image-preview-portal .x-dialog-portal{background:transparent;box-shadow:none;padding:0}\n"] }]
+            args: [{ selector: `${XImagePreviewPrefix}`, imports: [XIconComponent, DragDropModule, XDialogCloseDirective], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"x-image-preview\">\r\n  <div class=\"x-image-preview-header\">\r\n    <div class=\"x-image-preview-header-left\">\r\n      @if (total() != 1) {\r\n        <span class=\"x-image-preview-current\">{{ current() }} / {{ total() }}</span>\r\n      }\r\n    </div>\r\n    <div class=\"x-image-preview-header-center\">\r\n      <x-icon type=\"fto-corner-up-left\" (click)=\"onRotate(-90)\"></x-icon>\r\n      <x-icon type=\"fto-corner-up-right\" (click)=\"onRotate(90)\"></x-icon>\r\n      <x-icon\r\n        type=\"fto-zoom-out\"\r\n        [class.x-image-preview-disabled]=\"imgScale3d().x <= 0.1\"\r\n        (click)=\"imgScale3d().x > 0.1 && onScale(-1)\"\r\n      ></x-icon>\r\n      <x-icon type=\"fto-zoom-in\" [class.x-image-preview-disabled]=\"imgScale3d().x >= 5\" (click)=\"imgScale3d().x < 5 && onScale(1)\"></x-icon>\r\n    </div>\r\n    <div class=\"x-image-preview-header-right\">\r\n      <x-icon type=\"fto-x\" x-dialog-close></x-icon>\r\n    </div>\r\n  </div>\r\n  <div\r\n    class=\"x-image-preview-wrapper\"\r\n    cdkDrag\r\n    [style.transform]=\"wrapperTransform()\"\r\n    [cdkDragFreeDragPosition]=\"position()\"\r\n    (cdkDragReleased)=\"onDragReleased()\"\r\n    (wheel)=\"onWheel($event)\"\r\n  >\r\n    <img\r\n      #imageRef\r\n      [src]=\"activated()?.src!\"\r\n      [attr.alt]=\"activated()?.alt!\"\r\n      cdkDragHandle\r\n      [style.transform]=\"imgTransform()\"\r\n    />\r\n  </div>\r\n  @if (data && data.length > 1) {\r\n    <div\r\n      [class.x-image-preview-disabled]=\"current() === 1\"\r\n      class=\"x-image-preview-left\"\r\n      (click)=\"current() > 1 && onCurrentChange(-1)\"\r\n    >\r\n      <x-icon type=\"fto-chevron-left\"></x-icon>\r\n    </div>\r\n    <div\r\n      [class.x-image-preview-disabled]=\"current() === total()\"\r\n      class=\"x-image-preview-right\"\r\n      (click)=\"current() != total() && onCurrentChange(1)\"\r\n    >\r\n      <x-icon type=\"fto-chevron-right\"></x-icon>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: ["x-image-preview{display:block;width:100%;height:100%}.x-image-preview{margin:0;padding:0}.x-image-preview{width:100%;height:100%}.x-image-preview-header{display:flex;align-items:center;justify-content:center;background-color:#0003;color:#fff;position:absolute;width:100%;z-index:1;height:2.75rem}.x-image-preview-header x-icon{font-size:1.25rem;padding:.75rem;cursor:pointer;transition:background-color var(--x-animation-duration-base)}.x-image-preview-header x-icon:hover:not(.x-image-preview-disabled){background-color:#0000001a}.x-image-preview-header x-icon.x-image-preview-disabled{color:#ffffff80;cursor:default}.x-image-preview-header-center{position:absolute}.x-image-preview-header-right{position:absolute;right:0}.x-image-preview-header-left{position:absolute;left:0}.x-image-preview-current{padding:.75rem}.x-image-preview-wrapper{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;transition:transform var(--x-animation-duration-base) ease-out 0s;overflow:hidden}.x-image-preview-wrapper>img{max-width:100%;max-height:100%;vertical-align:middle;cursor:grab;transition:transform var(--x-animation-duration-base) ease-out 0s;-webkit-user-select:none;user-select:none}.x-image-preview-wrapper>img:active{cursor:grabbing}.x-image-preview-left,.x-image-preview-right{position:absolute;top:50%;z-index:1;display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;margin-top:-1.375rem;color:#fff;background-color:#0003;border-radius:50%;transition:background-color var(--x-animation-duration-base);cursor:pointer;font-size:1.25rem}.x-image-preview-left:hover:not(.x-image-preview-disabled),.x-image-preview-right:hover:not(.x-image-preview-disabled){background-color:#0000001a}.x-image-preview-left.x-image-preview-disabled,.x-image-preview-right.x-image-preview-disabled{color:#ffffff80;cursor:default}.x-image-preview-left{left:1rem}.x-image-preview-right{right:1rem}.x-image-preview-portal .x-dialog-portal{background:transparent;box-shadow:none;padding:0}\n"] }]
         }], propDecorators: { imageRef: [{ type: i0.ViewChild, args: ['imageRef', { isSignal: true }] }] } });
 
 const X_IMAGE_GROUP_CONTEXT = new InjectionToken('X_IMAGE_GROUP_CONTEXT');
@@ -388,11 +427,11 @@ class XImageComponent extends XImageProperty {
         this.load.emit(event);
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: XImageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: XImageComponent, isStandalone: true, selector: "x-image", usesInheritance: true, ngImport: i0, template: "<div class=\"x-image\">\r\n  <img\r\n    [hidden]=\"(placeholder() && !isLoaded()) || isError()\"\r\n    class=\"x-image-img\"\r\n    [src]=\"src()\"\r\n    [style.width]=\"width()\"\r\n    [style.height]=\"height()\"\r\n    [attr.alt]=\"alt()\"\r\n    (error)=\"onError($event)\"\r\n    (load)=\"onLoad($event)\"\r\n  />\r\n  @if (placeholder() && !isLoaded()) {\r\n    <img class=\"x-image-img\" [src]=\"placeholder()\" [style.width]=\"width()\" [style.height]=\"height()\" />\r\n  }\r\n  @if (isError() && fallback()) {\r\n    <img class=\"x-image-img x-image-fallback\" [src]=\"fallback()\" [style.width]=\"width()\" [style.height]=\"height()\" />\r\n  }\r\n  @if (isError() && !fallback()) {\r\n    <div class=\"x-image-error-icon\" [style.width]=\"width()\" [style.height]=\"height()\">\r\n      <x-icon type=\"fto-image\"></x-icon>\r\n    </div>\r\n  }\r\n  @if (previewTpl()) {\r\n    <div class=\"x-image-overlay\">\r\n      <ng-container *xOutlet=\"previewTpl(); context: { $image: this }\"> </ng-container>\r\n    </div>\r\n  } @else {\r\n    @if (!isError()) {\r\n      <div class=\"x-image-overlay\">\r\n        <div class=\"x-image-text\">\r\n          <x-icon type=\"fto-eye\"></x-icon>\r\n          <span>{{ previewTextSignal() }}</span>\r\n        </div>\r\n      </div>\r\n    }\r\n  }\r\n</div>\r\n", styles: ["x-image{display:inline-block}.x-image{margin:0;padding:0}.x-image{position:relative;display:inline-block}.x-image-img{max-width:100%;max-height:100%;vertical-align:middle;border-radius:var(--x-border-radius)}.x-image-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;background:#00000080;cursor:pointer;opacity:0;transition:opacity var(--x-animation-duration-base);border-radius:var(--x-border-radius)}.x-image-overlay:hover{opacity:1}.x-image-text>span{margin-left:.25rem}.x-image-error{display:none}.x-image-error-icon{font-size:2rem}\n"], dependencies: [{ kind: "component", type: XIconComponent, selector: "x-icon" }, { kind: "directive", type: XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: XImageComponent, isStandalone: true, selector: "x-image", usesInheritance: true, ngImport: i0, template: "<div class=\"x-image\">\r\n  <img\r\n    [hidden]=\"(placeholder() && !isLoaded()) || isError()\"\r\n    class=\"x-image-img\"\r\n    [src]=\"src()\"\r\n    [style.width]=\"width()\"\r\n    [style.height]=\"height()\"\r\n    [attr.alt]=\"alt()\"\r\n    (error)=\"onError($event)\"\r\n    (load)=\"onLoad($event)\"\r\n  />\r\n  @if (placeholder() && !isLoaded()) {\r\n    <img class=\"x-image-img\" [src]=\"placeholder()\" [style.width]=\"width()\" [style.height]=\"height()\" />\r\n  }\r\n  @if (isError() && fallback()) {\r\n    <img class=\"x-image-img x-image-fallback\" [src]=\"fallback()\" [style.width]=\"width()\" [style.height]=\"height()\" />\r\n  }\r\n  @if (isError() && !fallback()) {\r\n    <div class=\"x-image-error-icon\" [style.width]=\"width()\" [style.height]=\"height()\">\r\n      <x-icon type=\"fto-image\"></x-icon>\r\n    </div>\r\n  }\r\n  @if (previewTpl()) {\r\n    <div class=\"x-image-overlay\">\r\n      <ng-container *xOutlet=\"previewTpl(); context: { $image: this }\"> </ng-container>\r\n    </div>\r\n  } @else {\r\n    @if (!isError()) {\r\n      <div class=\"x-image-overlay\" (click)=\"onPreview()\">\r\n        <div class=\"x-image-text\">\r\n          <x-icon type=\"fto-eye\"></x-icon>\r\n          <span>{{ previewTextSignal() }}</span>\r\n        </div>\r\n      </div>\r\n    }\r\n  }\r\n</div>\r\n", styles: ["x-image{display:inline-block}.x-image{margin:0;padding:0}.x-image{position:relative;display:inline-block}.x-image-img{max-width:100%;max-height:100%;vertical-align:middle;border-radius:var(--x-border-radius)}.x-image-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;background:#00000080;cursor:pointer;opacity:0;transition:opacity var(--x-animation-duration-base);border-radius:var(--x-border-radius)}.x-image-overlay:hover{opacity:1}.x-image-text>span{margin-left:.25rem}.x-image-error{display:none}.x-image-error-icon{font-size:2rem}\n"], dependencies: [{ kind: "component", type: XIconComponent, selector: "x-icon" }, { kind: "directive", type: XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: XImageComponent, decorators: [{
             type: Component,
-            args: [{ selector: `${XImagePrefix}`, imports: [XIconComponent, XOutletDirective], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"x-image\">\r\n  <img\r\n    [hidden]=\"(placeholder() && !isLoaded()) || isError()\"\r\n    class=\"x-image-img\"\r\n    [src]=\"src()\"\r\n    [style.width]=\"width()\"\r\n    [style.height]=\"height()\"\r\n    [attr.alt]=\"alt()\"\r\n    (error)=\"onError($event)\"\r\n    (load)=\"onLoad($event)\"\r\n  />\r\n  @if (placeholder() && !isLoaded()) {\r\n    <img class=\"x-image-img\" [src]=\"placeholder()\" [style.width]=\"width()\" [style.height]=\"height()\" />\r\n  }\r\n  @if (isError() && fallback()) {\r\n    <img class=\"x-image-img x-image-fallback\" [src]=\"fallback()\" [style.width]=\"width()\" [style.height]=\"height()\" />\r\n  }\r\n  @if (isError() && !fallback()) {\r\n    <div class=\"x-image-error-icon\" [style.width]=\"width()\" [style.height]=\"height()\">\r\n      <x-icon type=\"fto-image\"></x-icon>\r\n    </div>\r\n  }\r\n  @if (previewTpl()) {\r\n    <div class=\"x-image-overlay\">\r\n      <ng-container *xOutlet=\"previewTpl(); context: { $image: this }\"> </ng-container>\r\n    </div>\r\n  } @else {\r\n    @if (!isError()) {\r\n      <div class=\"x-image-overlay\">\r\n        <div class=\"x-image-text\">\r\n          <x-icon type=\"fto-eye\"></x-icon>\r\n          <span>{{ previewTextSignal() }}</span>\r\n        </div>\r\n      </div>\r\n    }\r\n  }\r\n</div>\r\n", styles: ["x-image{display:inline-block}.x-image{margin:0;padding:0}.x-image{position:relative;display:inline-block}.x-image-img{max-width:100%;max-height:100%;vertical-align:middle;border-radius:var(--x-border-radius)}.x-image-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;background:#00000080;cursor:pointer;opacity:0;transition:opacity var(--x-animation-duration-base);border-radius:var(--x-border-radius)}.x-image-overlay:hover{opacity:1}.x-image-text>span{margin-left:.25rem}.x-image-error{display:none}.x-image-error-icon{font-size:2rem}\n"] }]
+            args: [{ selector: `${XImagePrefix}`, imports: [XIconComponent, XOutletDirective], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"x-image\">\r\n  <img\r\n    [hidden]=\"(placeholder() && !isLoaded()) || isError()\"\r\n    class=\"x-image-img\"\r\n    [src]=\"src()\"\r\n    [style.width]=\"width()\"\r\n    [style.height]=\"height()\"\r\n    [attr.alt]=\"alt()\"\r\n    (error)=\"onError($event)\"\r\n    (load)=\"onLoad($event)\"\r\n  />\r\n  @if (placeholder() && !isLoaded()) {\r\n    <img class=\"x-image-img\" [src]=\"placeholder()\" [style.width]=\"width()\" [style.height]=\"height()\" />\r\n  }\r\n  @if (isError() && fallback()) {\r\n    <img class=\"x-image-img x-image-fallback\" [src]=\"fallback()\" [style.width]=\"width()\" [style.height]=\"height()\" />\r\n  }\r\n  @if (isError() && !fallback()) {\r\n    <div class=\"x-image-error-icon\" [style.width]=\"width()\" [style.height]=\"height()\">\r\n      <x-icon type=\"fto-image\"></x-icon>\r\n    </div>\r\n  }\r\n  @if (previewTpl()) {\r\n    <div class=\"x-image-overlay\">\r\n      <ng-container *xOutlet=\"previewTpl(); context: { $image: this }\"> </ng-container>\r\n    </div>\r\n  } @else {\r\n    @if (!isError()) {\r\n      <div class=\"x-image-overlay\" (click)=\"onPreview()\">\r\n        <div class=\"x-image-text\">\r\n          <x-icon type=\"fto-eye\"></x-icon>\r\n          <span>{{ previewTextSignal() }}</span>\r\n        </div>\r\n      </div>\r\n    }\r\n  }\r\n</div>\r\n", styles: ["x-image{display:inline-block}.x-image{margin:0;padding:0}.x-image{position:relative;display:inline-block}.x-image-img{max-width:100%;max-height:100%;vertical-align:middle;border-radius:var(--x-border-radius)}.x-image-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;background:#00000080;cursor:pointer;opacity:0;transition:opacity var(--x-animation-duration-base);border-radius:var(--x-border-radius)}.x-image-overlay:hover{opacity:1}.x-image-text>span{margin-left:.25rem}.x-image-error{display:none}.x-image-error-icon{font-size:2rem}\n"] }]
         }], ctorParameters: () => [] });
 
 class XImageGroupComponent {

package/fesm2022/ng-nest-ui-image.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-nest-ui-image.mjs","sources":["../../../../lib/ng-nest/ui/image/image.property.ts","../../../../lib/ng-nest/ui/image/image-preview.component.ts","../../../../lib/ng-nest/ui/image/image-preview.component.html","../../../../lib/ng-nest/ui/image/image-group.token.ts","../../../../lib/ng-nest/ui/image/image.component.ts","../../../../lib/ng-nest/ui/image/image.component.html","../../../../lib/ng-nest/ui/image/image-group.component.ts","../../../../lib/ng-nest/ui/image/image-group.component.html","../../../../lib/ng-nest/ui/image/image.module.ts","../../../../lib/ng-nest/ui/image/ng-nest-ui-image.ts"],"sourcesContent":["import { Component, input, InputSignal, output } from '@angular/core';\r\nimport { XProperty, XPropertyFunction, XToCssPixelValue } from '@ng-nest/ui/core';\r\nimport type { XNumber, XTemplate } from '@ng-nest/ui/core';\r\n\r\n/**\r\n * Image\r\n * @selector x-image\r\n * @decorator component\r\n */\r\nexport const XImagePrefix = 'x-image';\r\nconst X_IMAGE_CONFIG_NAME = 'image';\r\n\r\n/**\r\n * Image Property\r\n */\r\n@Component({ selector: `${XImagePrefix}-property`, template: '' })\r\nexport class XImageProperty extends XPropertyFunction(X_IMAGE_CONFIG_NAME) {\r\n  /**\r\n   * @zh_CN 图片显示地址\r\n   * @en_US Picture display address\r\n   * @example\r\n   *\r\n   * ```html\r\n   * <x-image\r\n   *   width=\"100px\"\r\n   *   height=\"100px\"\r\n   *   src=\"https://ngnest.com/static/docs/course/rbac/1-introduction/demo/1__ng-nest-admin/light.png\"\r\n   * ></x-image>\r\n   * ```\r\n   *\r\n   */\r\n  readonly src = input<string>();\r\n  /**\r\n   * @zh_CN 图片宽度\r\n   * @en_US Picture width\r\n   * @example\r\n   *\r\n   * ```html\r\n   * <x-image\r\n   *   width=\"100px\"\r\n   *   height=\"100px\"\r\n   *   src=\"https://ngnest.com/static/docs/course/rbac/1-introduction/demo/1__ng-nest-admin/light.png\"\r\n   * ></x-image>\r\n   * ```\r\n   *\r\n   */\r\n  readonly width = input<string, XNumber>('', { transform: XToCssPixelValue });\r\n  /**\r\n   * @zh_CN 图片高度\r\n   * @en_US Picture height\r\n   * @example\r\n   *\r\n   * ```html\r\n   * <x-image\r\n   *   width=\"100px\"\r\n   *   height=\"100px\"\r\n   *   src=\"https://ngnest.com/static/docs/course/rbac/1-introduction/demo/1__ng-nest-admin/light.png\"\r\n   * ></x-image>\r\n   * ```\r\n   *\r\n   */\r\n  readonly height = input<string, XNumber>('', { transform: XToCssPixelValue });\r\n  /**\r\n   * @zh_CN 图像描述\r\n   * @en_US Image description\r\n   * @example\r\n   *\r\n   * ```html\r\n   * <x-image\r\n   *   alt=\"ng-nest-admin-light\"\r\n   *   width=\"100px\"\r\n   *   height=\"100px\"\r\n   *   src=\"https://ngnest.com/static/docs/course/rbac/1-introduction/demo/1__ng-nest-admin/light.png\"\r\n   * ></x-image>\r\n   * ```\r\n   *\r\n   */\r\n  readonly alt = input<string>();\r\n  /**\r\n   * @zh_CN 加载失败显示的地址\r\n   * @en_US Load fault tolerance address\r\n   * @example\r\n   *\r\n   * ```html\r\n   * <x-image\r\n   *   width=\"100px\"\r\n   *   height=\"100px\"\r\n   *   src=\"error\"\r\n   *   fallback=\"data:image/png;base64,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\"\r\n   * ></x-image>\r\n   * ```\r\n   *\r\n   */\r\n  readonly fallback = input<string>();\r\n  /**\r\n   * @zh_CN 预览文字\r\n   * @en_US Preview text\r\n   * @default '预览'\r\n   * @example\r\n   *\r\n   * ```html\r\n   * <x-image\r\n   *   width=\"100px\"\r\n   *   height=\"100px\"\r\n   *   src=\"https://ngnest.com/static/docs/course/rbac/1-introduction/demo/1__ng-nest-admin/light.png\"\r\n   *   previewText=\"查看\"\r\n   * ></x-image>\r\n   * ```\r\n   *\r\n   */\r\n  readonly previewText = input<string>(this.config?.previewText!);\r\n  /**\r\n   * @zh_CN 渐进加载显示的图片地址\r\n   * @en_US Progressive loading image addresses\r\n   */\r\n  readonly placeholder = input<string>();\r\n  /**\r\n   * @zh_CN 自定义预览操作\r\n   * @en_US Custom preview operation\r\n   */\r\n  readonly previewTpl = input<XTemplate>();\r\n  /**\r\n   * @zh_CN 图片加载错误\r\n   * @en_US Picture load failed\r\n   * @example\r\n   *\r\n   * ```html\r\n   * <x-image\r\n   *   width=\"100px\"\r\n   *   height=\"100px\"\r\n   *   src=\"error\"\r\n   *   (error)=\"onError($event)\"\r\n   * ></x-image>\r\n   * ```\r\n   *\r\n   * ```typescript\r\n   * onError(event: ErrorEvent) {\r\n   *   console.log(event)\r\n   * }\r\n   * ```\r\n   *\r\n   */\r\n  readonly error = output<ErrorEvent>();\r\n  /**\r\n   * @zh_CN 图片加载完成\r\n   * @en_US Picture loading complete\r\n   * @example\r\n   *\r\n   * ```html\r\n   * <x-image\r\n   *   width=\"100px\"\r\n   *   height=\"100px\"\r\n   *   src=\"https://ngnest.com/static/docs/course/rbac/1-introduction/demo/1__ng-nest-admin/light.png\"\r\n   *   (load)=\"onLoad($event)\"\r\n   * ></x-image>\r\n   * ```\r\n   *\r\n   * ```typescript\r\n   * onLoad(event: Event) {\r\n   *   console.log(event)\r\n   * }\r\n   * ```\r\n   *\r\n   */\r\n  readonly load = output<Event>();\r\n}\r\n\r\n/**\r\n * @zh_CN 图片节点数据\r\n * @en_US Image node data\r\n */\r\nexport interface XImageNode {\r\n  /**\r\n   * @zh_CN 图片显示地址\r\n   * @en_US Picture display address\r\n   */\r\n  src?: string;\r\n  /**\r\n   * @zh_CN 图像描述\r\n   * @en_US Image description\r\n   */\r\n  alt?: string;\r\n  /**\r\n   * @zh_CN 加载失败显示的地址\r\n   * @en_US Load fault tolerance address\r\n   */\r\n  fallback?: string;\r\n  /**\r\n   * @zh_CN 当前激活的图片\r\n   * @en_US Current activated pictures\r\n   */\r\n  activated?: boolean;\r\n}\r\n\r\n/**\r\n * Image Preview\r\n * @selector x-image-preview\r\n * @decorator component\r\n */\r\nexport const XImagePreviewPrefix = 'x-image-preview';\r\n\r\n/**\r\n * Image Preview Property\r\n */\r\n@Component({ selector: `${XImagePreviewPrefix}-property`, template: '' })\r\nexport class XImagePreviewProperty extends XProperty {}\r\n\r\n/**\r\n * Image Group\r\n * @selector x-image-group\r\n * @decorator component\r\n */\r\nexport const XImageGroupPrefix = 'x-image-group';\r\n\r\n/**\r\n * @zh_CN 图片组件定义\r\n * @en_US Image component definition\r\n */\r\nexport interface XImageHandle {\r\n  src: InputSignal<string | undefined>;\r\n  alt: InputSignal<string | undefined>;\r\n  fallback: InputSignal<string | undefined>;\r\n}\r\n","import {\r\n  Component,\r\n  ViewEncapsulation,\r\n  ElementRef,\r\n  ChangeDetectionStrategy,\r\n  inject,\r\n  OnInit,\r\n  signal,\r\n  computed,\r\n  viewChild\r\n} from '@angular/core';\r\nimport { XImageNode, XImagePreviewPrefix, XImagePreviewProperty } from './image.property';\r\nimport { XDialogCloseDirective, X_DIALOG_DATA } from '@ng-nest/ui/dialog';\r\nimport { DOCUMENT } from '@angular/common';\r\nimport { XIconComponent } from '@ng-nest/ui/icon';\r\nimport { DragDropModule } from '@angular/cdk/drag-drop';\r\n\r\n@Component({\r\n  selector: `${XImagePreviewPrefix}`,\r\n  imports: [XIconComponent, DragDropModule, XDialogCloseDirective],\r\n  templateUrl: './image-preview.component.html',\r\n  styleUrls: ['./image-preview.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XImagePreviewComponent extends XImagePreviewProperty implements OnInit {\r\n  imgScale3d = signal({\r\n    x: 1,\r\n    y: 1,\r\n    z: 1\r\n  });\r\n  rotate = signal(0);\r\n\r\n  position = signal({\r\n    x: 0,\r\n    y: 0\r\n  });\r\n\r\n  activated = signal<XImageNode | undefined>(undefined);\r\n  total = signal(1);\r\n  current = signal(1);\r\n\r\n  private document = inject(DOCUMENT);\r\n\r\n  wrapperTransform = computed(() => {\r\n    return `translate3d(${this.position().x}px, ${this.position().y}px, 0)`;\r\n  });\r\n  imgTransform = computed(() => {\r\n    return `scale3d(${this.imgScale3d().x}, ${this.imgScale3d().y}, ${this.imgScale3d().z}) rotate(${this.rotate()}deg)`;\r\n  });\r\n\r\n  imageRef = viewChild.required<ElementRef<HTMLImageElement>>('imageRef');\r\n\r\n  data = inject<XImageNode[]>(X_DIALOG_DATA);\r\n\r\n  ngOnInit() {\r\n    this.setActivated();\r\n  }\r\n\r\n  initialization() {\r\n    this.imgScale3d.set({\r\n      x: 1,\r\n      y: 1,\r\n      z: 1\r\n    });\r\n    this.rotate.set(0);\r\n    this.position.set({\r\n      x: 0,\r\n      y: 0\r\n    });\r\n  }\r\n\r\n  setActivated() {\r\n    if (!this.data) return;\r\n    if (this.data.length === 1) {\r\n      this.activated.set(this.data[0]);\r\n      this.total.set(1);\r\n      this.current.set(1);\r\n    } else {\r\n      this.total.set(this.data.length);\r\n      this.activated.set(\r\n        this.data.find((x, index) => {\r\n          if (x.activated) {\r\n            this.current.set(index + 1);\r\n            return true;\r\n          }\r\n          return false;\r\n        })\r\n      );\r\n    }\r\n  }\r\n\r\n  onCurrentChange(num: number) {\r\n    this.current.update((x) => x + num);\r\n    this.activated.set(this.data[this.current() - 1]);\r\n    this.initialization();\r\n  }\r\n\r\n  onRotate(deg: number) {\r\n    this.rotate.update((x) => x + deg);\r\n  }\r\n\r\n  onScale(zoom: number) {\r\n    this.imgScale3d.update((item) => {\r\n      item.x += zoom;\r\n      item.y += zoom;\r\n      return { ...item };\r\n    });\r\n  }\r\n\r\n  onDragReleased() {\r\n    let width = this.imageRef().nativeElement.offsetWidth * this.imgScale3d().x;\r\n    let height = this.imageRef().nativeElement.offsetHeight * this.imgScale3d().x;\r\n    const clientWidth = this.document.documentElement.clientWidth;\r\n    const clientHeight = this.document.defaultView?.innerHeight || this.document.documentElement.clientHeight;\r\n    const isRotate = this.rotate() % 180 !== 0;\r\n    const box = this.imageRef().nativeElement.getBoundingClientRect();\r\n    const docElem = this.document.documentElement;\r\n    const left =\r\n      box.left +\r\n      (this.document.defaultView?.pageXOffset || docElem.scrollLeft) -\r\n      (docElem.clientLeft || this.document.body.clientLeft || 0);\r\n    const top =\r\n      box.top +\r\n      (this.document.defaultView?.pageYOffset || docElem.scrollTop) -\r\n      (docElem.clientTop || this.document.body.clientTop || 0);\r\n    width = isRotate ? height : width;\r\n    height = isRotate ? width : height;\r\n\r\n    let position = { x: 0, y: 0 };\r\n    if (width > clientWidth || height > clientHeight) {\r\n      const x = this.fitPoint(left, width, clientWidth);\r\n      const y = this.fitPoint(top, height, clientHeight);\r\n      position.x = x ? x : 0;\r\n      position.y = y ? y : 0;\r\n    }\r\n\r\n    this.position.update((x) => ({ ...x, ...position }));\r\n  }\r\n\r\n  fitPoint(start: number, size: number, clientSize: number): number | null {\r\n    const startAddSize = start + size;\r\n    const offsetStart = (size - clientSize) / 2;\r\n    let distance: number | null = null;\r\n\r\n    if (size > clientSize) {\r\n      if (start > 0) {\r\n        distance = offsetStart;\r\n      }\r\n      if (start < 0 && startAddSize < clientSize) {\r\n        distance = -offsetStart;\r\n      }\r\n    } else {\r\n      if (start < 0 || startAddSize > clientSize) {\r\n        distance = start < 0 ? offsetStart : -offsetStart;\r\n      }\r\n    }\r\n\r\n    return distance;\r\n  }\r\n}\r\n","<div class=\"x-image-preview\">\r\n  <div class=\"x-image-preview-header\">\r\n    <div class=\"x-image-preview-header-left\">\r\n      @if (total() != 1) {\r\n        <span class=\"x-image-preview-current\">{{ current() }} / {{ total() }}</span>\r\n      }\r\n    </div>\r\n    <div class=\"x-image-preview-header-center\">\r\n      <x-icon type=\"fto-corner-up-left\" (click)=\"onRotate(-90)\"></x-icon>\r\n      <x-icon type=\"fto-corner-up-right\" (click)=\"onRotate(90)\"></x-icon>\r\n      <x-icon\r\n        type=\"fto-zoom-out\"\r\n        [class.x-image-preview-disabled]=\"imgScale3d().x === 1\"\r\n        (click)=\"imgScale3d().x > 1 && onScale(-1)\"\r\n      ></x-icon>\r\n      <x-icon type=\"fto-zoom-in\" (click)=\"onScale(1)\"></x-icon>\r\n    </div>\r\n    <div class=\"x-image-preview-header-right\">\r\n      <x-icon type=\"fto-x\" x-dialog-close></x-icon>\r\n    </div>\r\n  </div>\r\n  <div\r\n    class=\"x-image-preview-wrapper\"\r\n    cdkDrag\r\n    [style.transform]=\"wrapperTransform()\"\r\n    [cdkDragFreeDragPosition]=\"position()\"\r\n    (cdkDragReleased)=\"onDragReleased()\"\r\n  >\r\n    <img\r\n      #imageRef\r\n      [src]=\"activated()?.src!\"\r\n      [attr.alt]=\"activated()?.alt!\"\r\n      cdkDragHandle\r\n      [style.transform]=\"imgTransform()\"\r\n    />\r\n  </div>\r\n  @if (data && data.length > 1) {\r\n    <div\r\n      [class.x-image-preview-disabled]=\"current() === 1\"\r\n      class=\"x-image-preview-left\"\r\n      (click)=\"current() > 1 && onCurrentChange(-1)\"\r\n    >\r\n      <x-icon type=\"fto-chevron-left\"></x-icon>\r\n    </div>\r\n    <div\r\n      [class.x-image-preview-disabled]=\"current() === total()\"\r\n      class=\"x-image-preview-right\"\r\n      (click)=\"current() != total() && onCurrentChange(1)\"\r\n    >\r\n      <x-icon type=\"fto-chevron-right\"></x-icon>\r\n    </div>\r\n  }\r\n</div>\r\n","import { InjectionToken, WritableSignal } from '@angular/core';\r\nimport type { XImageHandle } from './image.property';\r\n\r\nexport interface XImageGroupContext {\r\n  images: WritableSignal<XImageHandle[]>;\r\n  addImage(image: XImageHandle): void;\r\n  removeImage(image: XImageHandle): void;\r\n}\r\n\r\nexport const X_IMAGE_GROUP_CONTEXT = new InjectionToken<XImageGroupContext>('X_IMAGE_GROUP_CONTEXT');\r\n","import {\r\n  Component,\r\n  ViewEncapsulation,\r\n  ChangeDetectionStrategy,\r\n  OnInit,\r\n  inject,\r\n  computed,\r\n  signal,\r\n  OnDestroy,\r\n  effect\r\n} from '@angular/core';\r\nimport { XImageHandle, XImageNode, XImagePrefix, XImageProperty } from './image.property';\r\nimport { XConfigService } from '@ng-nest/ui/core';\r\nimport { XDialogService } from '@ng-nest/ui/dialog';\r\nimport { XImagePreviewComponent } from './image-preview.component';\r\nimport { XI18nService, zh_CN } from '@ng-nest/ui/i18n';\r\nimport { map } from 'rxjs';\r\nimport { XIconComponent } from '@ng-nest/ui/icon';\r\nimport { XOutletDirective } from '@ng-nest/ui/outlet';\r\nimport { toSignal } from '@angular/core/rxjs-interop';\r\nimport { X_IMAGE_GROUP_CONTEXT } from './image-group.token';\r\n\r\n@Component({\r\n  selector: `${XImagePrefix}`,\r\n  imports: [XIconComponent, XOutletDirective],\r\n  templateUrl: './image.component.html',\r\n  styleUrls: ['./image.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XImageComponent extends XImageProperty implements OnInit, OnDestroy, XImageHandle {\r\n  private dialog = inject(XDialogService);\r\n  private i18n = inject(XI18nService);\r\n  private group = inject(X_IMAGE_GROUP_CONTEXT, { optional: true });\r\n  configService = inject(XConfigService);\r\n  isError = signal(false);\r\n  isLoaded = signal(false);\r\n\r\n  locale = toSignal(this.i18n.localeChange.pipe(map((x) => x.image!)), { initialValue: zh_CN.image });\r\n\r\n  previewTextSignal = computed(() => {\r\n    return this.previewText() || this.locale().previewText;\r\n  });\r\n\r\n  constructor() {\r\n    super();\r\n    effect(() => {\r\n      this.src();\r\n      this.isLoaded.set(false);\r\n    });\r\n  }\r\n\r\n  ngOnInit(): void {\r\n    this.group && this.group.addImage(this);\r\n  }\r\n\r\n  ngOnDestroy() {\r\n    this.group && this.group.removeImage(this);\r\n  }\r\n\r\n  onPreview() {\r\n    let data: XImageNode[] = [];\r\n    if (this.group) {\r\n      const activatedIndex = this.group.images().indexOf(this);\r\n      data = this.group.images().map((x, index) => ({\r\n        src: x.src(),\r\n        alt: x.alt(),\r\n        fallback: x.fallback(),\r\n        activated: index === activatedIndex\r\n      }));\r\n    } else {\r\n      data = [{ src: this.src(), alt: this.alt(), fallback: this.fallback() }];\r\n    }\r\n    this.dialog.create(XImagePreviewComponent, {\r\n      width: '100%',\r\n      height: '100%',\r\n      className: 'x-image-preview-portal',\r\n      data\r\n    });\r\n  }\r\n\r\n  onError(event: ErrorEvent) {\r\n    this.isError.set(true);\r\n    this.error.emit(event);\r\n  }\r\n\r\n  onLoad(event: Event) {\r\n    this.isLoaded.set(true);\r\n    this.isError.set(false);\r\n    this.load.emit(event);\r\n  }\r\n}\r\n","<div class=\"x-image\">\r\n  <img\r\n    [hidden]=\"(placeholder() && !isLoaded()) || isError()\"\r\n    class=\"x-image-img\"\r\n    [src]=\"src()\"\r\n    [style.width]=\"width()\"\r\n    [style.height]=\"height()\"\r\n    [attr.alt]=\"alt()\"\r\n    (error)=\"onError($event)\"\r\n    (load)=\"onLoad($event)\"\r\n  />\r\n  @if (placeholder() && !isLoaded()) {\r\n    <img class=\"x-image-img\" [src]=\"placeholder()\" [style.width]=\"width()\" [style.height]=\"height()\" />\r\n  }\r\n  @if (isError() && fallback()) {\r\n    <img class=\"x-image-img x-image-fallback\" [src]=\"fallback()\" [style.width]=\"width()\" [style.height]=\"height()\" />\r\n  }\r\n  @if (isError() && !fallback()) {\r\n    <div class=\"x-image-error-icon\" [style.width]=\"width()\" [style.height]=\"height()\">\r\n      <x-icon type=\"fto-image\"></x-icon>\r\n    </div>\r\n  }\r\n  @if (previewTpl()) {\r\n    <div class=\"x-image-overlay\">\r\n      <ng-container *xOutlet=\"previewTpl(); context: { $image: this }\"> </ng-container>\r\n    </div>\r\n  } @else {\r\n    @if (!isError()) {\r\n      <div class=\"x-image-overlay\">\r\n        <div class=\"x-image-text\">\r\n          <x-icon type=\"fto-eye\"></x-icon>\r\n          <span>{{ previewTextSignal() }}</span>\r\n        </div>\r\n      </div>\r\n    }\r\n  }\r\n</div>\r\n","import { Component, ViewEncapsulation, ChangeDetectionStrategy, signal } from '@angular/core';\r\nimport { XImageGroupPrefix, XImageHandle } from './image.property';\r\nimport { X_IMAGE_GROUP_CONTEXT, XImageGroupContext } from './image-group.token';\r\n\r\n@Component({\r\n  selector: `${XImageGroupPrefix}`,\r\n  templateUrl: './image-group.component.html',\r\n  styleUrls: ['./image-group.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  providers: [\r\n    {\r\n      provide: X_IMAGE_GROUP_CONTEXT,\r\n      useExisting: XImageGroupComponent\r\n    }\r\n  ]\r\n})\r\nexport class XImageGroupComponent implements XImageGroupContext {\r\n  images = signal<XImageHandle[]>([]);\r\n\r\n  addImage(image: XImageHandle): void {\r\n    this.images.update((x) => {\r\n      x.push(image);\r\n      return [...x];\r\n    });\r\n  }\r\n\r\n  removeImage(image: XImageHandle): void {\r\n    this.images.update((x) => {\r\n      x.splice(x.indexOf(image), 1);\r\n      return [...x];\r\n    });\r\n  }\r\n}\r\n","<ng-content></ng-content>\r\n","import { NgModule } from '@angular/core';\r\nimport { XImageComponent } from './image.component';\r\nimport { XImagePreviewComponent } from './image-preview.component';\r\nimport { XImageGroupComponent } from './image-group.component';\r\n\r\n@NgModule({\r\n  exports: [XImageComponent, XImagePreviewComponent, XImageGroupComponent],\r\n  imports: [XImageComponent, XImagePreviewComponent, XImageGroupComponent]\r\n})\r\nexport class XImageModule {}\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-image.mjs","sources":["../../../../lib/ng-nest/ui/image/image.property.ts","../../../../lib/ng-nest/ui/image/image-preview.component.ts","../../../../lib/ng-nest/ui/image/image-preview.component.html","../../../../lib/ng-nest/ui/image/image-group.token.ts","../../../../lib/ng-nest/ui/image/image.component.ts","../../../../lib/ng-nest/ui/image/image.component.html","../../../../lib/ng-nest/ui/image/image-group.component.ts","../../../../lib/ng-nest/ui/image/image-group.component.html","../../../../lib/ng-nest/ui/image/image.module.ts","../../../../lib/ng-nest/ui/image/ng-nest-ui-image.ts"],"sourcesContent":["import { Component, input, InputSignal, output } from '@angular/core';\r\nimport { XProperty, XPropertyFunction, XToCssPixelValue } from '@ng-nest/ui/core';\r\nimport type { XNumber, XTemplate } from '@ng-nest/ui/core';\r\n\r\n/**\r\n * Image\r\n * @selector x-image\r\n * @decorator component\r\n */\r\nexport const XImagePrefix = 'x-image';\r\nconst X_IMAGE_CONFIG_NAME = 'image';\r\n\r\n/**\r\n * Image Property\r\n */\r\n@Component({ selector: `${XImagePrefix}-property`, template: '' })\r\nexport class XImageProperty extends XPropertyFunction(X_IMAGE_CONFIG_NAME) {\r\n  /**\r\n   * @zh_CN 图片显示地址\r\n   * @en_US Picture display address\r\n   * @example\r\n   *\r\n   * ```html\r\n   * <x-image\r\n   *   width=\"100px\"\r\n   *   height=\"100px\"\r\n   *   src=\"https://ngnest.com/static/docs/course/rbac/1-introduction/demo/1__ng-nest-admin/light.png\"\r\n   * ></x-image>\r\n   * ```\r\n   *\r\n   */\r\n  readonly src = input<string>();\r\n  /**\r\n   * @zh_CN 图片宽度\r\n   * @en_US Picture width\r\n   * @example\r\n   *\r\n   * ```html\r\n   * <x-image\r\n   *   width=\"100px\"\r\n   *   height=\"100px\"\r\n   *   src=\"https://ngnest.com/static/docs/course/rbac/1-introduction/demo/1__ng-nest-admin/light.png\"\r\n   * ></x-image>\r\n   * ```\r\n   *\r\n   */\r\n  readonly width = input<string, XNumber>('', { transform: XToCssPixelValue });\r\n  /**\r\n   * @zh_CN 图片高度\r\n   * @en_US Picture height\r\n   * @example\r\n   *\r\n   * ```html\r\n   * <x-image\r\n   *   width=\"100px\"\r\n   *   height=\"100px\"\r\n   *   src=\"https://ngnest.com/static/docs/course/rbac/1-introduction/demo/1__ng-nest-admin/light.png\"\r\n   * ></x-image>\r\n   * ```\r\n   *\r\n   */\r\n  readonly height = input<string, XNumber>('', { transform: XToCssPixelValue });\r\n  /**\r\n   * @zh_CN 图像描述\r\n   * @en_US Image description\r\n   * @example\r\n   *\r\n   * ```html\r\n   * <x-image\r\n   *   alt=\"ng-nest-admin-light\"\r\n   *   width=\"100px\"\r\n   *   height=\"100px\"\r\n   *   src=\"https://ngnest.com/static/docs/course/rbac/1-introduction/demo/1__ng-nest-admin/light.png\"\r\n   * ></x-image>\r\n   * ```\r\n   *\r\n   */\r\n  readonly alt = input<string>();\r\n  /**\r\n   * @zh_CN 加载失败显示的地址\r\n   * @en_US Load fault tolerance address\r\n   * @example\r\n   *\r\n   * ```html\r\n   * <x-image\r\n   *   width=\"100px\"\r\n   *   height=\"100px\"\r\n   *   src=\"error\"\r\n   *   fallback=\"data:image/png;base64,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\"\r\n   * ></x-image>\r\n   * ```\r\n   *\r\n   */\r\n  readonly fallback = input<string>();\r\n  /**\r\n   * @zh_CN 预览文字\r\n   * @en_US Preview text\r\n   * @default '预览'\r\n   * @example\r\n   *\r\n   * ```html\r\n   * <x-image\r\n   *   width=\"100px\"\r\n   *   height=\"100px\"\r\n   *   src=\"https://ngnest.com/static/docs/course/rbac/1-introduction/demo/1__ng-nest-admin/light.png\"\r\n   *   previewText=\"查看\"\r\n   * ></x-image>\r\n   * ```\r\n   *\r\n   */\r\n  readonly previewText = input<string>(this.config?.previewText!);\r\n  /**\r\n   * @zh_CN 渐进加载显示的图片地址\r\n   * @en_US Progressive loading image addresses\r\n   */\r\n  readonly placeholder = input<string>();\r\n  /**\r\n   * @zh_CN 自定义预览操作\r\n   * @en_US Custom preview operation\r\n   */\r\n  readonly previewTpl = input<XTemplate>();\r\n  /**\r\n   * @zh_CN 图片加载错误\r\n   * @en_US Picture load failed\r\n   * @example\r\n   *\r\n   * ```html\r\n   * <x-image\r\n   *   width=\"100px\"\r\n   *   height=\"100px\"\r\n   *   src=\"error\"\r\n   *   (error)=\"onError($event)\"\r\n   * ></x-image>\r\n   * ```\r\n   *\r\n   * ```typescript\r\n   * onError(event: ErrorEvent) {\r\n   *   console.log(event)\r\n   * }\r\n   * ```\r\n   *\r\n   */\r\n  readonly error = output<ErrorEvent>();\r\n  /**\r\n   * @zh_CN 图片加载完成\r\n   * @en_US Picture loading complete\r\n   * @example\r\n   *\r\n   * ```html\r\n   * <x-image\r\n   *   width=\"100px\"\r\n   *   height=\"100px\"\r\n   *   src=\"https://ngnest.com/static/docs/course/rbac/1-introduction/demo/1__ng-nest-admin/light.png\"\r\n   *   (load)=\"onLoad($event)\"\r\n   * ></x-image>\r\n   * ```\r\n   *\r\n   * ```typescript\r\n   * onLoad(event: Event) {\r\n   *   console.log(event)\r\n   * }\r\n   * ```\r\n   *\r\n   */\r\n  readonly load = output<Event>();\r\n}\r\n\r\n/**\r\n * @zh_CN 图片节点数据\r\n * @en_US Image node data\r\n */\r\nexport interface XImageNode {\r\n  /**\r\n   * @zh_CN 图片显示地址\r\n   * @en_US Picture display address\r\n   */\r\n  src?: string;\r\n  /**\r\n   * @zh_CN 图像描述\r\n   * @en_US Image description\r\n   */\r\n  alt?: string;\r\n  /**\r\n   * @zh_CN 加载失败显示的地址\r\n   * @en_US Load fault tolerance address\r\n   */\r\n  fallback?: string;\r\n  /**\r\n   * @zh_CN 当前激活的图片\r\n   * @en_US Current activated pictures\r\n   */\r\n  activated?: boolean;\r\n}\r\n\r\n/**\r\n * Image Preview\r\n * @selector x-image-preview\r\n * @decorator component\r\n */\r\nexport const XImagePreviewPrefix = 'x-image-preview';\r\n\r\n/**\r\n * Image Preview Property\r\n */\r\n@Component({ selector: `${XImagePreviewPrefix}-property`, template: '' })\r\nexport class XImagePreviewProperty extends XProperty {}\r\n\r\n/**\r\n * Image Group\r\n * @selector x-image-group\r\n * @decorator component\r\n */\r\nexport const XImageGroupPrefix = 'x-image-group';\r\n\r\n/**\r\n * @zh_CN 图片组件定义\r\n * @en_US Image component definition\r\n */\r\nexport interface XImageHandle {\r\n  src: InputSignal<string | undefined>;\r\n  alt: InputSignal<string | undefined>;\r\n  fallback: InputSignal<string | undefined>;\r\n}\r\n","import {\r\n  Component,\r\n  ViewEncapsulation,\r\n  ElementRef,\r\n  ChangeDetectionStrategy,\r\n  inject,\r\n  OnInit,\r\n  signal,\r\n  computed,\r\n  viewChild\r\n} from '@angular/core';\r\nimport { XImageNode, XImagePreviewPrefix, XImagePreviewProperty } from './image.property';\r\nimport { XDialogCloseDirective, X_DIALOG_DATA } from '@ng-nest/ui/dialog';\r\nimport { DOCUMENT } from '@angular/common';\r\nimport { XIconComponent } from '@ng-nest/ui/icon';\r\nimport { DragDropModule } from '@angular/cdk/drag-drop';\r\n\r\n@Component({\r\n  selector: `${XImagePreviewPrefix}`,\r\n  imports: [XIconComponent, DragDropModule, XDialogCloseDirective],\r\n  templateUrl: './image-preview.component.html',\r\n  styleUrls: ['./image-preview.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XImagePreviewComponent extends XImagePreviewProperty implements OnInit {\r\n  imgScale3d = signal({\r\n    x: 1,\r\n    y: 1,\r\n    z: 1\r\n  });\r\n  rotate = signal(0);\r\n\r\n  position = signal({\r\n    x: 0,\r\n    y: 0\r\n  });\r\n\r\n  activated = signal<XImageNode | undefined>(undefined);\r\n  total = signal(1);\r\n  current = signal(1);\r\n\r\n  private document = inject(DOCUMENT);\r\n\r\n  wrapperTransform = computed(() => {\r\n    return `translate3d(${this.position().x}px, ${this.position().y}px, 0)`;\r\n  });\r\n  imgTransform = computed(() => {\r\n    return `scale3d(${this.imgScale3d().x}, ${this.imgScale3d().y}, ${this.imgScale3d().z}) rotate(${this.rotate()}deg)`;\r\n  });\r\n\r\n  imageRef = viewChild.required<ElementRef<HTMLImageElement>>('imageRef');\r\n\r\n  data = inject<XImageNode[]>(X_DIALOG_DATA);\r\n\r\n  ngOnInit() {\r\n    this.setActivated();\r\n  }\r\n\r\n  initialization() {\r\n    this.imgScale3d.set({\r\n      x: 1,\r\n      y: 1,\r\n      z: 1\r\n    });\r\n    this.rotate.set(0);\r\n    this.position.set({\r\n      x: 0,\r\n      y: 0\r\n    });\r\n  }\r\n\r\n  setActivated() {\r\n    if (!this.data) return;\r\n    if (this.data.length === 1) {\r\n      this.activated.set(this.data[0]);\r\n      this.total.set(1);\r\n      this.current.set(1);\r\n    } else {\r\n      this.total.set(this.data.length);\r\n      this.activated.set(\r\n        this.data.find((x, index) => {\r\n          if (x.activated) {\r\n            this.current.set(index + 1);\r\n            return true;\r\n          }\r\n          return false;\r\n        })\r\n      );\r\n    }\r\n  }\r\n\r\n  onCurrentChange(num: number) {\r\n    this.current.update((x) => x + num);\r\n    this.activated.set(this.data[this.current() - 1]);\r\n    this.initialization();\r\n  }\r\n\r\n  onRotate(deg: number) {\r\n    this.rotate.update((x) => x + deg);\r\n  }\r\n\r\n  onScale(zoom: number) {\r\n    const currentScale = this.imgScale3d().x;\r\n    let newScale: number;\r\n    \r\n    if (zoom > 0) {\r\n      // �Ŵ�ʹ��ָ�����������������ֵ\r\n      newScale = Math.min(currentScale * 1.2, 5);\r\n    } else {\r\n      // ��С��ʹ��ָ�����٣���������Сֵ\r\n      newScale = Math.max(currentScale / 1.2, 0.1);\r\n    }\r\n    \r\n    if (newScale !== currentScale) {\r\n      this.imgScale3d.update((item) => {\r\n        item.x = newScale;\r\n        item.y = newScale;\r\n        return { ...item };\r\n      });\r\n      // ���ź����¼���λ�ã���ֹͼƬ�����߽�\r\n      setTimeout(() => this.adjustPosition(), 0);\r\n    }\r\n  }\r\n\r\n  onWheel(event: WheelEvent) {\r\n    event.preventDefault();\r\n    event.stopPropagation();\r\n    \r\n    const delta = event.deltaY > 0 ? -1 : 1;\r\n    this.onScale(delta);\r\n  }\r\n\r\n  onDragReleased() {\r\n    this.adjustPosition();\r\n  }\r\n\r\n  private adjustPosition() {\r\n    const img = this.imageRef().nativeElement;\r\n    const scale = this.imgScale3d().x;\r\n    const rotation = this.rotate() % 360;\r\n    \r\n    // ��ȡͼƬ��ԭʼ�ߴ�\r\n    const imgWidth = img.naturalWidth || img.offsetWidth;\r\n    const imgHeight = img.naturalHeight || img.offsetHeight;\r\n    \r\n    // �������ź�ijߴ�\r\n    let scaledWidth = imgWidth * scale;\r\n    let scaledHeight = imgHeight * scale;\r\n    \r\n    // ���ͼƬ��ת��90�Ȼ�270�ȣ���������\r\n    const isRotated = Math.abs(rotation) === 90 || Math.abs(rotation) === 270;\r\n    if (isRotated) {\r\n      [scaledWidth, scaledHeight] = [scaledHeight, scaledWidth];\r\n    }\r\n    \r\n    // ��ȡ�����ߴ�\r\n    const containerWidth = this.document.documentElement.clientWidth;\r\n    const containerHeight = this.document.documentElement.clientHeight;\r\n    \r\n    // ��ȡ��ǰͼƬ��λ��\r\n    const rect = img.getBoundingClientRect();\r\n    const currentX = this.position().x;\r\n    const currentY = this.position().y;\r\n    \r\n    // ����ͼƬ���ĵ�������������ĵ�ƫ��\r\n    const imgCenterX = rect.left + rect.width / 2;\r\n    const imgCenterY = rect.top + rect.height / 2;\r\n    const containerCenterX = containerWidth / 2;\r\n    const containerCenterY = containerHeight / 2;\r\n    \r\n    let newX = currentX;\r\n    let newY = currentY;\r\n    \r\n    // ���ͼƬ��������������ק��Χ\r\n    if (scaledWidth > containerWidth) {\r\n      const maxOffsetX = (scaledWidth - containerWidth) / 2;\r\n      const offsetX = imgCenterX - containerCenterX;\r\n      \r\n      if (offsetX > maxOffsetX) {\r\n        newX = currentX - (offsetX - maxOffsetX);\r\n      } else if (offsetX < -maxOffsetX) {\r\n        newX = currentX - (offsetX + maxOffsetX);\r\n      }\r\n    } else {\r\n      // ���ͼƬ������С��������ʾ\r\n      newX = 0;\r\n    }\r\n    \r\n    if (scaledHeight > containerHeight) {\r\n      const maxOffsetY = (scaledHeight - containerHeight) / 2;\r\n      const offsetY = imgCenterY - containerCenterY;\r\n      \r\n      if (offsetY > maxOffsetY) {\r\n        newY = currentY - (offsetY - maxOffsetY);\r\n      } else if (offsetY < -maxOffsetY) {\r\n        newY = currentY - (offsetY + maxOffsetY);\r\n      }\r\n    } else {\r\n      // ���ͼƬ������С��������ʾ\r\n      newY = 0;\r\n    }\r\n    \r\n    this.position.set({ x: newX, y: newY });\r\n  }\r\n}\r\n","<div class=\"x-image-preview\">\r\n  <div class=\"x-image-preview-header\">\r\n    <div class=\"x-image-preview-header-left\">\r\n      @if (total() != 1) {\r\n        <span class=\"x-image-preview-current\">{{ current() }} / {{ total() }}</span>\r\n      }\r\n    </div>\r\n    <div class=\"x-image-preview-header-center\">\r\n      <x-icon type=\"fto-corner-up-left\" (click)=\"onRotate(-90)\"></x-icon>\r\n      <x-icon type=\"fto-corner-up-right\" (click)=\"onRotate(90)\"></x-icon>\r\n      <x-icon\r\n        type=\"fto-zoom-out\"\r\n        [class.x-image-preview-disabled]=\"imgScale3d().x <= 0.1\"\r\n        (click)=\"imgScale3d().x > 0.1 && onScale(-1)\"\r\n      ></x-icon>\r\n      <x-icon type=\"fto-zoom-in\" [class.x-image-preview-disabled]=\"imgScale3d().x >= 5\" (click)=\"imgScale3d().x < 5 && onScale(1)\"></x-icon>\r\n    </div>\r\n    <div class=\"x-image-preview-header-right\">\r\n      <x-icon type=\"fto-x\" x-dialog-close></x-icon>\r\n    </div>\r\n  </div>\r\n  <div\r\n    class=\"x-image-preview-wrapper\"\r\n    cdkDrag\r\n    [style.transform]=\"wrapperTransform()\"\r\n    [cdkDragFreeDragPosition]=\"position()\"\r\n    (cdkDragReleased)=\"onDragReleased()\"\r\n    (wheel)=\"onWheel($event)\"\r\n  >\r\n    <img\r\n      #imageRef\r\n      [src]=\"activated()?.src!\"\r\n      [attr.alt]=\"activated()?.alt!\"\r\n      cdkDragHandle\r\n      [style.transform]=\"imgTransform()\"\r\n    />\r\n  </div>\r\n  @if (data && data.length > 1) {\r\n    <div\r\n      [class.x-image-preview-disabled]=\"current() === 1\"\r\n      class=\"x-image-preview-left\"\r\n      (click)=\"current() > 1 && onCurrentChange(-1)\"\r\n    >\r\n      <x-icon type=\"fto-chevron-left\"></x-icon>\r\n    </div>\r\n    <div\r\n      [class.x-image-preview-disabled]=\"current() === total()\"\r\n      class=\"x-image-preview-right\"\r\n      (click)=\"current() != total() && onCurrentChange(1)\"\r\n    >\r\n      <x-icon type=\"fto-chevron-right\"></x-icon>\r\n    </div>\r\n  }\r\n</div>\r\n","import { InjectionToken, WritableSignal } from '@angular/core';\r\nimport type { XImageHandle } from './image.property';\r\n\r\nexport interface XImageGroupContext {\r\n  images: WritableSignal<XImageHandle[]>;\r\n  addImage(image: XImageHandle): void;\r\n  removeImage(image: XImageHandle): void;\r\n}\r\n\r\nexport const X_IMAGE_GROUP_CONTEXT = new InjectionToken<XImageGroupContext>('X_IMAGE_GROUP_CONTEXT');\r\n","import {\r\n  Component,\r\n  ViewEncapsulation,\r\n  ChangeDetectionStrategy,\r\n  OnInit,\r\n  inject,\r\n  computed,\r\n  signal,\r\n  OnDestroy,\r\n  effect\r\n} from '@angular/core';\r\nimport { XImageHandle, XImageNode, XImagePrefix, XImageProperty } from './image.property';\r\nimport { XConfigService } from '@ng-nest/ui/core';\r\nimport { XDialogService } from '@ng-nest/ui/dialog';\r\nimport { XImagePreviewComponent } from './image-preview.component';\r\nimport { XI18nService, zh_CN } from '@ng-nest/ui/i18n';\r\nimport { map } from 'rxjs';\r\nimport { XIconComponent } from '@ng-nest/ui/icon';\r\nimport { XOutletDirective } from '@ng-nest/ui/outlet';\r\nimport { toSignal } from '@angular/core/rxjs-interop';\r\nimport { X_IMAGE_GROUP_CONTEXT } from './image-group.token';\r\n\r\n@Component({\r\n  selector: `${XImagePrefix}`,\r\n  imports: [XIconComponent, XOutletDirective],\r\n  templateUrl: './image.component.html',\r\n  styleUrls: ['./image.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XImageComponent extends XImageProperty implements OnInit, OnDestroy, XImageHandle {\r\n  private dialog = inject(XDialogService);\r\n  private i18n = inject(XI18nService);\r\n  private group = inject(X_IMAGE_GROUP_CONTEXT, { optional: true });\r\n  configService = inject(XConfigService);\r\n  isError = signal(false);\r\n  isLoaded = signal(false);\r\n\r\n  locale = toSignal(this.i18n.localeChange.pipe(map((x) => x.image!)), { initialValue: zh_CN.image });\r\n\r\n  previewTextSignal = computed(() => {\r\n    return this.previewText() || this.locale().previewText;\r\n  });\r\n\r\n  constructor() {\r\n    super();\r\n    effect(() => {\r\n      this.src();\r\n      this.isLoaded.set(false);\r\n    });\r\n  }\r\n\r\n  ngOnInit(): void {\r\n    this.group && this.group.addImage(this);\r\n  }\r\n\r\n  ngOnDestroy() {\r\n    this.group && this.group.removeImage(this);\r\n  }\r\n\r\n  onPreview() {\r\n    let data: XImageNode[] = [];\r\n    if (this.group) {\r\n      const activatedIndex = this.group.images().indexOf(this);\r\n      data = this.group.images().map((x, index) => ({\r\n        src: x.src(),\r\n        alt: x.alt(),\r\n        fallback: x.fallback(),\r\n        activated: index === activatedIndex\r\n      }));\r\n    } else {\r\n      data = [{ src: this.src(), alt: this.alt(), fallback: this.fallback() }];\r\n    }\r\n    this.dialog.create(XImagePreviewComponent, {\r\n      width: '100%',\r\n      height: '100%',\r\n      className: 'x-image-preview-portal',\r\n      data\r\n    });\r\n  }\r\n\r\n  onError(event: ErrorEvent) {\r\n    this.isError.set(true);\r\n    this.error.emit(event);\r\n  }\r\n\r\n  onLoad(event: Event) {\r\n    this.isLoaded.set(true);\r\n    this.isError.set(false);\r\n    this.load.emit(event);\r\n  }\r\n}\r\n","<div class=\"x-image\">\r\n  <img\r\n    [hidden]=\"(placeholder() && !isLoaded()) || isError()\"\r\n    class=\"x-image-img\"\r\n    [src]=\"src()\"\r\n    [style.width]=\"width()\"\r\n    [style.height]=\"height()\"\r\n    [attr.alt]=\"alt()\"\r\n    (error)=\"onError($event)\"\r\n    (load)=\"onLoad($event)\"\r\n  />\r\n  @if (placeholder() && !isLoaded()) {\r\n    <img class=\"x-image-img\" [src]=\"placeholder()\" [style.width]=\"width()\" [style.height]=\"height()\" />\r\n  }\r\n  @if (isError() && fallback()) {\r\n    <img class=\"x-image-img x-image-fallback\" [src]=\"fallback()\" [style.width]=\"width()\" [style.height]=\"height()\" />\r\n  }\r\n  @if (isError() && !fallback()) {\r\n    <div class=\"x-image-error-icon\" [style.width]=\"width()\" [style.height]=\"height()\">\r\n      <x-icon type=\"fto-image\"></x-icon>\r\n    </div>\r\n  }\r\n  @if (previewTpl()) {\r\n    <div class=\"x-image-overlay\">\r\n      <ng-container *xOutlet=\"previewTpl(); context: { $image: this }\"> </ng-container>\r\n    </div>\r\n  } @else {\r\n    @if (!isError()) {\r\n      <div class=\"x-image-overlay\" (click)=\"onPreview()\">\r\n        <div class=\"x-image-text\">\r\n          <x-icon type=\"fto-eye\"></x-icon>\r\n          <span>{{ previewTextSignal() }}</span>\r\n        </div>\r\n      </div>\r\n    }\r\n  }\r\n</div>\r\n","import { Component, ViewEncapsulation, ChangeDetectionStrategy, signal } from '@angular/core';\r\nimport { XImageGroupPrefix, XImageHandle } from './image.property';\r\nimport { X_IMAGE_GROUP_CONTEXT, XImageGroupContext } from './image-group.token';\r\n\r\n@Component({\r\n  selector: `${XImageGroupPrefix}`,\r\n  templateUrl: './image-group.component.html',\r\n  styleUrls: ['./image-group.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  providers: [\r\n    {\r\n      provide: X_IMAGE_GROUP_CONTEXT,\r\n      useExisting: XImageGroupComponent\r\n    }\r\n  ]\r\n})\r\nexport class XImageGroupComponent implements XImageGroupContext {\r\n  images = signal<XImageHandle[]>([]);\r\n\r\n  addImage(image: XImageHandle): void {\r\n    this.images.update((x) => {\r\n      x.push(image);\r\n      return [...x];\r\n    });\r\n  }\r\n\r\n  removeImage(image: XImageHandle): void {\r\n    this.images.update((x) => {\r\n      x.splice(x.indexOf(image), 1);\r\n      return [...x];\r\n    });\r\n  }\r\n}\r\n","<ng-content></ng-content>\r\n","import { NgModule } from '@angular/core';\r\nimport { XImageComponent } from './image.component';\r\nimport { XImagePreviewComponent } from './image-preview.component';\r\nimport { XImageGroupComponent } from './image-group.component';\r\n\r\n@NgModule({\r\n  exports: [XImageComponent, XImagePreviewComponent, XImageGroupComponent],\r\n  imports: [XImageComponent, XImagePreviewComponent, XImageGroupComponent]\r\n})\r\nexport class XImageModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/ng-nest-ui-input-number.mjs

@@ -141,7 +141,7 @@ class XInputNumberProperty extends XFormControlFunction(X_INPUT_NUMBER_CONFIG_NA
          * @zh_CN 验证不通过提示文字
          * @en_US Verify not pass the prompt text
          */
-        this.message = input([], ...(ngDevMode ? [{ debugName: "message" }] : []));
+        this.message = input('', ...(ngDevMode ? [{ debugName: "message" }] : []));
         /**
          * @zh_CN 输入验证函数
          * @en_US Enter the verification function

package/fesm2022/ng-nest-ui-input-number.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-nest-ui-input-number.mjs","sources":["../../../../lib/ng-nest/ui/input-number/input-number.property.ts","../../../../lib/ng-nest/ui/input-number/input-number.component.ts","../../../../lib/ng-nest/ui/input-number/input-number.component.html","../../../../lib/ng-nest/ui/input-number/input-number.module.ts","../../../../lib/ng-nest/ui/input-number/ng-nest-ui-input-number.ts"],"sourcesContent":["import {\r\n  XAlign,\r\n  XBoolean,\r\n  XDirection,\r\n  XJustify,\r\n  XNumber,\r\n  XSize,\r\n  XTemplate,\r\n  XToBoolean,\r\n  XToCssPixelValue,\r\n  XToNumber,\r\n  XVariant\r\n} from '@ng-nest/ui/core';\r\nimport { Component, TemplateRef, input } from '@angular/core';\r\nimport { XFormControlFunction, XFormOption } from '@ng-nest/ui/base-form';\r\n\r\n/**\r\n * InputNumber\r\n * @selector x-input-number\r\n * @decorator component\r\n */\r\nexport const XInputNumberPrefix = 'x-input-number';\r\nconst X_INPUT_NUMBER_CONFIG_NAME = 'inputNumber';\r\n\r\n/**\r\n * InputNumber Property\r\n */\r\n@Component({ selector: `${XInputNumberPrefix}-property`, template: '' })\r\nexport class XInputNumberProperty extends XFormControlFunction(X_INPUT_NUMBER_CONFIG_NAME) {\r\n  /**\r\n   * @zh_CN 形态变体\r\n   * @en_US Input variant\r\n   */\r\n  readonly variant = input<XInputNumberVariant>(this.config?.variant ?? 'outlined');\r\n  /**\r\n   * @zh_CN 最小值\r\n   * @en_US Minimum\r\n   */\r\n  readonly min = input<number, XNumber>(Number.MIN_SAFE_INTEGER, { transform: XToNumber });\r\n  /**\r\n   * @zh_CN 最大值\r\n   * @en_US Max\r\n   */\r\n  readonly max = input<number, XNumber>(Number.MAX_SAFE_INTEGER, { transform: XToNumber });\r\n  /**\r\n   * @zh_CN 步数\r\n   * @en_US Step count\r\n   */\r\n  readonly step = input<number, XNumber>(1, { transform: XToNumber });\r\n  /**\r\n   * @zh_CN 按住后步进速度\r\n   * @en_US Stepping speed after pressing\r\n   */\r\n  readonly debounce = input<number, XNumber>(40, { transform: XToNumber });\r\n  /**\r\n   * @zh_CN 精度\r\n   * @en_US Precision\r\n   */\r\n  readonly precision = input<number, XNumber>(0, { transform: XToNumber });\r\n  /**\r\n   * @zh_CN 显示边框\r\n   * @en_US Display Border\r\n   */\r\n  readonly bordered = input<boolean, XBoolean>(this.config?.bordered ?? true, { transform: XToBoolean });\r\n  /**\r\n   * @zh_CN 数字格式化\r\n   * @en_US Display Formatter\r\n   */\r\n  readonly formatter = input<(value: number) => XNumber>();\r\n  /**\r\n   * @zh_CN 隐藏步进按钮\r\n   * @en_US Hide step button\r\n   */\r\n  readonly hiddenButton = input<boolean, XBoolean>(this.config?.hiddenButton ?? false, { transform: XToBoolean });\r\n  /**\r\n   * @zh_CN 尺寸\r\n   * @en_US Size\r\n   */\r\n  override readonly size = input<XSize>(this.config?.size ?? 'medium');\r\n  /**\r\n   * @zh_CN 标签\r\n   * @en_US Label\r\n   */\r\n  override readonly label = input<XTemplate>('');\r\n  /**\r\n   * @zh_CN 标签宽度\r\n   * @en_US Label width\r\n   */\r\n  override readonly labelWidth = input<string, XNumber>('', { transform: XToCssPixelValue });\r\n  /**\r\n   * @zh_CN 标签文字对齐方式\r\n   * @en_US Label text alignment method\r\n   */\r\n  override readonly labelAlign = input<XAlign>('start');\r\n  /**\r\n   * @zh_CN flex 布局下的子元素水平排列方式\r\n   * @en_US The level of sub-element level arrangement under flex layout\r\n   */\r\n  override readonly justify = input<XJustify>('start');\r\n  /**\r\n   * @zh_CN flex 布局下的子元素垂直排列方式\r\n   * @en_US sub-element vertical arrangement method under flex layout\r\n   */\r\n  override readonly align = input<XAlign>('start');\r\n  /**\r\n   * @zh_CN flex 布局下的子元素排列方向\r\n   * @en_US The direction of the sub-element arrangement under flex layout\r\n   */\r\n  override readonly direction = input<XDirection>('column');\r\n  /**\r\n   * @zh_CN 输入提示信息\r\n   * @en_US Enter prompt information\r\n   */\r\n  override readonly placeholder = input<string | string[]>('');\r\n  /**\r\n   * @zh_CN 禁用\r\n   * @en_US Disabled\r\n   */\r\n  override readonly disabled = input<boolean, XBoolean>(false, { transform: XToBoolean });\r\n  /**\r\n   * @zh_CN 必填\r\n   * @en_US Required\r\n   */\r\n  override readonly required = input<boolean, XBoolean>(false, { transform: XToBoolean });\r\n  /**\r\n   * @zh_CN 只读\r\n   * @en_US Readonly\r\n   */\r\n  override readonly readonly = input<boolean, XBoolean>(false, { transform: XToBoolean });\r\n  /**\r\n   * @zh_CN 值模板\r\n   * @en_US Node template\r\n   */\r\n  override readonly valueTpl = input<TemplateRef<any>>();\r\n  /**\r\n   * @zh_CN 值模板参数\r\n   * @en_US Node template\r\n   */\r\n  override readonly valueTplContext = input();\r\n  /**\r\n   * @zh_CN 正则验证规则\r\n   * @en_US Regular verification rules\r\n   */\r\n  override readonly pattern = input<RegExp | RegExp[] | any>(null);\r\n  /**\r\n   * @zh_CN 验证不通过提示文字\r\n   * @en_US Verify not pass the prompt text\r\n   */\r\n  override readonly message = input<string | string[]>([]);\r\n  /**\r\n   * @zh_CN 输入验证函数\r\n   * @en_US Enter the verification function\r\n   */\r\n  override readonly inputValidator = input<(value: any) => boolean>();\r\n}\r\n\r\n/**\r\n * InputNumber Option\r\n */\r\nexport interface XInputNumberOption extends XFormOption {\r\n  /**\r\n   * @zh_CN 形态变体\r\n   * @en_US Input variant\r\n   */\r\n  variant?: XInputNumberVariant;\r\n  /**\r\n   * @zh_CN 最小值\r\n   * @en_US Minimum\r\n   */\r\n  min?: number;\r\n  /**\r\n   * @zh_CN 最大值\r\n   * @en_US Max\r\n   */\r\n  max?: number;\r\n  /**\r\n   * @zh_CN 步数\r\n   * @en_US Step count\r\n   */\r\n  step?: number;\r\n  /**\r\n   * @zh_CN 按住后步进速度\r\n   * @en_US Stepping speed after pressing\r\n   */\r\n  debounce?: number;\r\n  /**\r\n   * @zh_CN 精度\r\n   * @en_US Precision\r\n   */\r\n  precision?: number;\r\n  /**\r\n   * @zh_CN 显示边框\r\n   * @en_US Display Border\r\n   */\r\n  bordered?: boolean;\r\n  /**\r\n   * @zh_CN 数字格式化\r\n   * @en_US Display Formatter\r\n   */\r\n  formatter?: (value: number) => XNumber;\r\n  /**\r\n   * @zh_CN 隐藏步进按钮\r\n   * @en_US Hide step button\r\n   */\r\n  hiddenButton?: boolean;\r\n  /**\r\n   * @zh_CN 尺寸\r\n   * @en_US Size\r\n   */\r\n  size?: XSize;\r\n  /**\r\n   * @zh_CN 标签\r\n   * @en_US Label\r\n   */\r\n  label?: string;\r\n  /**\r\n   * @zh_CN 标签宽度\r\n   * @en_US Label width\r\n   */\r\n  labelWidth?: string;\r\n  /**\r\n   * @zh_CN 标签文字对齐方式\r\n   * @en_US Label text alignment method\r\n   */\r\n  labelAlign?: XAlign;\r\n  /**\r\n   * @zh_CN flex 布局下的子元素水平排列方式\r\n   * @en_US The level of sub-element level arrangement under flex layout\r\n   */\r\n  justify?: XJustify;\r\n  /**\r\n   * @zh_CN flex 布局下的子元素垂直排列方式\r\n   * @en_US sub-element vertical arrangement method under flex layout\r\n   */\r\n  align?: XAlign;\r\n  /**\r\n   * @zh_CN flex 布局下的子元素排列方向\r\n   * @en_US The direction of the sub-element arrangement under flex layout\r\n   */\r\n  direction?: XDirection;\r\n  /**\r\n   * @zh_CN 输入提示信息\r\n   * @en_US Enter prompt information\r\n   */\r\n  placeholder?: string;\r\n  /**\r\n   * @zh_CN 禁用\r\n   * @en_US Disabled\r\n   */\r\n  disabled?: boolean;\r\n  /**\r\n   * @zh_CN 必填\r\n   * @en_US Required\r\n   */\r\n  required?: boolean;\r\n  /**\r\n   * @zh_CN 只读\r\n   * @en_US Readonly\r\n   */\r\n  readonly?: boolean;\r\n  /**\r\n   * @zh_CN 值模板\r\n   * @en_US Node template\r\n   */\r\n  valueTpl?: TemplateRef<any>;\r\n  /**\r\n   * @zh_CN 值模板参数\r\n   * @en_US Node template\r\n   */\r\n  valueTplContext?: any;\r\n  /**\r\n   * @zh_CN 正则验证规则\r\n   * @en_US Regular verification rules\r\n   */\r\n  pattern?: RegExp | RegExp[];\r\n  /**\r\n   * @zh_CN 验证不通过提示文字\r\n   * @en_US Verify not pass the prompt text\r\n   */\r\n  message?: string | string[];\r\n  /**\r\n   * @zh_CN 输入验证函数\r\n   * @en_US Enter the verification function\r\n   */\r\n  inputValidator?: (value: any) => boolean;\r\n}\r\n\r\n/**\r\n * @zh_CN 输入框形态变体\r\n * @en_US Input box variant\r\n */\r\nexport type XInputNumberVariant = XVariant;\r\n","import { Subject, Subscription, debounceTime, distinctUntilChanged, fromEvent, interval, takeUntil } from 'rxjs';\r\nimport {\r\n  Component,\r\n  ViewEncapsulation,\r\n  ChangeDetectionStrategy,\r\n  ElementRef,\r\n  inject,\r\n  viewChild,\r\n  signal\r\n} from '@angular/core';\r\nimport { XIsEmpty, XNumber, XIsNotNil, XIsFunction, XIsString } from '@ng-nest/ui/core';\r\nimport { XInputNumberPrefix, XInputNumberProperty } from './input-number.property';\r\nimport { XValueAccessor } from '@ng-nest/ui/base-form';\r\nimport { XInputComponent } from '@ng-nest/ui/input';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { XButtonComponent } from '@ng-nest/ui/button';\r\nimport { DOCUMENT } from '@angular/common';\r\n\r\n@Component({\r\n  selector: `${XInputNumberPrefix}`,\r\n  imports: [FormsModule, ReactiveFormsModule, XInputComponent, XButtonComponent],\r\n  templateUrl: './input-number.component.html',\r\n  styleUrls: ['./style/index.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  providers: [XValueAccessor(XInputNumberComponent)]\r\n})\r\nexport class XInputNumberComponent extends XInputNumberProperty {\r\n  inputNumber = viewChild.required<ElementRef<HTMLElement>>('inputNumber');\r\n  inputEleRef = viewChild.required<XInputComponent>('inputEleRef');\r\n\r\n  displayValue = signal<string>('');\r\n  minDisabled = signal(false);\r\n  maxDisabled = signal(false);\r\n  mousedown$!: Subscription;\r\n  mouseup$!: Subscription;\r\n  timer: any;\r\n  icon = signal('');\r\n  iconSpin = signal(false);\r\n  clearable = signal(false);\r\n  isDown = signal(false);\r\n  valueChange = new Subject<any>();\r\n\r\n  document = inject(DOCUMENT);\r\n  private unSubject = new Subject<void>();\r\n\r\n  inputValue = new Subject<string>();\r\n\r\n  constructor() {\r\n    super();\r\n    this.valueChange.pipe(distinctUntilChanged(), takeUntil(this.unSubject)).subscribe((x) => {\r\n      this.onChange && this.onChange(x);\r\n    });\r\n\r\n    this.inputValue.pipe(debounceTime(500), takeUntil(this.unSubject)).subscribe((value) => {\r\n      if (XIsFunction(this.formatter())) {\r\n        value = value.replace(/[^0-9]/g, '');\r\n      }\r\n      if (value === '') {\r\n        this.value.set(null);\r\n      } else {\r\n        this.verify(Number(value));\r\n        this.setDisplayValue(this.value());\r\n      }\r\n      this.valueChange.next(this.value());\r\n    });\r\n  }\r\n\r\n  override writeValue(value: any): void {\r\n    this.value.set(value);\r\n    this.verify(Number(value));\r\n    this.setDisplayValue(this.value());\r\n  }\r\n\r\n  ngOnInit() {\r\n    this.setDisplayValue(this.value());\r\n  }\r\n\r\n  down(event: Event, limit: XNumber, increase: boolean = true): void {\r\n    if (this.disabledComputed()) return;\r\n    event.preventDefault();\r\n    event.stopPropagation();\r\n    this.isDown.set(true);\r\n    this.timer = setTimeout(() => {\r\n      this.mousedown$ = interval(Number(this.debounce()))\r\n        .pipe(takeUntil(this.unSubject))\r\n        .subscribe(() => {\r\n          this.plus(event, limit, increase);\r\n        });\r\n      this.mouseup$ = fromEvent(this.document.documentElement, 'mouseup')\r\n        .pipe(takeUntil(this.unSubject))\r\n        .subscribe((event: Event) => {\r\n          this.up(event);\r\n        });\r\n    }, 150);\r\n  }\r\n\r\n  up(event: Event) {\r\n    if (this.disabledComputed()) return;\r\n    event.preventDefault();\r\n    event.stopPropagation();\r\n    this.isDown.set(false);\r\n    if (this.mousedown$) this.mousedown$.unsubscribe();\r\n    if (this.mouseup$) this.mouseup$.unsubscribe();\r\n  }\r\n\r\n  plus(event: Event, limit: XNumber, increase: boolean = true) {\r\n    if (this.disabledComputed()) return;\r\n    limit = Number(limit);\r\n    if (!increase) limit = -limit;\r\n    event.preventDefault();\r\n    event.stopPropagation();\r\n    if (this.timer) clearTimeout(this.timer);\r\n    if (Number.isNaN(+this.value())) this.value.set(0);\r\n    let value = Number(this.value()) + limit;\r\n    this.verify(value);\r\n    this.setDisplayValue(value);\r\n    this.valueChange.next(this.value());\r\n  }\r\n\r\n  verify(value: string | number) {\r\n    if (XIsString(value) && Number(value).toString() !== value) {\r\n      return;\r\n    }\r\n    value = Number(Number(value).toFixed(Number(this.precision())));\r\n    const oldValue: number = this.value();\r\n    this.value.set(value);\r\n    if (Number.isNaN(+this.value())) {\r\n      this.value.set(oldValue);\r\n    } else {\r\n      this.maxDisabled.set(value >= this.max());\r\n      this.minDisabled.set(value <= this.min());\r\n      this.value.set(this.maxDisabled() ? this.max() : this.minDisabled() ? this.min() : value);\r\n    }\r\n  }\r\n\r\n  onInput(x: Event) {\r\n    const input = x.target as HTMLInputElement;\r\n    let value = input.value;\r\n    this.inputValue.next(value);\r\n  }\r\n\r\n  setDisplayValue(value: string | number) {\r\n    if (XIsEmpty(value)) {\r\n      this.displayValue.set('');\r\n      return;\r\n    }\r\n    let displayValue = '';\r\n    const formatter = this.formatter();\r\n    if (!XIsEmpty(value) && !formatter) {\r\n      displayValue = Number(value).toFixed(this.precision());\r\n    } else if (formatter) {\r\n      const valueFormatter = formatter(Number(this.value()));\r\n      const val = XIsNotNil(valueFormatter) ? valueFormatter : '';\r\n      if (XIsNotNil(val)) {\r\n        displayValue = val.toString();\r\n      }\r\n    }\r\n    this.displayValue.set(displayValue);\r\n  }\r\n}\r\n","<div #inputNumber class=\"x-input-number\" [class.x-input-number-hidden-button]=\"hiddenButton()\">\r\n  <div class=\"x-input-number-row\">\r\n    <ng-template #beforeButtonTpl>\r\n      <x-button\r\n        class=\"x-input-number-reduce\"\r\n        icon=\"fto-minus\"\r\n        [size]=\"size()\"\r\n        [onlyIcon]=\"!bordered()\"\r\n        [disabled]=\"disabledComputed() || minDisabled()\"\r\n        (click)=\"!minDisabled() && plus($event, step(), false); formControlValidator()\"\r\n        attrType=\"button\"\r\n        (mousedown)=\"!minDisabled() && down($event, step(), false)\"\r\n        (mouseup)=\"up($event)\"\r\n        plain\r\n        flat\r\n        [text]=\"['borderless', 'underlined'].includes(variant())\"\r\n      ></x-button>\r\n    </ng-template>\r\n    <x-input\r\n      #inputEleRef\r\n      class=\"x-input-number-input\"\r\n      [label]=\"label()\"\r\n      [labelWidth]=\"labelWidth()\"\r\n      [labelAlign]=\"labelAlign()\"\r\n      [justify]=\"justify()\"\r\n      [align]=\"align()\"\r\n      [direction]=\"direction()\"\r\n      [disabled]=\"disabledComputed()\"\r\n      [required]=\"requiredComputed()\"\r\n      [validator]=\"validatorComputed()\"\r\n      [inputValidator]=\"inputValidator()\"\r\n      [icon]=\"icon()\"\r\n      [iconSpin]=\"iconSpin()\"\r\n      [placeholder]=\"placeholder()\"\r\n      [readonly]=\"readonly()\"\r\n      [clearable]=\"clearable()\"\r\n      [ngModel]=\"displayValue()\"\r\n      [valueTpl]=\"valueTpl()\"\r\n      [valueTplContext]=\"valueTplContext()\"\r\n      [size]=\"size()\"\r\n      [min]=\"min()\"\r\n      [max]=\"max()\"\r\n      [bordered]=\"bordered()\"\r\n      [before]=\"hiddenButton() ? '' : beforeButtonTpl\"\r\n      [after]=\"hiddenButton() ? '' : afterButtonTpl\"\r\n      [pattern]=\"patternComputed()\"\r\n      [message]=\"messageComputed()\"\r\n      [variant]=\"variant()\"\r\n      (xInput)=\"onInput($event); formControlValidator()\"\r\n    ></x-input>\r\n    <ng-template #afterButtonTpl>\r\n      <x-button\r\n        class=\"x-input-number-plus\"\r\n        icon=\"fto-plus\"\r\n        [size]=\"size()\"\r\n        [onlyIcon]=\"!bordered()\"\r\n        [disabled]=\"disabledComputed() || maxDisabled()\"\r\n        (click)=\"!maxDisabled() && plus($event, step()); formControlValidator()\"\r\n        attrType=\"button\"\r\n        (mousedown)=\"!maxDisabled() && down($event, step())\"\r\n        (mouseup)=\"up($event)\"\r\n        plain\r\n        flat\r\n        [text]=\"['borderless', 'underlined'].includes(variant())\"\r\n      ></x-button>\r\n    </ng-template>\r\n    @if (invalid()) {\r\n      <div class=\"x-border-error x-top-left\"></div>\r\n      <div class=\"x-border-error x-top-right\"></div>\r\n      <div class=\"x-border-error x-bottom-left\"></div>\r\n      <div class=\"x-border-error x-bottom-right\"></div>\r\n    }\r\n  </div>\r\n</div>\r\n","import { NgModule } from '@angular/core';\r\nimport { XInputNumberComponent } from './input-number.component';\r\n\r\n@NgModule({\r\n  exports: [XInputNumberComponent],\r\n  imports: [XInputNumberComponent]\r\n})\r\nexport class XInputNumberModule {}\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-input-number.mjs","sources":["../../../../lib/ng-nest/ui/input-number/input-number.property.ts","../../../../lib/ng-nest/ui/input-number/input-number.component.ts","../../../../lib/ng-nest/ui/input-number/input-number.component.html","../../../../lib/ng-nest/ui/input-number/input-number.module.ts","../../../../lib/ng-nest/ui/input-number/ng-nest-ui-input-number.ts"],"sourcesContent":["import {\r\n  XAlign,\r\n  XBoolean,\r\n  XDirection,\r\n  XJustify,\r\n  XNumber,\r\n  XSize,\r\n  XTemplate,\r\n  XToBoolean,\r\n  XToCssPixelValue,\r\n  XToNumber,\r\n  XVariant\r\n} from '@ng-nest/ui/core';\r\nimport { Component, TemplateRef, input } from '@angular/core';\r\nimport { XFormControlFunction, XFormOption } from '@ng-nest/ui/base-form';\r\n\r\n/**\r\n * InputNumber\r\n * @selector x-input-number\r\n * @decorator component\r\n */\r\nexport const XInputNumberPrefix = 'x-input-number';\r\nconst X_INPUT_NUMBER_CONFIG_NAME = 'inputNumber';\r\n\r\n/**\r\n * InputNumber Property\r\n */\r\n@Component({ selector: `${XInputNumberPrefix}-property`, template: '' })\r\nexport class XInputNumberProperty extends XFormControlFunction(X_INPUT_NUMBER_CONFIG_NAME) {\r\n  /**\r\n   * @zh_CN 形态变体\r\n   * @en_US Input variant\r\n   */\r\n  readonly variant = input<XInputNumberVariant>(this.config?.variant ?? 'outlined');\r\n  /**\r\n   * @zh_CN 最小值\r\n   * @en_US Minimum\r\n   */\r\n  readonly min = input<number, XNumber>(Number.MIN_SAFE_INTEGER, { transform: XToNumber });\r\n  /**\r\n   * @zh_CN 最大值\r\n   * @en_US Max\r\n   */\r\n  readonly max = input<number, XNumber>(Number.MAX_SAFE_INTEGER, { transform: XToNumber });\r\n  /**\r\n   * @zh_CN 步数\r\n   * @en_US Step count\r\n   */\r\n  readonly step = input<number, XNumber>(1, { transform: XToNumber });\r\n  /**\r\n   * @zh_CN 按住后步进速度\r\n   * @en_US Stepping speed after pressing\r\n   */\r\n  readonly debounce = input<number, XNumber>(40, { transform: XToNumber });\r\n  /**\r\n   * @zh_CN 精度\r\n   * @en_US Precision\r\n   */\r\n  readonly precision = input<number, XNumber>(0, { transform: XToNumber });\r\n  /**\r\n   * @zh_CN 显示边框\r\n   * @en_US Display Border\r\n   */\r\n  readonly bordered = input<boolean, XBoolean>(this.config?.bordered ?? true, { transform: XToBoolean });\r\n  /**\r\n   * @zh_CN 数字格式化\r\n   * @en_US Display Formatter\r\n   */\r\n  readonly formatter = input<(value: number) => XNumber>();\r\n  /**\r\n   * @zh_CN 隐藏步进按钮\r\n   * @en_US Hide step button\r\n   */\r\n  readonly hiddenButton = input<boolean, XBoolean>(this.config?.hiddenButton ?? false, { transform: XToBoolean });\r\n  /**\r\n   * @zh_CN 尺寸\r\n   * @en_US Size\r\n   */\r\n  override readonly size = input<XSize>(this.config?.size ?? 'medium');\r\n  /**\r\n   * @zh_CN 标签\r\n   * @en_US Label\r\n   */\r\n  override readonly label = input<XTemplate>('');\r\n  /**\r\n   * @zh_CN 标签宽度\r\n   * @en_US Label width\r\n   */\r\n  override readonly labelWidth = input<string, XNumber>('', { transform: XToCssPixelValue });\r\n  /**\r\n   * @zh_CN 标签文字对齐方式\r\n   * @en_US Label text alignment method\r\n   */\r\n  override readonly labelAlign = input<XAlign>('start');\r\n  /**\r\n   * @zh_CN flex 布局下的子元素水平排列方式\r\n   * @en_US The level of sub-element level arrangement under flex layout\r\n   */\r\n  override readonly justify = input<XJustify>('start');\r\n  /**\r\n   * @zh_CN flex 布局下的子元素垂直排列方式\r\n   * @en_US sub-element vertical arrangement method under flex layout\r\n   */\r\n  override readonly align = input<XAlign>('start');\r\n  /**\r\n   * @zh_CN flex 布局下的子元素排列方向\r\n   * @en_US The direction of the sub-element arrangement under flex layout\r\n   */\r\n  override readonly direction = input<XDirection>('column');\r\n  /**\r\n   * @zh_CN 输入提示信息\r\n   * @en_US Enter prompt information\r\n   */\r\n  override readonly placeholder = input<string | string[]>('');\r\n  /**\r\n   * @zh_CN 禁用\r\n   * @en_US Disabled\r\n   */\r\n  override readonly disabled = input<boolean, XBoolean>(false, { transform: XToBoolean });\r\n  /**\r\n   * @zh_CN 必填\r\n   * @en_US Required\r\n   */\r\n  override readonly required = input<boolean, XBoolean>(false, { transform: XToBoolean });\r\n  /**\r\n   * @zh_CN 只读\r\n   * @en_US Readonly\r\n   */\r\n  override readonly readonly = input<boolean, XBoolean>(false, { transform: XToBoolean });\r\n  /**\r\n   * @zh_CN 值模板\r\n   * @en_US Node template\r\n   */\r\n  override readonly valueTpl = input<TemplateRef<any>>();\r\n  /**\r\n   * @zh_CN 值模板参数\r\n   * @en_US Node template\r\n   */\r\n  override readonly valueTplContext = input();\r\n  /**\r\n   * @zh_CN 正则验证规则\r\n   * @en_US Regular verification rules\r\n   */\r\n  override readonly pattern = input<RegExp | null>(null);\r\n  /**\r\n   * @zh_CN 验证不通过提示文字\r\n   * @en_US Verify not pass the prompt text\r\n   */\r\n  override readonly message = input<string>('');\r\n  /**\r\n   * @zh_CN 输入验证函数\r\n   * @en_US Enter the verification function\r\n   */\r\n  override readonly inputValidator = input<(value: any) => boolean>();\r\n}\r\n\r\n/**\r\n * InputNumber Option\r\n */\r\nexport interface XInputNumberOption extends XFormOption {\r\n  /**\r\n   * @zh_CN 形态变体\r\n   * @en_US Input variant\r\n   */\r\n  variant?: XInputNumberVariant;\r\n  /**\r\n   * @zh_CN 最小值\r\n   * @en_US Minimum\r\n   */\r\n  min?: number;\r\n  /**\r\n   * @zh_CN 最大值\r\n   * @en_US Max\r\n   */\r\n  max?: number;\r\n  /**\r\n   * @zh_CN 步数\r\n   * @en_US Step count\r\n   */\r\n  step?: number;\r\n  /**\r\n   * @zh_CN 按住后步进速度\r\n   * @en_US Stepping speed after pressing\r\n   */\r\n  debounce?: number;\r\n  /**\r\n   * @zh_CN 精度\r\n   * @en_US Precision\r\n   */\r\n  precision?: number;\r\n  /**\r\n   * @zh_CN 显示边框\r\n   * @en_US Display Border\r\n   */\r\n  bordered?: boolean;\r\n  /**\r\n   * @zh_CN 数字格式化\r\n   * @en_US Display Formatter\r\n   */\r\n  formatter?: (value: number) => XNumber;\r\n  /**\r\n   * @zh_CN 隐藏步进按钮\r\n   * @en_US Hide step button\r\n   */\r\n  hiddenButton?: boolean;\r\n  /**\r\n   * @zh_CN 尺寸\r\n   * @en_US Size\r\n   */\r\n  size?: XSize;\r\n  /**\r\n   * @zh_CN 标签\r\n   * @en_US Label\r\n   */\r\n  label?: string;\r\n  /**\r\n   * @zh_CN 标签宽度\r\n   * @en_US Label width\r\n   */\r\n  labelWidth?: string;\r\n  /**\r\n   * @zh_CN 标签文字对齐方式\r\n   * @en_US Label text alignment method\r\n   */\r\n  labelAlign?: XAlign;\r\n  /**\r\n   * @zh_CN flex 布局下的子元素水平排列方式\r\n   * @en_US The level of sub-element level arrangement under flex layout\r\n   */\r\n  justify?: XJustify;\r\n  /**\r\n   * @zh_CN flex 布局下的子元素垂直排列方式\r\n   * @en_US sub-element vertical arrangement method under flex layout\r\n   */\r\n  align?: XAlign;\r\n  /**\r\n   * @zh_CN flex 布局下的子元素排列方向\r\n   * @en_US The direction of the sub-element arrangement under flex layout\r\n   */\r\n  direction?: XDirection;\r\n  /**\r\n   * @zh_CN 输入提示信息\r\n   * @en_US Enter prompt information\r\n   */\r\n  placeholder?: string;\r\n  /**\r\n   * @zh_CN 禁用\r\n   * @en_US Disabled\r\n   */\r\n  disabled?: boolean;\r\n  /**\r\n   * @zh_CN 必填\r\n   * @en_US Required\r\n   */\r\n  required?: boolean;\r\n  /**\r\n   * @zh_CN 只读\r\n   * @en_US Readonly\r\n   */\r\n  readonly?: boolean;\r\n  /**\r\n   * @zh_CN 值模板\r\n   * @en_US Node template\r\n   */\r\n  valueTpl?: TemplateRef<any>;\r\n  /**\r\n   * @zh_CN 值模板参数\r\n   * @en_US Node template\r\n   */\r\n  valueTplContext?: any;\r\n  /**\r\n   * @zh_CN 正则验证规则\r\n   * @en_US Regular verification rules\r\n   */\r\n  pattern?: RegExp;\r\n  /**\r\n   * @zh_CN 验证不通过提示文字\r\n   * @en_US Verify not pass the prompt text\r\n   */\r\n  message?: string;\r\n  /**\r\n   * @zh_CN 输入验证函数\r\n   * @en_US Enter the verification function\r\n   */\r\n  inputValidator?: (value: any) => boolean;\r\n}\r\n\r\n/**\r\n * @zh_CN 输入框形态变体\r\n * @en_US Input box variant\r\n */\r\nexport type XInputNumberVariant = XVariant;\r\n","import { Subject, Subscription, debounceTime, distinctUntilChanged, fromEvent, interval, takeUntil } from 'rxjs';\r\nimport {\r\n  Component,\r\n  ViewEncapsulation,\r\n  ChangeDetectionStrategy,\r\n  ElementRef,\r\n  inject,\r\n  viewChild,\r\n  signal\r\n} from '@angular/core';\r\nimport { XIsEmpty, XNumber, XIsNotNil, XIsFunction, XIsString } from '@ng-nest/ui/core';\r\nimport { XInputNumberPrefix, XInputNumberProperty } from './input-number.property';\r\nimport { XValueAccessor } from '@ng-nest/ui/base-form';\r\nimport { XInputComponent } from '@ng-nest/ui/input';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { XButtonComponent } from '@ng-nest/ui/button';\r\nimport { DOCUMENT } from '@angular/common';\r\n\r\n@Component({\r\n  selector: `${XInputNumberPrefix}`,\r\n  imports: [FormsModule, ReactiveFormsModule, XInputComponent, XButtonComponent],\r\n  templateUrl: './input-number.component.html',\r\n  styleUrls: ['./style/index.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  providers: [XValueAccessor(XInputNumberComponent)]\r\n})\r\nexport class XInputNumberComponent extends XInputNumberProperty {\r\n  inputNumber = viewChild.required<ElementRef<HTMLElement>>('inputNumber');\r\n  inputEleRef = viewChild.required<XInputComponent>('inputEleRef');\r\n\r\n  displayValue = signal<string>('');\r\n  minDisabled = signal(false);\r\n  maxDisabled = signal(false);\r\n  mousedown$!: Subscription;\r\n  mouseup$!: Subscription;\r\n  timer: any;\r\n  icon = signal('');\r\n  iconSpin = signal(false);\r\n  clearable = signal(false);\r\n  isDown = signal(false);\r\n  valueChange = new Subject<any>();\r\n\r\n  document = inject(DOCUMENT);\r\n  private unSubject = new Subject<void>();\r\n\r\n  inputValue = new Subject<string>();\r\n\r\n  constructor() {\r\n    super();\r\n    this.valueChange.pipe(distinctUntilChanged(), takeUntil(this.unSubject)).subscribe((x) => {\r\n      this.onChange && this.onChange(x);\r\n    });\r\n\r\n    this.inputValue.pipe(debounceTime(500), takeUntil(this.unSubject)).subscribe((value) => {\r\n      if (XIsFunction(this.formatter())) {\r\n        value = value.replace(/[^0-9]/g, '');\r\n      }\r\n      if (value === '') {\r\n        this.value.set(null);\r\n      } else {\r\n        this.verify(Number(value));\r\n        this.setDisplayValue(this.value());\r\n      }\r\n      this.valueChange.next(this.value());\r\n    });\r\n  }\r\n\r\n  override writeValue(value: any): void {\r\n    this.value.set(value);\r\n    this.verify(Number(value));\r\n    this.setDisplayValue(this.value());\r\n  }\r\n\r\n  ngOnInit() {\r\n    this.setDisplayValue(this.value());\r\n  }\r\n\r\n  down(event: Event, limit: XNumber, increase: boolean = true): void {\r\n    if (this.disabledComputed()) return;\r\n    event.preventDefault();\r\n    event.stopPropagation();\r\n    this.isDown.set(true);\r\n    this.timer = setTimeout(() => {\r\n      this.mousedown$ = interval(Number(this.debounce()))\r\n        .pipe(takeUntil(this.unSubject))\r\n        .subscribe(() => {\r\n          this.plus(event, limit, increase);\r\n        });\r\n      this.mouseup$ = fromEvent(this.document.documentElement, 'mouseup')\r\n        .pipe(takeUntil(this.unSubject))\r\n        .subscribe((event: Event) => {\r\n          this.up(event);\r\n        });\r\n    }, 150);\r\n  }\r\n\r\n  up(event: Event) {\r\n    if (this.disabledComputed()) return;\r\n    event.preventDefault();\r\n    event.stopPropagation();\r\n    this.isDown.set(false);\r\n    if (this.mousedown$) this.mousedown$.unsubscribe();\r\n    if (this.mouseup$) this.mouseup$.unsubscribe();\r\n  }\r\n\r\n  plus(event: Event, limit: XNumber, increase: boolean = true) {\r\n    if (this.disabledComputed()) return;\r\n    limit = Number(limit);\r\n    if (!increase) limit = -limit;\r\n    event.preventDefault();\r\n    event.stopPropagation();\r\n    if (this.timer) clearTimeout(this.timer);\r\n    if (Number.isNaN(+this.value())) this.value.set(0);\r\n    let value = Number(this.value()) + limit;\r\n    this.verify(value);\r\n    this.setDisplayValue(value);\r\n    this.valueChange.next(this.value());\r\n  }\r\n\r\n  verify(value: string | number) {\r\n    if (XIsString(value) && Number(value).toString() !== value) {\r\n      return;\r\n    }\r\n    value = Number(Number(value).toFixed(Number(this.precision())));\r\n    const oldValue: number = this.value();\r\n    this.value.set(value);\r\n    if (Number.isNaN(+this.value())) {\r\n      this.value.set(oldValue);\r\n    } else {\r\n      this.maxDisabled.set(value >= this.max());\r\n      this.minDisabled.set(value <= this.min());\r\n      this.value.set(this.maxDisabled() ? this.max() : this.minDisabled() ? this.min() : value);\r\n    }\r\n  }\r\n\r\n  onInput(x: Event) {\r\n    const input = x.target as HTMLInputElement;\r\n    let value = input.value;\r\n    this.inputValue.next(value);\r\n  }\r\n\r\n  setDisplayValue(value: string | number) {\r\n    if (XIsEmpty(value)) {\r\n      this.displayValue.set('');\r\n      return;\r\n    }\r\n    let displayValue = '';\r\n    const formatter = this.formatter();\r\n    if (!XIsEmpty(value) && !formatter) {\r\n      displayValue = Number(value).toFixed(this.precision());\r\n    } else if (formatter) {\r\n      const valueFormatter = formatter(Number(this.value()));\r\n      const val = XIsNotNil(valueFormatter) ? valueFormatter : '';\r\n      if (XIsNotNil(val)) {\r\n        displayValue = val.toString();\r\n      }\r\n    }\r\n    this.displayValue.set(displayValue);\r\n  }\r\n}\r\n","<div #inputNumber class=\"x-input-number\" [class.x-input-number-hidden-button]=\"hiddenButton()\">\r\n  <div class=\"x-input-number-row\">\r\n    <ng-template #beforeButtonTpl>\r\n      <x-button\r\n        class=\"x-input-number-reduce\"\r\n        icon=\"fto-minus\"\r\n        [size]=\"size()\"\r\n        [onlyIcon]=\"!bordered()\"\r\n        [disabled]=\"disabledComputed() || minDisabled()\"\r\n        (click)=\"!minDisabled() && plus($event, step(), false); formControlValidator()\"\r\n        attrType=\"button\"\r\n        (mousedown)=\"!minDisabled() && down($event, step(), false)\"\r\n        (mouseup)=\"up($event)\"\r\n        plain\r\n        flat\r\n        [text]=\"['borderless', 'underlined'].includes(variant())\"\r\n      ></x-button>\r\n    </ng-template>\r\n    <x-input\r\n      #inputEleRef\r\n      class=\"x-input-number-input\"\r\n      [label]=\"label()\"\r\n      [labelWidth]=\"labelWidth()\"\r\n      [labelAlign]=\"labelAlign()\"\r\n      [justify]=\"justify()\"\r\n      [align]=\"align()\"\r\n      [direction]=\"direction()\"\r\n      [disabled]=\"disabledComputed()\"\r\n      [required]=\"requiredComputed()\"\r\n      [validator]=\"validatorComputed()\"\r\n      [inputValidator]=\"inputValidator()\"\r\n      [icon]=\"icon()\"\r\n      [iconSpin]=\"iconSpin()\"\r\n      [placeholder]=\"placeholder()\"\r\n      [readonly]=\"readonly()\"\r\n      [clearable]=\"clearable()\"\r\n      [ngModel]=\"displayValue()\"\r\n      [valueTpl]=\"valueTpl()\"\r\n      [valueTplContext]=\"valueTplContext()\"\r\n      [size]=\"size()\"\r\n      [min]=\"min()\"\r\n      [max]=\"max()\"\r\n      [bordered]=\"bordered()\"\r\n      [before]=\"hiddenButton() ? '' : beforeButtonTpl\"\r\n      [after]=\"hiddenButton() ? '' : afterButtonTpl\"\r\n      [pattern]=\"patternComputed()\"\r\n      [message]=\"messageComputed()\"\r\n      [variant]=\"variant()\"\r\n      (xInput)=\"onInput($event); formControlValidator()\"\r\n    ></x-input>\r\n    <ng-template #afterButtonTpl>\r\n      <x-button\r\n        class=\"x-input-number-plus\"\r\n        icon=\"fto-plus\"\r\n        [size]=\"size()\"\r\n        [onlyIcon]=\"!bordered()\"\r\n        [disabled]=\"disabledComputed() || maxDisabled()\"\r\n        (click)=\"!maxDisabled() && plus($event, step()); formControlValidator()\"\r\n        attrType=\"button\"\r\n        (mousedown)=\"!maxDisabled() && down($event, step())\"\r\n        (mouseup)=\"up($event)\"\r\n        plain\r\n        flat\r\n        [text]=\"['borderless', 'underlined'].includes(variant())\"\r\n      ></x-button>\r\n    </ng-template>\r\n    @if (invalid()) {\r\n      <div class=\"x-border-error x-top-left\"></div>\r\n      <div class=\"x-border-error x-top-right\"></div>\r\n      <div class=\"x-border-error x-bottom-left\"></div>\r\n      <div class=\"x-border-error x-bottom-right\"></div>\r\n    }\r\n  </div>\r\n</div>\r\n","import { NgModule } from '@angular/core';\r\nimport { XInputNumberComponent } from './input-number.component';\r\n\r\n@NgModule({\r\n  exports: [XInputNumberComponent],\r\n  imports: [XInputNumberComponent]\r\n})\r\nexport class XInputNumberModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/ng-nest-ui-input.mjs

@@ -217,7 +217,7 @@ class XInputProperty extends XFormControlFunction(X_INPUT_CONFIG_NAME) {
          * @zh_CN 验证不通过提示文字
          * @en_US Verify not pass the prompt text
          */
-        this.message = input([], ...(ngDevMode ? [{ debugName: "message" }] : []));
+        this.message = input('', ...(ngDevMode ? [{ debugName: "message" }] : []));
         /**
          * @zh_CN 激活状态
          * @en_US Activation state
@@ -427,7 +427,6 @@ class XInputComponent extends XInputProperty {
                 if (this.autoMaxWidth()) {
                     finalWidth = Math.min(finalWidth, this.autoMaxWidth());
                 }
-                console.log(finalWidth);
                 return finalWidth + 'px';
             }
             return 'auto';
@@ -469,7 +468,6 @@ class XInputComponent extends XInputProperty {
             .pipe(debounceTime(16), tap(({ resizeObserver }) => {
             this.resizeObserver = resizeObserver;
             this.measureRefChanged.update((x) => !x);
-            console.log(this.measureRefChanged());
         }), takeUntil(this.unSubject))
             .subscribe();
     }