@dignite-ng/expand.dynamic-form 3.0.0-rc.23 → 3.0.0-rc.25

package/fesm2022/dignite-ng-expand.dynamic-form.mjs

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
 import { inject, ChangeDetectorRef, ViewChild, Input, Component, ChangeDetectionStrategy, Injectable, ViewContainerRef, Inject, NgModule } from '@angular/core';
 import * as i1 from '@angular/forms';
-import { Validators, FormArray, FormGroup, FormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { Validators, FormGroup, FormControl, FormArray, FormsModule, ReactiveFormsModule } from '@angular/forms';
 import * as i2 from '@abp/ng.core';
 import { CoreModule } from '@abp/ng.core';
 import { ThemeSharedModule } from '@abp/ng.theme.shared';
@@ -613,6 +613,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImpor
                 args: ['submitclick', { static: false }]
             }] } });
 
+/* eslint-disable @angular-eslint/component-selector */
+/* eslint-disable @typescript-eslint/adjacent-overload-signatures */
 function maxDecimalPlacesValidator(maxDecimalPlaces) {
     return (control) => {
         const value = control.value;
@@ -663,8 +665,8 @@ class NumbericEditControlComponent {
     }
     AfterInit() {
         return new Promise((resolve, rejects) => {
-            let ValidatorsArray = [];
-            let formConfiguration = this._fields.field.formConfiguration;
+            const ValidatorsArray = [];
+            const formConfiguration = this._fields.field.formConfiguration;
             if (this._fields.required) {
                 ValidatorsArray.push(Validators.required);
             }
@@ -674,7 +676,7 @@ class NumbericEditControlComponent {
             if (formConfiguration['NumericEditField.Max']) {
                 ValidatorsArray.push(Validators.max(formConfiguration['NumericEditField.Max']));
             }
-            let newControl = this.fb.control(this._selected, ValidatorsArray);
+            const newControl = this.fb.control(this._selected, ValidatorsArray);
             this.extraProperties.setControl(this._fields.field.name, newControl);
             resolve(true);
         });
@@ -686,10 +688,10 @@ class NumbericEditControlComponent {
     }
     /**数字框输入 */
     inputchange(event) {
-        let val = event.target.value;
+        const val = event.target.value;
         const decimalPart = val.toString().split('.')[1] || '';
-        let formConfiguration = this._fields.field.formConfiguration;
-        let Decimals = formConfiguration['NumericEditField.Decimals'];
+        const formConfiguration = this._fields.field.formConfiguration;
+        const Decimals = formConfiguration['NumericEditField.Decimals'];
         if (decimalPart.length > Decimals) {
             this.fieldInput?.patchValue(val.slice(0, val.length - (decimalPart.length - 2)));
         }
@@ -949,6 +951,107 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImpor
                 type: Input
             }] } });
 
