feat(input): permite output através do (p-change-model)

Permite emissão de evento com `(p-change-model)` após resetar formulário reativo Modificação feita por conta de um bug que impedia a emissão do evento após resetar o formulário reativo no Angular. angular/angular#54022 angular/angular#52135 angular/angular#50971 angular/angular#46458 angular/angular#15741 Fixes DTHFUI-7232
po-ui · Mar 4, 2024 · fc87c02 · fc87c02
1 parent 7e263a8
commit fc87c02
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 2 deletions.
diff --git a/projects/ui/src/lib/components/po-field/po-input/po-input-base.component.spec.ts b/projects/ui/src/lib/components/po-field/po-input/po-input-base.component.spec.ts
@@ -229,6 +229,7 @@ describe('PoInputBase:', () => {
     it('controlChangeModelEmitter: should not emit changeModel if previous model value is equal to current model value', () => {
       const newModelValue: number = 1;
       component.modelLastUpdate = 1;
+      component.emitAllChanges = false;
 
       spyOn(component.changeModel, 'emit');
       component.controlChangeModelEmitter.call(component, newModelValue);
@@ -237,9 +238,10 @@ describe('PoInputBase:', () => {
     });
 
     it(`controlChangeModelEmitter: should emit changeModel with new value if previous
-        model value is different from current model value`, () => {
+    model value is different from current model value`, () => {
       const newModelValue: number = 2;
       component.modelLastUpdate = 1;
+      component.emitAllChanges = true;
 
       spyOn(component.changeModel, 'emit');
       component.controlChangeModelEmitter.call(component, newModelValue);

diff --git a/projects/ui/src/lib/components/po-field/po-input/po-input-base.component.ts b/projects/ui/src/lib/components/po-field/po-input/po-input-base.component.ts
@@ -63,6 +63,17 @@ export abstract class PoInputBaseComponent implements ControlValueAccessor, Vali
    */
   @Input('p-icon') icon?: string | TemplateRef<void>;
 
+  /**
+   * @optional
+   *
+   * @description
+   *
+   * Sempre emite as alterações do model mesmo quando o valor atual for igual ao valor anterior.
+   *
+   * @default `false`
+   */
+  @Input({ alias: 'p-emit-all-changes', transform: convertToBoolean }) emitAllChanges: boolean = false;
+
   /** Rótulo do campo. */
   @Input('p-label') label?: string;
 
@@ -358,7 +369,7 @@ export abstract class PoInputBaseComponent implements ControlValueAccessor, Vali
   }
 
   controlChangeModelEmitter(value: any) {
-    if (this.modelLastUpdate !== value) {
+    if (this.modelLastUpdate !== value || this.emitAllChanges) {
       this.changeModel.emit(value);
       this.modelLastUpdate = value;
     }