ngx-tethys 19.0.16 → 19.1.0-next.1

package/fesm2022/ngx-tethys-slider.mjs

@@ -1,12 +1,12 @@
+import { NgStyle, CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { inject, ChangeDetectorRef, NgZone, ElementRef, EventEmitter, forwardRef, numberAttribute, Output, Input, ViewChild, HostBinding, Component, NgModule } from '@angular/core';
+import { inject, ChangeDetectorRef, NgZone, ElementRef, input, viewChild, signal, numberAttribute, output, effect, forwardRef, Input, Component, NgModule } from '@angular/core';
 import { NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';
+import { useHostRenderer } from '@tethys/cdk/dom';
+import { TabIndexDisabledControlValueAccessorMixin } from 'ngx-tethys/core';
+import { coerceBooleanProperty, clamp } from 'ngx-tethys/util';
 import { fromEvent } from 'rxjs';
-import { clamp, coerceBooleanProperty } from 'ngx-tethys/util';
 import { pluck, map, tap, distinctUntilChanged, takeUntil } from 'rxjs/operators';
-import { TabIndexDisabledControlValueAccessorMixin } from 'ngx-tethys/core';
-import { useHostRenderer } from '@tethys/cdk/dom';
-import { NgStyle, CommonModule } from '@angular/common';
 
 /**
  * 滑动输入条组件
@@ -24,34 +24,6 @@ class ThySlider extends TabIndexDisabledControlValueAccessorMixin {
     get thyDisabled() {
         return this.disabled;
     }
-    /**
-     * 切换主题类型
-     * @type primary | success | info | warning | danger
-     * @default success
-     */
-    set thyType(type) {
-        if (type) {
-            if (this.typeClassName) {
-                this.hostRenderer.removeClass(this.typeClassName);
-            }
-            this.hostRenderer.addClass(type ? `thy-slider-${type}` : '');
-            this.typeClassName = `thy-slider-${type}`;
-        }
-    }
-    /**
-     * 滑动输入条大小
-     * @type sm | md | lg
-     * @default sm
-     */
-    set thySize(size) {
-        if (size) {
-            if (this.sizeClassName) {
-                this.hostRenderer.removeClass(this.sizeClassName);
-            }
-            this.hostRenderer.addClass(size ? `thy-slider-${size}` : '');
-            this.sizeClassName = `thy-slider-${size}`;
-        }
-    }
     constructor() {
         super();
         this.cdr = inject(ChangeDetectorRef);
@@ -60,31 +32,62 @@ class ThySlider extends TabIndexDisabledControlValueAccessorMixin {
         /**
          * 是否切换为纵轴模式
          */
-        this.thyVertical = false;
+        this.thyVertical = input(false, { transform: coerceBooleanProperty });
         this.disabled = false;
-        this._thySlider = true;
-        this._pointer = true;
+        this.sliderRail = viewChild('sliderRail');
+        this.sliderTrack = viewChild('sliderTrack');
+        this.sliderPointer = viewChild('sliderPointer');
+        this.typeClassName = signal('');
+        this.sizeClassName = signal('');
         /**
          * 最大值
          */
-        this.thyMax = 100;
+        this.thyMax = input(100, { transform: numberAttribute });
         /**
          * 最小值
          */
-        this.thyMin = 0;
+        this.thyMin = input(0, { transform: numberAttribute });
         /**
          * 步长，需要被 thyMax - thyMin 的差值整除。
          */
-        this.thyStep = 1;
+        this.thyStep = input(1, { transform: numberAttribute });
+        /**
+         * 切换主题类型
+         * @type primary | success | info | warning | danger
+         */
+        this.thyType = input('success');
+        /**
+         * 通过变量设置颜色
+         */
+        this.thyColor = input();
+        /**
+         * 滑动输入条大小
+         * @type sm | md | lg
+         */
+        this.thySize = input('sm');
         /**
          * 移动结束后的回调，参数为当前值
          */
-        this.thyAfterChange = new EventEmitter();
-        this.typeClassName = '';
-        this.sizeClassName = '';
+        this.thyAfterChange = output();
         this.hostRenderer = useHostRenderer();
         this.onChangeCallback = (v) => { };
         this.onTouchedCallback = (v) => { };
+        effect(() => {
+            if (this.thyType()) {
+                const typeName = `thy-slider-${this.thyType() || 'success'}`;
+                this.typeClassName() && this.hostRenderer.removeClass(this.typeClassName());
+                this.hostRenderer.addClass(typeName);
+                this.typeClassName.set(typeName);
+            }
+        });
+        effect(() => {
+            if (this.thySize()) {
+                const sizeName = `thy-slider-${this.thySize() || 'sm'}`;
+                this.sizeClassName() && this.hostRenderer.removeClass(this.sizeClassName());
+                this.hostRenderer.addClass(sizeName);
+                this.sizeClassName.set(sizeName);
+            }
+        });
     }
     ngOnInit() {
         if (typeof ngDevMode === 'undefined' || ngDevMode) {
@@ -137,9 +140,9 @@ class ThySlider extends TabIndexDisabledControlValueAccessorMixin {
     }
     ensureValueInRange(value) {
         if (!this.valueMustBeValid(value)) {
-            return this.thyMin;
+            return this.thyMin();
         }
-        return clamp(value, this.thyMin, this.thyMax);
+        return clamp(value, this.thyMin(), this.thyMax());
     }
     valueMustBeValid(value) {
         return !isNaN(typeof value !== 'number' ? parseFloat(value) : value);
@@ -150,13 +153,13 @@ class ThySlider extends TabIndexDisabledControlValueAccessorMixin {
         this.cdr.markForCheck();
     }
     valueToOffset(value) {
-        return ((value - this.thyMin) * 100) / (this.thyMax - this.thyMin);
+        return ((value - this.thyMin()) * 100) / (this.thyMax() - this.thyMin());
     }
     updateStyle(offsetPercentage) {
         const percentage = Math.min(1, Math.max(0, offsetPercentage));
-        const orientFields = this.thyVertical ? ['height', 'bottom'] : ['width', 'left'];
-        this.sliderTrack.nativeElement.style[orientFields[0]] = `${percentage * 100}%`;
-        this.sliderPointer.nativeElement.style[orientFields[1]] = `${percentage * 100}%`;
+        const orientFields = this.thyVertical() ? ['height', 'bottom'] : ['width', 'left'];
+        this.sliderTrack().nativeElement.style[orientFields[0]] = `${percentage * 100}%`;
+        this.sliderPointer().nativeElement.style[orientFields[1]] = `${percentage * 100}%`;
     }
     unsubscribeMouseListeners(actions = ['start', 'move', 'end']) {
         if (actions.includes('start') && this.dragStartHandler) {
@@ -205,7 +208,7 @@ class ThySlider extends TabIndexDisabledControlValueAccessorMixin {
         }
     }
     registerMouseEventsListeners() {
-        const orientField = this.thyVertical ? 'pageY' : 'pageX';
+        const orientField = this.thyVertical() ? 'pageY' : 'pageX';
         this.dragStartListener = this.ngZone.runOutsideAngular(() => {
             return fromEvent(this.ref.nativeElement, 'mousedown').pipe(pluck(orientField), map((position, index) => this.mousePositionToAdaptiveValue(position)));
         });
@@ -227,37 +230,37 @@ class ThySlider extends TabIndexDisabledControlValueAccessorMixin {
         }
         const ratio = this.convertPointerPositionToRatio(position, sliderStartPosition, sliderLength);
         const value = this.ratioToValue(ratio);
-        return parseFloat(value.toFixed(this.getDecimals(this.thyStep)));
+        return parseFloat(value.toFixed(this.getDecimals(this.thyStep())));
     }
     getSliderPagePosition() {
         const rect = this.ref.nativeElement.getBoundingClientRect();
         const window = this.ref.nativeElement.ownerDocument.defaultView;
-        const orientFields = this.thyVertical ? ['bottom', 'pageYOffset'] : ['left', 'pageXOffset'];
+        const orientFields = this.thyVertical() ? ['bottom', 'pageYOffset'] : ['left', 'pageXOffset'];
         return rect[orientFields[0]] + window[orientFields[1]];
     }
     getRailLength() {
-        const orientFiled = this.thyVertical ? 'clientHeight' : 'clientWidth';
-        return this.sliderRail.nativeElement[orientFiled];
+        const orientFiled = this.thyVertical() ? 'clientHeight' : 'clientWidth';
+        return this.sliderRail().nativeElement[orientFiled];
     }
     convertPointerPositionToRatio(pointerPosition, startPosition, totalLength) {
-        if (this.thyVertical) {
+        if (this.thyVertical()) {
             return clamp((startPosition - pointerPosition) / totalLength, 0, 1);
         }
         return clamp((pointerPosition - startPosition) / totalLength, 0, 1);
     }
     ratioToValue(ratio) {
-        let value = (this.thyMax - this.thyMin) * ratio + this.thyMin;
-        const step = this.thyStep;
+        let value = (this.thyMax() - this.thyMin()) * ratio + this.thyMin();
+        const step = this.thyStep();
         if (ratio === 0) {
-            value = this.thyMin;
+            value = this.thyMin();
         }
         else if (ratio === 1) {
-            value = this.thyMax;
+            value = this.thyMax();
         }
         else {
             value = Math.round(value / step) * step;
         }
-        return clamp(value, this.thyMin, this.thyMax);
+        return clamp(value, this.thyMin(), this.thyMax());
     }
     getDecimals(value) {
         const valueString = value.toString();
@@ -265,13 +268,13 @@ class ThySlider extends TabIndexDisabledControlValueAccessorMixin {
         return integerLength >= 0 ? valueString.length - integerLength : 0;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThySlider, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.8", type: ThySlider, isStandalone: true, selector: "thy-slider", inputs: { thyVertical: ["thyVertical", "thyVertical", coerceBooleanProperty], thyDisabled: ["thyDisabled", "thyDisabled", coerceBooleanProperty], thyMax: ["thyMax", "thyMax", numberAttribute], thyMin: ["thyMin", "thyMin", numberAttribute], thyStep: ["thyStep", "thyStep", numberAttribute], thyType: "thyType", thyColor: "thyColor", thySize: "thySize" }, outputs: { thyAfterChange: "thyAfterChange" }, host: { properties: { "attr.tabindex": "tabIndex", "class.slider-vertical": "this.thyVertical", "class.slider-disabled": "this.thyDisabled", "class.thy-slider": "this._thySlider", "class.cursor-pointer": "this._pointer" } }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.8", type: ThySlider, isStandalone: true, selector: "thy-slider", inputs: { thyVertical: { classPropertyName: "thyVertical", publicName: "thyVertical", isSignal: true, isRequired: false, transformFunction: null }, thyDisabled: { classPropertyName: "thyDisabled", publicName: "thyDisabled", isSignal: false, isRequired: false, transformFunction: coerceBooleanProperty }, thyMax: { classPropertyName: "thyMax", publicName: "thyMax", isSignal: true, isRequired: false, transformFunction: null }, thyMin: { classPropertyName: "thyMin", publicName: "thyMin", isSignal: true, isRequired: false, transformFunction: null }, thyStep: { classPropertyName: "thyStep", publicName: "thyStep", isSignal: true, isRequired: false, transformFunction: null }, thyType: { classPropertyName: "thyType", publicName: "thyType", isSignal: true, isRequired: false, transformFunction: null }, thyColor: { classPropertyName: "thyColor", publicName: "thyColor", isSignal: true, isRequired: false, transformFunction: null }, thySize: { classPropertyName: "thySize", publicName: "thySize", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { thyAfterChange: "thyAfterChange" }, host: { properties: { "attr.tabindex": "tabIndex", "class.slider-vertical": "thyVertical()", "class.slider-disabled": "!!disabled", "class.thy-slider": "true", "class.cursor-pointer": "true" } }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => ThySlider),
                 multi: true
             }
-        ], viewQueries: [{ propertyName: "sliderRail", first: true, predicate: ["sliderRail"], descendants: true, static: true }, { propertyName: "sliderTrack", first: true, predicate: ["sliderTrack"], descendants: true, static: true }, { propertyName: "sliderPointer", first: true, predicate: ["sliderPointer"], descendants: true, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"thy-slider-rail\" #sliderRail>\n  <div class=\"thy-slider-track\" #sliderTrack [ngStyle]=\"{ 'background-color': thyColor }\"></div>\n  <div class=\"thy-slider-pointer\" #sliderPointer [ngStyle]=\"{ 'border-color': thyColor }\"></div>\n</div>\n", dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
+        ], viewQueries: [{ propertyName: "sliderRail", first: true, predicate: ["sliderRail"], descendants: true, isSignal: true }, { propertyName: "sliderTrack", first: true, predicate: ["sliderTrack"], descendants: true, isSignal: true }, { propertyName: "sliderPointer", first: true, predicate: ["sliderPointer"], descendants: true, isSignal: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"thy-slider-rail\" #sliderRail>\n  <div class=\"thy-slider-track\" #sliderTrack [ngStyle]=\"{ 'background-color': thyColor() }\"></div>\n  <div class=\"thy-slider-pointer\" #sliderPointer [ngStyle]=\"{ 'border-color': thyColor() }\"></div>\n</div>\n", dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThySlider, decorators: [{
             type: Component,
@@ -282,65 +285,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
                             multi: true
                         }
                     ], host: {
-                        '[attr.tabindex]': `tabIndex`
-                    }, imports: [NgStyle], template: "<div class=\"thy-slider-rail\" #sliderRail>\n  <div class=\"thy-slider-track\" #sliderTrack [ngStyle]=\"{ 'background-color': thyColor }\"></div>\n  <div class=\"thy-slider-pointer\" #sliderPointer [ngStyle]=\"{ 'border-color': thyColor }\"></div>\n</div>\n" }]
-        }], ctorParameters: () => [], propDecorators: { thyVertical: [{
-                type: HostBinding,
-                args: ['class.slider-vertical']
-            }, {
-                type: Input,
-                args: [{ transform: coerceBooleanProperty }]
-            }], thyDisabled: [{
-                type: HostBinding,
-                args: ['class.slider-disabled']
-            }, {
+                        '[attr.tabindex]': `tabIndex`,
+                        '[class.slider-vertical]': 'thyVertical()',
+                        '[class.slider-disabled]': '!!disabled',
+                        '[class.thy-slider]': 'true',
+                        '[class.cursor-pointer]': 'true'
+                    }, imports: [NgStyle], template: "<div class=\"thy-slider-rail\" #sliderRail>\n  <div class=\"thy-slider-track\" #sliderTrack [ngStyle]=\"{ 'background-color': thyColor() }\"></div>\n  <div class=\"thy-slider-pointer\" #sliderPointer [ngStyle]=\"{ 'border-color': thyColor() }\"></div>\n</div>\n" }]
+        }], ctorParameters: () => [], propDecorators: { thyDisabled: [{
                 type: Input,
                 args: [{ transform: coerceBooleanProperty }]
-            }], _thySlider: [{
-                type: HostBinding,
-                args: ['class.thy-slider']
-            }], _pointer: [{
-                type: HostBinding,
-                args: ['class.cursor-pointer']
-            }], sliderRail: [{
-                type: ViewChild,
-                args: ['sliderRail', { static: true }]
-            }], sliderTrack: [{
-                type: ViewChild,
-                args: ['sliderTrack', { static: true }]
-            }], sliderPointer: [{
-                type: ViewChild,
-                args: ['sliderPointer', { static: true }]
-            }], thyMax: [{
-                type: Input,
-                args: [{ transform: numberAttribute }]
-            }], thyMin: [{
-                type: Input,
-                args: [{ transform: numberAttribute }]
-            }], thyStep: [{
-                type: Input,
-                args: [{ transform: numberAttribute }]
-            }], thyType: [{
-                type: Input
-            }], thyColor: [{
-                type: Input
-            }], thySize: [{
-                type: Input
-            }], thyAfterChange: [{
-                type: Output
             }] } });
 // Note: keep `verifyMinAndMax` and `verifyStepValues` as separate functions (not as class properties)
 // so they're tree-shakable in production mode.
 function verifyMinAndMax(ctx) {
-    if (ctx.thyMin >= ctx.thyMax) {
+    if (ctx.thyMin() >= ctx.thyMax()) {
         throw new Error('min value must less than max value.');
     }
 }
 function verifyStepValues(ctx) {
-    if (ctx.thyStep <= 0 || !ctx.thyStep) {
+    const thyStep = ctx.thyStep();
+    if (ctx.thyStep() <= 0 || !thyStep) {
         throw new Error('step value must be greater than 0.');
     }
-    else if (Number.isInteger(ctx.thyStep) && (ctx.thyMax - ctx.thyMin) % ctx.thyStep) {
+    else if (Number.isInteger(thyStep) && (ctx.thyMax() - ctx.thyMin()) % thyStep) {
         throw new Error('(max - min) must be divisible by step.');
     }
 }

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

@@ -1 +1 @@
-{"version":3,"file":"ngx-tethys-slider.mjs","sources":["../../../src/slider/slider.component.ts","../../../src/slider/slider.component.html","../../../src/slider/slider.module.ts","../../../src/slider/ngx-tethys-slider.ts"],"sourcesContent":["import {\n    Component,\n    OnInit,\n    OnChanges,\n    OnDestroy,\n    AfterViewInit,\n    SimpleChanges,\n    forwardRef,\n    Input,\n    EventEmitter,\n    ChangeDetectorRef,\n    ViewChild,\n    ElementRef,\n    HostBinding,\n    Output,\n    NgZone,\n    numberAttribute,\n    inject\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { Observable, Subscription, fromEvent } from 'rxjs';\nimport { clamp, coerceBooleanProperty } from 'ngx-tethys/util';\nimport { tap, pluck, map, distinctUntilChanged, takeUntil } from 'rxjs/operators';\nimport { TabIndexDisabledControlValueAccessorMixin } from 'ngx-tethys/core';\nimport { useHostRenderer } from '@tethys/cdk/dom';\nimport { NgStyle } from '@angular/common';\n\nexport type ThySliderType = 'primary' | 'success' | 'info' | 'warning' | 'danger';\n\nexport type ThySliderSize = 'sm' | 'md' | 'lg';\n\n/**\n * 滑动输入条组件\n * @name thy-slider\n * @order 10\n */\n@Component({\n    selector: 'thy-slider',\n    templateUrl: './slider.component.html',\n    providers: [\n        {\n            provide: NG_VALUE_ACCESSOR,\n            useExisting: forwardRef(() => ThySlider),\n            multi: true\n        }\n    ],\n    host: {\n        '[attr.tabindex]': `tabIndex`\n    },\n    imports: [NgStyle]\n})\nexport class ThySlider\n    extends TabIndexDisabledControlValueAccessorMixin\n    implements OnInit, AfterViewInit, OnDestroy, OnChanges, ControlValueAccessor\n{\n    private cdr = inject(ChangeDetectorRef);\n    private ngZone = inject(NgZone);\n    private ref = inject(ElementRef);\n\n    /**\n     * 是否切换为纵轴模式\n     */\n    @HostBinding('class.slider-vertical')\n    @Input({ transform: coerceBooleanProperty })\n    thyVertical = false;\n\n    /**\n     * 是否禁用\n     */\n    @HostBinding('class.slider-disabled')\n    @Input({ transform: coerceBooleanProperty })\n    override set thyDisabled(value: boolean) {\n        this.disabled = value;\n        this.toggleDisabled();\n    }\n    override get thyDisabled(): boolean {\n        return this.disabled;\n    }\n\n    disabled = false;\n\n    @HostBinding('class.thy-slider') _thySlider = true;\n\n    @HostBinding('class.cursor-pointer') _pointer = true;\n\n    @ViewChild('sliderRail', { static: true }) sliderRail: ElementRef;\n\n    @ViewChild('sliderTrack', { static: true }) sliderTrack: ElementRef;\n\n    @ViewChild('sliderPointer', { static: true }) sliderPointer: ElementRef;\n\n    /**\n     * 最大值\n     */\n    @Input({ transform: numberAttribute }) thyMax = 100;\n\n    /**\n     * 最小值\n     */\n    @Input({ transform: numberAttribute }) thyMin = 0;\n\n    /**\n     * 步长，需要被 thyMax - thyMin 的差值整除。\n     */\n    @Input({ transform: numberAttribute }) thyStep = 1;\n\n    /**\n     * 切换主题类型\n     * @type primary | success | info | warning | danger\n     * @default success\n     */\n    @Input() set thyType(type: ThySliderType) {\n        if (type) {\n            if (this.typeClassName) {\n                this.hostRenderer.removeClass(this.typeClassName);\n            }\n            this.hostRenderer.addClass(type ? `thy-slider-${type}` : '');\n            this.typeClassName = `thy-slider-${type}`;\n        }\n    }\n\n    /**\n     * 通过变量设置颜色\n     */\n    @Input() thyColor: string;\n\n    /**\n     * 滑动输入条大小\n     * @type sm | md | lg\n     * @default sm\n     */\n    @Input() set thySize(size: ThySliderSize) {\n        if (size) {\n            if (this.sizeClassName) {\n                this.hostRenderer.removeClass(this.sizeClassName);\n            }\n            this.hostRenderer.addClass(size ? `thy-slider-${size}` : '');\n            this.sizeClassName = `thy-slider-${size}`;\n        }\n    }\n\n    /**\n     * 移动结束后的回调，参数为当前值\n     */\n    @Output() thyAfterChange = new EventEmitter<{ value: number }>();\n\n    public value: number;\n\n    private typeClassName = '';\n\n    private sizeClassName = '';\n\n    private dragStartListener: Observable<number>;\n\n    private dragMoveListener: Observable<number>;\n\n    private dragEndListener: Observable<Event>;\n\n    private dragStartHandler: Subscription | null;\n\n    private dragMoveHandler: Subscription | null;\n\n    private dragEndHandler: Subscription | null;\n\n    private hostRenderer = useHostRenderer();\n\n    private onChangeCallback = (v: any) => {};\n\n    private onTouchedCallback = (v: any) => {};\n\n    constructor() {\n        super();\n    }\n\n    ngOnInit() {\n        if (typeof ngDevMode === 'undefined' || ngDevMode) {\n            verifyMinAndMax(this);\n            verifyStepValues(this);\n        }\n\n        this.toggleDisabled();\n        if (this.value === null || this.value === undefined) {\n            this.setValue(this.ensureValueInRange(null));\n        }\n    }\n\n    ngAfterViewInit() {\n        this.registerMouseEventsListeners();\n        this.toggleDisabled();\n    }\n\n    writeValue(newValue: number) {\n        this.setValue(this.ensureValueInRange(newValue));\n    }\n\n    registerOnChange(fn: any) {\n        this.onChangeCallback = fn;\n    }\n\n    registerOnTouched(fn: any) {\n        this.onTouchedCallback = fn;\n    }\n\n    ngOnChanges(changes: SimpleChanges) {\n        if (typeof ngDevMode === 'undefined' || ngDevMode) {\n            if (changes.hasOwnProperty('thyMin') || changes.hasOwnProperty('thyMax') || changes.hasOwnProperty('thyStep')) {\n                verifyMinAndMax(this);\n                verifyStepValues(this);\n            }\n        }\n    }\n\n    ngOnDestroy() {\n        this.unsubscribeMouseListeners();\n    }\n\n    private toggleDisabled() {\n        if (this.thyDisabled) {\n            this.unsubscribeMouseListeners();\n        } else {\n            this.subscribeMouseListeners(['start']);\n        }\n    }\n\n    private setValue(value: number) {\n        if (this.value !== value) {\n            this.value = value;\n            this.updateTrackAndPointer();\n        }\n        this.onChangeCallback(this.value);\n    }\n\n    private ensureValueInRange(value: number): number {\n        if (!this.valueMustBeValid(value)) {\n            return this.thyMin;\n        }\n        return clamp(value, this.thyMin, this.thyMax);\n    }\n\n    private valueMustBeValid(value: number): boolean {\n        return !isNaN(typeof value !== 'number' ? parseFloat(value) : value);\n    }\n\n    private updateTrackAndPointer() {\n        const offset = this.valueToOffset(this.value);\n        this.updateStyle(offset / 100);\n        this.cdr.markForCheck();\n    }\n\n    private valueToOffset(value: number): number {\n        return ((value - this.thyMin) * 100) / (this.thyMax - this.thyMin);\n    }\n\n    private updateStyle(offsetPercentage: number) {\n        const percentage = Math.min(1, Math.max(0, offsetPercentage));\n        const orientFields: string[] = this.thyVertical ? ['height', 'bottom'] : ['width', 'left'];\n        this.sliderTrack.nativeElement.style[orientFields[0]] = `${percentage * 100}%`;\n        this.sliderPointer.nativeElement.style[orientFields[1]] = `${percentage * 100}%`;\n    }\n\n    private unsubscribeMouseListeners(actions: string[] = ['start', 'move', 'end']) {\n        if (actions.includes('start') && this.dragStartHandler) {\n            this.dragStartHandler.unsubscribe();\n            this.dragStartHandler = null;\n        }\n        if (actions.includes('move') && this.dragMoveHandler) {\n            this.dragMoveHandler.unsubscribe();\n            this.dragMoveHandler = null;\n        }\n        if (actions.includes('end') && this.dragEndHandler) {\n            this.dragEndHandler.unsubscribe();\n            this.dragEndHandler = null;\n        }\n    }\n\n    private subscribeMouseListeners(actions: string[] = ['start', 'move', 'end']) {\n        if (actions.includes('start') && this.dragStartListener && !this.dragStartHandler) {\n            this.dragStartHandler = this.dragStartListener.subscribe(this.mouseStartMoving.bind(this));\n        }\n\n        if (actions.includes('move') && this.dragMoveListener && !this.dragMoveHandler) {\n            this.dragMoveHandler = this.dragMoveListener.subscribe(this.mouseMoving.bind(this));\n        }\n\n        if (actions.includes('end') && this.dragEndListener && !this.dragEndHandler) {\n            this.dragEndHandler = this.dragEndListener.subscribe(this.mouseStopMoving.bind(this));\n        }\n    }\n\n    private mouseStartMoving(value: number) {\n        this.pointerController(true);\n        this.setValue(value);\n    }\n\n    private mouseMoving(value: number) {\n        this.setValue(this.ensureValueInRange(value));\n        this.cdr.markForCheck();\n    }\n\n    private mouseStopMoving(): void {\n        this.pointerController(false);\n        this.cdr.markForCheck();\n        this.thyAfterChange.emit({ value: this.value });\n    }\n\n    private pointerController(movable: boolean) {\n        if (movable) {\n            this.subscribeMouseListeners(['move', 'end']);\n        } else {\n            this.unsubscribeMouseListeners(['move', 'end']);\n        }\n    }\n    private registerMouseEventsListeners() {\n        const orientField = this.thyVertical ? 'pageY' : 'pageX';\n\n        this.dragStartListener = this.ngZone.runOutsideAngular(() => {\n            return fromEvent(this.ref.nativeElement, 'mousedown').pipe(\n                pluck(orientField),\n                map((position: number, index) => this.mousePositionToAdaptiveValue(position))\n            );\n        });\n\n        this.dragEndListener = this.ngZone.runOutsideAngular(() => {\n            return fromEvent(document, 'mouseup');\n        });\n\n        this.dragMoveListener = this.ngZone.runOutsideAngular(() => {\n            return fromEvent(document, 'mousemove').pipe(\n                tap((e: Event) => {\n                    e.stopPropagation();\n                    e.preventDefault();\n                }),\n                pluck(orientField),\n                distinctUntilChanged(),\n                map((position: number) => this.mousePositionToAdaptiveValue(position)),\n                distinctUntilChanged(),\n                takeUntil(this.dragEndListener)\n            );\n        });\n    }\n\n    private mousePositionToAdaptiveValue(position: number): number {\n        const sliderStartPosition = this.getSliderPagePosition();\n        const sliderLength = this.getRailLength();\n        if (!sliderLength) {\n            return this.value;\n        }\n        const ratio = this.convertPointerPositionToRatio(position, sliderStartPosition, sliderLength);\n        const value = this.ratioToValue(ratio);\n        return parseFloat(value.toFixed(this.getDecimals(this.thyStep)));\n    }\n\n    private getSliderPagePosition(): number {\n        const rect = this.ref.nativeElement.getBoundingClientRect();\n        const window = this.ref.nativeElement.ownerDocument.defaultView;\n        const orientFields: string[] = this.thyVertical ? ['bottom', 'pageYOffset'] : ['left', 'pageXOffset'];\n        return rect[orientFields[0]] + window[orientFields[1]];\n    }\n\n    private getRailLength() {\n        const orientFiled = this.thyVertical ? 'clientHeight' : 'clientWidth';\n\n        return this.sliderRail.nativeElement[orientFiled];\n    }\n\n    private convertPointerPositionToRatio(pointerPosition: number, startPosition: number, totalLength: number) {\n        if (this.thyVertical) {\n            return clamp((startPosition - pointerPosition) / totalLength, 0, 1);\n        }\n        return clamp((pointerPosition - startPosition) / totalLength, 0, 1);\n    }\n\n    private ratioToValue(ratio: number) {\n        let value = (this.thyMax - this.thyMin) * ratio + this.thyMin;\n        const step = this.thyStep;\n        if (ratio === 0) {\n            value = this.thyMin;\n        } else if (ratio === 1) {\n            value = this.thyMax;\n        } else {\n            value = Math.round(value / step) * step;\n        }\n        return clamp(value, this.thyMin, this.thyMax);\n    }\n\n    private getDecimals(value: number): number {\n        const valueString = value.toString();\n        const integerLength = valueString.indexOf('.') + 1;\n        return integerLength >= 0 ? valueString.length - integerLength : 0;\n    }\n}\n\n// Note: keep `verifyMinAndMax` and `verifyStepValues` as separate functions (not as class properties)\n// so they're tree-shakable in production mode.\n\nfunction verifyMinAndMax(ctx: ThySlider): void | never {\n    if (ctx.thyMin >= ctx.thyMax) {\n        throw new Error('min value must less than max value.');\n    }\n}\n\nfunction verifyStepValues(ctx: ThySlider): void | never {\n    if (ctx.thyStep <= 0 || !ctx.thyStep) {\n        throw new Error('step value must be greater than 0.');\n    } else if (Number.isInteger(ctx.thyStep) && (ctx.thyMax - ctx.thyMin) % ctx.thyStep) {\n        throw new Error('(max - min) must be divisible by step.');\n    }\n}\n","<div class=\"thy-slider-rail\" #sliderRail>\n  <div class=\"thy-slider-track\" #sliderTrack [ngStyle]=\"{ 'background-color': thyColor }\"></div>\n  <div class=\"thy-slider-pointer\" #sliderPointer [ngStyle]=\"{ 'border-color': thyColor }\"></div>\n</div>\n","import { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { CommonModule } from '@angular/common';\nimport { ThySlider } from './slider.component';\n\n@NgModule({\n    imports: [CommonModule, FormsModule, ThySlider],\n    exports: [ThySlider],\n    providers: []\n})\nexport class ThySliderModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ngx-tethys-slider.mjs","sources":["../../../src/slider/slider.component.ts","../../../src/slider/slider.component.html","../../../src/slider/slider.module.ts","../../../src/slider/ngx-tethys-slider.ts"],"sourcesContent":["import { NgStyle } from '@angular/common';\nimport {\n    AfterViewInit,\n    ChangeDetectorRef,\n    Component,\n    ElementRef,\n    Input,\n    NgZone,\n    OnChanges,\n    OnDestroy,\n    OnInit,\n    SimpleChanges,\n    WritableSignal,\n    effect,\n    forwardRef,\n    inject,\n    input,\n    numberAttribute,\n    output,\n    signal,\n    viewChild\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { useHostRenderer } from '@tethys/cdk/dom';\nimport { TabIndexDisabledControlValueAccessorMixin } from 'ngx-tethys/core';\nimport { clamp, coerceBooleanProperty } from 'ngx-tethys/util';\nimport { Observable, Subscription, fromEvent } from 'rxjs';\nimport { distinctUntilChanged, map, pluck, takeUntil, tap } from 'rxjs/operators';\n\nexport type ThySliderType = 'primary' | 'success' | 'info' | 'warning' | 'danger';\n\nexport type ThySliderSize = 'sm' | 'md' | 'lg';\n\n/**\n * 滑动输入条组件\n * @name thy-slider\n * @order 10\n */\n@Component({\n    selector: 'thy-slider',\n    templateUrl: './slider.component.html',\n    providers: [\n        {\n            provide: NG_VALUE_ACCESSOR,\n            useExisting: forwardRef(() => ThySlider),\n            multi: true\n        }\n    ],\n    host: {\n        '[attr.tabindex]': `tabIndex`,\n        '[class.slider-vertical]': 'thyVertical()',\n        '[class.slider-disabled]': '!!disabled',\n        '[class.thy-slider]': 'true',\n        '[class.cursor-pointer]': 'true'\n    },\n    imports: [NgStyle]\n})\nexport class ThySlider\n    extends TabIndexDisabledControlValueAccessorMixin\n    implements OnInit, AfterViewInit, OnDestroy, OnChanges, ControlValueAccessor\n{\n    private cdr = inject(ChangeDetectorRef);\n    private ngZone = inject(NgZone);\n    private ref = inject(ElementRef);\n\n    /**\n     * 是否切换为纵轴模式\n     */\n    readonly thyVertical = input(false, { transform: coerceBooleanProperty });\n\n    /**\n     * 是否禁用\n     */\n    @Input({ transform: coerceBooleanProperty })\n    override set thyDisabled(value: boolean) {\n        this.disabled = value;\n        this.toggleDisabled();\n    }\n    override get thyDisabled(): boolean {\n        return this.disabled;\n    }\n\n    disabled = false;\n\n    readonly sliderRail = viewChild<ElementRef>('sliderRail');\n\n    readonly sliderTrack = viewChild<ElementRef>('sliderTrack');\n\n    readonly sliderPointer = viewChild<ElementRef>('sliderPointer');\n\n    private typeClassName: WritableSignal<string> = signal('');\n\n    private sizeClassName: WritableSignal<string> = signal('');\n\n    /**\n     * 最大值\n     */\n    readonly thyMax = input<number, unknown>(100, { transform: numberAttribute });\n\n    /**\n     * 最小值\n     */\n    readonly thyMin = input<number, unknown>(0, { transform: numberAttribute });\n\n    /**\n     * 步长，需要被 thyMax - thyMin 的差值整除。\n     */\n    readonly thyStep = input<number, unknown>(1, { transform: numberAttribute });\n\n    /**\n     * 切换主题类型\n     * @type primary | success | info | warning | danger\n     */\n    readonly thyType = input<ThySliderType>('success');\n\n    /**\n     * 通过变量设置颜色\n     */\n    readonly thyColor = input<string>();\n\n    /**\n     * 滑动输入条大小\n     * @type sm | md | lg\n     */\n    readonly thySize = input<ThySliderSize>('sm');\n\n    /**\n     * 移动结束后的回调，参数为当前值\n     */\n    readonly thyAfterChange = output<{ value: number }>();\n\n    public value: number;\n\n    private dragStartListener: Observable<number>;\n\n    private dragMoveListener: Observable<number>;\n\n    private dragEndListener: Observable<Event>;\n\n    private dragStartHandler: Subscription | null;\n\n    private dragMoveHandler: Subscription | null;\n\n    private dragEndHandler: Subscription | null;\n\n    private hostRenderer = useHostRenderer();\n\n    private onChangeCallback = (v: any) => {};\n\n    private onTouchedCallback = (v: any) => {};\n\n    constructor() {\n        super();\n        effect(() => {\n            if (this.thyType()) {\n                const typeName = `thy-slider-${this.thyType() || 'success'}`;\n                this.typeClassName() && this.hostRenderer.removeClass(this.typeClassName());\n                this.hostRenderer.addClass(typeName);\n                this.typeClassName.set(typeName);\n            }\n        });\n\n        effect(() => {\n            if (this.thySize()) {\n                const sizeName = `thy-slider-${this.thySize() || 'sm'}`;\n                this.sizeClassName() && this.hostRenderer.removeClass(this.sizeClassName());\n                this.hostRenderer.addClass(sizeName);\n                this.sizeClassName.set(sizeName);\n            }\n        });\n    }\n\n    ngOnInit() {\n        if (typeof ngDevMode === 'undefined' || ngDevMode) {\n            verifyMinAndMax(this);\n            verifyStepValues(this);\n        }\n\n        this.toggleDisabled();\n        if (this.value === null || this.value === undefined) {\n            this.setValue(this.ensureValueInRange(null));\n        }\n    }\n\n    ngAfterViewInit() {\n        this.registerMouseEventsListeners();\n        this.toggleDisabled();\n    }\n\n    writeValue(newValue: number) {\n        this.setValue(this.ensureValueInRange(newValue));\n    }\n\n    registerOnChange(fn: any) {\n        this.onChangeCallback = fn;\n    }\n\n    registerOnTouched(fn: any) {\n        this.onTouchedCallback = fn;\n    }\n\n    ngOnChanges(changes: SimpleChanges) {\n        if (typeof ngDevMode === 'undefined' || ngDevMode) {\n            if (changes.hasOwnProperty('thyMin') || changes.hasOwnProperty('thyMax') || changes.hasOwnProperty('thyStep')) {\n                verifyMinAndMax(this);\n                verifyStepValues(this);\n            }\n        }\n    }\n\n    ngOnDestroy() {\n        this.unsubscribeMouseListeners();\n    }\n\n    private toggleDisabled() {\n        if (this.thyDisabled) {\n            this.unsubscribeMouseListeners();\n        } else {\n            this.subscribeMouseListeners(['start']);\n        }\n    }\n\n    private setValue(value: number) {\n        if (this.value !== value) {\n            this.value = value;\n            this.updateTrackAndPointer();\n        }\n        this.onChangeCallback(this.value);\n    }\n\n    private ensureValueInRange(value: number): number {\n        if (!this.valueMustBeValid(value)) {\n            return this.thyMin();\n        }\n        return clamp(value, this.thyMin(), this.thyMax());\n    }\n\n    private valueMustBeValid(value: number): boolean {\n        return !isNaN(typeof value !== 'number' ? parseFloat(value) : value);\n    }\n\n    private updateTrackAndPointer() {\n        const offset = this.valueToOffset(this.value);\n        this.updateStyle(offset / 100);\n        this.cdr.markForCheck();\n    }\n\n    private valueToOffset(value: number): number {\n        return ((value - this.thyMin()) * 100) / (this.thyMax() - this.thyMin());\n    }\n\n    private updateStyle(offsetPercentage: number) {\n        const percentage = Math.min(1, Math.max(0, offsetPercentage));\n        const orientFields: string[] = this.thyVertical() ? ['height', 'bottom'] : ['width', 'left'];\n        this.sliderTrack().nativeElement.style[orientFields[0]] = `${percentage * 100}%`;\n        this.sliderPointer().nativeElement.style[orientFields[1]] = `${percentage * 100}%`;\n    }\n\n    private unsubscribeMouseListeners(actions: string[] = ['start', 'move', 'end']) {\n        if (actions.includes('start') && this.dragStartHandler) {\n            this.dragStartHandler.unsubscribe();\n            this.dragStartHandler = null;\n        }\n        if (actions.includes('move') && this.dragMoveHandler) {\n            this.dragMoveHandler.unsubscribe();\n            this.dragMoveHandler = null;\n        }\n        if (actions.includes('end') && this.dragEndHandler) {\n            this.dragEndHandler.unsubscribe();\n            this.dragEndHandler = null;\n        }\n    }\n\n    private subscribeMouseListeners(actions: string[] = ['start', 'move', 'end']) {\n        if (actions.includes('start') && this.dragStartListener && !this.dragStartHandler) {\n            this.dragStartHandler = this.dragStartListener.subscribe(this.mouseStartMoving.bind(this));\n        }\n\n        if (actions.includes('move') && this.dragMoveListener && !this.dragMoveHandler) {\n            this.dragMoveHandler = this.dragMoveListener.subscribe(this.mouseMoving.bind(this));\n        }\n\n        if (actions.includes('end') && this.dragEndListener && !this.dragEndHandler) {\n            this.dragEndHandler = this.dragEndListener.subscribe(this.mouseStopMoving.bind(this));\n        }\n    }\n\n    private mouseStartMoving(value: number) {\n        this.pointerController(true);\n        this.setValue(value);\n    }\n\n    private mouseMoving(value: number) {\n        this.setValue(this.ensureValueInRange(value));\n        this.cdr.markForCheck();\n    }\n\n    private mouseStopMoving(): void {\n        this.pointerController(false);\n        this.cdr.markForCheck();\n        this.thyAfterChange.emit({ value: this.value });\n    }\n\n    private pointerController(movable: boolean) {\n        if (movable) {\n            this.subscribeMouseListeners(['move', 'end']);\n        } else {\n            this.unsubscribeMouseListeners(['move', 'end']);\n        }\n    }\n    private registerMouseEventsListeners() {\n        const orientField = this.thyVertical() ? 'pageY' : 'pageX';\n\n        this.dragStartListener = this.ngZone.runOutsideAngular(() => {\n            return fromEvent(this.ref.nativeElement, 'mousedown').pipe(\n                pluck(orientField),\n                map((position: number, index) => this.mousePositionToAdaptiveValue(position))\n            );\n        });\n\n        this.dragEndListener = this.ngZone.runOutsideAngular(() => {\n            return fromEvent(document, 'mouseup');\n        });\n\n        this.dragMoveListener = this.ngZone.runOutsideAngular(() => {\n            return fromEvent(document, 'mousemove').pipe(\n                tap((e: Event) => {\n                    e.stopPropagation();\n                    e.preventDefault();\n                }),\n                pluck(orientField),\n                distinctUntilChanged(),\n                map((position: number) => this.mousePositionToAdaptiveValue(position)),\n                distinctUntilChanged(),\n                takeUntil(this.dragEndListener)\n            );\n        });\n    }\n\n    private mousePositionToAdaptiveValue(position: number): number {\n        const sliderStartPosition = this.getSliderPagePosition();\n        const sliderLength = this.getRailLength();\n        if (!sliderLength) {\n            return this.value;\n        }\n        const ratio = this.convertPointerPositionToRatio(position, sliderStartPosition, sliderLength);\n        const value = this.ratioToValue(ratio);\n        return parseFloat(value.toFixed(this.getDecimals(this.thyStep())));\n    }\n\n    private getSliderPagePosition(): number {\n        const rect = this.ref.nativeElement.getBoundingClientRect();\n        const window = this.ref.nativeElement.ownerDocument.defaultView;\n        const orientFields: string[] = this.thyVertical() ? ['bottom', 'pageYOffset'] : ['left', 'pageXOffset'];\n        return rect[orientFields[0]] + window[orientFields[1]];\n    }\n\n    private getRailLength() {\n        const orientFiled = this.thyVertical() ? 'clientHeight' : 'clientWidth';\n\n        return this.sliderRail().nativeElement[orientFiled];\n    }\n\n    private convertPointerPositionToRatio(pointerPosition: number, startPosition: number, totalLength: number) {\n        if (this.thyVertical()) {\n            return clamp((startPosition - pointerPosition) / totalLength, 0, 1);\n        }\n        return clamp((pointerPosition - startPosition) / totalLength, 0, 1);\n    }\n\n    private ratioToValue(ratio: number) {\n        let value = (this.thyMax() - this.thyMin()) * ratio + this.thyMin();\n        const step = this.thyStep();\n        if (ratio === 0) {\n            value = this.thyMin();\n        } else if (ratio === 1) {\n            value = this.thyMax();\n        } else {\n            value = Math.round(value / step) * step;\n        }\n        return clamp(value, this.thyMin(), this.thyMax());\n    }\n\n    private getDecimals(value: number): number {\n        const valueString = value.toString();\n        const integerLength = valueString.indexOf('.') + 1;\n        return integerLength >= 0 ? valueString.length - integerLength : 0;\n    }\n}\n\n// Note: keep `verifyMinAndMax` and `verifyStepValues` as separate functions (not as class properties)\n// so they're tree-shakable in production mode.\n\nfunction verifyMinAndMax(ctx: ThySlider): void | never {\n    if (ctx.thyMin() >= ctx.thyMax()) {\n        throw new Error('min value must less than max value.');\n    }\n}\n\nfunction verifyStepValues(ctx: ThySlider): void | never {\n    const thyStep = ctx.thyStep();\n    if (ctx.thyStep() <= 0 || !thyStep) {\n        throw new Error('step value must be greater than 0.');\n    } else if (Number.isInteger(thyStep) && (ctx.thyMax() - ctx.thyMin()) % thyStep) {\n        throw new Error('(max - min) must be divisible by step.');\n    }\n}\n","<div class=\"thy-slider-rail\" #sliderRail>\n  <div class=\"thy-slider-track\" #sliderTrack [ngStyle]=\"{ 'background-color': thyColor() }\"></div>\n  <div class=\"thy-slider-pointer\" #sliderPointer [ngStyle]=\"{ 'border-color': thyColor() }\"></div>\n</div>\n","import { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { CommonModule } from '@angular/common';\nimport { ThySlider } from './slider.component';\n\n@NgModule({\n    imports: [CommonModule, FormsModule, ThySlider],\n    exports: [ThySlider],\n    providers: []\n})\nexport class ThySliderModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/ngx-tethys-space.mjs

@@ -1,8 +1,7 @@
 import { NgTemplateOutlet, CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { Directive, inject, ChangeDetectorRef, DestroyRef, TemplateRef, ContentChildren, Input, HostBinding, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
+import { Directive, input, computed, contentChildren, TemplateRef, effect, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
 import { useHostRenderer } from '@tethys/cdk/dom';
-import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { getNumericSize } from 'ngx-tethys/core';
 import { coerceBooleanProperty } from 'ngx-tethys/util';
 
@@ -12,20 +11,13 @@ import { coerceBooleanProperty } from 'ngx-tethys/util';
  * @order 20
  */
 class ThySpaceItemDirective {
-    constructor() { }
-    ngOnInit() { }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThySpaceItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.8", type: ThySpaceItemDirective, isStandalone: true, selector: "[thySpaceItem]", host: { classAttribute: "thy-space-item" }, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThySpaceItemDirective, decorators: [{
             type: Directive,
-            args: [{
-                    selector: '[thySpaceItem]',
-                    host: {
-                        class: 'thy-space-item'
-                    }
-                }]
-        }], ctorParameters: () => [] });
+            args: [{ selector: '[thySpaceItem]', host: { class: 'thy-space-item' } }]
+        }] });
 const DEFAULT_SIZE = 'md';
 /**
  * 间距组件
@@ -34,57 +26,39 @@ const DEFAULT_SIZE = 'md';
  */
 class ThySpace {
     constructor() {
-        this.cdr = inject(ChangeDetectorRef);
-        this.destroyRef = inject(DestroyRef);
-        this.space = getNumericSize(DEFAULT_SIZE);
         this.hostRenderer = useHostRenderer();
+        /**
+         * 大小，支持 `zero` | `xxs` | `xs` | `sm` | `md` | `lg` | `xlg` 和自定义数字大小
+         * @type string | number
+         */
+        this.thySize = input(DEFAULT_SIZE);
+        this.space = computed(() => {
+            return getNumericSize(this.thySize(), DEFAULT_SIZE);
+        });
         /**
          * 间距垂直方向，默认是水平方向
          */
-        this.thyVertical = false;
-    }
-    /**
-     * 大小，支持 `zero` | `xxs` | `xs` | `sm` | `md` | `lg` | `xlg` 和自定义数字大小
-     * @type string | number
-     */
-    set thySize(size) {
-        this.space = getNumericSize(size, DEFAULT_SIZE);
-    }
-    // @ClassBinding(`align-items-{{value}}`)
-    /**
-     * 对齐方式，可选择 `start` | `end` | `baseline` | `center`
-     */
-    set thyAlign(align) {
-        this.hostRenderer.updateClass(align ? [`align-items-${align}`] : []);
-    }
-    ngOnInit() { }
-    ngAfterContentInit() {
-        this.items.changes.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => {
-            this.cdr.markForCheck();
+        this.thyVertical = input(false, { transform: coerceBooleanProperty });
+        // @ClassBinding(`align-items-{{value}}`)
+        /**
+         * 对齐方式，可选择 `start` | `end` | `baseline` | `center`
+         */
+        this.thyAlign = input();
+        this.items = contentChildren(ThySpaceItemDirective, { read: (TemplateRef) });
+        effect(() => {
+            this.hostRenderer.updateClass(this.thyAlign() ? [`align-items-${this.thyAlign()}`] : []);
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThySpace, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.8", type: ThySpace, isStandalone: true, selector: "thy-space", inputs: { thySize: "thySize", thyVertical: ["thyVertical", "thyVertical", coerceBooleanProperty], thyAlign: "thyAlign" }, host: { properties: { "class.thy-space-vertical": "this.thyVertical" }, classAttribute: "thy-space" }, queries: [{ propertyName: "items", predicate: ThySpaceItemDirective, read: TemplateRef }], ngImport: i0, template: "<ng-content></ng-content>\n\n@for (item of items; track $index; let last = $last; let index = $index) {\n  <div class=\"thy-space-item\" [style.margin-right.px]=\"last ? null : space\">\n    <ng-container [ngTemplateOutlet]=\"item\"></ng-container>\n  </div>\n}\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.8", type: ThySpace, isStandalone: true, selector: "thy-space", inputs: { thySize: { classPropertyName: "thySize", publicName: "thySize", isSignal: true, isRequired: false, transformFunction: null }, thyVertical: { classPropertyName: "thyVertical", publicName: "thyVertical", isSignal: true, isRequired: false, transformFunction: null }, thyAlign: { classPropertyName: "thyAlign", publicName: "thyAlign", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.thy-space": "true", "class.thy-space-vertical": "thyVertical()" } }, queries: [{ propertyName: "items", predicate: ThySpaceItemDirective, read: TemplateRef, isSignal: true }], ngImport: i0, template: "<ng-content></ng-content>\n\n@for (item of items(); track $index; let last = $last; let index = $index) {\n  <div class=\"thy-space-item\" [style.margin-right.px]=\"last ? null : space()\">\n    <ng-container [ngTemplateOutlet]=\"item\"></ng-container>\n  </div>\n}\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThySpace, decorators: [{
             type: Component,
             args: [{ selector: 'thy-space', changeDetection: ChangeDetectionStrategy.OnPush, host: {
-                        class: 'thy-space'
-                    }, imports: [NgTemplateOutlet], template: "<ng-content></ng-content>\n\n@for (item of items; track $index; let last = $last; let index = $index) {\n  <div class=\"thy-space-item\" [style.margin-right.px]=\"last ? null : space\">\n    <ng-container [ngTemplateOutlet]=\"item\"></ng-container>\n  </div>\n}\n" }]
-        }], propDecorators: { thySize: [{
-                type: Input
-            }], thyVertical: [{
-                type: HostBinding,
-                args: [`class.thy-space-vertical`]
-            }, {
-                type: Input,
-                args: [{ transform: coerceBooleanProperty }]
-            }], thyAlign: [{
-                type: Input
-            }], items: [{
-                type: ContentChildren,
-                args: [ThySpaceItemDirective, { read: TemplateRef }]
-            }] } });
+                        '[class.thy-space]': 'true',
+                        '[class.thy-space-vertical]': 'thyVertical()'
+                    }, imports: [NgTemplateOutlet], template: "<ng-content></ng-content>\n\n@for (item of items(); track $index; let last = $last; let index = $index) {\n  <div class=\"thy-space-item\" [style.margin-right.px]=\"last ? null : space()\">\n    <ng-container [ngTemplateOutlet]=\"item\"></ng-container>\n  </div>\n}\n" }]
+        }], ctorParameters: () => [] });
 
 class ThySpaceModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThySpaceModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }

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

@@ -1 +1 @@
-{"version":3,"file":"ngx-tethys-space.mjs","sources":["../../../src/space/space.component.ts","../../../src/space/space.component.html","../../../src/space/space.module.ts","../../../src/space/ngx-tethys-space.ts"],"sourcesContent":["import { useHostRenderer } from '@tethys/cdk/dom';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\n\nimport {\n    AfterContentInit,\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ContentChildren,\n    DestroyRef,\n    Directive,\n    HostBinding,\n    inject,\n    Input,\n    OnInit,\n    QueryList,\n    TemplateRef\n} from '@angular/core';\nimport { ThySpacingSize, getNumericSize } from 'ngx-tethys/core';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { coerceBooleanProperty } from 'ngx-tethys/util';\n\n/**\n * 间距组件项，使用结构性指令 *thySpaceItem 传入模板\n * @name thySpaceItem\n * @order 20\n */\n@Directive({\n    selector: '[thySpaceItem]',\n    host: {\n        class: 'thy-space-item'\n    }\n})\nexport class ThySpaceItemDirective implements OnInit {\n    constructor() {}\n\n    ngOnInit(): void {}\n}\n\nconst DEFAULT_SIZE: ThySpacingSize = 'md';\n\n/**\n * 间距组件\n * @name thy-space\n * @order 10\n */\n@Component({\n    selector: 'thy-space',\n    templateUrl: './space.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        class: 'thy-space'\n    },\n    imports: [NgTemplateOutlet]\n})\nexport class ThySpace implements OnInit, AfterContentInit {\n    private cdr = inject(ChangeDetectorRef);\n\n    private readonly destroyRef = inject(DestroyRef);\n\n    public space: number = getNumericSize(DEFAULT_SIZE);\n\n    private hostRenderer = useHostRenderer();\n\n    /**\n     * 大小，支持 `zero` | `xxs` | `xs` | `sm` | `md` | `lg` | `xlg` 和自定义数字大小\n     * @type string | number\n     */\n    @Input() set thySize(size: ThySpacingSize) {\n        this.space = getNumericSize(size, DEFAULT_SIZE);\n    }\n\n    /**\n     * 间距垂直方向，默认是水平方向\n     */\n    @HostBinding(`class.thy-space-vertical`)\n    @Input({ transform: coerceBooleanProperty })\n    thyVertical: boolean = false;\n\n    // @ClassBinding(`align-items-{{value}}`)\n    /**\n     * 对齐方式，可选择 `start` | `end` | `baseline` | `center`\n     */\n    @Input()\n    set thyAlign(align: string) {\n        this.hostRenderer.updateClass(align ? [`align-items-${align}`] : []);\n    }\n\n    @ContentChildren(ThySpaceItemDirective, { read: TemplateRef }) items!: QueryList<TemplateRef<HTMLElement>>;\n\n    ngOnInit(): void {}\n\n    ngAfterContentInit(): void {\n        this.items.changes.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => {\n            this.cdr.markForCheck();\n        });\n    }\n}\n","<ng-content></ng-content>\n\n@for (item of items; track $index; let last = $last; let index = $index) {\n  <div class=\"thy-space-item\" [style.margin-right.px]=\"last ? null : space\">\n    <ng-container [ngTemplateOutlet]=\"item\"></ng-container>\n  </div>\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { ThySpace, ThySpaceItemDirective } from './space.component';\n\n@NgModule({\n    imports: [CommonModule, ThySpace, ThySpaceItemDirective],\n    exports: [ThySpace, ThySpaceItemDirective]\n})\nexport class ThySpaceModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ngx-tethys-space.mjs","sources":["../../../src/space/space.component.ts","../../../src/space/space.component.html","../../../src/space/space.module.ts","../../../src/space/ngx-tethys-space.ts"],"sourcesContent":["import { useHostRenderer } from '@tethys/cdk/dom';\n\nimport { ChangeDetectionStrategy, Component, Directive, input, TemplateRef, computed, effect, contentChildren } from '@angular/core';\nimport { ThySpacingSize, getNumericSize } from 'ngx-tethys/core';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { coerceBooleanProperty } from 'ngx-tethys/util';\n\n/**\n * 间距组件项，使用结构性指令 *thySpaceItem 传入模板\n * @name thySpaceItem\n * @order 20\n */\n@Directive({ selector: '[thySpaceItem]', host: { class: 'thy-space-item' } })\nexport class ThySpaceItemDirective {}\n\nconst DEFAULT_SIZE: ThySpacingSize = 'md';\n\n/**\n * 间距组件\n * @name thy-space\n * @order 10\n */\n@Component({\n    selector: 'thy-space',\n    templateUrl: './space.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        '[class.thy-space]': 'true',\n        '[class.thy-space-vertical]': 'thyVertical()'\n    },\n    imports: [NgTemplateOutlet]\n})\nexport class ThySpace {\n    private hostRenderer = useHostRenderer();\n\n    /**\n     * 大小，支持 `zero` | `xxs` | `xs` | `sm` | `md` | `lg` | `xlg` 和自定义数字大小\n     * @type string | number\n     */\n    readonly thySize = input<ThySpacingSize>(DEFAULT_SIZE);\n\n    readonly space = computed(() => {\n        return getNumericSize(this.thySize(), DEFAULT_SIZE);\n    });\n\n    /**\n     * 间距垂直方向，默认是水平方向\n     */\n    readonly thyVertical = input<string | boolean, boolean>(false, { transform: coerceBooleanProperty });\n\n    // @ClassBinding(`align-items-{{value}}`)\n    /**\n     * 对齐方式，可选择 `start` | `end` | `baseline` | `center`\n     */\n    readonly thyAlign = input<string>();\n\n    readonly items = contentChildren(ThySpaceItemDirective, { read: TemplateRef<HTMLElement> });\n\n    constructor() {\n        effect(() => {\n            this.hostRenderer.updateClass(this.thyAlign() ? [`align-items-${this.thyAlign()}`] : []);\n        });\n    }\n}\n","<ng-content></ng-content>\n\n@for (item of items(); track $index; let last = $last; let index = $index) {\n  <div class=\"thy-space-item\" [style.margin-right.px]=\"last ? null : space()\">\n    <ng-container [ngTemplateOutlet]=\"item\"></ng-container>\n  </div>\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { ThySpace, ThySpaceItemDirective } from './space.component';\n\n@NgModule({\n    imports: [CommonModule, ThySpace, ThySpaceItemDirective],\n    exports: [ThySpace, ThySpaceItemDirective]\n})\nexport class ThySpaceModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}