+/* eslint-disable @angular-eslint/component-selector */
+class NumericEditSearchComponent {
+    constructor(fb) {
+        this.fb = fb;
+        /**字段配置列表 */
+        this._fields = '';
+        this.cdr = inject(ChangeDetectorRef);
+        /**定义number表单用于获取最小值最大值 */
+        this.numberForm = new FormGroup({
+            min: new FormControl(''),
+            max: new FormControl(''),
+        });
+        this.formConfiguration = '';
+    }
+    set fields(v) {
+        this._fields = v;
+    }
+    set parentFiledName(v) {
+        this._parentFiledName = v;
+    }
+    set selected(v) {
+        this._selected = v;
+    }
+    set entity(v) {
+        this._entity = v;
+        this.dataLoaded();
+    }
+    get extraProperties() {
+        return this._entity?.get('extraProperties');
+    }
+    /**数据加载完成 */
+    async dataLoaded() {
+        if (this._fields && this._entity) {
+            await this.AfterInit();
+            this.cdr.detectChanges(); // 手动触发变更检测
+            this.submitclick?.nativeElement?.click();
+        }
+    }
+    /**定义动态字符 */
+    get numberInput() {
+        return this.extraProperties.get(this._fields.field.name);
+    }
+    get minInput() {
+        return this.numberForm.get('min');
+    }
+    get maxInput() {
+        return this.numberForm.get('max');
+    }
+    AfterInit() {
+        return new Promise(resolve => {
+            const ValidatorsArray = [];
+            this.formConfiguration = this._fields.field.formConfiguration;
+            const newControl = this.fb.control(this._selected, ValidatorsArray);
+            this.extraProperties.setControl(this._fields.field.name, newControl);
+            this.numberForm.valueChanges.subscribe(res => {
+                if (res.min < Number(this.formConfiguration['NumericEditField.Min'])) {
+                    this.minInput.patchValue(this.formConfiguration['NumericEditField.Min']);
+                }
+                if (res.min > Number(this.formConfiguration['NumericEditField.Max'])) {
+                    this.minInput.patchValue(this.formConfiguration['NumericEditField.Max']);
+                }
+                if ((res.min > res.max) && res.max) {
+                    this.minInput.patchValue(res.max);
+                }
+                if (res.max > Number(this.formConfiguration['NumericEditField.Max'])) {
+                    this.maxInput.patchValue(this.formConfiguration['NumericEditField.Max']);
+                }
+                if (this.numberForm.valid && res.min && res.max) {
+                    this.numberInput.patchValue(`${res.min}-${res.max}`);
+                }
+                else {
+                    this.numberInput.patchValue('');
+                }
+            });
+            resolve(true);
+        });
+    }
+    ngOnDestroy() {
+        //Called once, before the instance is destroyed.
+        //Add 'implements OnDestroy' to the class.
+        this.extraProperties.removeControl(this._fields.field.name);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: NumericEditSearchComponent, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: NumericEditSearchComponent, selector: "df-numeric-edit-search", inputs: { fields: "fields", parentFiledName: "parentFiledName", selected: "selected", entity: "entity" }, viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<form [formGroup]=\"numberForm\">\r\n    <div class=\"selectcontrol\">\r\n        <div class=\"mb-3\">\r\n            <label class=\"form-label\" *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\r\n            <div class=\"input-group\" >\r\n                <input class=\"form-control\" type=\"number\" formControlName=\"min\">\r\n                <span class=\"input-group-text px-1\">-</span>\r\n                <input class=\"form-control\" type=\"number\"  formControlName=\"max\">\r\n            </div>\r\n        </div>\r\n\r\n    </div>\r\n    <button type=\"submit\" style=\"display: none;\" #submitclick></button>\r\n</form>", styles: [""], dependencies: [{ kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i3.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i3.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: NumericEditSearchComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'df-numeric-edit-search', template: "<form [formGroup]=\"numberForm\">\r\n    <div class=\"selectcontrol\">\r\n        <div class=\"mb-3\">\r\n            <label class=\"form-label\" *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\r\n            <div class=\"input-group\" >\r\n                <input class=\"form-control\" type=\"number\" formControlName=\"min\">\r\n                <span class=\"input-group-text px-1\">-</span>\r\n                <input class=\"form-control\" type=\"number\"  formControlName=\"max\">\r\n            </div>\r\n        </div>\r\n\r\n    </div>\r\n    <button type=\"submit\" style=\"display: none;\" #submitclick></button>\r\n</form>" }]
+        }], ctorParameters: () => [{ type: i1.FormBuilder }], propDecorators: { fields: [{
+                type: Input
+            }], parentFiledName: [{
+                type: Input
+            }], selected: [{
+                type: Input
+            }], entity: [{
+                type: Input
+            }], submitclick: [{
+                type: ViewChild,
+                args: ['submitclick', { static: true }]
+            }] } });
+
 class NumericEditViewComponent {
     constructor() {
         /**展示则内容 */
@@ -1257,6 +1360,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImpor
                 args: ['submitclick', { static: true }]
             }] } });
 
