cmat 0.0.86 → 0.0.88

package/fesm2022/cmat-components-rating.mjs

@@ -1,7 +1,7 @@
 import { coerceBooleanProperty } from '@angular/cdk/coercion';
 import { NgStyle, NgClass } from '@angular/common';
 import * as i0 from '@angular/core';
-import { EventEmitter, signal, inject, Input, Output, ViewChild, HostBinding, ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
+import { viewChild, input, output, signal, inject, effect, Input, ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
 import { NgControl } from '@angular/forms';
 import { MatFormFieldControl } from '@angular/material/form-field';
 import * as i1 from '@angular/material/icon';
@@ -14,60 +14,69 @@ let NEXT_ID = 0;
 class CmatRatingComponent {
     constructor() {
         this.id = `cmat-chip-input-${NEXT_ID++}`;
-        this.stars = 5;
-        this.readonly = false;
-        this.showMode = 'horizontal';
-        this.valueChange = new EventEmitter();
-        this.starArray = signal([], ...(ngDevMode ? [{ debugName: "starArray" }] : /* istanbul ignore next */ []));
-        this.currentValue = signal(0, ...(ngDevMode ? [{ debugName: "currentValue" }] : /* istanbul ignore next */ []));
+        this._ratingElementRef = viewChild('rating', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "_ratingElementRef" }] : /* istanbul ignore next */ []));
+        this.stars = input(5, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "stars" }] : /* istanbul ignore next */ []));
+        this.readonly = input(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "readonly" }] : /* istanbul ignore next */ []));
+        this.hover = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "hover" }] : /* istanbul ignore next */ []));
+        this.half = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "half" }] : /* istanbul ignore next */ []));
+        this.color = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "color" }] : /* istanbul ignore next */ []));
+        this.showMode = input('horizontal', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "showMode" }] : /* istanbul ignore next */ []));
+        this.valueChange = output();
+        this.starArray = signal([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "starArray" }] : /* istanbul ignore next */ []));
+        this.currentValue = signal(0, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "currentValue" }] : /* istanbul ignore next */ []));
         this.stateChanges = new Subject();
         this.focused = false;
         this.touched = false;
         this.controlType = 'cmat-rating';
         this.ngControl = inject(NgControl, { optional: true, self: true });
+        this._value = signal(0, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "_value" }] : /* istanbul ignore next */ []));
+        this._placeholder = signal('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "_placeholder" }] : /* istanbul ignore next */ []));
+        this._required = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "_required" }] : /* istanbul ignore next */ []));
+        this._disabled = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "_disabled" }] : /* istanbul ignore next */ []));
         // eslint-disable-next-line @typescript-eslint/no-empty-function
         this.onModelChange = () => { };
         // eslint-disable-next-line @typescript-eslint/no-empty-function
         this.onTouchedChange = () => { };
-        this._placeholder = '';
-        this._required = false;
         if (this.ngControl != null) {
             this.ngControl.valueAccessor = this;
         }
