@dignite-ng/expand.dynamic-form 3.0.0-rc.4 → 3.0.0-rc.6

package/ng-package.json

@@ -0,0 +1,7 @@
+{
+  "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
+  "dest": "../../dist/dynamic-form",
+  "lib": {
+    "entryFile": "src/public-api.ts"
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dignite-ng/expand.dynamic-form",
-  "version": "3.0.0-rc.4",
+  "version": "3.0.0-rc.6",
   "peerDependencies": {
     "@angular/common": "~18.1.0",
     "@angular/core": "~18.1.0"
@@ -12,18 +12,5 @@
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org/"
-  },
-  "module": "fesm2022/dignite-ng-expand.dynamic-form.mjs",
-  "typings": "index.d.ts",
-  "exports": {
-    "./package.json": {
-      "default": "./package.json"
-    },
-    ".": {
-      "types": "./index.d.ts",
-      "esm2022": "./esm2022/dignite-ng-expand.dynamic-form.mjs",
-      "esm": "./esm2022/dignite-ng-expand.dynamic-form.mjs",
-      "default": "./fesm2022/dignite-ng-expand.dynamic-form.mjs"
-    }
   }
-}
+}

package/src/lib/components/dynamic/dynamic.component.html

@@ -0,0 +1,2 @@
+<template #FormControlRef></template>
+<template #FormComponentsRef></template>

package/src/lib/components/dynamic/dynamic.component.spec.ts