+/* eslint-disable @angular-eslint/component-selector */
 class SelectSearchComponent {
     constructor(fb) {
         this.fb = fb;
@@ -1291,10 +1395,10 @@ class SelectSearchComponent {
     }
     AfterInit() {
         return new Promise((resolve, rejects) => {
-            let ValidatorsArray = [];
+            const ValidatorsArray = [];
             this.formConfiguration = this._fields.field.formConfiguration;
             const isMultiple = this.formConfiguration['Select.Multiple'];
-            let selectValue = isMultiple ? [] : [];
+            const selectValue = isMultiple ? [] : [];
             for (const element of this.formConfiguration['Select.Options']) {
                 for (const key in element) {
                     const item = element[key];
@@ -1308,13 +1412,13 @@ class SelectSearchComponent {
                 // }
             }
             this._selected = selectValue;
-            let newControl = this.fb.control(this._selected, ValidatorsArray);
+            const newControl = this.fb.control(this._selected, ValidatorsArray);
             this.extraProperties.setControl(this._fields.field.name, newControl);
             resolve(true);
         });
     }
     changeValue(event) {
-        let selectvalue = this.extraProperties.get(this._fields.field.name).value;
+        const selectvalue = this.extraProperties.get(this._fields.field.name).value;
         if (selectvalue[0] === '') {
             this.extraProperties.get(this._fields.field.name).setValue([]);
         }
@@ -1325,11 +1429,11 @@ class SelectSearchComponent {
         this.extraProperties.removeControl(this._fields.field.name);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: SelectSearchComponent, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: SelectSearchComponent, selector: "df-select-search", inputs: { fields: "fields", parentFiledName: "parentFiledName", selected: "selected", entity: "entity" }, viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<form [formGroup]=\"_entity\">\r\n    <div formGroupName=\"extraProperties\" class=\"selectcontrol\">\r\n        <div class=\"mb-3\">\r\n            <label class=\"form-label\" *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\r\n            <ng-container *ngIf=\"formConfiguration['Select.Multiple']; else elseTemplate\">\r\n                <nz-select class=\"form-select dignite-form-select\" [nzMaxTagCount]=\"1\"\r\n                    nzShowSearch nzMode=\"multiple\" [nzPlaceHolder]=\"_fields.field.formConfiguration['Select.NullText']\"\r\n                    formControlName=\"{{_fields.field.name}}\" [nzDropdownMatchSelectWidth]=\"true\" [nzDropdownClassName]=\"'dignite-form-select-dropdown'\">\r\n                    <nz-option *ngFor=\"let item of _fields?.field?.formConfiguration['Select.Options']\"\r\n                        [nzLabel]=\"item.Text\" [nzValue]=\"item.Value\"></nz-option>\r\n                </nz-select>\r\n            </ng-container>\r\n            <ng-template #elseTemplate>\r\n                <select class=\"form-select\" [multiple]=\"false\"  [placeholder]=\"formConfiguration['Select.NullText']\"   formControlName=\"{{_fields.field.name}}\" (change)=\"changeValue($event)\">\r\n                    <option [value]=\"''\">{{formConfiguration['Select.NullText']}}</option>\r\n                    <ng-container *ngFor=\"let item of _fields?.field?.formConfiguration['Select.Options'];let i =index\">\r\n                        <option [value]=\"item.Value\">{{item.Text}}</option>\r\n                    </ng-container>\r\n                </select>\r\n            </ng-template>\r\n            <small class=\"form-text text-muted d-block\"\r\n                *ngIf=\"_fields.field.description\">{{_fields.field.description}}</small>\r\n        </div>\r\n\r\n    </div>\r\n    <button type=\"submit\" style=\"display: none;\" #submitclick></button>\r\n</form>", styles: [""], dependencies: [{ kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.SelectMultipleControlValueAccessor, selector: "select[multiple][formControlName],select[multiple][formControl],select[multiple][ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i3.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i3.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "component", type: i4.NzOptionComponent, selector: "nz-option", inputs: ["nzTitle", "nzLabel", "nzValue", "nzKey", "nzDisabled", "nzHide", "nzCustomContent"], exportAs: ["nzOption"] }, { kind: "component", type: i4.NzSelectComponent, selector: "nz-select", inputs: ["nzId", "nzSize", "nzStatus", "nzOptionHeightPx", "nzOptionOverflowSize", "nzDropdownClassName", "nzDropdownMatchSelectWidth", "nzDropdownStyle", "nzNotFoundContent", "nzPlaceHolder", "nzPlacement", "nzMaxTagCount", "nzDropdownRender", "nzCustomTemplate", "nzSuffixIcon", "nzClearIcon", "nzRemoveIcon", "nzMenuItemSelectedIcon", "nzTokenSeparators", "nzMaxTagPlaceholder", "nzMaxMultipleCount", "nzMode", "nzFilterOption", "compareWith", "nzAllowClear", "nzBorderless", "nzShowSearch", "nzLoading", "nzAutoFocus", "nzAutoClearSearchValue", "nzServerSearch", "nzDisabled", "nzOpen", "nzSelectOnTab", "nzBackdrop", "nzOptions", "nzShowArrow"], outputs: ["nzOnSearch", "nzScrollToBottom", "nzOpenChange", "nzBlur", "nzFocus"], exportAs: ["nzSelect"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: SelectSearchComponent, selector: "df-select-search", inputs: { fields: "fields", parentFiledName: "parentFiledName", selected: "selected", entity: "entity" }, viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<form [formGroup]=\"_entity\">\r\n    <div formGroupName=\"extraProperties\" class=\"selectcontrol\">\r\n        <div class=\"mb-3\">\r\n            <label class=\"form-label\" *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\r\n            <ng-container *ngIf=\"formConfiguration['Select.Multiple']; else elseTemplate\">\r\n                <nz-select class=\"form-select dignite-form-select\" [nzMaxTagCount]=\"1\"\r\n                    nzShowSearch nzMode=\"multiple\" [nzPlaceHolder]=\"_fields.field.formConfiguration['Select.NullText']\"\r\n                    formControlName=\"{{_fields.field.name}}\" [nzDropdownMatchSelectWidth]=\"true\" [nzDropdownClassName]=\"'dignite-form-select-dropdown'\">\r\n                    <nz-option *ngFor=\"let item of _fields?.field?.formConfiguration['Select.Options']\"\r\n                        [nzLabel]=\"item.Text\" [nzValue]=\"item.Value\"></nz-option>\r\n                </nz-select>\r\n            </ng-container>\r\n            <ng-template #elseTemplate>\r\n                <select class=\"form-select\" [multiple]=\"false\"  [placeholder]=\"formConfiguration['Select.NullText']\"   formControlName=\"{{_fields.field.name}}\" (change)=\"changeValue($event)\">\r\n                    <option [value]=\"''\">{{formConfiguration['Select.NullText']}}</option>\r\n                    <ng-container *ngFor=\"let item of _fields?.field?.formConfiguration['Select.Options'];let i =index\">\r\n                        <option [value]=\"item.Value\">{{item.Text}}</option>\r\n                    </ng-container>\r\n                </select>\r\n            </ng-template>\r\n            <!-- <small class=\"form-text text-muted d-block\"\r\n                *ngIf=\"_fields.field.description\">{{_fields.field.description}}</small> -->\r\n        </div>\r\n\r\n    </div>\r\n    <button type=\"submit\" style=\"display: none;\" #submitclick></button>\r\n</form>", styles: [""], dependencies: [{ kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.SelectMultipleControlValueAccessor, selector: "select[multiple][formControlName],select[multiple][formControl],select[multiple][ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i3.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i3.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "component", type: i4.NzOptionComponent, selector: "nz-option", inputs: ["nzTitle", "nzLabel", "nzValue", "nzKey", "nzDisabled", "nzHide", "nzCustomContent"], exportAs: ["nzOption"] }, { kind: "component", type: i4.NzSelectComponent, selector: "nz-select", inputs: ["nzId", "nzSize", "nzStatus", "nzOptionHeightPx", "nzOptionOverflowSize", "nzDropdownClassName", "nzDropdownMatchSelectWidth", "nzDropdownStyle", "nzNotFoundContent", "nzPlaceHolder", "nzPlacement", "nzMaxTagCount", "nzDropdownRender", "nzCustomTemplate", "nzSuffixIcon", "nzClearIcon", "nzRemoveIcon", "nzMenuItemSelectedIcon", "nzTokenSeparators", "nzMaxTagPlaceholder", "nzMaxMultipleCount", "nzMode", "nzFilterOption", "compareWith", "nzAllowClear", "nzBorderless", "nzShowSearch", "nzLoading", "nzAutoFocus", "nzAutoClearSearchValue", "nzServerSearch", "nzDisabled", "nzOpen", "nzSelectOnTab", "nzBackdrop", "nzOptions", "nzShowArrow"], outputs: ["nzOnSearch", "nzScrollToBottom", "nzOpenChange", "nzBlur", "nzFocus"], exportAs: ["nzSelect"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: SelectSearchComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'df-select-search', template: "<form [formGroup]=\"_entity\">\r\n    <div formGroupName=\"extraProperties\" class=\"selectcontrol\">\r\n        <div class=\"mb-3\">\r\n            <label class=\"form-label\" *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\r\n            <ng-container *ngIf=\"formConfiguration['Select.Multiple']; else elseTemplate\">\r\n                <nz-select class=\"form-select dignite-form-select\" [nzMaxTagCount]=\"1\"\r\n                    nzShowSearch nzMode=\"multiple\" [nzPlaceHolder]=\"_fields.field.formConfiguration['Select.NullText']\"\r\n                    formControlName=\"{{_fields.field.name}}\" [nzDropdownMatchSelectWidth]=\"true\" [nzDropdownClassName]=\"'dignite-form-select-dropdown'\">\r\n                    <nz-option *ngFor=\"let item of _fields?.field?.formConfiguration['Select.Options']\"\r\n                        [nzLabel]=\"item.Text\" [nzValue]=\"item.Value\"></nz-option>\r\n                </nz-select>\r\n            </ng-container>\r\n            <ng-template #elseTemplate>\r\n                <select class=\"form-select\" [multiple]=\"false\"  [placeholder]=\"formConfiguration['Select.NullText']\"   formControlName=\"{{_fields.field.name}}\" (change)=\"changeValue($event)\">\r\n                    <option [value]=\"''\">{{formConfiguration['Select.NullText']}}</option>\r\n                    <ng-container *ngFor=\"let item of _fields?.field?.formConfiguration['Select.Options'];let i =index\">\r\n                        <option [value]=\"item.Value\">{{item.Text}}</option>\r\n                    </ng-container>\r\n                </select>\r\n            </ng-template>\r\n            <small class=\"form-text text-muted d-block\"\r\n                *ngIf=\"_fields.field.description\">{{_fields.field.description}}</small>\r\n        </div>\r\n\r\n    </div>\r\n    <button type=\"submit\" style=\"display: none;\" #submitclick></button>\r\n</form>" }]
+            args: [{ selector: 'df-select-search', template: "<form [formGroup]=\"_entity\">\r\n    <div formGroupName=\"extraProperties\" class=\"selectcontrol\">\r\n        <div class=\"mb-3\">\r\n            <label class=\"form-label\" *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\r\n            <ng-container *ngIf=\"formConfiguration['Select.Multiple']; else elseTemplate\">\r\n                <nz-select class=\"form-select dignite-form-select\" [nzMaxTagCount]=\"1\"\r\n                    nzShowSearch nzMode=\"multiple\" [nzPlaceHolder]=\"_fields.field.formConfiguration['Select.NullText']\"\r\n                    formControlName=\"{{_fields.field.name}}\" [nzDropdownMatchSelectWidth]=\"true\" [nzDropdownClassName]=\"'dignite-form-select-dropdown'\">\r\n                    <nz-option *ngFor=\"let item of _fields?.field?.formConfiguration['Select.Options']\"\r\n                        [nzLabel]=\"item.Text\" [nzValue]=\"item.Value\"></nz-option>\r\n                </nz-select>\r\n            </ng-container>\r\n            <ng-template #elseTemplate>\r\n                <select class=\"form-select\" [multiple]=\"false\"  [placeholder]=\"formConfiguration['Select.NullText']\"   formControlName=\"{{_fields.field.name}}\" (change)=\"changeValue($event)\">\r\n                    <option [value]=\"''\">{{formConfiguration['Select.NullText']}}</option>\r\n                    <ng-container *ngFor=\"let item of _fields?.field?.formConfiguration['Select.Options'];let i =index\">\r\n                        <option [value]=\"item.Value\">{{item.Text}}</option>\r\n                    </ng-container>\r\n                </select>\r\n            </ng-template>\r\n            <!-- <small class=\"form-text text-muted d-block\"\r\n                *ngIf=\"_fields.field.description\">{{_fields.field.description}}</small> -->\r\n        </div>\r\n\r\n    </div>\r\n    <button type=\"submit\" style=\"display: none;\" #submitclick></button>\r\n</form>" }]
         }], ctorParameters: () => [{ type: i1.FormBuilder }], propDecorators: { fields: [{
                 type: Input
             }], parentFiledName: [{
@@ -1419,6 +1523,7 @@ const FieldControlGroup = [
         fieldConfigComponent: NumbericEditConfigComponent,
         fieldComponent: NumbericEditControlComponent,
         fieldViewComponent: NumericEditViewComponent,
+        fieldSearchComponent: NumericEditSearchComponent,
     },
     {
         displayName: '日期',
@@ -1430,7 +1535,7 @@ const FieldControlGroup = [
 ];
 function AddFieldControlGroup(array = []) {
     for (const element of array) {
-        let find = FieldControlGroup.find((control) => {
+        const find = FieldControlGroup.find((control) => {
             return control.name === element.name;
         });
         if (!find) {
@@ -1739,7 +1844,8 @@ class DynamicFormModule {
             DynamicSearchComponent,
             SelectSearchComponent,
             TextEditSearchComponent,
-            SwitchSearchComponent], imports: [FormsModule,
+            SwitchSearchComponent,
+            NumericEditSearchComponent], imports: [FormsModule,
             CoreModule,
             ThemeSharedModule,
             ReactiveFormsModule,
@@ -1798,6 +1904,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImpor
                         SelectSearchComponent,
                         TextEditSearchComponent,
                         SwitchSearchComponent,
+                        NumericEditSearchComponent,
                     ],
                     imports: [
                         FormsModule,