-    }
-    ngOnInit() {
-        this._initializeStarArray();
-    }
-    ngOnChanges(changes) {
-        if ('stars' in changes) {
+        // 监听 stars 变化并初始化星数组
+        effect(() => {
             this._initializeStarArray();
-        }
-    }
-    ngOnDestroy() {
-        this.stateChanges.complete();
-    }
-    // eslint-disable-next-line @typescript-eslint/no-empty-function
-    onFocus() {
+        });
     }
     get placeholder() {
-        return this._placeholder;
+        return this._placeholder();
     }
     set placeholder(value) {
-        this._placeholder = value;
+        this._placeholder.set(value);
         this.stateChanges.next();
     }
     get value() {
-        return this._value;
+        return this._value();
     }
     set value(value) {
-        if (value !== this.value) {
-            this._value = value;
+        if (value !== this._value()) {
+            this._value.set(value);
             this.stateChanges.next();
             this.onModelChange(value);
         }
     }
     get empty() {
-        return !this._value;
+        return !this._value();
     }
     get errorState() {
         if (this.ngControl == null)
@@ -77,19 +86,21 @@ class CmatRatingComponent {
     get shouldLabelFloat() {
         return this.focused || !this.empty;
     }
-    get required() { return this._required; }
+    get required() {
+        return this._required();
+    }
     set required(value) {
-        this._required = coerceBooleanProperty(value);
+        this._required.set(coerceBooleanProperty(value));
         this.stateChanges.next();
     }
     get disabled() {
         if (!isNil(this.ngControl?.disabled)) {
             return this.ngControl.disabled;
         }
-        return this.readonly;
+        return this._disabled() || this.readonly();
     }
     set disabled(value) {
-        this.readonly = coerceBooleanProperty(value);
+        this._disabled.set(coerceBooleanProperty(value));
         if (this.focused) {
             this.focused = false;
             this.stateChanges.next();
@@ -111,16 +122,23 @@ class CmatRatingComponent {
         this.onTouchedChange = fn;
     }
     setDescribedByIds(ids) {
+        const ratingEl = this._ratingElementRef();
         if (ids.length) {
-            this._ratingElementRef?.nativeElement.setAttribute('aria-describedby', ids.join(' '));
+            ratingEl?.nativeElement.setAttribute('aria-describedby', ids.join(' '));
         }
         else {
-            this._ratingElementRef?.nativeElement.removeAttribute('aria-describedby');
+            ratingEl?.nativeElement.removeAttribute('aria-describedby');
         }
     }
     onContainerClick() {
         if (!this.focused) {
-            this._ratingElementRef.nativeElement.focus();
+            this._ratingElementRef()?.nativeElement.focus();
+        }
+    }
+    onFocus() {
+        if (!this.focused) {
+            this.focused = true;
+            this.stateChanges.next();
         }
     }
     isIn(value) {
@@ -129,9 +147,9 @@ class CmatRatingComponent {
     }
     onClick(event, value, half) {
         event.stopPropagation();
-        if (!this.readonly) {
+        if (!this.readonly()) {
             this.value = value + 1;
-            if (half && this.half) {
+            if (half && this.half()) {
                 this.value -= 0.5;
             }
             this.currentValue.set(this.value);
@@ -141,9 +159,9 @@ class CmatRatingComponent {
     }
     onMouseover(event, value, half) {
         event.stopPropagation();
-        if (this.hover && !this.readonly) {
+        if (this.hover() && !this.readonly()) {
             this.value = value + 1;
-            if (half && this.half) {
+            if (half && this.half()) {
                 this.value -= 0.5;
             }
         }
@@ -154,37 +172,22 @@ class CmatRatingComponent {
         }
     }
     _initializeStarArray() {
-        this.starArray.set(Array.from({ length: this.stars }, (_, i) => i));
+        this.starArray.set(Array.from({ length: this.stars() }, (_, i) => i));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: CmatRatingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: CmatRatingComponent, isStandalone: true, selector: "cmat-rating", inputs: { id: "id", stars: "stars", readonly: "readonly", hover: "hover", half: "half", color: "color", showMode: "showMode", placeholder: "placeholder", value: "value", required: "required", disabled: "disabled" }, outputs: { valueChange: "valueChange" }, host: { properties: { "attr.id": "this.id" } }, providers: [{ provide: MatFormFieldControl, useExisting: CmatRatingComponent }], viewQueries: [{ propertyName: "_ratingElementRef", first: true, predicate: ["rating"], descendants: true }], exportAs: ["cmatRating"], usesOnChanges: true, ngImport: i0, template: "<div #rating class=\"flex\" [class.cmat-rating-readonly]=\"readonly||disabled\" [ngClass]=\"{'flex-col':showMode==='vertical','flex-row':showMode==='horizontal'}\"\r\n  (focus)=\"onFocus()\" (mouseleave)=\"onMouseleave()\">\r\n  @for (star of starArray(); track $index; let i = $index) {\r\n  <div class=\"cmat-rating-item\">\r\n    @if (half) {\r\n    <div role=\"presentation\" class=\"cmat-rating-half\" [ngStyle]=\"{'opacity': isIn(i)?1:0}\" (focus)=\"onFocus()\"\r\n      (mouseover)=\"onMouseover($event, i, true)\" (click)=\"onClick($event, i, true)\">\r\n      <mat-icon [ngClass]=\"{'text-current': !color}\" [color]=\"color\"\r\n        [svgIcon]=\"'mat_outline:'+((!value || i >= value)?'star_border':'star')\">\r\n      </mat-icon>\r\n    </div>\r\n    }\r\n    <div role=\"presentation\" (mouseover)=\"onMouseover($event, i)\" (click)=\"onClick($event, i)\" (focus)=\"onFocus()\">\r\n      <mat-icon [color]=\"color\" [ngClass]=\"{'text-current': !color}\"\r\n        [svgIcon]=\"'mat_outline:'+((half && isIn(i)) || (!value || i >= value)?'star_border':'star')\">\r\n      </mat-icon>\r\n    </div>\r\n  </div>\r\n  }\r\n</div>\r\n", styles: ["cmat-rating{display:flex;align-items:center}cmat-rating .cmat-rating-item{position:relative;cursor:pointer;line-height:0}cmat-rating .cmat-rating-item div{display:inline-block;font-size:1rem;padding:0 .1rem}cmat-rating .cmat-rating-item .cmat-rating-half{position:absolute;top:0;left:0;width:45%;z-index:10;opacity:0;overflow:hidden;padding-right:0}cmat-rating .cmat-rating-readonly .cmat-rating-item{cursor:not-allowed}\n"], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CmatRatingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.2", type: CmatRatingComponent, isStandalone: true, selector: "cmat-rating", inputs: { stars: { classPropertyName: "stars", publicName: "stars", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, hover: { classPropertyName: "hover", publicName: "hover", isSignal: true, isRequired: false, transformFunction: null }, half: { classPropertyName: "half", publicName: "half", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, showMode: { classPropertyName: "showMode", publicName: "showMode", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: false, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: false, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: false, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange" }, host: { properties: { "attr.id": "id" } }, providers: [
+            { provide: MatFormFieldControl, useExisting: CmatRatingComponent },
+        ], viewQueries: [{ propertyName: "_ratingElementRef", first: true, predicate: ["rating"], descendants: true, isSignal: true }], exportAs: ["cmatRating"], ngImport: i0, template: "<div\r\n  #rating\r\n  class=\"flex\"\r\n  [class.cmat-rating-readonly]=\"readonly() || disabled\"\r\n  [ngClass]=\"{\r\n    'flex-col': showMode() === 'vertical',\r\n    'flex-row': showMode() === 'horizontal',\r\n  }\"\r\n  (focus)=\"onFocus()\"\r\n  (mouseleave)=\"onMouseleave()\"\r\n>\r\n  @for (star of starArray(); track $index; let i = $index) {\r\n    <div class=\"cmat-rating-item\">\r\n      @if (half()) {\r\n        <div\r\n          role=\"presentation\"\r\n          class=\"cmat-rating-half\"\r\n          [ngStyle]=\"{ opacity: isIn(i) ? 1 : 0 }\"\r\n          (focus)=\"onFocus()\"\r\n          (mouseover)=\"onMouseover($event, i, true)\"\r\n          (click)=\"onClick($event, i, true)\"\r\n        >\r\n          <mat-icon\r\n            [ngClass]=\"{ 'text-current': !color() }\"\r\n            [color]=\"color()\"\r\n            [svgIcon]=\"\r\n              'mat_outline:' + (!value || i >= value ? 'star_border' : 'star')\r\n            \"\r\n          >\r\n          </mat-icon>\r\n        </div>\r\n      }\r\n      <div\r\n        role=\"presentation\"\r\n        (mouseover)=\"onMouseover($event, i)\"\r\n        (click)=\"onClick($event, i)\"\r\n        (focus)=\"onFocus()\"\r\n      >\r\n        <mat-icon\r\n          [color]=\"color()\"\r\n          [ngClass]=\"{ 'text-current': !color() }\"\r\n          [svgIcon]=\"\r\n            'mat_outline:' +\r\n            ((half() && isIn(i)) || !value || i >= value\r\n              ? 'star_border'\r\n              : 'star')\r\n          \"\r\n        >\r\n        </mat-icon>\r\n      </div>\r\n    </div>\r\n  }\r\n</div>", styles: ["cmat-rating{display:flex;align-items:center}cmat-rating .cmat-rating-item{position:relative;cursor:pointer;line-height:0}cmat-rating .cmat-rating-item div{display:inline-block;font-size:1rem;padding:0 .1rem}cmat-rating .cmat-rating-item .cmat-rating-half{position:absolute;top:0;left:0;width:45%;z-index:10;opacity:0;overflow:hidden;padding-right:0}cmat-rating .cmat-rating-readonly .cmat-rating-item{cursor:not-allowed}\n"], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: CmatRatingComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CmatRatingComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'cmat-rating', providers: [{ provide: MatFormFieldControl, useExisting: CmatRatingComponent }], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: 'cmatRating', imports: [MatIconModule, NgStyle, NgClass], template: "<div #rating class=\"flex\" [class.cmat-rating-readonly]=\"readonly||disabled\" [ngClass]=\"{'flex-col':showMode==='vertical','flex-row':showMode==='horizontal'}\"\r\n  (focus)=\"onFocus()\" (mouseleave)=\"onMouseleave()\">\r\n  @for (star of starArray(); track $index; let i = $index) {\r\n  <div class=\"cmat-rating-item\">\r\n    @if (half) {\r\n    <div role=\"presentation\" class=\"cmat-rating-half\" [ngStyle]=\"{'opacity': isIn(i)?1:0}\" (focus)=\"onFocus()\"\r\n      (mouseover)=\"onMouseover($event, i, true)\" (click)=\"onClick($event, i, true)\">\r\n      <mat-icon [ngClass]=\"{'text-current': !color}\" [color]=\"color\"\r\n        [svgIcon]=\"'mat_outline:'+((!value || i >= value)?'star_border':'star')\">\r\n      </mat-icon>\r\n    </div>\r\n    }\r\n    <div role=\"presentation\" (mouseover)=\"onMouseover($event, i)\" (click)=\"onClick($event, i)\" (focus)=\"onFocus()\">\r\n      <mat-icon [color]=\"color\" [ngClass]=\"{'text-current': !color}\"\r\n        [svgIcon]=\"'mat_outline:'+((half && isIn(i)) || (!value || i >= value)?'star_border':'star')\">\r\n      </mat-icon>\r\n    </div>\r\n  </div>\r\n  }\r\n</div>\r\n", styles: ["cmat-rating{display:flex;align-items:center}cmat-rating .cmat-rating-item{position:relative;cursor:pointer;line-height:0}cmat-rating .cmat-rating-item div{display:inline-block;font-size:1rem;padding:0 .1rem}cmat-rating .cmat-rating-item .cmat-rating-half{position:absolute;top:0;left:0;width:45%;z-index:10;opacity:0;overflow:hidden;padding-right:0}cmat-rating .cmat-rating-readonly .cmat-rating-item{cursor:not-allowed}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { id: [{
-                type: HostBinding,
-                args: ['attr.id']
-            }, {
-                type: Input
-            }], _ratingElementRef: [{
-                type: ViewChild,
-                args: ['rating', { static: false }]
-            }], stars: [{
-                type: Input
-            }], readonly: [{
-                type: Input
-            }], hover: [{
-                type: Input
-            }], half: [{
-                type: Input
-            }], color: [{
-                type: Input
-            }], showMode: [{
-                type: Input
-            }], valueChange: [{
-                type: Output
-            }], placeholder: [{
+            args: [{ selector: 'cmat-rating', providers: [
+                        { provide: MatFormFieldControl, useExisting: CmatRatingComponent },
+                    ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: 'cmatRating', imports: [MatIconModule, NgStyle, NgClass], host: {
+                        // eslint-disable-next-line @typescript-eslint/naming-convention
+                        '[attr.id]': 'id',
+                    }, template: "<div\r\n  #rating\r\n  class=\"flex\"\r\n  [class.cmat-rating-readonly]=\"readonly() || disabled\"\r\n  [ngClass]=\"{\r\n    'flex-col': showMode() === 'vertical',\r\n    'flex-row': showMode() === 'horizontal',\r\n  }\"\r\n  (focus)=\"onFocus()\"\r\n  (mouseleave)=\"onMouseleave()\"\r\n>\r\n  @for (star of starArray(); track $index; let i = $index) {\r\n    <div class=\"cmat-rating-item\">\r\n      @if (half()) {\r\n        <div\r\n          role=\"presentation\"\r\n          class=\"cmat-rating-half\"\r\n          [ngStyle]=\"{ opacity: isIn(i) ? 1 : 0 }\"\r\n          (focus)=\"onFocus()\"\r\n          (mouseover)=\"onMouseover($event, i, true)\"\r\n          (click)=\"onClick($event, i, true)\"\r\n        >\r\n          <mat-icon\r\n            [ngClass]=\"{ 'text-current': !color() }\"\r\n            [color]=\"color()\"\r\n            [svgIcon]=\"\r\n              'mat_outline:' + (!value || i >= value ? 'star_border' : 'star')\r\n            \"\r\n          >\r\n          </mat-icon>\r\n        </div>\r\n      }\r\n      <div\r\n        role=\"presentation\"\r\n        (mouseover)=\"onMouseover($event, i)\"\r\n        (click)=\"onClick($event, i)\"\r\n        (focus)=\"onFocus()\"\r\n      >\r\n        <mat-icon\r\n          [color]=\"color()\"\r\n          [ngClass]=\"{ 'text-current': !color() }\"\r\n          [svgIcon]=\"\r\n            'mat_outline:' +\r\n            ((half() && isIn(i)) || !value || i >= value\r\n              ? 'star_border'\r\n              : 'star')\r\n          \"\r\n        >\r\n        </mat-icon>\r\n      </div>\r\n    </div>\r\n  }\r\n</div>", styles: ["cmat-rating{display:flex;align-items:center}cmat-rating .cmat-rating-item{position:relative;cursor:pointer;line-height:0}cmat-rating .cmat-rating-item div{display:inline-block;font-size:1rem;padding:0 .1rem}cmat-rating .cmat-rating-item .cmat-rating-half{position:absolute;top:0;left:0;width:45%;z-index:10;opacity:0;overflow:hidden;padding-right:0}cmat-rating .cmat-rating-readonly .cmat-rating-item{cursor:not-allowed}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { _ratingElementRef: [{ type: i0.ViewChild, args: ['rating', { isSignal: true }] }], stars: [{ type: i0.Input, args: [{ isSignal: true, alias: "stars", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], hover: [{ type: i0.Input, args: [{ isSignal: true, alias: "hover", required: false }] }], half: [{ type: i0.Input, args: [{ isSignal: true, alias: "half", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], showMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "showMode", required: false }] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }], placeholder: [{
                 type: Input
             }], value: [{
                 type: Input

package/fesm2022/cmat-components-rating.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"cmat-components-rating.mjs","sources":["../../../projects/cmat/components/rating/rating.component.ts","../../../projects/cmat/components/rating/rating.component.html","../../../projects/cmat/components/rating/cmat-components-rating.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/member-ordering */\r\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\r\nimport { NgClass, NgStyle } from '@angular/common';\r\nimport { Component, Input, Output, EventEmitter, ChangeDetectionStrategy, ViewEncapsulation, OnChanges, SimpleChanges, OnInit, ElementRef, HostBinding, ViewChild, OnDestroy, inject, signal } from '@angular/core';\r\nimport { ControlValueAccessor, NgControl } from '@angular/forms';\r\nimport { MatFormFieldControl } from '@angular/material/form-field';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { isNil } from 'lodash-es';\r\nimport { Subject } from 'rxjs';\r\n\r\nlet NEXT_ID = 0;\r\n\r\n@Component({\r\n  selector: 'cmat-rating',\r\n  templateUrl: './rating.component.html',\r\n  styleUrls: ['./rating.component.scss'],\r\n  providers: [{ provide: MatFormFieldControl, useExisting: CmatRatingComponent }],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  exportAs: 'cmatRating',\r\n  imports: [MatIconModule, NgStyle, NgClass]\r\n})\r\nexport class CmatRatingComponent implements MatFormFieldControl<number>, ControlValueAccessor, OnInit, OnChanges, OnDestroy {\r\n  @HostBinding('attr.id')\r\n  @Input()\r\n  public id = `cmat-chip-input-${NEXT_ID++}`;\r\n\r\n  @ViewChild('rating', { static: false }) private _ratingElementRef: ElementRef<HTMLDivElement>;\r\n\r\n  @Input() stars: number = 5;\r\n  @Input() readonly: boolean = false;\r\n  @Input() hover: boolean;\r\n  @Input() half: boolean;\r\n  @Input() color?: string;\r\n  @Input() showMode?: 'horizontal' | 'vertical' = 'horizontal';\r\n  @Output() valueChange = new EventEmitter<number>();\r\n\r\n  readonly starArray = signal<number[]>([]);\r\n  readonly currentValue = signal(0);\r\n\r\n  readonly stateChanges: Subject<void> = new Subject<void>();\r\n  focused: boolean = false;\r\n  touched: boolean = false;\r\n  controlType: string = 'cmat-rating';\r\n  ngControl = inject(NgControl, { optional: true, self: true })!;\r\n\r\n  constructor() {\r\n    if (this.ngControl != null) {\r\n      this.ngControl.valueAccessor = this;\r\n    }\r\n  }\r\n\r\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\r\n  onModelChange: (value: number) => void = () => { };\r\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\r\n  onTouchedChange: () => void = () => { };\r\n\r\n  ngOnInit(): void {\r\n    this._initializeStarArray();\r\n  }\r\n  ngOnChanges(changes: SimpleChanges): void {\r\n    if ('stars' in changes) {\r\n      this._initializeStarArray();\r\n    }\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this.stateChanges.complete();\r\n  }\r\n\r\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\r\n  onFocus(): void {\r\n\r\n  }\r\n\r\n  @Input()\r\n  get placeholder(): string {\r\n    return this._placeholder;\r\n  }\r\n  set placeholder(value: string) {\r\n    this._placeholder = value;\r\n    this.stateChanges.next();\r\n  }\r\n  private _placeholder: string = '';\r\n\r\n  @Input()\r\n  get value(): number {\r\n    return this._value;\r\n  }\r\n  set value(value: number) {\r\n    if (value !== this.value) {\r\n      this._value = value;\r\n\r\n      this.stateChanges.next();\r\n\r\n      this.onModelChange(value);\r\n    }\r\n  }\r\n  protected _value: number;\r\n\r\n  get empty(): boolean {\r\n    return !this._value;\r\n  }\r\n\r\n  get errorState(): boolean {\r\n    if (this.ngControl == null)\r\n      return false;\r\n\r\n    return (this.touched && this.ngControl?.invalid) ?? false;\r\n  }\r\n\r\n  get shouldLabelFloat(): boolean {\r\n    return this.focused || !this.empty;\r\n  }\r\n\r\n  @Input()\r\n  get required(): boolean { return this._required; }\r\n  set required(value: BooleanInput) {\r\n    this._required = coerceBooleanProperty(value);\r\n    this.stateChanges.next();\r\n  }\r\n  protected _required = false;\r\n\r\n  @Input()\r\n  get disabled(): boolean {\r\n    if (!isNil(this.ngControl?.disabled)) {\r\n      return this.ngControl.disabled;\r\n    }\r\n    return this.readonly;\r\n  }\r\n  set disabled(value: BooleanInput) {\r\n    this.readonly = coerceBooleanProperty(value);\r\n\r\n    if (this.focused) {\r\n      this.focused = false;\r\n      this.stateChanges.next();\r\n    }\r\n  }\r\n\r\n  writeValue(value: number | null): void {\r\n    if (value !== null && value !== undefined) {\r\n      this.value = value;\r\n      this.currentValue.set(value);\r\n    }\r\n  }\r\n\r\n  setDisabledState(isDisabled: boolean): void {\r\n    this.disabled = isDisabled;\r\n  }\r\n\r\n  registerOnChange(fn: (value: number) => void): void {\r\n    this.onModelChange = fn;\r\n  }\r\n\r\n  registerOnTouched(fn: () => void): void {\r\n    this.onTouchedChange = fn;\r\n  }\r\n\r\n  setDescribedByIds(ids: string[]): void {\r\n    if (ids.length) {\r\n      this._ratingElementRef?.nativeElement.setAttribute('aria-describedby', ids.join(' '));\r\n    } else {\r\n      this._ratingElementRef?.nativeElement.removeAttribute('aria-describedby');\r\n    }\r\n  }\r\n\r\n  onContainerClick(): void {\r\n    if (!this.focused) {\r\n      this._ratingElementRef.nativeElement.focus();\r\n    }\r\n  }\r\n\r\n  isIn(value: number): boolean {\r\n    const ex = this.value - value;\r\n    return ex > 0 && ex < 1;\r\n  }\r\n\r\n  onClick(event: MouseEvent, value: number, half?: boolean): void {\r\n    event.stopPropagation();\r\n    if (!this.readonly) {\r\n      this.value = value + 1;\r\n      if (half && this.half) {\r\n        this.value -= 0.5;\r\n      }\r\n      this.currentValue.set(this.value);\r\n      this.valueChange.emit(this.currentValue());\r\n      this.onModelChange(this.currentValue());\r\n    }\r\n  }\r\n\r\n  onMouseover(event: MouseEvent, value: number, half?: boolean): void {\r\n    event.stopPropagation();\r\n    if (this.hover && !this.readonly) {\r\n      this.value = value + 1;\r\n      if (half && this.half) {\r\n        this.value -= 0.5;\r\n      }\r\n    }\r\n  }\r\n\r\n  onMouseleave(): void {\r\n    if (this.value !== this.currentValue()) {\r\n      this.value = this.currentValue();\r\n    }\r\n  }\r\n\r\n  private _initializeStarArray(): void {\r\n    this.starArray.set(Array.from({ length: this.stars }, (_, i) => i));\r\n  }\r\n}\r\n\r\n","<div #rating class=\"flex\" [class.cmat-rating-readonly]=\"readonly||disabled\" [ngClass]=\"{'flex-col':showMode==='vertical','flex-row':showMode==='horizontal'}\"\r\n  (focus)=\"onFocus()\" (mouseleave)=\"onMouseleave()\">\r\n  @for (star of starArray(); track $index; let i = $index) {\r\n  <div class=\"cmat-rating-item\">\r\n    @if (half) {\r\n    <div role=\"presentation\" class=\"cmat-rating-half\" [ngStyle]=\"{'opacity': isIn(i)?1:0}\" (focus)=\"onFocus()\"\r\n      (mouseover)=\"onMouseover($event, i, true)\" (click)=\"onClick($event, i, true)\">\r\n      <mat-icon [ngClass]=\"{'text-current': !color}\" [color]=\"color\"\r\n        [svgIcon]=\"'mat_outline:'+((!value || i >= value)?'star_border':'star')\">\r\n      </mat-icon>\r\n    </div>\r\n    }\r\n    <div role=\"presentation\" (mouseover)=\"onMouseover($event, i)\" (click)=\"onClick($event, i)\" (focus)=\"onFocus()\">\r\n      <mat-icon [color]=\"color\" [ngClass]=\"{'text-current': !color}\"\r\n        [svgIcon]=\"'mat_outline:'+((half && isIn(i)) || (!value || i >= value)?'star_border':'star')\">\r\n      </mat-icon>\r\n    </div>\r\n  </div>\r\n  }\r\n</div>\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":"cmat-components-rating.mjs","sources":["../../../projects/cmat/components/rating/rating.component.ts","../../../projects/cmat/components/rating/rating.component.html","../../../projects/cmat/components/rating/cmat-components-rating.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/member-ordering */\r\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\r\nimport { NgClass, NgStyle } from '@angular/common';\r\nimport {\r\n  Component,\r\n  ChangeDetectionStrategy,\r\n  ViewEncapsulation,\r\n  ElementRef,\r\n  viewChild,\r\n  effect,\r\n  inject,\r\n  signal,\r\n  input,\r\n  output,\r\n  Input,\r\n} from '@angular/core';\r\nimport { ControlValueAccessor, NgControl } from '@angular/forms';\r\nimport { MatFormFieldControl } from '@angular/material/form-field';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { isNil } from 'lodash-es';\r\nimport { Subject } from 'rxjs';\r\n\r\nlet NEXT_ID = 0;\r\n\r\n@Component({\r\n  selector: 'cmat-rating',\r\n  templateUrl: './rating.component.html',\r\n  styleUrls: ['./rating.component.scss'],\r\n  providers: [\r\n    { provide: MatFormFieldControl, useExisting: CmatRatingComponent },\r\n  ],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  exportAs: 'cmatRating',\r\n  imports: [MatIconModule, NgStyle, NgClass],\r\n  host: {\r\n    // eslint-disable-next-line @typescript-eslint/naming-convention\r\n    '[attr.id]': 'id',\r\n  }\r\n})\r\nexport class CmatRatingComponent implements MatFormFieldControl<number>, ControlValueAccessor {\r\n  readonly id = `cmat-chip-input-${NEXT_ID++}`;\r\n\r\n  readonly _ratingElementRef = viewChild<ElementRef<HTMLDivElement>>('rating');\r\n\r\n  readonly stars = input<number>(5);\r\n  readonly readonly = input<boolean>(false);\r\n  readonly hover = input<boolean>();\r\n  readonly half = input<boolean>();\r\n  readonly color = input<string>();\r\n  readonly showMode = input<'horizontal' | 'vertical'>('horizontal');\r\n\r\n  readonly valueChange = output<number>();\r\n\r\n  readonly starArray = signal<number[]>([]);\r\n  readonly currentValue = signal(0);\r\n\r\n  readonly stateChanges: Subject<void> = new Subject<void>();\r\n  focused: boolean = false;\r\n  touched: boolean = false;\r\n  controlType: string = 'cmat-rating';\r\n  ngControl = inject(NgControl, { optional: true, self: true })!;\r\n\r\n  private _value = signal<number>(0);\r\n  private _placeholder = signal<string>('');\r\n  private _required = signal<boolean>(false);\r\n  private _disabled = signal<boolean>(false);\r\n\r\n  constructor() {\r\n    if (this.ngControl != null) {\r\n      this.ngControl.valueAccessor = this;\r\n    }\r\n\r\n    // 监听 stars 变化并初始化星数组\r\n    effect(() => {\r\n      this._initializeStarArray();\r\n    });\r\n  }\r\n\r\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\r\n  onModelChange: (value: number) => void = () => { };\r\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\r\n  onTouchedChange: () => void = () => { };\r\n\r\n  @Input()\r\n  get placeholder(): string {\r\n    return this._placeholder();\r\n  }\r\n  set placeholder(value: string) {\r\n    this._placeholder.set(value);\r\n    this.stateChanges.next();\r\n  }\r\n\r\n  @Input()\r\n  get value(): number {\r\n    return this._value();\r\n  }\r\n  set value(value: number) {\r\n    if (value !== this._value()) {\r\n      this._value.set(value);\r\n      this.stateChanges.next();\r\n      this.onModelChange(value);\r\n    }\r\n  }\r\n\r\n  get empty(): boolean {\r\n    return !this._value();\r\n  }\r\n\r\n  get errorState(): boolean {\r\n    if (this.ngControl == null) return false;\r\n    return (this.touched && this.ngControl?.invalid) ?? false;\r\n  }\r\n\r\n  get shouldLabelFloat(): boolean {\r\n    return this.focused || !this.empty;\r\n  }\r\n\r\n  @Input()\r\n  get required(): boolean {\r\n    return this._required();\r\n  }\r\n  set required(value: BooleanInput) {\r\n    this._required.set(coerceBooleanProperty(value));\r\n    this.stateChanges.next();\r\n  }\r\n\r\n  @Input()\r\n  get disabled(): boolean {\r\n    if (!isNil(this.ngControl?.disabled)) {\r\n      return this.ngControl.disabled;\r\n    }\r\n    return this._disabled() || this.readonly();\r\n  }\r\n  set disabled(value: BooleanInput) {\r\n    this._disabled.set(coerceBooleanProperty(value));\r\n\r\n    if (this.focused) {\r\n      this.focused = false;\r\n      this.stateChanges.next();\r\n    }\r\n  }\r\n\r\n  writeValue(value: number | null): void {\r\n    if (value !== null && value !== undefined) {\r\n      this.value = value;\r\n      this.currentValue.set(value);\r\n    }\r\n  }\r\n\r\n  setDisabledState(isDisabled: boolean): void {\r\n    this.disabled = isDisabled;\r\n  }\r\n\r\n  registerOnChange(fn: (value: number) => void): void {\r\n    this.onModelChange = fn;\r\n  }\r\n\r\n  registerOnTouched(fn: () => void): void {\r\n    this.onTouchedChange = fn;\r\n  }\r\n\r\n  setDescribedByIds(ids: string[]): void {\r\n    const ratingEl = this._ratingElementRef();\r\n    if (ids.length) {\r\n      ratingEl?.nativeElement.setAttribute(\r\n        'aria-describedby',\r\n        ids.join(' '),\r\n      );\r\n    } else {\r\n      ratingEl?.nativeElement.removeAttribute('aria-describedby');\r\n    }\r\n  }\r\n\r\n  onContainerClick(): void {\r\n    if (!this.focused) {\r\n      this._ratingElementRef()?.nativeElement.focus();\r\n    }\r\n  }\r\n\r\n  onFocus(): void {\r\n    if (!this.focused) {\r\n      this.focused = true;\r\n      this.stateChanges.next();\r\n    }\r\n  }\r\n\r\n  isIn(value: number): boolean {\r\n    const ex = this.value - value;\r\n    return ex > 0 && ex < 1;\r\n  }\r\n\r\n  onClick(event: MouseEvent, value: number, half?: boolean): void {\r\n    event.stopPropagation();\r\n    if (!this.readonly()) {\r\n      this.value = value + 1;\r\n      if (half && this.half()) {\r\n        this.value -= 0.5;\r\n      }\r\n      this.currentValue.set(this.value);\r\n      this.valueChange.emit(this.currentValue());\r\n      this.onModelChange(this.currentValue());\r\n    }\r\n  }\r\n\r\n  onMouseover(event: MouseEvent, value: number, half?: boolean): void {\r\n    event.stopPropagation();\r\n    if (this.hover() && !this.readonly()) {\r\n      this.value = value + 1;\r\n      if (half && this.half()) {\r\n        this.value -= 0.5;\r\n      }\r\n    }\r\n  }\r\n\r\n  onMouseleave(): void {\r\n    if (this.value !== this.currentValue()) {\r\n      this.value = this.currentValue();\r\n    }\r\n  }\r\n\r\n  private _initializeStarArray(): void {\r\n    this.starArray.set(Array.from({ length: this.stars() }, (_, i) => i));\r\n  }\r\n}\r\n","<div\r\n  #rating\r\n  class=\"flex\"\r\n  [class.cmat-rating-readonly]=\"readonly() || disabled\"\r\n  [ngClass]=\"{\r\n    'flex-col': showMode() === 'vertical',\r\n    'flex-row': showMode() === 'horizontal',\r\n  }\"\r\n  (focus)=\"onFocus()\"\r\n  (mouseleave)=\"onMouseleave()\"\r\n>\r\n  @for (star of starArray(); track $index; let i = $index) {\r\n    <div class=\"cmat-rating-item\">\r\n      @if (half()) {\r\n        <div\r\n          role=\"presentation\"\r\n          class=\"cmat-rating-half\"\r\n          [ngStyle]=\"{ opacity: isIn(i) ? 1 : 0 }\"\r\n          (focus)=\"onFocus()\"\r\n          (mouseover)=\"onMouseover($event, i, true)\"\r\n          (click)=\"onClick($event, i, true)\"\r\n        >\r\n          <mat-icon\r\n            [ngClass]=\"{ 'text-current': !color() }\"\r\n            [color]=\"color()\"\r\n            [svgIcon]=\"\r\n              'mat_outline:' + (!value || i >= value ? 'star_border' : 'star')\r\n            \"\r\n          >\r\n          </mat-icon>\r\n        </div>\r\n      }\r\n      <div\r\n        role=\"presentation\"\r\n        (mouseover)=\"onMouseover($event, i)\"\r\n        (click)=\"onClick($event, i)\"\r\n        (focus)=\"onFocus()\"\r\n      >\r\n        <mat-icon\r\n          [color]=\"color()\"\r\n          [ngClass]=\"{ 'text-current': !color() }\"\r\n          [svgIcon]=\"\r\n            'mat_outline:' +\r\n            ((half() && isIn(i)) || !value || i >= value\r\n              ? 'star_border'\r\n              : 'star')\r\n          \"\r\n        >\r\n        </mat-icon>\r\n      </div>\r\n    </div>\r\n  }\r\n</div>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/cmat-components-rich-text-editor.mjs

@@ -1,39 +1,36 @@
 import * as i0 from '@angular/core';
-import { Input, ChangeDetectionStrategy, Component } from '@angular/core';
+import { input, effect, ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
 import * as i1 from '@angular/forms';
 import { FormControl, ReactiveFormsModule } from '@angular/forms';
 
 class CmatRichTextEditorComponent {
     constructor() {
-        this.value = '';
-        this.placeholder = '请输入内容';
-        this.readOnly = false;
-        this.theme = 'snow';
-        this.minHeight = '240px';
+        this.value = input('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+        this.placeholder = input('请输入内容', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
+        this.readOnly = input(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "readOnly" }] : /* istanbul ignore next */ []));
+        this.theme = input('snow', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "theme" }] : /* istanbul ignore next */ []));
+        this.minHeight = input('240px', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "minHeight" }] : /* istanbul ignore next */ []));
         this.control = new FormControl('');
+        // 监听 value 变化并同步到 formControl
+        effect(() => {
+            const val = this.value();
+            this.control.setValue(val ?? '', { emitEvent: false });
+        });
     }
-    ngOnChanges(changes) {
-        if (changes['value']) {
-            this.control.setValue(this.value ?? '', { emitEvent: false });
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: CmatRichTextEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: CmatRichTextEditorComponent, isStandalone: true, selector: "cmat-rich-text-editor", inputs: { value: "value", placeholder: "placeholder", readOnly: "readOnly", theme: "theme", minHeight: "minHeight" }, usesOnChanges: true, ngImport: i0, template: "<!-- eslint-disable @angular-eslint/template/no-inline-styles -->\r\n@defer (on viewport) {\r\n    <div class=\"rounded-2xl border border-default bg-card shadow-sm\">\r\n        <quill-editor class=\"w-full\" [formControl]=\"control\" [placeholder]=\"placeholder\" [readOnly]=\"readOnly\" [theme]=\"theme\" [styles]=\"{ minHeight }\"></quill-editor>\r\n    </div>\r\n} @placeholder {\r\n    <div class=\"flex items-center justify-center rounded-2xl border border-dashed border-default bg-card px-4 py-6 text-sm text-secondary shadow-sm\" [style.minHeight]=\"minHeight\">\r\n        \u5BCC\u6587\u672C\u7F16\u8F91\u5668\u52A0\u8F7D\u4E2D...\r\n    </div>\r\n}\r\n<!-- eslint-enable @angular-eslint/template/no-inline-styles -->\r\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, deferBlockDependencies: [() => [import('ngx-quill').then(m => m.QuillEditorComponent), i1.NgControlStatus, i1.FormControlDirective]] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CmatRichTextEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.2", type: CmatRichTextEditorComponent, isStandalone: true, selector: "cmat-rich-text-editor", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, readOnly: { classPropertyName: "readOnly", publicName: "readOnly", isSignal: true, isRequired: false, transformFunction: null }, theme: { classPropertyName: "theme", publicName: "theme", isSignal: true, isRequired: false, transformFunction: null }, minHeight: { classPropertyName: "minHeight", publicName: "minHeight", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<!-- eslint-disable @angular-eslint/template/no-inline-styles -->\r\n@defer (on viewport) {\r\n    <div class=\"rounded-2xl border border-default bg-card shadow-sm\">\r\n        <quill-editor class=\"w-full\" [formControl]=\"control\" [placeholder]=\"placeholder()\" [readOnly]=\"readOnly()\" [theme]=\"theme()\" [styles]=\"{ minHeight: minHeight() }\"></quill-editor>\r\n    </div>\r\n} @placeholder {\r\n    <div class=\"flex items-center justify-center rounded-2xl border border-dashed border-default bg-card px-4 py-6 text-sm text-secondary shadow-sm\" [style.minHeight]=\"minHeight()\">\r\n        \u5BCC\u6587\u672C\u7F16\u8F91\u5668\u52A0\u8F7D\u4E2D...\r\n    </div>\r\n}\r\n<!-- eslint-enable @angular-eslint/template/no-inline-styles -->\r\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None, deferBlockDependencies: [() => [/* @ts-ignore */
+                import('ngx-quill').then(m => m.QuillEditorComponent), i1.NgControlStatus, i1.FormControlDirective]] }); }
 }
-i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "21.2.10", ngImport: i0, type: CmatRichTextEditorComponent, resolveDeferredDeps: () => [import('ngx-quill').then(m => m.QuillEditorComponent)], resolveMetadata: QuillEditorComponent => ({ decorators: [{
+i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "22.0.2", ngImport: i0, type: CmatRichTextEditorComponent, resolveDeferredDeps: () => [/* @ts-ignore */
+        import('ngx-quill').then(m => m.QuillEditorComponent)], resolveMetadata: QuillEditorComponent => ({ decorators: [{
                 type: Component,
-                args: [{ selector: 'cmat-rich-text-editor', changeDetection: ChangeDetectionStrategy.OnPush, imports: [QuillEditorComponent, ReactiveFormsModule], template: "<!-- eslint-disable @angular-eslint/template/no-inline-styles -->\r\n@defer (on viewport) {\r\n    <div class=\"rounded-2xl border border-default bg-card shadow-sm\">\r\n        <quill-editor class=\"w-full\" [formControl]=\"control\" [placeholder]=\"placeholder\" [readOnly]=\"readOnly\" [theme]=\"theme\" [styles]=\"{ minHeight }\"></quill-editor>\r\n    </div>\r\n} @placeholder {\r\n    <div class=\"flex items-center justify-center rounded-2xl border border-dashed border-default bg-card px-4 py-6 text-sm text-secondary shadow-sm\" [style.minHeight]=\"minHeight\">\r\n        \u5BCC\u6587\u672C\u7F16\u8F91\u5668\u52A0\u8F7D\u4E2D...\r\n    </div>\r\n}\r\n<!-- eslint-enable @angular-eslint/template/no-inline-styles -->\r\n", styles: [":host{display:block}\n"] }]
-            }], ctorParameters: null, propDecorators: { value: [{
-                    type: Input
-                }], placeholder: [{
-                    type: Input
-                }], readOnly: [{
-                    type: Input
-                }], theme: [{
-                    type: Input
-                }], minHeight: [{
-                    type: Input
-                }] } }) });
+                args: [{ selector: 'cmat-rich-text-editor', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [QuillEditorComponent, ReactiveFormsModule], template: "<!-- eslint-disable @angular-eslint/template/no-inline-styles -->\r\n@defer (on viewport) {\r\n    <div class=\"rounded-2xl border border-default bg-card shadow-sm\">\r\n        <quill-editor class=\"w-full\" [formControl]=\"control\" [placeholder]=\"placeholder()\" [readOnly]=\"readOnly()\" [theme]=\"theme()\" [styles]=\"{ minHeight: minHeight() }\"></quill-editor>\r\n    </div>\r\n} @placeholder {\r\n    <div class=\"flex items-center justify-center rounded-2xl border border-dashed border-default bg-card px-4 py-6 text-sm text-secondary shadow-sm\" [style.minHeight]=\"minHeight()\">\r\n        \u5BCC\u6587\u672C\u7F16\u8F91\u5668\u52A0\u8F7D\u4E2D...\r\n    </div>\r\n}\r\n<!-- eslint-enable @angular-eslint/template/no-inline-styles -->\r\n", styles: [":host{display:block}\n"] }]
+            }], ctorParameters: () => [], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], readOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readOnly", required: false }] }], theme: [{ type: i0.Input, args: [{ isSignal: true, alias: "theme", required: false }] }], minHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "minHeight", required: false }] }] } }) });
 
 /**
  * Generated bundle index. Do not edit.

package/fesm2022/cmat-components-rich-text-editor.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"cmat-components-rich-text-editor.mjs","sources":["../../../projects/cmat/components/rich-text-editor/rich-text-editor.component.ts","../../../projects/cmat/components/rich-text-editor/rich-text-editor.component.html","../../../projects/cmat/components/rich-text-editor/cmat-components-rich-text-editor.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input, OnChanges, SimpleChanges } from '@angular/core';\r\nimport { FormControl, ReactiveFormsModule } from '@angular/forms';\r\nimport { QuillEditorComponent } from 'ngx-quill';\r\n\r\n@Component({\r\n    selector: 'cmat-rich-text-editor',\r\n    templateUrl: './rich-text-editor.component.html',\r\n    styleUrls: ['./rich-text-editor.component.scss'],\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n    imports: [QuillEditorComponent, ReactiveFormsModule]\r\n})\r\nexport class CmatRichTextEditorComponent implements OnChanges {\r\n    \r\n    @Input() value :string= '';\r\n\r\n    \r\n    @Input() placeholder: string = '请输入内容';\r\n\r\n    \r\n    @Input() readOnly: boolean = false;\r\n\r\n    \r\n    @Input() theme: string = 'snow';\r\n\r\n    \r\n    @Input() minHeight: string = '240px';\r\n\r\n    \r\n    control = new FormControl('');\r\n\r\n    \r\n    ngOnChanges(changes: SimpleChanges): void {\r\n        if (changes['value']) {\r\n            this.control.setValue(this.value ?? '', { emitEvent: false });\r\n        }\r\n    }\r\n}\r\n","<!-- eslint-disable @angular-eslint/template/no-inline-styles -->\r\n@defer (on viewport) {\r\n    <div class=\"rounded-2xl border border-default bg-card shadow-sm\">\r\n        <quill-editor class=\"w-full\" [formControl]=\"control\" [placeholder]=\"placeholder\" [readOnly]=\"readOnly\" [theme]=\"theme\" [styles]=\"{ minHeight }\"></quill-editor>\r\n    </div>\r\n} @placeholder {\r\n    <div class=\"flex items-center justify-center rounded-2xl border border-dashed border-default bg-card px-4 py-6 text-sm text-secondary shadow-sm\" [style.minHeight]=\"minHeight\">\r\n        富文本编辑器加载中...\r\n    </div>\r\n}\r\n<!-- eslint-enable @angular-eslint/template/no-inline-styles -->\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;MAWa,2BAA2B,CAAA;AAPxC,IAAA,WAAA,GAAA;QASa,IAAA,CAAA,KAAK,GAAU,EAAE;QAGjB,IAAA,CAAA,WAAW,GAAW,OAAO;QAG7B,IAAA,CAAA,QAAQ,GAAY,KAAK;QAGzB,IAAA,CAAA,KAAK,GAAW,MAAM;QAGtB,IAAA,CAAA,SAAS,GAAW,OAAO;AAGpC,QAAA,IAAA,CAAA,OAAO,GAAG,IAAI,WAAW,CAAC,EAAE,CAAC;AAQhC,IAAA;AALG,IAAA,WAAW,CAAC,OAAsB,EAAA;AAC9B,QAAA,IAAI,OAAO,CAAC,OAAO,CAAC,EAAE;AAClB,YAAA,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,IAAI,EAAE,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;QACjE;IACJ;+GAxBS,2BAA2B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAA3B,2BAA2B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,uBAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,WAAA,EAAA,aAAA,EAAA,QAAA,EAAA,UAAA,EAAA,KAAA,EAAA,OAAA,EAAA,SAAA,EAAA,WAAA,EAAA,EAAA,aAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECXxC,4tBAWA,EAAA,MAAA,EAAA,CAAA,wBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDFoC,mBAAmB,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,sBAAA,EAAA,CAAA,MAAA,CAAA,OAAA,WAAA,CAAA,CAAA,IAAA,CAAA,CAAA,IAAA,CAAA,CAAA,oBAAA,CAAA,EAAA,EAAA,CAAA,eAAA,EAAA,EAAA,CAAA,oBAAA,CAAA,CAAA,EAAA,CAAA,CAAA;;iGAE1C,2BAA2B,EAAA,mBAAA,EAAA,MAAA,CAAA,OAAA,WAAA,CAAA,CAAA,IAAA,CAAA,CAAA,IAAA,CAAA,CAAA,oBAAA,CAAA,CAAA,EAAA,eAAA,EAAA,oBAAA,KAAA,EAAA,UAAA,EAAA,CAAA;sBAPvC,SAAS;mCACI,uBAAuB,EAAA,eAAA,EAGhB,uBAAuB,CAAC,MAAM,WACtC,CAAC,oBAAoB,EAAE,mBAAmB,CAAC,EAAA,QAAA,EAAA,4tBAAA,EAAA,MAAA,EAAA,CAAA,wBAAA,CAAA,EAAA;;0BAInD;;0BAGA;;0BAGA;;0BAGA;;0BAGA;;;AEzBL;;AAEG;;;;"}
+{"version":3,"file":"cmat-components-rich-text-editor.mjs","sources":["../../../projects/cmat/components/rich-text-editor/rich-text-editor.component.ts","../../../projects/cmat/components/rich-text-editor/rich-text-editor.component.html","../../../projects/cmat/components/rich-text-editor/cmat-components-rich-text-editor.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, input, effect, ViewEncapsulation } from '@angular/core';\r\nimport { FormControl, ReactiveFormsModule } from '@angular/forms';\r\nimport { QuillEditorComponent } from 'ngx-quill';\r\n\r\n@Component({\r\n    selector: 'cmat-rich-text-editor',\r\n    templateUrl: './rich-text-editor.component.html',\r\n    styleUrls: ['./rich-text-editor.component.scss'],\r\n    encapsulation: ViewEncapsulation.None,\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n    imports: [QuillEditorComponent, ReactiveFormsModule]\r\n})\r\nexport class CmatRichTextEditorComponent {\r\n    readonly value = input<string>('');\r\n    readonly placeholder = input<string>('请输入内容');\r\n    readonly readOnly = input<boolean>(false);\r\n    readonly theme = input<string>('snow');\r\n    readonly minHeight = input<string>('240px');\r\n\r\n    readonly control = new FormControl('');\r\n\r\n    constructor() {\r\n        // 监听 value 变化并同步到 formControl\r\n        effect(() => {\r\n            const val = this.value();\r\n            this.control.setValue(val ?? '', { emitEvent: false });\r\n        });\r\n    }\r\n}\r\n","<!-- eslint-disable @angular-eslint/template/no-inline-styles -->\r\n@defer (on viewport) {\r\n    <div class=\"rounded-2xl border border-default bg-card shadow-sm\">\r\n        <quill-editor class=\"w-full\" [formControl]=\"control\" [placeholder]=\"placeholder()\" [readOnly]=\"readOnly()\" [theme]=\"theme()\" [styles]=\"{ minHeight: minHeight() }\"></quill-editor>\r\n    </div>\r\n} @placeholder {\r\n    <div class=\"flex items-center justify-center rounded-2xl border border-dashed border-default bg-card px-4 py-6 text-sm text-secondary shadow-sm\" [style.minHeight]=\"minHeight()\">\r\n        富文本编辑器加载中...\r\n    </div>\r\n}\r\n<!-- eslint-enable @angular-eslint/template/no-inline-styles -->\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;MAYa,2BAA2B,CAAA;AASpC,IAAA,WAAA,GAAA;QARS,IAAA,CAAA,KAAK,GAAG,KAAK,CAAS,EAAE;kFAAC;QACzB,IAAA,CAAA,WAAW,GAAG,KAAK,CAAS,OAAO;wFAAC;QACpC,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAU,KAAK;qFAAC;QAChC,IAAA,CAAA,KAAK,GAAG,KAAK,CAAS,MAAM;kFAAC;QAC7B,IAAA,CAAA,SAAS,GAAG,KAAK,CAAS,OAAO;sFAAC;AAElC,QAAA,IAAA,CAAA,OAAO,GAAG,IAAI,WAAW,CAAC,EAAE,CAAC;;QAIlC,MAAM,CAAC,MAAK;AACR,YAAA,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,EAAE;AACxB,YAAA,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,IAAI,EAAE,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;AAC1D,QAAA,CAAC,CAAC;IACN;8GAfS,2BAA2B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAA3B,2BAA2B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,uBAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECZxC,ivBAWA,EAAA,MAAA,EAAA,CAAA,wBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDDoC,mBAAmB,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,sBAAA,EAAA,CAAA,MAAA;;;gGAE1C,2BAA2B,EAAA,mBAAA,EAAA,MAAA;;sBARvC,SAAS;AACI,gBAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,uBAAuB,EAAA,aAAA,EAGlB,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,OAAA,EACtC,CAAC,oBAAoB,EAAE,mBAAmB,CAAC,EAAA,QAAA,EAAA,ivBAAA,EAAA,MAAA,EAAA,CAAA,wBAAA,CAAA,EAAA;;;AEVxD;;AAEG;;;;"}