@@ -0,0 +1,21 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { DynamicComponent } from './dynamic.component';
+
+describe('DynamicComponent', () => {
+  let component: DynamicComponent;
+  let fixture: ComponentFixture<DynamicComponent>;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({
+      declarations: [DynamicComponent]
+    });
+    fixture = TestBed.createComponent(DynamicComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

package/src/lib/components/dynamic/dynamic.component.ts

@@ -0,0 +1,121 @@
+import { Component, Inject, Input, ViewChild, ViewContainerRef } from '@angular/core';
+import { FormGroup } from '@angular/forms';
+import { FieldControlGroupInterfaces } from '../../interfaces';
+import { AddFieldControlGroup, } from '../form';
+
+@Component({
+  selector: 'df-dynamic',
+  templateUrl: './dynamic.component.html',
+  styleUrls: ['./dynamic.component.scss'],
+})
+export class DynamicComponent {
+
+  /**选择的表单信息 */
+  _selected: any;
+  @Input()
+  public set selected(v: any) {
+    this._selected = v === undefined ? '' : v === null ? '' : v;
+  }
+
+  /**表单控件类型 */
+  _type: string;
+  @Input()
+  public set type(v: string) {
+    this._type = v;
+    if (this._entity) this.dataLoaded(3);
+  }
+
+  /**语言 */
+  _culture: FormGroup | undefined;
+  @Input()
+  public set culture(v: any) {
+    this._culture = v;
+  }
+
+  /**父级字段名称，用于为表单设置控件赋值 */
+  _parentFiledName: any;
+  @Input()
+  public set parentFiledName(v: any) {
+    this._parentFiledName = v;
+  }
+
+  /**字段配置列表 */
+  _fields: any = '';
+  @Input()
+  public set fields(v: any) {
+    this._fields = v;
+  }
+  /**表单实体 */
+  _entity: FormGroup | undefined;
+  @Input()
+  public set entity(v: any) {
+    if (v) {
+      this._entity = v;
+      this.dataLoaded(3);
+    }
+  }
+
+  /**表单控件模板-动态表单配置组件 */
+  @ViewChild('FormControlRef', { read: ViewContainerRef, static: true })
+  FormControlRef?: ViewContainerRef;
+
+  /**表单控件模板-动态表单组件 */
+  @ViewChild('FormComponentsRef', { read: ViewContainerRef, static: true })
+  FormComponentsRef?: ViewContainerRef;
+
+  constructor(@Inject('MERGED_FORM_CONFIG') private mergedConfig: any[]) {}
+
+  /**数据加载完成 */
+  async dataLoaded(val) {
+    let _fieldControlGroup: any[] = AddFieldControlGroup(this.mergedConfig);
+    if (this._entity) {
+      //加载所有的动态表单组件
+      if (this._type) {
+        let fieldControlItem = _fieldControlGroup.find(el => el.name === this._type);
+        this.loadfieldConfigComponent(fieldControlItem);
+      }
+      if (this._fields && this._parentFiledName && this._culture) {
+      
+        /**表单控件组中的项 */
+        let fieldControlItem = _fieldControlGroup.find(
+          el => el.name === this._fields?.field?.formControlName
+        );
+        this.loadfieldComponent(fieldControlItem);
+      }
+    }
+  }
+
+  /**加载动态表单配置组件 */
+  loadfieldConfigComponent(FieldControlItem?: FieldControlGroupInterfaces) {
+   
+    
+    //清空了容器中的所有组件
+    this.FormControlRef?.clear();
+    if (!FieldControlItem || !FieldControlItem.fieldConfigComponent) return;
+    //在容器中创建组件
+    const { instance } = this.FormControlRef?.createComponent(
+      FieldControlItem.fieldConfigComponent
+    ); //创建组件模板
+    /**向创建的组件模板中传值 */
+    instance.selected = this._selected;
+    instance.type = this._type;
+    instance.Entity = this._entity;
+  }
+
+  /**加载动态表单组件 */
+  loadfieldComponent(FieldControlItem?: FieldControlGroupInterfaces) {
+    // this.FormControlRef.clear
+    //清空了容器中的所有组件
+    this.FormComponentsRef?.clear();
+    if (!FieldControlItem || !FieldControlItem.fieldComponent) return;
+    //在容器中创建组件
+    const { instance } = this.FormComponentsRef?.createComponent(FieldControlItem.fieldComponent); //创建组件模板
+    /**向创建的组件模板中传值 */
+    instance.fields = this._fields;
+    instance.parentFiledName = this._parentFiledName;
+    instance.selected = this._selected;
+    instance.culture = this._culture;
+    instance.entity = this._entity;
+    
+  }
+}

package/src/lib/components/dynamic/index.ts

@@ -0,0 +1 @@
+export * from './dynamic.component'

package/src/lib/components/form/date-edit/date-edit-config.component.html

@@ -0,0 +1,40 @@
+<form [formGroup]="_Entity">
+    <div formGroupName="formConfiguration">
+        <div class="mb-3">
+            <label class="form-label">{{'DigniteAbpForms::DateEditMode' | abpLocalization}}</label>
+            <div>
+                <div class="form-check form-check-inline">
+                    <input class="form-check-input" type="radio" [value]="_DateEditInterfaces.Date"
+                        formControlName="DateEdit.InputMode" id="flexRadioDefault1" (change)="timeTypeChange()">
+                    <label class="form-check-label" for="flexRadioDefault1">
+                        {{'DigniteAbpForms::Date' | abpLocalization}}
+                    </label>
+                </div>
+                <div class="form-check form-check-inline">
+                    <input class="form-check-input" type="radio" [value]="_DateEditInterfaces.DateTime"
+                        formControlName="DateEdit.InputMode" id="flexRadioDefault2" (change)="timeTypeChange()">
+                    <label class="form-check-label" for="flexRadioDefault2">
+                        {{'DigniteAbpForms::DateTime' | abpLocalization}}
+                    </label>
+                </div>
+                <div class="form-check form-check-inline">
+                    <input class="form-check-input" type="radio" [value]="_DateEditInterfaces.Month"
+                        formControlName="DateEdit.InputMode" id="flexRadioDefault3" (change)="timeTypeChange()">
+                    <label class="form-check-label" for="flexRadioDefault3">
+                        {{'DigniteAbpForms::Month' | abpLocalization}}
+                    </label>
+                </div>
+            </div>
+        </div>
+        <div class="mb-3">
+            <label class="form-label">{{'DigniteAbpForms::Min' | abpLocalization}}</label>
+            <input [type]="dateTimeType" class="form-control" step="1" formControlName="DateEdit.Min">
+        </div>
+        <div class="mb-3">
+            <label class="form-label">{{'DigniteAbpForms::Max' | abpLocalization}}</label>
+            <input [type]="dateTimeType" class="form-control" step="1" formControlName="DateEdit.Max">
+        </div>
+        <button type="submit" (abpInit)="submitclick?.nativeElement?.click()" style="display: none;"
+            #submitclick></button>
+    </div>
+</form>

package/src/lib/components/form/date-edit/date-edit-config.component.spec.ts

@@ -0,0 +1,21 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { DateEditConfigComponent } from './date-edit-config.component';
+
+describe('DateEditConfigComponent', () => {
+  let component: DateEditConfigComponent;
+  let fixture: ComponentFixture<DateEditConfigComponent>;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({
+      declarations: [DateEditConfigComponent]
+    });
+    fixture = TestBed.createComponent(DateEditConfigComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

package/src/lib/components/form/date-edit/date-edit-config.component.ts

@@ -0,0 +1,87 @@
+import { ChangeDetectorRef, Component, ElementRef, inject, Input, ViewChild } from '@angular/core';
+import { FormBuilder, FormControl, FormGroup } from '@angular/forms';
+import { DateEditConfig } from './date-edit-config';
+import { DateEditInterfaces } from '../../../enums/date-edit-interfaces';
+import { DatePipe } from '@angular/common';
+
+@Component({
+  selector: 'df-date-edit-config',
+  templateUrl: './date-edit-config.component.html',
+  styleUrls: ['./date-edit-config.component.scss'],
+})
+export class DateEditConfigComponent {
+  constructor(private fb: FormBuilder) {}
+  private _dataPipe = inject(DatePipe);
+  _DateEditInterfaces = DateEditInterfaces;
+  /**表单控件类型 */
+  _type: any;
+  @Input()
+  public set type(v: any) {
+    this._type = v;
+  }
+
+  /**选择的表单信息 */
+  _selected: any;
+  @Input()
+  public set selected(v: any) {
+    this._selected = v;
+  }
+  /**表单实体 */
+  _Entity: FormGroup | undefined;
+  @Input()
+  public set Entity(v: FormGroup) {
+    this._Entity = v;
+    this.dataLoaded();
+  }
+
+  dateTimeType: any = 'date';
+  get formConfiguration() {
+    return this._Entity.get('formConfiguration') as FormGroup;
+  }
+  @ViewChild('submitclick', { static: true }) submitclick: ElementRef;
+
+  private cdr = inject(ChangeDetectorRef);
+  async dataLoaded() {
+    if (this._Entity && this._type) {
+      await this.AfterInit();
+      this.cdr.detectChanges(); // 手动触发变更检测
+      this.submitclick?.nativeElement?.click();
+    }
+  }
+
+  AfterInit() {
+    return new Promise((resolve, rejects) => {
+      this._Entity.setControl('formConfiguration', this.fb.group(new DateEditConfig()));
+      if (this._selected && this._selected.formControlName == this._type) {
+        this.formConfiguration.patchValue({
+          ...this._selected.formConfiguration,
+        });
+        this.timeTypeChange()
+      }
+      resolve(true);
+    });
+  }
+  /**切换时间类型 */
+  timeTypeChange() {
+    let type = this.formConfiguration.value['DateEdit.InputMode'];
+    let Min = this.formConfiguration.value['DateEdit.Min'];
+    let Max = this.formConfiguration.value['DateEdit.Max'];
+    if (type == DateEditInterfaces.Date) {
+      this.dateTimeType = 'date';
+      Min = this._dataPipe.transform(Min, 'yyyy-MM-dd');
+      Max = this._dataPipe.transform(Max, 'yyyy-MM-dd');
+    } else if (type == DateEditInterfaces.DateTime) {
+      this.dateTimeType = 'datetime-local';
+      Min = this._dataPipe.transform(Min, 'yyyy-MM-dd HH:mm:ss');
+      Max = this._dataPipe.transform(Max, 'yyyy-MM-dd HH:mm:ss');
+    } else if (type == DateEditInterfaces.Month) {
+      this.dateTimeType = 'month';
+      Min = this._dataPipe.transform(Min, 'yyyy-MM');
+      Max = this._dataPipe.transform(Max, 'yyyy-MM');
+    }
+    this.formConfiguration.patchValue({
+      'DateEdit.Min': Min,
+      'DateEdit.Max': Max,
+    });
+  }
+}

package/src/lib/components/form/date-edit/date-edit-config.ts

@@ -0,0 +1,14 @@
+import { FormControl, Validators } from "@angular/forms";
+import { DateEditInterfaces } from "../../../enums/date-edit-interfaces";
+
+export class DateEditConfig {
+    /**日期格式 */
+    'DateEdit.InputMode': any = [DateEditInterfaces.Date, []];
+    /**最小值 */
+    'DateEdit.Min': any = ['', []];
+    /**最大值 */
+    'DateEdit.Max': any = ['', []];
+
+    constructor() {
+    }
+}

package/src/lib/components/form/date-edit/date-edit-control.component.html

@@ -0,0 +1,26 @@
+<form [formGroup]="_entity">
+    <div [formGroupName]="_parentFiledName">
+        <div class="mb-3">
+            <label class="form-label"  *ngIf="_fields.displayName">{{ _fields.displayName }}</label>
+
+            <ng-container *ngIf="_fields.field.formConfiguration['DateEdit.InputMode'] === _DateEditInterfaces.Date">
+                <input type="date" class="form-control" step="1" formControlName="{{_fields.field.name}}"
+                    [min]="_fields.field.formConfiguration['DateEdit.Min']"
+                    [max]="_fields.field.formConfiguration['DateEdit.Max']" />
+            </ng-container>
+            <ng-container
+                *ngIf="_fields.field.formConfiguration['DateEdit.InputMode'] === _DateEditInterfaces.DateTime">
+                <input type="datetime-local" class="form-control" step="1" formControlName="{{_fields.field.name}}"
+                    [min]="_fields.field.formConfiguration['DateEdit.Min']"
+                    [max]="_fields.field.formConfiguration['DateEdit.Max']" />
+            </ng-container>
+            <ng-container *ngIf="_fields.field.formConfiguration['DateEdit.InputMode'] === _DateEditInterfaces.Month">
+                <input type="month" class="form-control" step="1" formControlName="{{_fields.field.name}}"
+                    [min]="_fields.field.formConfiguration['DateEdit.Min']"
+                    [max]="_fields.field.formConfiguration['DateEdit.Max']" />
+            </ng-container>
+            <small class="form-text text-muted d-block" *ngIf="_fields.field.description">{{_fields.field.description}}</small>
+        </div>
+    </div>
+    <button type="submit" style="display: none;" #submitclick></button>
+</form>

package/src/lib/components/form/date-edit/date-edit-control.component.spec.ts

@@ -0,0 +1,21 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { DateEditControlComponent } from './date-edit-control.component';
+
+describe('DateEditControlComponent', () => {
+  let component: DateEditControlComponent;
+  let fixture: ComponentFixture<DateEditControlComponent>;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({
+      declarations: [DateEditControlComponent]
+    });
+    fixture = TestBed.createComponent(DateEditControlComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

package/src/lib/components/form/date-edit/date-edit-control.component.ts

@@ -0,0 +1,101 @@
+import { Component, ElementRef, Input, ViewChild, ChangeDetectorRef, inject } from '@angular/core';
+import { FormBuilder, FormGroup, Validators } from '@angular/forms';
+import { DateEditInterfaces } from '../../../enums/date-edit-interfaces';
+import { DatePipe } from '@angular/common';
+
+@Component({
+  selector: 'df-date-edit-control',
+  templateUrl: './date-edit-control.component.html',
+  styleUrls: ['./date-edit-control.component.scss'],
+})
+export class DateEditControlComponent {
+  constructor(private fb: FormBuilder, private cdr: ChangeDetectorRef) {}
+  private _dataPipe = inject(DatePipe);
+  _DateEditInterfaces = DateEditInterfaces;
+
+  /**字段配置列表 */
+  _fields: any = '';
+  @Input()
+  public set fields(v: any) {
+    this._fields = v;
+  }
+
+  /**父级字段名称，用于为表单设置控件赋值 */
+  _parentFiledName: any;
+  @Input()
+  public set parentFiledName(v: any) {
+    this._parentFiledName = v;
+  }
+  /**父级字段名称，用于为表单设置控件赋值 */
+  _selected: any;
+  @Input()
+  public set selected(v: any) {
+    this._selected = v;
+  }
+
+  /**表单实体 */
+  _entity: FormGroup | undefined;
+  @Input()
+  public set entity(v: any) {
+    this._entity = v;
+    this.dataLoaded();
+  }
+
+  public get entity(): any {
+    return this._entity;
+  }
+  @ViewChild('submitclick', { static: true }) submitclick: ElementRef;
+
+  get extraProperties() {
+    return this._entity.get('extraProperties') as FormGroup;
+  }
+  get fieldInput() {
+    return this.extraProperties.get(this._fields.field.name);
+  }
+  /**数据加载完成 */
+  async dataLoaded() {
+    if (this._fields && this._entity) {
+      await this.AfterInit();
+
+      this.cdr.detectChanges();
+      this.submitclick.nativeElement.click();
+    }
+  }
+
+  AfterInit() {
+    return new Promise((resolve, rejects) => {
+      let ValidatorsArray = [];
+      let formConfiguration = this._fields.field.formConfiguration;
+      if (this._fields.required) {
+        ValidatorsArray.push(Validators.required);
+      }
+      if (formConfiguration['DateEdit.Min']) {
+        ValidatorsArray.push(Validators.min(formConfiguration['DateEdit.Min']));
+      }
+      if (formConfiguration['DateEdit.Max']) {
+        ValidatorsArray.push(Validators.max(formConfiguration['DateEdit.Max']));
+      }
+      let controlName = this._selected;
+      if (this._fields.field.formConfiguration['DateEdit.InputMode'] === DateEditInterfaces.Date) {
+        controlName = this._dataPipe.transform(this._selected, 'yyyy-MM-dd');
+      }
+      if (
+        this._fields.field.formConfiguration['DateEdit.InputMode'] === DateEditInterfaces.DateTime
+      ) {
+        controlName = this._dataPipe.transform(this._selected, 'yyyy-MM-dd HH:mm:ss');
+      }
+      if (this._fields.field.formConfiguration['DateEdit.InputMode'] === DateEditInterfaces.Month) {
+        controlName = this._dataPipe.transform(this._selected, 'yyyy-MM');
+      }
+      let newControl = this.fb.control(controlName, ValidatorsArray);
+      this.extraProperties.setControl(this._fields.field.name, newControl);
+
+      resolve(true);
+    });
+  }
+  ngOnDestroy(): void {
+    //Called once, before the instance is destroyed.
+    //Add 'implements OnDestroy' to the class.
+    this.extraProperties.removeControl(this._fields.field.name);
+  }
+}

package/src/lib/components/form/date-edit/index.ts

@@ -0,0 +1,2 @@
+export * from './date-edit-config.component'
+export * from './date-edit-control.component'

package/src/lib/components/form/form-control-group.ts

@@ -0,0 +1,64 @@
+import { FieldControlGroupInterfaces } from '../../interfaces';
+// import { CkEditorConfigComponent, CkEditorControlComponent } from "./ck-editor";
+import { DateEditConfigComponent } from './date-edit/date-edit-config.component';
+import { DateEditControlComponent } from './date-edit/date-edit-control.component';
+import { NumbericEditConfigComponent } from './numeric-edit/numberic-edit-config.component';
+import { NumbericEditControlComponent } from './numeric-edit/numberic-edit-control.component';
+import { SelectConfigComponent, SelectControlComponent } from './select';
+import { SwitchConfigComponent, SwitchControlComponent } from './switch';
+import { TextEditComponent, TextEditConfigComponent } from './text-edit';
+
+/**
+ * 表单控件分组-包含配置，控件，显示的数组
+ */
+export const FieldControlGroup: FieldControlGroupInterfaces[] = [
+  {
+    displayName: '文本框',
+    name: 'TextEdit',
+    fieldConfigComponent: TextEditConfigComponent,
+    fieldComponent: TextEditComponent,
+    // fieldViewComponent:TextBoxViewComponent,
+  },
+  {
+    displayName: '开关',
+    name: 'Switch',
+    fieldConfigComponent: SwitchConfigComponent,
+    fieldComponent: SwitchControlComponent,
+    // fieldViewComponent:TextBoxViewComponent,
+  },
+  {
+    displayName: '选择',
+    name: 'Select',
+    fieldConfigComponent: SelectConfigComponent,
+    fieldComponent: SelectControlComponent,
+    // fieldViewComponent:TextBoxViewComponent,
+  },
+  {
+    displayName: '数字',
+    name: 'NumericEdit',
+    fieldConfigComponent: NumbericEditConfigComponent,
+    fieldComponent: NumbericEditControlComponent,
+    // fieldViewComponent:TextBoxViewComponent,
+  },
+  {
+    displayName: '日期',
+    name: 'DateEdit',
+    fieldConfigComponent: DateEditConfigComponent,
+    fieldComponent: DateEditControlComponent,
+    // fieldViewComponent:TextBoxViewComponent,
+  },
+];
+
+
+export function AddFieldControlGroup(array = []) {
+
+  for (const element of array) {
+    let find = FieldControlGroup.find((control) => {
+      return control.name === element.name;
+    });
+    if(!find){
+      FieldControlGroup.push(element);
+    }
+  }
+  return FieldControlGroup;
+}

package/src/lib/components/form/index.ts

@@ -0,0 +1,6 @@
+export * from './text-edit'
+export * from './switch'
+export * from './numeric-edit'
+export * from './date-edit'
+export * from './form-control-group'
+export * from './select'

package/src/lib/components/form/numeric-edit/index.ts

@@ -0,0 +1,2 @@
+export * from './numberic-edit-config.component'
+export * from './numberic-edit-control.component'

package/src/lib/components/form/numeric-edit/numberic-edit-config.component.html

@@ -0,0 +1,31 @@
+<form [formGroup]="_Entity">
+    <div formGroupName="formConfiguration">
+        <div class="mb-3">
+            <label class="form-label">{{'DigniteAbpForms::Placeholder' | abpLocalization}}</label>
+            <input type="text" class="form-control" formControlName="NumericEditField.Placeholder">
+        </div>
+        <div class="mb-3">
+            <label class="form-label">{{'DigniteAbpForms::Min' | abpLocalization}}</label>
+            <input type="text" class="form-control" formControlName="NumericEditField.Min">
+        </div>
+        <div class="mb-3">
+            <label class="form-label">{{'DigniteAbpForms::Max' | abpLocalization}}</label>
+            <input type="text" class="form-control" formControlName="NumericEditField.Max">
+        </div>
+        <div class="mb-3">
+            <label class="form-label">{{'DigniteAbpForms::NumericDecimals' | abpLocalization}}</label>
+            <input type="text" class="form-control" formControlName="NumericEditField.Decimals">
+        </div>
+        <div class="mb-3">
+            <label class="form-label">{{'DigniteAbpForms::NumericStep' | abpLocalization}}</label>
+            <input type="text" class="form-control" formControlName="NumericEditField.Step">
+            <small class="form-text text-muted d-block">{{'DigniteAbpForms::NumericStepHelp'|abpLocalization}}</small>
+        </div>
+        <div class="mb-3">
+            <label class="form-label">{{'DigniteAbpForms::FormatSpecifier' | abpLocalization}}</label>
+            <input type="text" class="form-control" formControlName="FormatSpecifier">
+            <small class="form-text text-muted d-block">See:<a href="https://docs.microsoft.com/zh-cn/dotnet/standard/base-types/standard-numeric-format-strings"  target="_blank">https://docs.microsoft.com/zh-cn/dotnet/standard/base-types/standard-numeric-format-strings</a></small>
+        </div>
+        <button type="submit" (abpInit)="submitclick?.nativeElement?.click()" style="display: none;" #submitclick></button>
+    </div>
+</form>

package/src/lib/components/form/numeric-edit/numberic-edit-config.component.spec.ts

@@ -0,0 +1,21 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { NumbericEditConfigComponent } from './numberic-edit-config.component';
+
+describe('NumbericEditConfigComponent', () => {
+  let component: NumbericEditConfigComponent;
+  let fixture: ComponentFixture<NumbericEditConfigComponent>;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({
+      declarations: [NumbericEditConfigComponent]
+    });
+    fixture = TestBed.createComponent(NumbericEditConfigComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});