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

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

@@ -1,15 +1,20 @@
 import * as i0 from '@angular/core';
-import { inject, ChangeDetectorRef, Component, Input, ViewChild, ChangeDetectionStrategy, Injectable, ViewContainerRef, Inject, NgModule } 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';
-import { NgbDropdownModule } from '@ng-bootstrap/ng-bootstrap';
+import { NgbDropdownModule, NgbDatepickerModule } from '@ng-bootstrap/ng-bootstrap';
 import * as i3 from '@ngx-validate/core';
 import * as i2$1 from '@angular/common';
 import { DatePipe } from '@angular/common';
 import { pinyin } from 'pinyin-pro';
+import * as i6 from '@angular/cdk/drag-drop';
+import { moveItemInArray, DragDropModule } from '@angular/cdk/drag-drop';
+import * as i4 from 'ng-zorro-antd/select';
+import { NzSelectModule } from 'ng-zorro-antd/select';
+import { ExtensibleModule } from '@abp/ng.components/extensible';
 
 class TextEditConfig {
     constructor(data) {
@@ -37,11 +42,14 @@ var TextEditMode;
     TextEditMode[TextEditMode["MultipleLine"] = 1] = "MultipleLine";
 })(TextEditMode || (TextEditMode = {}));
 
+/* eslint-disable @angular-eslint/component-selector */
 class TextEditConfigComponent {
     constructor(fb) {
         this.fb = fb;
         this._TextEditMode = TextEditMode;
         this.cdr = inject(ChangeDetectorRef);
+        this.RadioIndex1 = Math.floor(Math.random() * 1001);
+        this.RadioIndex2 = Math.floor(Math.random() * 1001);
     }
     set type(v) {
         this._type = v;
@@ -62,7 +70,7 @@ class TextEditConfigComponent {
         if (this._Entity && this._type) {
             await this.AfterInit();
             this.cdr.detectChanges(); // 手动触发变更检测
-            this.submitclick?.nativeElement?.click();
+            // this.submitclick?.nativeElement?.click();
         }
     }
     AfterInit() {
@@ -77,11 +85,11 @@ class TextEditConfigComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: TextEditConfigComponent, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: TextEditConfigComponent, selector: "df-text-edit-config", inputs: { type: "type", Entity: "Entity", selected: "selected" }, viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<form [formGroup]=\"_Entity\">\n    <div formGroupName=\"formConfiguration\">\n        <div class=\"mb-3\">\n            <label class=\"form-label\">{{'DigniteAbpForms::Placeholder' | abpLocalization}}</label>\n            <input type=\"text\" class=\"form-control\" formControlName=\"TextEdit.Placeholder\">\n        </div>\n        <div class=\"mb-3\">\n            <label class=\"form-label\">{{'DigniteAbpForms::TextEditMode' | abpLocalization}}</label>\n            <div>\n                <div class=\"form-check form-check-inline\">\n                    <input class=\"form-check-input\" type=\"radio\" [value]=\"_TextEditMode.SingleLine\" formControlName=\"TextEdit.Mode\"\n                        id=\"flexRadioDefault1\">\n                    <label class=\"form-check-label\" for=\"flexRadioDefault1\">\n                        {{'DigniteAbpForms::SingleLine' | abpLocalization}}\n                    </label>\n                </div>\n                <div class=\"form-check form-check-inline\">\n                    <input class=\"form-check-input\" type=\"radio\" [value]=\"_TextEditMode.MultipleLine\" formControlName=\"TextEdit.Mode\"\n                        id=\"flexRadioDefault2\">\n                    <label class=\"form-check-label\" for=\"flexRadioDefault2\">\n                        {{'DigniteAbpForms::MultipleLine' | abpLocalization}}\n                    </label>\n                </div>\n            </div>\n        </div>\n        <div class=\"mb-3\">\n            <label class=\"form-label\">{{'DigniteAbpForms::CharLimit' | abpLocalization}}</label>\n            <input type=\"number\" class=\"form-control\" formControlName=\"TextEdit.CharLimit\">\n        </div>\n        <button type=\"submit\" (abpInit)=\"submitclick?.nativeElement?.click()\" style=\"display: none;\" #submitclick></button>\n    </div>\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.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { 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: 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: i2.InitDirective, selector: "[abpInit]", outputs: ["abpInit"] }, { kind: "directive", type: i3.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i3.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "pipe", type: i2.LocalizationPipe, name: "abpLocalization" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: TextEditConfigComponent, selector: "df-text-edit-config", inputs: { type: "type", Entity: "Entity", selected: "selected" }, viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<div [formGroup]=\"_Entity\">\n    <div formGroupName=\"formConfiguration\">\n        <div class=\"mb-3\">\n            <label class=\"form-label\">{{'AbpDynamicForm::Placeholder' | abpLocalization}}</label>\n            <input type=\"text\" class=\"form-control\" formControlName=\"TextEdit.Placeholder\">\n        </div>\n        <div class=\"mb-3\">\n            <label class=\"form-label\">{{'AbpDynamicForm::TextEditMode' | abpLocalization}}</label>\n            <div>\n                <div class=\"form-check form-check-inline\">\n                    <input class=\"form-check-input\" type=\"radio\" [value]=\"_TextEditMode.SingleLine\" formControlName=\"TextEdit.Mode\"\n                        id=\"flexRadioDefault{{RadioIndex1}}\">\n                    <label class=\"form-check-label\" for=\"flexRadioDefault{{RadioIndex1}}\">\n                        {{'AbpDynamicForm::SingleLine' | abpLocalization}}\n                    </label>\n                </div>\n                <div class=\"form-check form-check-inline\">\n                    <input class=\"form-check-input\" type=\"radio\" [value]=\"_TextEditMode.MultipleLine\" formControlName=\"TextEdit.Mode\"\n                        id=\"flexRadioDefault{{RadioIndex2}}\">\n                    <label class=\"form-check-label\" for=\"flexRadioDefault{{RadioIndex2}}\">\n                        {{'AbpDynamicForm::MultipleLine' | abpLocalization}}\n                    </label>\n                </div>\n            </div>\n        </div>\n        <div class=\"mb-3\">\n            <label class=\"form-label\">{{'AbpDynamicForm::CharLimit' | abpLocalization}}</label>\n            <input type=\"number\" class=\"form-control\" formControlName=\"TextEdit.CharLimit\">\n        </div>\n        <button type=\"submit\" (abpInit)=\"submitclick?.nativeElement?.click()\" style=\"display: none;\" #submitclick></button>\n    </div>\n</div>", styles: [""], dependencies: [{ 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.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { 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: 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: i2.InitDirective, selector: "[abpInit]", outputs: ["abpInit"] }, { kind: "directive", type: i3.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i3.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "pipe", type: i2.LocalizationPipe, name: "abpLocalization" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: TextEditConfigComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'df-text-edit-config', template: "<form [formGroup]=\"_Entity\">\n    <div formGroupName=\"formConfiguration\">\n        <div class=\"mb-3\">\n            <label class=\"form-label\">{{'DigniteAbpForms::Placeholder' | abpLocalization}}</label>\n            <input type=\"text\" class=\"form-control\" formControlName=\"TextEdit.Placeholder\">\n        </div>\n        <div class=\"mb-3\">\n            <label class=\"form-label\">{{'DigniteAbpForms::TextEditMode' | abpLocalization}}</label>\n            <div>\n                <div class=\"form-check form-check-inline\">\n                    <input class=\"form-check-input\" type=\"radio\" [value]=\"_TextEditMode.SingleLine\" formControlName=\"TextEdit.Mode\"\n                        id=\"flexRadioDefault1\">\n                    <label class=\"form-check-label\" for=\"flexRadioDefault1\">\n                        {{'DigniteAbpForms::SingleLine' | abpLocalization}}\n                    </label>\n                </div>\n                <div class=\"form-check form-check-inline\">\n                    <input class=\"form-check-input\" type=\"radio\" [value]=\"_TextEditMode.MultipleLine\" formControlName=\"TextEdit.Mode\"\n                        id=\"flexRadioDefault2\">\n                    <label class=\"form-check-label\" for=\"flexRadioDefault2\">\n                        {{'DigniteAbpForms::MultipleLine' | abpLocalization}}\n                    </label>\n                </div>\n            </div>\n        </div>\n        <div class=\"mb-3\">\n            <label class=\"form-label\">{{'DigniteAbpForms::CharLimit' | abpLocalization}}</label>\n            <input type=\"number\" class=\"form-control\" formControlName=\"TextEdit.CharLimit\">\n        </div>\n        <button type=\"submit\" (abpInit)=\"submitclick?.nativeElement?.click()\" style=\"display: none;\" #submitclick></button>\n    </div>\n</form>" }]
+            args: [{ selector: 'df-text-edit-config', template: "<div [formGroup]=\"_Entity\">\n    <div formGroupName=\"formConfiguration\">\n        <div class=\"mb-3\">\n            <label class=\"form-label\">{{'AbpDynamicForm::Placeholder' | abpLocalization}}</label>\n            <input type=\"text\" class=\"form-control\" formControlName=\"TextEdit.Placeholder\">\n        </div>\n        <div class=\"mb-3\">\n            <label class=\"form-label\">{{'AbpDynamicForm::TextEditMode' | abpLocalization}}</label>\n            <div>\n                <div class=\"form-check form-check-inline\">\n                    <input class=\"form-check-input\" type=\"radio\" [value]=\"_TextEditMode.SingleLine\" formControlName=\"TextEdit.Mode\"\n                        id=\"flexRadioDefault{{RadioIndex1}}\">\n                    <label class=\"form-check-label\" for=\"flexRadioDefault{{RadioIndex1}}\">\n                        {{'AbpDynamicForm::SingleLine' | abpLocalization}}\n                    </label>\n                </div>\n                <div class=\"form-check form-check-inline\">\n                    <input class=\"form-check-input\" type=\"radio\" [value]=\"_TextEditMode.MultipleLine\" formControlName=\"TextEdit.Mode\"\n                        id=\"flexRadioDefault{{RadioIndex2}}\">\n                    <label class=\"form-check-label\" for=\"flexRadioDefault{{RadioIndex2}}\">\n                        {{'AbpDynamicForm::MultipleLine' | abpLocalization}}\n                    </label>\n                </div>\n            </div>\n        </div>\n        <div class=\"mb-3\">\n            <label class=\"form-label\">{{'AbpDynamicForm::CharLimit' | abpLocalization}}</label>\n            <input type=\"number\" class=\"form-control\" formControlName=\"TextEdit.CharLimit\">\n        </div>\n        <button type=\"submit\" (abpInit)=\"submitclick?.nativeElement?.click()\" style=\"display: none;\" #submitclick></button>\n    </div>\n</div>" }]
         }], ctorParameters: () => [{ type: i1.FormBuilder }], propDecorators: { type: [{
                 type: Input
             }], Entity: [{
@@ -93,6 +101,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImpor
                 args: ['submitclick', { static: true }]
             }] } });
 
+/* eslint-disable @angular-eslint/component-selector */
 /* eslint-disable @angular-eslint/no-empty-lifecycle-method */
 /* eslint-disable @angular-eslint/use-lifecycle-interface */
 class TextEditComponent {
@@ -134,7 +143,7 @@ class TextEditComponent {
     }
     AfterInit() {
         return new Promise((resolve, rejects) => {
-            let ValidatorsArray = [];
+            const ValidatorsArray = [];
             if (this._fields.required) {
                 ValidatorsArray.push(Validators.required);
             }
@@ -145,15 +154,15 @@ class TextEditComponent {
             if (this._fields.field.formConfiguration['TextEdit.CharLimit']) {
                 ValidatorsArray.push(Validators.maxLength(this._fields.field.formConfiguration['TextEdit.CharLimit']));
             }
-            let newControl = this.fb.control(this._selected, ValidatorsArray);
-            this.extraProperties.setControl(this._fields.field.name, newControl);
+            const newControl = this.fb.control(this._selected, ValidatorsArray);
+            this.extraProperties?.setControl(this._fields.field.name, newControl);
             resolve(true);
         });
     }
     ngOnDestroy() {
         //Called once, before the instance is destroyed.
         //Add 'implements OnDestroy' to the class.
-        this.extraProperties.removeControl(this._fields.field.name);
+        this.extraProperties?.removeControl(this._fields.field.name);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: TextEditComponent, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: TextEditComponent, selector: "df-text-edit", inputs: { entity: "entity", fields: "fields", parentFiledName: "parentFiledName", selected: "selected" }, viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<form [formGroup]=\"_entity\">\n    <div [formGroupName]=\"_parentFiledName\">\n        <div class=\"mb-3\">\n            <label class=\"form-label\" *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\n            <ng-container *ngIf=\"_fields.field.formConfiguration['TextEdit.Mode'] ===_TextEditMode.SingleLine\">\n                <input type=\"text\" class=\"form-control\" formControlName=\"{{_fields.field.name}}\"\n                    [placeholder]=\"_fields.field.formConfiguration['TextEdit.Placeholder']\" />\n            </ng-container>\n            <ng-container *ngIf=\"_fields.field.formConfiguration['TextEdit.Mode'] === _TextEditMode.MultipleLine\">\n                <textarea class=\"form-control\" formControlName=\"{{_fields.field.name}}\"\n                    [placeholder]=\"_fields.field.formConfiguration['TextEdit.Placeholder']\" rows=\"3\"></textarea>\n            </ng-container>\n            <small class=\"form-text text-muted d-block\" *ngIf=\"_fields.field.description\">{{_fields.field.description}}</small>\n        </div>\n    </div>\n    <button type=\"submit\" style=\"display: none;\" #submitclick></button>\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.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: 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"] }] }); }
@@ -174,6 +183,115 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImpor
                 args: ['submitclick', { static: true }]
             }] } });
 
+class TextEditViewComponent {
+    constructor() {
+        /**展示则内容 */
+        this.showValue = '';
+        /**是否显示再列表 */
+        this.showInList = false;
+        /**表单控件Value */
+        this._value = '';
+    }
+    set value(v) {
+        this._value = v;
+    }
+    async ngAfterContentInit() {
+        //Called after ngOnInit when the component's or directive's content has been initialized.
+        //Add 'implements AfterContentInit' to the class.
+        let valueOptions = this._value;
+        if (this.type && valueOptions) {
+            this.showValue = valueOptions;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: TextEditViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.5", type: TextEditViewComponent, selector: "df-text-edit-view", inputs: { showInList: "showInList", fields: "fields", type: "type", value: "value" }, ngImport: i0, template: "@if(showInList){\r\n{{showValue}}\r\n} @else{\r\n<div class=\"mb-3\">\r\n    <label class=\"form-label\" *ngIf=\"fields.displayName\">{{ fields.displayName }}</label>\r\n    <div>\r\n        {{showValue}}\r\n    </div>\r\n</div>\r\n}", styles: [""], dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: TextEditViewComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'df-text-edit-view', template: "@if(showInList){\r\n{{showValue}}\r\n} @else{\r\n<div class=\"mb-3\">\r\n    <label class=\"form-label\" *ngIf=\"fields.displayName\">{{ fields.displayName }}</label>\r\n    <div>\r\n        {{showValue}}\r\n    </div>\r\n</div>\r\n}" }]
+        }], propDecorators: { showInList: [{
+                type: Input
+            }], fields: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }] } });
+
+class TextEditSearchComponent {
+    constructor(fb) {
+        this.fb = fb;
+        this._TextEditMode = TextEditMode;
+        /**字段配置列表 */
+        this._fields = '';
+        this.cdr = inject(ChangeDetectorRef);
+        this.isObjEmpty = (obj) => Object.keys(obj).length === 0;
+    }
+    set entity(v) {
+        this._entity = v;
+        if (v)
+            this.dataLoaded();
+    }
+    set fields(v) {
+        this._fields = v;
+        if (v)
+            this.dataLoaded();
+    }
+    set parentFiledName(v) {
+        this._parentFiledName = v;
+        if (v)
+            this.dataLoaded();
+    }
+    set selected(v) {
+        this._selected = v || '';
+        if (v)
+            this.dataLoaded();
+    }
+    async dataLoaded() {
+        if (this._fields && this._entity && this._parentFiledName) {
+            this.extraProperties = this._entity.get(this._parentFiledName);
+            await this.AfterInit();
+            this.cdr.detectChanges(); // 手动触发变更检测
+            this.submitclick?.nativeElement?.click();
+        }
+    }
+    AfterInit() {
+        return new Promise((resolve, rejects) => {
+            let ValidatorsArray = [];
+            this._fields.field.formConfiguration = {
+                ...this.fb.group(new TextEditConfig()).value,
+                ...this._fields.field.formConfiguration
+            };
+            let newControl = this.fb.control(this._selected, ValidatorsArray);
+            this.extraProperties?.setControl(this._fields.field.name, newControl);
+            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: TextEditSearchComponent, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: TextEditSearchComponent, selector: "df-text-edit-search", inputs: { entity: "entity", fields: "fields", parentFiledName: "parentFiledName", selected: "selected" }, viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<form [formGroup]=\"_entity\">\r\n    <div [formGroupName]=\"_parentFiledName\">\r\n        <div class=\"mb-3\">\r\n            <label class=\"form-label\" *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\r\n                <input type=\"text\" class=\"form-control\" formControlName=\"{{_fields.field.name}}\"\r\n                    [placeholder]=\"_fields.field.formConfiguration['TextEdit.Placeholder']\" />\r\n        </div>\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.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: 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"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: TextEditSearchComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'df-text-edit-search', template: "<form [formGroup]=\"_entity\">\r\n    <div [formGroupName]=\"_parentFiledName\">\r\n        <div class=\"mb-3\">\r\n            <label class=\"form-label\" *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\r\n                <input type=\"text\" class=\"form-control\" formControlName=\"{{_fields.field.name}}\"\r\n                    [placeholder]=\"_fields.field.formConfiguration['TextEdit.Placeholder']\" />\r\n        </div>\r\n    </div>\r\n    <button type=\"submit\" style=\"display: none;\" #submitclick></button>\r\n</form>" }]
+        }], ctorParameters: () => [{ type: i1.FormBuilder }], propDecorators: { entity: [{
+                type: Input
+            }], fields: [{
+                type: Input
+            }], parentFiledName: [{
+                type: Input
+            }], selected: [{
+                type: Input
+            }], submitclick: [{
+                type: ViewChild,
+                args: ['submitclick', { static: true }]
+            }] } });
+
 class SwitchConfig {
     constructor(data) {
         /**默认值 */
@@ -227,11 +345,11 @@ class SwitchConfigComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: SwitchConfigComponent, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: SwitchConfigComponent, selector: "df-switch-config", inputs: { type: "type", Entity: "Entity", selected: "selected" }, viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<form [formGroup]=\"_Entity\">\n    <div formGroupName=\"formConfiguration\">\n        <div class=\"mb-3\">\n            <div>\n                <div class=\"form-check form-check-inline\">\n                    <input class=\"form-check-input\" type=\"checkbox\" formControlName=\"Switch.Default\"\n                        id=\"flexRadioDefault1\">\n                    <label class=\"form-check-label\" for=\"flexRadioDefault1\">\n                        {{'DigniteAbpForms::DefaultValue' | abpLocalization}}\n                    </label>\n                </div>\n                \n            </div>\n        </div>\n        <button type=\"submit\" (abpInit)=\"submitclick?.nativeElement?.click()\" style=\"display: none;\" #submitclick></button>\n    </div>\n</form>", styles: [""], dependencies: [{ kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][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: 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: i2.InitDirective, selector: "[abpInit]", outputs: ["abpInit"] }, { kind: "directive", type: i3.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i3.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "pipe", type: i2.LocalizationPipe, name: "abpLocalization" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: SwitchConfigComponent, selector: "df-switch-config", inputs: { type: "type", Entity: "Entity", selected: "selected" }, viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<form [formGroup]=\"_Entity\">\n    <div formGroupName=\"formConfiguration\">\n        <div class=\"mb-3\">\n            <div>\n                <div class=\"form-check form-check-inline\">\n                    <input class=\"form-check-input\" type=\"checkbox\" formControlName=\"Switch.Default\"\n                        id=\"flexRadioDefault1\">\n                    <label class=\"form-check-label\" for=\"flexRadioDefault1\">\n                        {{'AbpDynamicForm::DefaultValue' | abpLocalization}}\n                    </label>\n                </div>\n                \n            </div>\n        </div>\n        <button type=\"submit\" (abpInit)=\"submitclick?.nativeElement?.click()\" style=\"display: none;\" #submitclick></button>\n    </div>\n</form>", styles: [""], dependencies: [{ kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][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: 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: i2.InitDirective, selector: "[abpInit]", outputs: ["abpInit"] }, { kind: "directive", type: i3.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i3.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "pipe", type: i2.LocalizationPipe, name: "abpLocalization" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: SwitchConfigComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'df-switch-config', template: "<form [formGroup]=\"_Entity\">\n    <div formGroupName=\"formConfiguration\">\n        <div class=\"mb-3\">\n            <div>\n                <div class=\"form-check form-check-inline\">\n                    <input class=\"form-check-input\" type=\"checkbox\" formControlName=\"Switch.Default\"\n                        id=\"flexRadioDefault1\">\n                    <label class=\"form-check-label\" for=\"flexRadioDefault1\">\n                        {{'DigniteAbpForms::DefaultValue' | abpLocalization}}\n                    </label>\n                </div>\n                \n            </div>\n        </div>\n        <button type=\"submit\" (abpInit)=\"submitclick?.nativeElement?.click()\" style=\"display: none;\" #submitclick></button>\n    </div>\n</form>" }]
+            args: [{ selector: 'df-switch-config', template: "<form [formGroup]=\"_Entity\">\n    <div formGroupName=\"formConfiguration\">\n        <div class=\"mb-3\">\n            <div>\n                <div class=\"form-check form-check-inline\">\n                    <input class=\"form-check-input\" type=\"checkbox\" formControlName=\"Switch.Default\"\n                        id=\"flexRadioDefault1\">\n                    <label class=\"form-check-label\" for=\"flexRadioDefault1\">\n                        {{'AbpDynamicForm::DefaultValue' | abpLocalization}}\n                    </label>\n                </div>\n                \n            </div>\n        </div>\n        <button type=\"submit\" (abpInit)=\"submitclick?.nativeElement?.click()\" style=\"display: none;\" #submitclick></button>\n    </div>\n</form>" }]
         }], ctorParameters: () => [{ type: i1.FormBuilder }], propDecorators: { type: [{
                 type: Input
             }], Entity: [{
@@ -299,11 +417,11 @@ class SwitchControlComponent {
         this.extraProperties.removeControl(this._fields.field.name);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: SwitchControlComponent, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: SwitchControlComponent, selector: "df-switch-control", inputs: { entity: "entity", fields: "fields", parentFiledName: "parentFiledName", selected: "selected" }, viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<form [formGroup]=\"_entity\">\n    <div formGroupName=\"extraProperties\">\n        <div class=\"mb-3\">\n            <label class=\"form-label\" *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\n            <div class=\"form-check form-switch\">\n                <input class=\"form-check-input\" type=\"checkbox\" role=\"switch\" formControlName=\"{{_fields.field.name}}\">\n            </div>\n            <small class=\"form-text text-muted d-block\" *ngIf=\"_fields.field.description\">{{_fields.field.description}}</small>\n        </div>\n\n    </div>\n    <button type=\"submit\" style=\"display: none;\" #submitclick></button>\n</form>", styles: [""], dependencies: [{ kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][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: 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"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: SwitchControlComponent, selector: "df-switch-control", inputs: { entity: "entity", fields: "fields", parentFiledName: "parentFiledName", selected: "selected" }, viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<form [formGroup]=\"_entity\">\n    <div formGroupName=\"extraProperties\">\n        <div class=\"mb-3\">\n            <label class=\"form-label\" *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\n            <div class=\"form-check form-switch\">\n                <input class=\"form-check-input\" type=\"checkbox\" role=\"switch\" formControlName=\"{{_fields.field.name}}\">\n            </div>\n            <small class=\"form-text text-muted d-block\" *ngIf=\"_fields.field.description\">{{_fields.field.description}}</small>\n        </div>\n    </div>\n    <button type=\"submit\" style=\"display: none;\" #submitclick></button>\n</form>", styles: [""], dependencies: [{ kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][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: 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"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: SwitchControlComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'df-switch-control', template: "<form [formGroup]=\"_entity\">\n    <div formGroupName=\"extraProperties\">\n        <div class=\"mb-3\">\n            <label class=\"form-label\" *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\n            <div class=\"form-check form-switch\">\n                <input class=\"form-check-input\" type=\"checkbox\" role=\"switch\" formControlName=\"{{_fields.field.name}}\">\n            </div>\n            <small class=\"form-text text-muted d-block\" *ngIf=\"_fields.field.description\">{{_fields.field.description}}</small>\n        </div>\n\n    </div>\n    <button type=\"submit\" style=\"display: none;\" #submitclick></button>\n</form>" }]
+            args: [{ selector: 'df-switch-control', template: "<form [formGroup]=\"_entity\">\n    <div formGroupName=\"extraProperties\">\n        <div class=\"mb-3\">\n            <label class=\"form-label\" *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\n            <div class=\"form-check form-switch\">\n                <input class=\"form-check-input\" type=\"checkbox\" role=\"switch\" formControlName=\"{{_fields.field.name}}\">\n            </div>\n            <small class=\"form-text text-muted d-block\" *ngIf=\"_fields.field.description\">{{_fields.field.description}}</small>\n        </div>\n    </div>\n    <button type=\"submit\" style=\"display: none;\" #submitclick></button>\n</form>" }]
         }], ctorParameters: () => [{ type: i1.FormBuilder }], propDecorators: { entity: [{
                 type: Input
             }], fields: [{
@@ -317,14 +435,122 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImpor
                 args: ['submitclick', { static: true }]
             }] } });
 
+/* eslint-disable @angular-eslint/component-selector */
+class SwitchSearchComponent {
+    constructor(fb) {
+        this.fb = fb;
+        /**字段配置列表 */
+        this._fields = '';
+        this.cdr = inject(ChangeDetectorRef);
+    }
+    set entity(v) {
+        this._entity = v;
+        this.dataLoaded();
+    }
+    set fields(v) {
+        this._fields = v;
+        this.dataLoaded();
+    }
+    set parentFiledName(v) {
+        this._parentFiledName = v;
+        this.dataLoaded();
+    }
+    set selected(v) {
+        // ?v:false;
+        this._selected = 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();
+        }
+    }
+    AfterInit() {
+        return new Promise((resolve, rejects) => {
+            const ValidatorsArray = [];
+            const newControl = this.fb.control(this._selected
+                ? this._selected
+                : this._selected === false
+                    ? this._selected
+                    : '', ValidatorsArray);
+            this.extraProperties.setControl(this._fields.field.name, newControl);
+            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: SwitchSearchComponent, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: SwitchSearchComponent, selector: "df-switch-search", inputs: { entity: "entity", fields: "fields", parentFiledName: "parentFiledName", selected: "selected" }, viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<form [formGroup]=\"_entity\">\r\n    <div formGroupName=\"extraProperties\">\r\n        <div class=\"mb-3\">\r\n            <label class=\"form-label\" *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\r\n            <!-- <div class=\"form-check form-switch\">\r\n                <input class=\"form-check-input\" type=\"checkbox\" role=\"switch\" formControlName=\"{{_fields.field.name}}\">\r\n            </div> -->\r\n            <!-- <small class=\"form-text text-muted d-block\" *ngIf=\"_fields.field.description\">{{_fields.field.description}}</small> -->\r\n            <select class=\"form-select form-control\" formControlName=\"{{_fields.field.name}}\" role=\"switch\">\r\n                <option [value]=\"\"></option>\r\n                <option [value]=\"true\">{{'AbpUi::Yes'|abpLocalization}}</option>\r\n                <option [value]=\"false\">{{'AbpUi::No'|abpLocalization}}</option>\r\n            </select>\r\n        </div>\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.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([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.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: "pipe", type: i2.LocalizationPipe, name: "abpLocalization" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: SwitchSearchComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'df-switch-search', template: "<form [formGroup]=\"_entity\">\r\n    <div formGroupName=\"extraProperties\">\r\n        <div class=\"mb-3\">\r\n            <label class=\"form-label\" *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\r\n            <!-- <div class=\"form-check form-switch\">\r\n                <input class=\"form-check-input\" type=\"checkbox\" role=\"switch\" formControlName=\"{{_fields.field.name}}\">\r\n            </div> -->\r\n            <!-- <small class=\"form-text text-muted d-block\" *ngIf=\"_fields.field.description\">{{_fields.field.description}}</small> -->\r\n            <select class=\"form-select form-control\" formControlName=\"{{_fields.field.name}}\" role=\"switch\">\r\n                <option [value]=\"\"></option>\r\n                <option [value]=\"true\">{{'AbpUi::Yes'|abpLocalization}}</option>\r\n                <option [value]=\"false\">{{'AbpUi::No'|abpLocalization}}</option>\r\n            </select>\r\n        </div>\r\n    </div>\r\n    <button type=\"submit\" style=\"display: none;\" #submitclick></button>\r\n</form>" }]
+        }], ctorParameters: () => [{ type: i1.FormBuilder }], propDecorators: { entity: [{
+                type: Input
+            }], fields: [{
+                type: Input
+            }], parentFiledName: [{
+                type: Input
+            }], selected: [{
+                type: Input
+            }], submitclick: [{
+                type: ViewChild,
+                args: ['submitclick', { static: true }]
+            }] } });
+
+class SwitchViewComponent {
+    constructor() {
+        /**展示则内容 */
+        this.showValue = '';
+        /**是否显示再列表 */
+        this.showInList = false;
+        /**表单控件Value */
+        this._value = '';
+    }
+    set value(v) {
+        this._value = v;
+    }
+    async ngAfterContentInit() {
+        //Called after ngOnInit when the component's or directive's content has been initialized.
+        //Add 'implements AfterContentInit' to the class.
+        let valueOptions = this._value;
+        if (this.type) {
+            this.showValue = valueOptions;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: SwitchViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.5", type: SwitchViewComponent, selector: "df-switch-view", inputs: { showInList: "showInList", fields: "fields", type: "type", value: "value" }, ngImport: i0, template: "@if(showInList){\r\n    {{'AbpUi::'+(showValue ? 'Yes' : 'No') | abpLocalization}}\r\n} @else{\r\n<div class=\"mb-3\">\r\n    <label class=\"form-label\" *ngIf=\"fields.displayName\">{{ fields.displayName }}</label>\r\n    <div>\r\n        {{'AbpUi::'+(showValue ? 'Yes' : 'No') | abpLocalization}}\r\n    </div>\r\n</div>\r\n}", styles: [""], dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.LocalizationPipe, name: "abpLocalization" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: SwitchViewComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'df-switch-view', template: "@if(showInList){\r\n    {{'AbpUi::'+(showValue ? 'Yes' : 'No') | abpLocalization}}\r\n} @else{\r\n<div class=\"mb-3\">\r\n    <label class=\"form-label\" *ngIf=\"fields.displayName\">{{ fields.displayName }}</label>\r\n    <div>\r\n        {{'AbpUi::'+(showValue ? 'Yes' : 'No') | abpLocalization}}\r\n    </div>\r\n</div>\r\n}" }]
+        }], propDecorators: { showInList: [{
+                type: Input
+            }], fields: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }] } });
+
 class NumbericEditConfig {
     constructor(data) {
         /**占位符 */
         this['NumericEditField.Placeholder'] = ['', []];
         /**最小值 */
-        this['NumericEditField.Min'] = ['', []];
+        this['NumericEditField.Min'] = ['', [Validators.required]];
         //最大值
-        this['NumericEditField.Max'] = ['', []];
+        this['NumericEditField.Max'] = ['', [Validators.required]];
         // 小数位数
         this['NumericEditField.Decimals'] = [2, []];
         //步长
@@ -379,11 +605,11 @@ class NumbericEditConfigComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: NumbericEditConfigComponent, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: NumbericEditConfigComponent, selector: "df-numberic-edit-config", inputs: { type: "type", selected: "selected", Entity: "Entity" }, viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true }], ngImport: i0, template: "<form [formGroup]=\"_Entity\">\n    <div formGroupName=\"formConfiguration\">\n        <div class=\"mb-3\">\n            <label class=\"form-label\">{{'DigniteAbpForms::Placeholder' | abpLocalization}}</label>\n            <input type=\"text\" class=\"form-control\" formControlName=\"NumericEditField.Placeholder\">\n        </div>\n        <div class=\"mb-3\">\n            <label class=\"form-label\">{{'DigniteAbpForms::Min' | abpLocalization}}</label>\n            <input type=\"text\" class=\"form-control\" formControlName=\"NumericEditField.Min\">\n        </div>\n        <div class=\"mb-3\">\n            <label class=\"form-label\">{{'DigniteAbpForms::Max' | abpLocalization}}</label>\n            <input type=\"text\" class=\"form-control\" formControlName=\"NumericEditField.Max\">\n        </div>\n        <div class=\"mb-3\">\n            <label class=\"form-label\">{{'DigniteAbpForms::NumericDecimals' | abpLocalization}}</label>\n            <input type=\"text\" class=\"form-control\" formControlName=\"NumericEditField.Decimals\">\n        </div>\n        <div class=\"mb-3\">\n            <label class=\"form-label\">{{'DigniteAbpForms::NumericStep' | abpLocalization}}</label>\n            <input type=\"text\" class=\"form-control\" formControlName=\"NumericEditField.Step\">\n            <small class=\"form-text text-muted d-block\">{{'DigniteAbpForms::NumericStepHelp'|abpLocalization}}</small>\n        </div>\n        <div class=\"mb-3\">\n            <label class=\"form-label\">{{'DigniteAbpForms::FormatSpecifier' | abpLocalization}}</label>\n            <input type=\"text\" class=\"form-control\" formControlName=\"FormatSpecifier\">\n            <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>\n        </div>\n        <button type=\"submit\" (abpInit)=\"submitclick?.nativeElement?.click()\" style=\"display: none;\" #submitclick></button>\n    </div>\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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { 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: i2.InitDirective, selector: "[abpInit]", outputs: ["abpInit"] }, { kind: "directive", type: i3.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i3.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "pipe", type: i2.LocalizationPipe, name: "abpLocalization" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: NumbericEditConfigComponent, selector: "df-numberic-edit-config", inputs: { type: "type", selected: "selected", Entity: "Entity" }, viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true }], ngImport: i0, template: "<form [formGroup]=\"_Entity\">\n    <div formGroupName=\"formConfiguration\">\n        <div class=\"mb-3\">\n            <label class=\"form-label\">{{'AbpDynamicForm::Placeholder' | abpLocalization}}</label>\n            <input type=\"text\" class=\"form-control\" formControlName=\"NumericEditField.Placeholder\">\n        </div>\n        <div class=\"mb-3\">\n            <label class=\"form-label\">{{'AbpDynamicForm::Min' | abpLocalization}}</label>\n            <input type=\"text\" class=\"form-control\" formControlName=\"NumericEditField.Min\">\n        </div>\n        <div class=\"mb-3\">\n            <label class=\"form-label\">{{'AbpDynamicForm::Max' | abpLocalization}}</label>\n            <input type=\"text\" class=\"form-control\" formControlName=\"NumericEditField.Max\">\n        </div>\n        <div class=\"mb-3\">\n            <label class=\"form-label\">{{'AbpDynamicForm::NumericDecimals' | abpLocalization}}</label>\n            <input type=\"text\" class=\"form-control\" formControlName=\"NumericEditField.Decimals\">\n        </div>\n        <div class=\"mb-3\">\n            <label class=\"form-label\">{{'AbpDynamicForm::NumericStep' | abpLocalization}}</label>\n            <input type=\"text\" class=\"form-control\" formControlName=\"NumericEditField.Step\">\n            <small class=\"form-text text-muted d-block\">{{'AbpDynamicForm::NumericStepHelp'|abpLocalization}}</small>\n        </div>\n        <div class=\"mb-3\">\n            <label class=\"form-label\">{{'AbpDynamicForm::FormatSpecifier' | abpLocalization}}</label>\n            <input type=\"text\" class=\"form-control\" formControlName=\"FormatSpecifier\">\n            <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>\n        </div>\n        <button type=\"submit\" (abpInit)=\"submitclick?.nativeElement?.click()\" style=\"display: none;\" #submitclick></button>\n    </div>\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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { 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: i2.InitDirective, selector: "[abpInit]", outputs: ["abpInit"] }, { kind: "directive", type: i3.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i3.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "pipe", type: i2.LocalizationPipe, name: "abpLocalization" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: NumbericEditConfigComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'df-numberic-edit-config', template: "<form [formGroup]=\"_Entity\">\n    <div formGroupName=\"formConfiguration\">\n        <div class=\"mb-3\">\n            <label class=\"form-label\">{{'DigniteAbpForms::Placeholder' | abpLocalization}}</label>\n            <input type=\"text\" class=\"form-control\" formControlName=\"NumericEditField.Placeholder\">\n        </div>\n        <div class=\"mb-3\">\n            <label class=\"form-label\">{{'DigniteAbpForms::Min' | abpLocalization}}</label>\n            <input type=\"text\" class=\"form-control\" formControlName=\"NumericEditField.Min\">\n        </div>\n        <div class=\"mb-3\">\n            <label class=\"form-label\">{{'DigniteAbpForms::Max' | abpLocalization}}</label>\n            <input type=\"text\" class=\"form-control\" formControlName=\"NumericEditField.Max\">\n        </div>\n        <div class=\"mb-3\">\n            <label class=\"form-label\">{{'DigniteAbpForms::NumericDecimals' | abpLocalization}}</label>\n            <input type=\"text\" class=\"form-control\" formControlName=\"NumericEditField.Decimals\">\n        </div>\n        <div class=\"mb-3\">\n            <label class=\"form-label\">{{'DigniteAbpForms::NumericStep' | abpLocalization}}</label>\n            <input type=\"text\" class=\"form-control\" formControlName=\"NumericEditField.Step\">\n            <small class=\"form-text text-muted d-block\">{{'DigniteAbpForms::NumericStepHelp'|abpLocalization}}</small>\n        </div>\n        <div class=\"mb-3\">\n            <label class=\"form-label\">{{'DigniteAbpForms::FormatSpecifier' | abpLocalization}}</label>\n            <input type=\"text\" class=\"form-control\" formControlName=\"FormatSpecifier\">\n            <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>\n        </div>\n        <button type=\"submit\" (abpInit)=\"submitclick?.nativeElement?.click()\" style=\"display: none;\" #submitclick></button>\n    </div>\n</form>" }]
+            args: [{ selector: 'df-numberic-edit-config', template: "<form [formGroup]=\"_Entity\">\n    <div formGroupName=\"formConfiguration\">\n        <div class=\"mb-3\">\n            <label class=\"form-label\">{{'AbpDynamicForm::Placeholder' | abpLocalization}}</label>\n            <input type=\"text\" class=\"form-control\" formControlName=\"NumericEditField.Placeholder\">\n        </div>\n        <div class=\"mb-3\">\n            <label class=\"form-label\">{{'AbpDynamicForm::Min' | abpLocalization}}</label>\n            <input type=\"text\" class=\"form-control\" formControlName=\"NumericEditField.Min\">\n        </div>\n        <div class=\"mb-3\">\n            <label class=\"form-label\">{{'AbpDynamicForm::Max' | abpLocalization}}</label>\n            <input type=\"text\" class=\"form-control\" formControlName=\"NumericEditField.Max\">\n        </div>\n        <div class=\"mb-3\">\n            <label class=\"form-label\">{{'AbpDynamicForm::NumericDecimals' | abpLocalization}}</label>\n            <input type=\"text\" class=\"form-control\" formControlName=\"NumericEditField.Decimals\">\n        </div>\n        <div class=\"mb-3\">\n            <label class=\"form-label\">{{'AbpDynamicForm::NumericStep' | abpLocalization}}</label>\n            <input type=\"text\" class=\"form-control\" formControlName=\"NumericEditField.Step\">\n            <small class=\"form-text text-muted d-block\">{{'AbpDynamicForm::NumericStepHelp'|abpLocalization}}</small>\n        </div>\n        <div class=\"mb-3\">\n            <label class=\"form-label\">{{'AbpDynamicForm::FormatSpecifier' | abpLocalization}}</label>\n            <input type=\"text\" class=\"form-control\" formControlName=\"FormatSpecifier\">\n            <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>\n        </div>\n        <button type=\"submit\" (abpInit)=\"submitclick?.nativeElement?.click()\" style=\"display: none;\" #submitclick></button>\n    </div>\n</form>" }]
         }], ctorParameters: () => [{ type: i1.FormBuilder }], propDecorators: { type: [{
                 type: Input
             }], selected: [{
@@ -395,13 +621,15 @@ 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;
         if (typeof value === 'number' && isNaN(value) === false) {
             const decimalPart = value.toString().split('.')[1];
             if (decimalPart && decimalPart.length > maxDecimalPlaces) {
-                return { 'maxDecimalPlaces': { actual: decimalPart.length, max: maxDecimalPlaces } };
+                return { maxDecimalPlaces: { actual: decimalPart.length, max: maxDecimalPlaces } };
             }
         }
         return null;
@@ -413,6 +641,7 @@ class NumbericEditControlComponent {
         this.cdr = cdr;
         /**字段配置列表 */
         this._fields = '';
+        this.formConfiguration = '';
     }
     get entity() {
         return this._entity;
@@ -425,16 +654,18 @@ class NumbericEditControlComponent {
     }
     set selected(v) {
         this._selected = v;
-        // 
+        //
     }
     set entity(v) {
         this._entity = v;
         this.dataLoaded();
     }
     get extraProperties() {
-        return this._entity.get('extraProperties');
+        return this._entity?.get('extraProperties');
+    }
+    get fieldInput() {
+        return this.extraProperties.get(this._fields.field.name);
     }
-    get fieldInput() { return this.extraProperties.get(this._fields.field.name); }
     /**数据加载完成 */
     async dataLoaded() {
         if (this._fields && this._entity) {
@@ -445,8 +676,9 @@ class NumbericEditControlComponent {
     }
     AfterInit() {
         return new Promise((resolve, rejects) => {
-            let ValidatorsArray = [];
-            let formConfiguration = this._fields.field.formConfiguration;
+            const ValidatorsArray = [];
+            const formConfiguration = this._fields.field.formConfiguration;
+            this.formConfiguration = formConfiguration;
             if (this._fields.required) {
                 ValidatorsArray.push(Validators.required);
             }
@@ -456,7 +688,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);
         });
@@ -468,20 +700,22 @@ 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)).toString());
+            this.fieldInput?.patchValue(val.slice(0, val.length - (decimalPart.length - 2)));
         }
+        this.extraProperties.updateValueAndValidity();
+        this.fieldInput.updateValueAndValidity();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: NumbericEditControlComponent, deps: [{ token: i1.FormBuilder }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: NumbericEditControlComponent, selector: "df-numberic-edit-control", 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\">\n    <div [formGroupName]=\"_parentFiledName\">\n        <div class=\"mb-3\">\n            <label class=\"form-label\" *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\n            <input type=\"number\" class=\"form-control\" formControlName=\"{{_fields.field.name}}\"\n                [placeholder]=\"_fields.field.formConfiguration['NumericEditField.Placeholder']||''\"\n                [step]=\"_fields.field.formConfiguration['NumericEditField.Step']\" (input)=\"inputchange($event)\" />\n            <small class=\"form-text text-muted d-block\" *ngIf=\"_fields.field.description\">{{_fields.field.description}}</small>\n        </div>\n\n    </div>\n    <button type=\"submit\" style=\"display: none;\" #submitclick></button>\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: 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: NumbericEditControlComponent, selector: "df-numberic-edit-control", 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\">\n    <div [formGroupName]=\"_parentFiledName\">\n        <div class=\"mb-3\">\n            <label class=\"form-label\" *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\n            <input type=\"number\" class=\"form-control\" formControlName=\"{{_fields.field.name}}\"\n                [placeholder]=\"_fields.field.formConfiguration['NumericEditField.Placeholder']||''\"\n                [step]=\"_fields.field.formConfiguration['NumericEditField.Step']\" [min]=\"formConfiguration['NumericEditField.Min']\" [max]=\"formConfiguration['NumericEditField.Max']\" (input)=\"inputchange($event)\" />\n            <small class=\"form-text text-muted d-block\" *ngIf=\"_fields.field.description\">{{_fields.field.description}}</small>\n        </div>\n    </div>\n    <button type=\"submit\" style=\"display: none;\" #submitclick></button>\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: i1.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i1.MaxValidator, selector: "input[type=number][max][formControlName],input[type=number][max][formControl],input[type=number][max][ngModel]", inputs: ["max"] }, { 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: NumbericEditControlComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'df-numberic-edit-control', changeDetection: ChangeDetectionStrategy.OnPush, template: "<form [formGroup]=\"_entity\">\n    <div [formGroupName]=\"_parentFiledName\">\n        <div class=\"mb-3\">\n            <label class=\"form-label\" *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\n            <input type=\"number\" class=\"form-control\" formControlName=\"{{_fields.field.name}}\"\n                [placeholder]=\"_fields.field.formConfiguration['NumericEditField.Placeholder']||''\"\n                [step]=\"_fields.field.formConfiguration['NumericEditField.Step']\" (input)=\"inputchange($event)\" />\n            <small class=\"form-text text-muted d-block\" *ngIf=\"_fields.field.description\">{{_fields.field.description}}</small>\n        </div>\n\n    </div>\n    <button type=\"submit\" style=\"display: none;\" #submitclick></button>\n</form>" }]
+            args: [{ selector: 'df-numberic-edit-control', changeDetection: ChangeDetectionStrategy.OnPush, template: "<form [formGroup]=\"_entity\">\n    <div [formGroupName]=\"_parentFiledName\">\n        <div class=\"mb-3\">\n            <label class=\"form-label\" *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\n            <input type=\"number\" class=\"form-control\" formControlName=\"{{_fields.field.name}}\"\n                [placeholder]=\"_fields.field.formConfiguration['NumericEditField.Placeholder']||''\"\n                [step]=\"_fields.field.formConfiguration['NumericEditField.Step']\" [min]=\"formConfiguration['NumericEditField.Min']\" [max]=\"formConfiguration['NumericEditField.Max']\" (input)=\"inputchange($event)\" />\n            <small class=\"form-text text-muted d-block\" *ngIf=\"_fields.field.description\">{{_fields.field.description}}</small>\n        </div>\n    </div>\n    <button type=\"submit\" style=\"display: none;\" #submitclick></button>\n</form>" }]
         }], ctorParameters: () => [{ type: i1.FormBuilder }, { type: i0.ChangeDetectorRef }], propDecorators: { fields: [{
                 type: Input
             }], parentFiledName: [{
@@ -588,11 +822,11 @@ class DateEditConfigComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: DateEditConfigComponent, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: DateEditConfigComponent, selector: "df-date-edit-config", inputs: { type: "type", selected: "selected", Entity: "Entity" }, viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<form [formGroup]=\"_Entity\">\n    <div formGroupName=\"formConfiguration\">\n        <div class=\"mb-3\">\n            <label class=\"form-label\">{{'DigniteAbpForms::DateEditMode' | abpLocalization}}</label>\n            <div>\n                <div class=\"form-check form-check-inline\">\n                    <input class=\"form-check-input\" type=\"radio\" [value]=\"_DateEditInterfaces.Date\"\n                        formControlName=\"DateEdit.InputMode\" id=\"flexRadioDefault1\" (change)=\"timeTypeChange()\">\n                    <label class=\"form-check-label\" for=\"flexRadioDefault1\">\n                        {{'DigniteAbpForms::Date' | abpLocalization}}\n                    </label>\n                </div>\n                <div class=\"form-check form-check-inline\">\n                    <input class=\"form-check-input\" type=\"radio\" [value]=\"_DateEditInterfaces.DateTime\"\n                        formControlName=\"DateEdit.InputMode\" id=\"flexRadioDefault2\" (change)=\"timeTypeChange()\">\n                    <label class=\"form-check-label\" for=\"flexRadioDefault2\">\n                        {{'DigniteAbpForms::DateTime' | abpLocalization}}\n                    </label>\n                </div>\n                <div class=\"form-check form-check-inline\">\n                    <input class=\"form-check-input\" type=\"radio\" [value]=\"_DateEditInterfaces.Month\"\n                        formControlName=\"DateEdit.InputMode\" id=\"flexRadioDefault3\" (change)=\"timeTypeChange()\">\n                    <label class=\"form-check-label\" for=\"flexRadioDefault3\">\n                        {{'DigniteAbpForms::Month' | abpLocalization}}\n                    </label>\n                </div>\n            </div>\n        </div>\n        <div class=\"mb-3\">\n            <label class=\"form-label\">{{'DigniteAbpForms::Min' | abpLocalization}}</label>\n            <input [type]=\"dateTimeType\" class=\"form-control\" step=\"1\" formControlName=\"DateEdit.Min\">\n        </div>\n        <div class=\"mb-3\">\n            <label class=\"form-label\">{{'DigniteAbpForms::Max' | abpLocalization}}</label>\n            <input [type]=\"dateTimeType\" class=\"form-control\" step=\"1\" formControlName=\"DateEdit.Max\">\n        </div>\n        <button type=\"submit\" (abpInit)=\"submitclick?.nativeElement?.click()\" style=\"display: none;\"\n            #submitclick></button>\n    </div>\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.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { 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: 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: i2.InitDirective, selector: "[abpInit]", outputs: ["abpInit"] }, { kind: "directive", type: i3.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i3.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "pipe", type: i2.LocalizationPipe, name: "abpLocalization" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: DateEditConfigComponent, selector: "df-date-edit-config", inputs: { type: "type", selected: "selected", Entity: "Entity" }, viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<form [formGroup]=\"_Entity\">\n    <div formGroupName=\"formConfiguration\">\n        <div class=\"mb-3\">\n            <label class=\"form-label\">{{'AbpDynamicForm::DateEditMode' | abpLocalization}}</label>\n            <div>\n                <div class=\"form-check form-check-inline\">\n                    <input class=\"form-check-input\" type=\"radio\" [value]=\"_DateEditInterfaces.Date\"\n                        formControlName=\"DateEdit.InputMode\" id=\"flexRadioDefault1\" (change)=\"timeTypeChange()\">\n                    <label class=\"form-check-label\" for=\"flexRadioDefault1\">\n                        {{'AbpDynamicForm::Date' | abpLocalization}}\n                    </label>\n                </div>\n                <div class=\"form-check form-check-inline\">\n                    <input class=\"form-check-input\" type=\"radio\" [value]=\"_DateEditInterfaces.DateTime\"\n                        formControlName=\"DateEdit.InputMode\" id=\"flexRadioDefault2\" (change)=\"timeTypeChange()\">\n                    <label class=\"form-check-label\" for=\"flexRadioDefault2\">\n                        {{'AbpDynamicForm::DateTime' | abpLocalization}}\n                    </label>\n                </div>\n                <div class=\"form-check form-check-inline\">\n                    <input class=\"form-check-input\" type=\"radio\" [value]=\"_DateEditInterfaces.Month\"\n                        formControlName=\"DateEdit.InputMode\" id=\"flexRadioDefault3\" (change)=\"timeTypeChange()\">\n                    <label class=\"form-check-label\" for=\"flexRadioDefault3\">\n                        {{'AbpDynamicForm::Month' | abpLocalization}}\n                    </label>\n                </div>\n            </div>\n        </div>\n        <div class=\"mb-3\">\n            <label class=\"form-label\">{{'AbpDynamicForm::Min' | abpLocalization}}</label>\n            <input [type]=\"dateTimeType\" class=\"form-control\" step=\"1\" formControlName=\"DateEdit.Min\">\n        </div>\n        <div class=\"mb-3\">\n            <label class=\"form-label\">{{'AbpDynamicForm::Max' | abpLocalization}}</label>\n            <input [type]=\"dateTimeType\" class=\"form-control\" step=\"1\" formControlName=\"DateEdit.Max\">\n        </div>\n        <button type=\"submit\" (abpInit)=\"submitclick?.nativeElement?.click()\" style=\"display: none;\"\n            #submitclick></button>\n    </div>\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.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { 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: 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: i2.InitDirective, selector: "[abpInit]", outputs: ["abpInit"] }, { kind: "directive", type: i3.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i3.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "pipe", type: i2.LocalizationPipe, name: "abpLocalization" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: DateEditConfigComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'df-date-edit-config', template: "<form [formGroup]=\"_Entity\">\n    <div formGroupName=\"formConfiguration\">\n        <div class=\"mb-3\">\n            <label class=\"form-label\">{{'DigniteAbpForms::DateEditMode' | abpLocalization}}</label>\n            <div>\n                <div class=\"form-check form-check-inline\">\n                    <input class=\"form-check-input\" type=\"radio\" [value]=\"_DateEditInterfaces.Date\"\n                        formControlName=\"DateEdit.InputMode\" id=\"flexRadioDefault1\" (change)=\"timeTypeChange()\">\n                    <label class=\"form-check-label\" for=\"flexRadioDefault1\">\n                        {{'DigniteAbpForms::Date' | abpLocalization}}\n                    </label>\n                </div>\n                <div class=\"form-check form-check-inline\">\n                    <input class=\"form-check-input\" type=\"radio\" [value]=\"_DateEditInterfaces.DateTime\"\n                        formControlName=\"DateEdit.InputMode\" id=\"flexRadioDefault2\" (change)=\"timeTypeChange()\">\n                    <label class=\"form-check-label\" for=\"flexRadioDefault2\">\n                        {{'DigniteAbpForms::DateTime' | abpLocalization}}\n                    </label>\n                </div>\n                <div class=\"form-check form-check-inline\">\n                    <input class=\"form-check-input\" type=\"radio\" [value]=\"_DateEditInterfaces.Month\"\n                        formControlName=\"DateEdit.InputMode\" id=\"flexRadioDefault3\" (change)=\"timeTypeChange()\">\n                    <label class=\"form-check-label\" for=\"flexRadioDefault3\">\n                        {{'DigniteAbpForms::Month' | abpLocalization}}\n                    </label>\n                </div>\n            </div>\n        </div>\n        <div class=\"mb-3\">\n            <label class=\"form-label\">{{'DigniteAbpForms::Min' | abpLocalization}}</label>\n            <input [type]=\"dateTimeType\" class=\"form-control\" step=\"1\" formControlName=\"DateEdit.Min\">\n        </div>\n        <div class=\"mb-3\">\n            <label class=\"form-label\">{{'DigniteAbpForms::Max' | abpLocalization}}</label>\n            <input [type]=\"dateTimeType\" class=\"form-control\" step=\"1\" formControlName=\"DateEdit.Max\">\n        </div>\n        <button type=\"submit\" (abpInit)=\"submitclick?.nativeElement?.click()\" style=\"display: none;\"\n            #submitclick></button>\n    </div>\n</form>" }]
+            args: [{ selector: 'df-date-edit-config', template: "<form [formGroup]=\"_Entity\">\n    <div formGroupName=\"formConfiguration\">\n        <div class=\"mb-3\">\n            <label class=\"form-label\">{{'AbpDynamicForm::DateEditMode' | abpLocalization}}</label>\n            <div>\n                <div class=\"form-check form-check-inline\">\n                    <input class=\"form-check-input\" type=\"radio\" [value]=\"_DateEditInterfaces.Date\"\n                        formControlName=\"DateEdit.InputMode\" id=\"flexRadioDefault1\" (change)=\"timeTypeChange()\">\n                    <label class=\"form-check-label\" for=\"flexRadioDefault1\">\n                        {{'AbpDynamicForm::Date' | abpLocalization}}\n                    </label>\n                </div>\n                <div class=\"form-check form-check-inline\">\n                    <input class=\"form-check-input\" type=\"radio\" [value]=\"_DateEditInterfaces.DateTime\"\n                        formControlName=\"DateEdit.InputMode\" id=\"flexRadioDefault2\" (change)=\"timeTypeChange()\">\n                    <label class=\"form-check-label\" for=\"flexRadioDefault2\">\n                        {{'AbpDynamicForm::DateTime' | abpLocalization}}\n                    </label>\n                </div>\n                <div class=\"form-check form-check-inline\">\n                    <input class=\"form-check-input\" type=\"radio\" [value]=\"_DateEditInterfaces.Month\"\n                        formControlName=\"DateEdit.InputMode\" id=\"flexRadioDefault3\" (change)=\"timeTypeChange()\">\n                    <label class=\"form-check-label\" for=\"flexRadioDefault3\">\n                        {{'AbpDynamicForm::Month' | abpLocalization}}\n                    </label>\n                </div>\n            </div>\n        </div>\n        <div class=\"mb-3\">\n            <label class=\"form-label\">{{'AbpDynamicForm::Min' | abpLocalization}}</label>\n            <input [type]=\"dateTimeType\" class=\"form-control\" step=\"1\" formControlName=\"DateEdit.Min\">\n        </div>\n        <div class=\"mb-3\">\n            <label class=\"form-label\">{{'AbpDynamicForm::Max' | abpLocalization}}</label>\n            <input [type]=\"dateTimeType\" class=\"form-control\" step=\"1\" formControlName=\"DateEdit.Max\">\n        </div>\n        <button type=\"submit\" (abpInit)=\"submitclick?.nativeElement?.click()\" style=\"display: none;\"\n            #submitclick></button>\n    </div>\n</form>" }]
         }], ctorParameters: () => [{ type: i1.FormBuilder }], propDecorators: { type: [{
                 type: Input
             }], selected: [{
@@ -677,11 +911,11 @@ class DateEditControlComponent {
         this.extraProperties.removeControl(this._fields.field.name);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: DateEditControlComponent, deps: [{ token: i1.FormBuilder }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: DateEditControlComponent, selector: "df-date-edit-control", 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\">\n    <div [formGroupName]=\"_parentFiledName\">\n        <div class=\"mb-3\">\n            <label class=\"form-label\"  *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\n\n            <ng-container *ngIf=\"_fields.field.formConfiguration['DateEdit.InputMode'] === _DateEditInterfaces.Date\">\n                <input type=\"date\" class=\"form-control\" step=\"1\" formControlName=\"{{_fields.field.name}}\"\n                    [min]=\"_fields.field.formConfiguration['DateEdit.Min']\"\n                    [max]=\"_fields.field.formConfiguration['DateEdit.Max']\" />\n            </ng-container>\n            <ng-container\n                *ngIf=\"_fields.field.formConfiguration['DateEdit.InputMode'] === _DateEditInterfaces.DateTime\">\n                <input type=\"datetime-local\" class=\"form-control\" step=\"1\" formControlName=\"{{_fields.field.name}}\"\n                    [min]=\"_fields.field.formConfiguration['DateEdit.Min']\"\n                    [max]=\"_fields.field.formConfiguration['DateEdit.Max']\" />\n            </ng-container>\n            <ng-container *ngIf=\"_fields.field.formConfiguration['DateEdit.InputMode'] === _DateEditInterfaces.Month\">\n                <input type=\"month\" class=\"form-control\" step=\"1\" formControlName=\"{{_fields.field.name}}\"\n                    [min]=\"_fields.field.formConfiguration['DateEdit.Min']\"\n                    [max]=\"_fields.field.formConfiguration['DateEdit.Max']\" />\n            </ng-container>\n            <small class=\"form-text text-muted d-block\" *ngIf=\"_fields.field.description\">{{_fields.field.description}}</small>\n        </div>\n    </div>\n    <button type=\"submit\" style=\"display: none;\" #submitclick></button>\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.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: 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"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: DateEditControlComponent, selector: "df-date-edit-control", 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\">\n    <div [formGroupName]=\"_parentFiledName\">\n        <div class=\"mb-3\">\n            <label class=\"form-label\"  *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\n\n            <ng-container *ngIf=\"_fields.field.formConfiguration['DateEdit.InputMode'] === _DateEditInterfaces.Date\">\n                <input type=\"date\" class=\"form-control\" step=\"1\" formControlName=\"{{_fields.field.name}}\"\n                    [min]=\"_fields.field.formConfiguration['DateEdit.Min']\"\n                    [max]=\"_fields.field.formConfiguration['DateEdit.Max']\" />\n            </ng-container>\n            <ng-container\n                *ngIf=\"_fields.field.formConfiguration['DateEdit.InputMode'] === _DateEditInterfaces.DateTime\">\n                <input type=\"datetime-local\" #dateTime (focus)=\"dateTime.focus()\" class=\"form-control\" step=\"1\" formControlName=\"{{_fields.field.name}}\"\n                    [min]=\"_fields.field.formConfiguration['DateEdit.Min']\"\n                    [max]=\"_fields.field.formConfiguration['DateEdit.Max']\" />\n            </ng-container>\n            <ng-container *ngIf=\"_fields.field.formConfiguration['DateEdit.InputMode'] === _DateEditInterfaces.Month\">\n                <input type=\"month\" class=\"form-control\"  step=\"1\" formControlName=\"{{_fields.field.name}}\"\n                    [min]=\"_fields.field.formConfiguration['DateEdit.Min']\"\n                    [max]=\"_fields.field.formConfiguration['DateEdit.Max']\" />\n            </ng-container>\n            <small class=\"form-text text-muted d-block\" *ngIf=\"_fields.field.description\">{{_fields.field.description}}</small>\n        </div>\n    </div>\n    <button type=\"submit\" style=\"display: none;\" #submitclick></button>\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.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: 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"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: DateEditControlComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'df-date-edit-control', template: "<form [formGroup]=\"_entity\">\n    <div [formGroupName]=\"_parentFiledName\">\n        <div class=\"mb-3\">\n            <label class=\"form-label\"  *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\n\n            <ng-container *ngIf=\"_fields.field.formConfiguration['DateEdit.InputMode'] === _DateEditInterfaces.Date\">\n                <input type=\"date\" class=\"form-control\" step=\"1\" formControlName=\"{{_fields.field.name}}\"\n                    [min]=\"_fields.field.formConfiguration['DateEdit.Min']\"\n                    [max]=\"_fields.field.formConfiguration['DateEdit.Max']\" />\n            </ng-container>\n            <ng-container\n                *ngIf=\"_fields.field.formConfiguration['DateEdit.InputMode'] === _DateEditInterfaces.DateTime\">\n                <input type=\"datetime-local\" class=\"form-control\" step=\"1\" formControlName=\"{{_fields.field.name}}\"\n                    [min]=\"_fields.field.formConfiguration['DateEdit.Min']\"\n                    [max]=\"_fields.field.formConfiguration['DateEdit.Max']\" />\n            </ng-container>\n            <ng-container *ngIf=\"_fields.field.formConfiguration['DateEdit.InputMode'] === _DateEditInterfaces.Month\">\n                <input type=\"month\" class=\"form-control\" step=\"1\" formControlName=\"{{_fields.field.name}}\"\n                    [min]=\"_fields.field.formConfiguration['DateEdit.Min']\"\n                    [max]=\"_fields.field.formConfiguration['DateEdit.Max']\" />\n            </ng-container>\n            <small class=\"form-text text-muted d-block\" *ngIf=\"_fields.field.description\">{{_fields.field.description}}</small>\n        </div>\n    </div>\n    <button type=\"submit\" style=\"display: none;\" #submitclick></button>\n</form>" }]
+            args: [{ selector: 'df-date-edit-control', template: "<form [formGroup]=\"_entity\">\n    <div [formGroupName]=\"_parentFiledName\">\n        <div class=\"mb-3\">\n            <label class=\"form-label\"  *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\n\n            <ng-container *ngIf=\"_fields.field.formConfiguration['DateEdit.InputMode'] === _DateEditInterfaces.Date\">\n                <input type=\"date\" class=\"form-control\" step=\"1\" formControlName=\"{{_fields.field.name}}\"\n                    [min]=\"_fields.field.formConfiguration['DateEdit.Min']\"\n                    [max]=\"_fields.field.formConfiguration['DateEdit.Max']\" />\n            </ng-container>\n            <ng-container\n                *ngIf=\"_fields.field.formConfiguration['DateEdit.InputMode'] === _DateEditInterfaces.DateTime\">\n                <input type=\"datetime-local\" #dateTime (focus)=\"dateTime.focus()\" class=\"form-control\" step=\"1\" formControlName=\"{{_fields.field.name}}\"\n                    [min]=\"_fields.field.formConfiguration['DateEdit.Min']\"\n                    [max]=\"_fields.field.formConfiguration['DateEdit.Max']\" />\n            </ng-container>\n            <ng-container *ngIf=\"_fields.field.formConfiguration['DateEdit.InputMode'] === _DateEditInterfaces.Month\">\n                <input type=\"month\" class=\"form-control\"  step=\"1\" formControlName=\"{{_fields.field.name}}\"\n                    [min]=\"_fields.field.formConfiguration['DateEdit.Min']\"\n                    [max]=\"_fields.field.formConfiguration['DateEdit.Max']\" />\n            </ng-container>\n            <small class=\"form-text text-muted d-block\" *ngIf=\"_fields.field.description\">{{_fields.field.description}}</small>\n        </div>\n    </div>\n    <button type=\"submit\" style=\"display: none;\" #submitclick></button>\n</form>" }]
         }], ctorParameters: () => [{ type: i1.FormBuilder }, { type: i0.ChangeDetectorRef }], propDecorators: { fields: [{
                 type: Input
             }], parentFiledName: [{
@@ -695,6 +929,180 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImpor
                 args: ['submitclick', { static: true }]
             }] } });
 
+class DateEditViewComponent {
+    constructor() {
+        /**展示则内容 */
+        this.showValue = '';
+        /**是否显示再列表 */
+        this.showInList = false;
+        /**表单控件Value */
+        this._value = '';
+    }
+    set value(v) {
+        this._value = v;
+    }
+    async ngAfterContentInit() {
+        //Called after ngOnInit when the component's or directive's content has been initialized.
+        //Add 'implements AfterContentInit' to the class.
+        let valueOptions = this._value;
+        if (this.type && valueOptions) {
+            this.showValue = valueOptions;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: DateEditViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.5", type: DateEditViewComponent, selector: "df-date-edit-view", inputs: { showInList: "showInList", fields: "fields", type: "type", value: "value" }, ngImport: i0, template: "@if(showInList){\r\n{{showValue|shortDateTime}}\r\n} @else{\r\n<div class=\"mb-3\">\r\n    <label class=\"form-label\" *ngIf=\"fields.displayName\">{{ fields.displayName }}</label>\r\n    <div>\r\n        {{showValue|shortDateTime}}\r\n    </div>\r\n</div>\r\n}", styles: [""], dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.ShortDateTimePipe, name: "shortDateTime" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: DateEditViewComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'df-date-edit-view', template: "@if(showInList){\r\n{{showValue|shortDateTime}}\r\n} @else{\r\n<div class=\"mb-3\">\r\n    <label class=\"form-label\" *ngIf=\"fields.displayName\">{{ fields.displayName }}</label>\r\n    <div>\r\n        {{showValue|shortDateTime}}\r\n    </div>\r\n</div>\r\n}" }]
+        }], propDecorators: { showInList: [{
+                type: Input
+            }], fields: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], value: [{
+                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 }]
+            }] } });
+
+/* eslint-disable @angular-eslint/component-selector */
+class NumericEditViewComponent {
+    constructor() {
+        /**展示则内容 */
+        this.showValue = '';
+        /**是否显示再列表 */
+        this.showInList = false;
+        /**表单控件Value */
+        this._value = '';
+    }
+    set value(v) {
+        this._value = v;
+    }
+    async ngAfterContentInit() {
+        //Called after ngOnInit when the component's or directive's content has been initialized.
+        //Add 'implements AfterContentInit' to the class.
+        const valueOptions = this._value;
+        if (this.type && valueOptions) {
+            this.showValue = valueOptions;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: NumericEditViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.5", type: NumericEditViewComponent, selector: "df-numeric-edit-view", inputs: { showInList: "showInList", fields: "fields", type: "type", value: "value" }, ngImport: i0, template: "@if(showInList){\r\n{{showValue}}\r\n} @else{\r\n<div class=\"mb-3\">\r\n    <label class=\"form-label\" *ngIf=\"fields.displayName\">{{ fields.displayName }}</label>\r\n    <div>\r\n        {{showValue}}\r\n    </div>\r\n</div>\r\n}", styles: [""], dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: NumericEditViewComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'df-numeric-edit-view', template: "@if(showInList){\r\n{{showValue}}\r\n} @else{\r\n<div class=\"mb-3\">\r\n    <label class=\"form-label\" *ngIf=\"fields.displayName\">{{ fields.displayName }}</label>\r\n    <div>\r\n        {{showValue}}\r\n    </div>\r\n</div>\r\n}" }]
+        }], propDecorators: { showInList: [{
+                type: Input
+            }], fields: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }] } });
+
 class SelectConfig {
     constructor(data) {
         /**空值文本 */
@@ -792,6 +1200,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImpor
                 }]
         }], ctorParameters: () => [] });
 
+/* eslint-disable @angular-eslint/component-selector */
 class SelectConfigComponent {
     constructor(fb, _DfApiService) {
         this.fb = fb;
@@ -809,7 +1218,7 @@ class SelectConfigComponent {
         this.dataLoaded();
     }
     get formConfiguration() {
-        return this._Entity.get('formConfiguration');
+        return this._Entity?.get('formConfiguration');
     }
     get SelectOptions() {
         return this.formConfiguration.controls['Select.Options'];
@@ -835,11 +1244,16 @@ class SelectConfigComponent {
     }
     AfterInit() {
         return new Promise((resolve, rejects) => {
-            this._Entity.setControl('formConfiguration', this.fb.group(new SelectConfig()));
+            this._Entity?.setControl('formConfiguration', this.fb.group(new SelectConfig()));
             if (this._selected && this._selected.formControlName == this._type) {
-                this._selected.formConfiguration['Select.Options']?.forEach(el => {
+                for (const element of this._selected.formConfiguration['Select.Options']) {
+                    for (const key in element) {
+                        const item = element[key];
+                        const capitalizedKey = key.charAt(0).toUpperCase() + key.slice(1);
+                        element[capitalizedKey] = item;
+                    }
                     this.addSelectOptions();
-                });
+                }
                 this.formConfiguration.patchValue({
                     ...this._selected.formConfiguration,
                 });
@@ -851,20 +1265,25 @@ class SelectConfigComponent {
         });
     }
     textChange(event, index) {
-        let SelectOptionsItem = this.SelectOptions.at(index);
-        let value = event.target.value;
-        if (SelectOptionsItem.get('Value').value)
+        const SelectOptionsItem = this.SelectOptions.at(index);
+        const value = event.target.value;
+        if (SelectOptionsItem.get('Value')?.value)
             return;
         SelectOptionsItem.patchValue({
             Value: this._DfApiService.chineseToPinyin(value),
         });
     }
+    /**调整表格位置 */
+    drop(event) {
+        moveItemInArray(this.SelectOptions.controls, event.previousIndex, event.currentIndex);
+        this.SelectOptions.updateValueAndValidity();
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: SelectConfigComponent, deps: [{ token: i1.FormBuilder }, { token: DfApiService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: SelectConfigComponent, selector: "df-select-config", inputs: { type: "type", selected: "selected", Entity: "Entity" }, viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<form [formGroup]=\"_Entity\">\n    <div formGroupName=\"formConfiguration\">\n        <div class=\"mb-3\">\n            <label class=\"form-label\">{{'DigniteAbpForms::SelectListItem' | abpLocalization}}</label>\n            <table class=\"table\">\n                <thead>\n                    <tr>\n                        <th scope=\"col\">{{'DigniteAbpForms::SelectListItemText' | abpLocalization}}</th>\n                        <th scope=\"col\">{{'DigniteAbpForms::SelectListItemValue' | abpLocalization}}</th>\n                        <th scope=\"col\">{{'DigniteAbpForms::Selected' | abpLocalization}}</th>\n                        <th scope=\"col\" style=\"width: 1%;\">\n                            <button class=\"btn btn-light btn-sm\" (click.stop)=\"addSelectOptions()\">\n                                <i class=\"fas fa-plus-circle\"></i>\n                            </button>\n                        </th>\n                    </tr>\n                </thead>\n                <tbody formArrayName=\"Select.Options\">\n                    <ng-container *ngFor=\"let item of SelectOptions.controls;let i=index\">\n                        <tr [formGroupName]=\"i\">\n                            <td><input type=\"text\" class=\"form-control\" formControlName=\"Text\" (change)=\"textChange($event,i)\"></td>\n                            <td><input type=\"text\" class=\"form-control\" formControlName=\"Value\"></td>\n                            <td>\n                                <div class=\"form-check form-check-inline\">\n                                    <input class=\"form-check-input\" type=\"checkbox\"  formControlName=\"Selected\" id=\"selected\">\n                                </div>\n                            </td>\n                            <td scope=\"row\" style=\"width: 1%;\">\n                                <button class=\"btn btn-light btn-sm\" (click.stop)=\"deleteSelectOptions(i)\">\n                                    <i class=\"fas fa-minus\"></i>\n                                </button>\n                            </td>\n                        </tr> \n                    </ng-container>\n                    \n                    \n                </tbody>\n            </table>\n        </div>\n\n\n\n        <div class=\"mb-3\">\n            <label class=\"form-label\">{{'DigniteAbpForms::NullText' | abpLocalization}}</label>\n            <input type=\"text\" class=\"form-control\" formControlName=\"Select.NullText\">\n        </div>\n        <div class=\"mb-3\">\n            <div class=\"form-check form-check-inline\">\n                <input class=\"form-check-input\" type=\"checkbox\" formControlName=\"Select.Multiple\"\n                    id=\"Multiple\">\n                <label class=\"form-check-label\" for=\"Multiple\">\n                    {{'DigniteAbpForms::Multiple' | abpLocalization}}\n                </label>\n            </div>\n        </div>\n        <button type=\"submit\" (abpInit)=\"submitclick?.nativeElement?.click()\" style=\"display: none;\"\n            #submitclick></button>\n    </div>\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.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][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.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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: i1.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "directive", type: i2.InitDirective, selector: "[abpInit]", outputs: ["abpInit"] }, { kind: "directive", type: i2.StopPropagationDirective, selector: "[click.stop]", outputs: ["click.stop"] }, { kind: "directive", type: i3.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i3.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "pipe", type: i2.LocalizationPipe, name: "abpLocalization" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: SelectConfigComponent, selector: "df-select-config", inputs: { type: "type", selected: "selected", Entity: "Entity" }, viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<form [formGroup]=\"_Entity\">\n    <div formGroupName=\"formConfiguration\">\n        <div class=\"mb-3\">\n            <label class=\"form-label\">{{'AbpDynamicForm::SelectListItem' | abpLocalization}}</label>\n            <table class=\"table drag-table\" cdkDropList (cdkDropListDropped)=\"drop($event)\">\n                <thead>\n                    <tr>\n                        <th scope=\"col\"></th>\n                        <th scope=\"col\">{{'AbpDynamicForm::SelectListItemText' | abpLocalization}}</th>\n                        <th scope=\"col\">{{'AbpDynamicForm::SelectListItemValue' | abpLocalization}}</th>\n                        <th scope=\"col\">{{'AbpDynamicForm::Selected' | abpLocalization}}</th>\n                        <th scope=\"col\" style=\"width: 1%;\">\n                            <button class=\"btn btn-light btn-sm\" type=\"button\" (click.stop)=\"addSelectOptions()\">\n                                <i class=\"fas fa-plus-circle\"></i>\n                            </button>\n                        </th>\n                    </tr>\n                </thead>\n                <tbody formArrayName=\"Select.Options\">\n                    <ng-container *ngFor=\"let item of SelectOptions.controls;let i=index\">\n                        <tr [formGroupName]=\"i\" cdkDrag cdkDragLockAxis=\"y\" [cdkDragData]=\"item\">\n                            <td>\n                                <div class=\"drag-handle\" cdkDragHandle>\n                                    <span class=\"bi bi-arrows-move fs-5\"></span>\n                                </div>\n                            </td>\n                            <td><input type=\"text\" class=\"form-control\" formControlName=\"Text\"\n                                    (change)=\"textChange($event,i)\"></td>\n                            <td><input type=\"text\" class=\"form-control\" formControlName=\"Value\"></td>\n                            <td>\n                                <div class=\"form-check form-check-inline\">\n                                    <input class=\"form-check-input\" type=\"checkbox\" formControlName=\"Selected\"\n                                        id=\"selected\">\n                                </div>\n                            </td>\n                            <td scope=\"row\" style=\"width: 1%;\">\n                                <button class=\"btn btn-light btn-sm\" type=\"button\"  (click.stop)=\"deleteSelectOptions(i)\">\n                                    <i class=\"fas fa-minus\"></i>\n                                </button>\n                            </td>\n                        </tr>\n                    </ng-container>\n                </tbody>\n            </table>\n        </div>\n        <div class=\"mb-3\">\n            <label class=\"form-label\">{{'AbpDynamicForm::NullText' | abpLocalization}}</label>\n            <input type=\"text\" class=\"form-control\" formControlName=\"Select.NullText\">\n        </div>\n        <div class=\"mb-3\">\n            <div class=\"form-check form-check-inline\">\n                <input class=\"form-check-input\" type=\"checkbox\" formControlName=\"Select.Multiple\" id=\"Multiple\">\n                <label class=\"form-check-label\" for=\"Multiple\">\n                    {{'AbpDynamicForm::Multiple' | abpLocalization}}\n                </label>\n            </div>\n        </div>\n        <button type=\"submit\" (abpInit)=\"submitclick?.nativeElement?.click()\" style=\"display: none;\"\n            #submitclick></button>\n    </div>\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.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][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.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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: i1.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "directive", type: i2.InitDirective, selector: "[abpInit]", outputs: ["abpInit"] }, { kind: "directive", type: i2.StopPropagationDirective, selector: "[click.stop]", outputs: ["click.stop"] }, { kind: "directive", type: i3.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i3.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "directive", type: i6.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i6.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i6.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "pipe", type: i2.LocalizationPipe, name: "abpLocalization" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: SelectConfigComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'df-select-config', template: "<form [formGroup]=\"_Entity\">\n    <div formGroupName=\"formConfiguration\">\n        <div class=\"mb-3\">\n            <label class=\"form-label\">{{'DigniteAbpForms::SelectListItem' | abpLocalization}}</label>\n            <table class=\"table\">\n                <thead>\n                    <tr>\n                        <th scope=\"col\">{{'DigniteAbpForms::SelectListItemText' | abpLocalization}}</th>\n                        <th scope=\"col\">{{'DigniteAbpForms::SelectListItemValue' | abpLocalization}}</th>\n                        <th scope=\"col\">{{'DigniteAbpForms::Selected' | abpLocalization}}</th>\n                        <th scope=\"col\" style=\"width: 1%;\">\n                            <button class=\"btn btn-light btn-sm\" (click.stop)=\"addSelectOptions()\">\n                                <i class=\"fas fa-plus-circle\"></i>\n                            </button>\n                        </th>\n                    </tr>\n                </thead>\n                <tbody formArrayName=\"Select.Options\">\n                    <ng-container *ngFor=\"let item of SelectOptions.controls;let i=index\">\n                        <tr [formGroupName]=\"i\">\n                            <td><input type=\"text\" class=\"form-control\" formControlName=\"Text\" (change)=\"textChange($event,i)\"></td>\n                            <td><input type=\"text\" class=\"form-control\" formControlName=\"Value\"></td>\n                            <td>\n                                <div class=\"form-check form-check-inline\">\n                                    <input class=\"form-check-input\" type=\"checkbox\"  formControlName=\"Selected\" id=\"selected\">\n                                </div>\n                            </td>\n                            <td scope=\"row\" style=\"width: 1%;\">\n                                <button class=\"btn btn-light btn-sm\" (click.stop)=\"deleteSelectOptions(i)\">\n                                    <i class=\"fas fa-minus\"></i>\n                                </button>\n                            </td>\n                        </tr> \n                    </ng-container>\n                    \n                    \n                </tbody>\n            </table>\n        </div>\n\n\n\n        <div class=\"mb-3\">\n            <label class=\"form-label\">{{'DigniteAbpForms::NullText' | abpLocalization}}</label>\n            <input type=\"text\" class=\"form-control\" formControlName=\"Select.NullText\">\n        </div>\n        <div class=\"mb-3\">\n            <div class=\"form-check form-check-inline\">\n                <input class=\"form-check-input\" type=\"checkbox\" formControlName=\"Select.Multiple\"\n                    id=\"Multiple\">\n                <label class=\"form-check-label\" for=\"Multiple\">\n                    {{'DigniteAbpForms::Multiple' | abpLocalization}}\n                </label>\n            </div>\n        </div>\n        <button type=\"submit\" (abpInit)=\"submitclick?.nativeElement?.click()\" style=\"display: none;\"\n            #submitclick></button>\n    </div>\n</form>" }]
+            args: [{ selector: 'df-select-config', template: "<form [formGroup]=\"_Entity\">\n    <div formGroupName=\"formConfiguration\">\n        <div class=\"mb-3\">\n            <label class=\"form-label\">{{'AbpDynamicForm::SelectListItem' | abpLocalization}}</label>\n            <table class=\"table drag-table\" cdkDropList (cdkDropListDropped)=\"drop($event)\">\n                <thead>\n                    <tr>\n                        <th scope=\"col\"></th>\n                        <th scope=\"col\">{{'AbpDynamicForm::SelectListItemText' | abpLocalization}}</th>\n                        <th scope=\"col\">{{'AbpDynamicForm::SelectListItemValue' | abpLocalization}}</th>\n                        <th scope=\"col\">{{'AbpDynamicForm::Selected' | abpLocalization}}</th>\n                        <th scope=\"col\" style=\"width: 1%;\">\n                            <button class=\"btn btn-light btn-sm\" type=\"button\" (click.stop)=\"addSelectOptions()\">\n                                <i class=\"fas fa-plus-circle\"></i>\n                            </button>\n                        </th>\n                    </tr>\n                </thead>\n                <tbody formArrayName=\"Select.Options\">\n                    <ng-container *ngFor=\"let item of SelectOptions.controls;let i=index\">\n                        <tr [formGroupName]=\"i\" cdkDrag cdkDragLockAxis=\"y\" [cdkDragData]=\"item\">\n                            <td>\n                                <div class=\"drag-handle\" cdkDragHandle>\n                                    <span class=\"bi bi-arrows-move fs-5\"></span>\n                                </div>\n                            </td>\n                            <td><input type=\"text\" class=\"form-control\" formControlName=\"Text\"\n                                    (change)=\"textChange($event,i)\"></td>\n                            <td><input type=\"text\" class=\"form-control\" formControlName=\"Value\"></td>\n                            <td>\n                                <div class=\"form-check form-check-inline\">\n                                    <input class=\"form-check-input\" type=\"checkbox\" formControlName=\"Selected\"\n                                        id=\"selected\">\n                                </div>\n                            </td>\n                            <td scope=\"row\" style=\"width: 1%;\">\n                                <button class=\"btn btn-light btn-sm\" type=\"button\"  (click.stop)=\"deleteSelectOptions(i)\">\n                                    <i class=\"fas fa-minus\"></i>\n                                </button>\n                            </td>\n                        </tr>\n                    </ng-container>\n                </tbody>\n            </table>\n        </div>\n        <div class=\"mb-3\">\n            <label class=\"form-label\">{{'AbpDynamicForm::NullText' | abpLocalization}}</label>\n            <input type=\"text\" class=\"form-control\" formControlName=\"Select.NullText\">\n        </div>\n        <div class=\"mb-3\">\n            <div class=\"form-check form-check-inline\">\n                <input class=\"form-check-input\" type=\"checkbox\" formControlName=\"Select.Multiple\" id=\"Multiple\">\n                <label class=\"form-check-label\" for=\"Multiple\">\n                    {{'AbpDynamicForm::Multiple' | abpLocalization}}\n                </label>\n            </div>\n        </div>\n        <button type=\"submit\" (abpInit)=\"submitclick?.nativeElement?.click()\" style=\"display: none;\"\n            #submitclick></button>\n    </div>\n</form>" }]
         }], ctorParameters: () => [{ type: i1.FormBuilder }, { type: DfApiService }], propDecorators: { type: [{
                 type: Input
             }], selected: [{
@@ -876,11 +1295,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImpor
                 args: ['submitclick', { static: true }]
             }] } });
 
+/* eslint-disable @angular-eslint/component-selector */
 class SelectControlComponent {
     constructor(fb) {
         this.fb = fb;
         /**字段配置列表 */
         this._fields = '';
+        /**父级字段名称，用于为表单设置控件赋值 */
+        this._selected = [];
         this.cdr = inject(ChangeDetectorRef);
         this.formConfiguration = '';
     }
@@ -891,14 +1313,14 @@ class SelectControlComponent {
         this._parentFiledName = v;
     }
     set selected(v) {
-        this._selected = v;
+        this._selected = v || [];
     }
     set entity(v) {
         this._entity = v;
         this.dataLoaded();
     }
     get extraProperties() {
-        return this._entity.get('extraProperties');
+        return this._entity?.get('extraProperties');
     }
     /**数据加载完成 */
     async dataLoaded() {
@@ -910,24 +1332,28 @@ class SelectControlComponent {
     }
     AfterInit() {
         return new Promise((resolve, rejects) => {
-            let ValidatorsArray = [];
+            const ValidatorsArray = [];
             if (this._fields.required) {
                 ValidatorsArray.push(Validators.required);
             }
             this.formConfiguration = this._fields.field.formConfiguration;
-            if (!this._selected) {
-                const isMultiple = this.formConfiguration['Select.Multiple'];
-                let selectValue = isMultiple ? [] : '';
-                this.formConfiguration['Select.Options'].forEach(el => {
-                    if (el.Selected) {
-                        selectValue = isMultiple
-                            ? [...selectValue, el.value || el.Value]
-                            : [el.value || el.Value];
+            const isMultiple = this.formConfiguration['Select.Multiple'];
+            let selectValue = isMultiple ? [] : [];
+            for (const element of this.formConfiguration['Select.Options']) {
+                for (const key in element) {
+                    const item = element[key];
+                    const capitalizedKey = key.charAt(0).toUpperCase() + key.slice(1);
+                    element[capitalizedKey] = item;
+                }
+                if (!this._selected) {
+                    if (Array.isArray(this._selected) && element.Selected && this._selected.length === 0) {
+                        selectValue = isMultiple ? [...selectValue, element.Value] : [element.Value];
+                        this._selected = selectValue;
                     }
-                });
-                this._selected = selectValue;
+                }
             }
-            let newControl = this.fb.control(this._selected, ValidatorsArray);
+            // this._selected = selectValue;
+            const newControl = this.fb.control(this._selected, ValidatorsArray);
             this.extraProperties.setControl(this._fields.field.name, newControl);
             resolve(true);
         });
@@ -938,11 +1364,98 @@ class SelectControlComponent {
         this.extraProperties.removeControl(this._fields.field.name);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: SelectControlComponent, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: SelectControlComponent, selector: "df-select-control", 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\">\n    <div formGroupName=\"extraProperties\">\n        <div class=\"mb-3\">\n            <label class=\"form-label\"  *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\n            <ng-container *ngIf=\"formConfiguration['Select.Multiple']; else elseTemplate\">\n                <select class=\"form-select\" multiple formControlName=\"{{_fields.field.name}}\">\n                    <ng-container *ngFor=\"let item of _fields.field.formConfiguration['Select.Options'];let i =index\">\n                        <option [value]=\"item.Value\">{{item.Text}}</option>\n                    </ng-container>\n                </select>\n            </ng-container>\n            <ng-template #elseTemplate>\n                <select class=\"form-select\" [multiple]=\"false\"\n                    formControlName=\"{{_fields.field.name}}\">\n                    <option>{{formConfiguration['Select.NullText']}}</option>\n                    <ng-container *ngFor=\"let item of _fields.field.formConfiguration['Select.Options'];let i =index\">\n                        <option [value]=\"item.Value\" >{{item.Text}}</option>\n                    </ng-container>\n                </select>\n            </ng-template>\n            <small class=\"form-text text-muted d-block\" *ngIf=\"_fields.field.description\">{{_fields.field.description}}</small>\n        </div>\n\n    </div>\n    <button type=\"submit\" style=\"display: none;\" #submitclick></button>\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"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: SelectControlComponent, selector: "df-select-control", 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\">\n    <div formGroupName=\"extraProperties\" class=\"selectcontrol\">\n        <div class=\"mb-3\">\n            <label class=\"form-label\" *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\n            <ng-container *ngIf=\"formConfiguration['Select.Multiple']; else elseTemplate\">\n                <nz-select class=\"form-select dignite-form-select\" [nzMaxTagCount]=\"1\"\n                    nzShowSearch nzMode=\"multiple\"  [nzPlaceHolder]=\"_fields.field.formConfiguration['Select.NullText']\"\n                    formControlName=\"{{_fields.field.name}}\" [nzDropdownMatchSelectWidth]=\"true\" [nzDropdownClassName]=\"'dignite-form-select-dropdown'\">\n                    <nz-option *ngFor=\"let item of _fields?.field?.formConfiguration['Select.Options']\"\n                        [nzLabel]=\"item.Text\" [nzValue]=\"item.Value\"></nz-option>\n                </nz-select>\n            </ng-container>\n            <ng-template #elseTemplate>\n                <select class=\"form-select\" [multiple]=\"false\" formControlName=\"{{_fields.field.name}}\">\n                    <option [value]=\"''\">{{formConfiguration['Select.NullText']}}</option>\n                    <ng-container *ngFor=\"let item of _fields?.field?.formConfiguration['Select.Options'];let i =index\">\n                        <option [value]=\"item.Value\">{{item.Text}}</option>\n                    </ng-container>\n                </select>\n            </ng-template>\n            <small class=\"form-text text-muted d-block\"\n                *ngIf=\"_fields.field.description\">{{_fields.field.description}}</small>\n        </div>\n\n    </div>\n    <button type=\"submit\" style=\"display: none;\" #submitclick></button>\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: SelectControlComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'df-select-control', template: "<form [formGroup]=\"_entity\">\n    <div formGroupName=\"extraProperties\">\n        <div class=\"mb-3\">\n            <label class=\"form-label\"  *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\n            <ng-container *ngIf=\"formConfiguration['Select.Multiple']; else elseTemplate\">\n                <select class=\"form-select\" multiple formControlName=\"{{_fields.field.name}}\">\n                    <ng-container *ngFor=\"let item of _fields.field.formConfiguration['Select.Options'];let i =index\">\n                        <option [value]=\"item.Value\">{{item.Text}}</option>\n                    </ng-container>\n                </select>\n            </ng-container>\n            <ng-template #elseTemplate>\n                <select class=\"form-select\" [multiple]=\"false\"\n                    formControlName=\"{{_fields.field.name}}\">\n                    <option>{{formConfiguration['Select.NullText']}}</option>\n                    <ng-container *ngFor=\"let item of _fields.field.formConfiguration['Select.Options'];let i =index\">\n                        <option [value]=\"item.Value\" >{{item.Text}}</option>\n                    </ng-container>\n                </select>\n            </ng-template>\n            <small class=\"form-text text-muted d-block\" *ngIf=\"_fields.field.description\">{{_fields.field.description}}</small>\n        </div>\n\n    </div>\n    <button type=\"submit\" style=\"display: none;\" #submitclick></button>\n</form>" }]
+            args: [{ selector: 'df-select-control', template: "<form [formGroup]=\"_entity\">\n    <div formGroupName=\"extraProperties\" class=\"selectcontrol\">\n        <div class=\"mb-3\">\n            <label class=\"form-label\" *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\n            <ng-container *ngIf=\"formConfiguration['Select.Multiple']; else elseTemplate\">\n                <nz-select class=\"form-select dignite-form-select\" [nzMaxTagCount]=\"1\"\n                    nzShowSearch nzMode=\"multiple\"  [nzPlaceHolder]=\"_fields.field.formConfiguration['Select.NullText']\"\n                    formControlName=\"{{_fields.field.name}}\" [nzDropdownMatchSelectWidth]=\"true\" [nzDropdownClassName]=\"'dignite-form-select-dropdown'\">\n                    <nz-option *ngFor=\"let item of _fields?.field?.formConfiguration['Select.Options']\"\n                        [nzLabel]=\"item.Text\" [nzValue]=\"item.Value\"></nz-option>\n                </nz-select>\n            </ng-container>\n            <ng-template #elseTemplate>\n                <select class=\"form-select\" [multiple]=\"false\" formControlName=\"{{_fields.field.name}}\">\n                    <option [value]=\"''\">{{formConfiguration['Select.NullText']}}</option>\n                    <ng-container *ngFor=\"let item of _fields?.field?.formConfiguration['Select.Options'];let i =index\">\n                        <option [value]=\"item.Value\">{{item.Text}}</option>\n                    </ng-container>\n                </select>\n            </ng-template>\n            <small class=\"form-text text-muted d-block\"\n                *ngIf=\"_fields.field.description\">{{_fields.field.description}}</small>\n        </div>\n\n    </div>\n    <button type=\"submit\" style=\"display: none;\" #submitclick></button>\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 }]
+            }] } });
+
+/* eslint-disable @angular-eslint/component-selector */
+class SelectSearchComponent {
+    constructor(fb) {
+        this.fb = fb;
+        /**字段配置列表 */
+        this._fields = '';
+        this.cdr = inject(ChangeDetectorRef);
+        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();
+        }
+    }
+    AfterInit() {
+        return new Promise((resolve, rejects) => {
+            const ValidatorsArray = [];
+            this.formConfiguration = this._fields.field.formConfiguration;
+            const isMultiple = this.formConfiguration['Select.Multiple'];
+            const selectValue = isMultiple ? [] : [];
+            for (const element of this.formConfiguration['Select.Options']) {
+                for (const key in element) {
+                    const item = element[key];
+                    const capitalizedKey = key.charAt(0).toUpperCase() + key.slice(1);
+                    element[capitalizedKey] = item;
+                }
+                // if (this._selected) {
+                //   if (Array.isArray(this._selected) && element.Selected && this._selected.length === 0) {
+                //     selectValue = isMultiple ? [...selectValue, element.Value] : [element.Value];
+                //   }
+                // }
+            }
+            this._selected = selectValue;
+            const newControl = this.fb.control(this._selected, ValidatorsArray);
+            this.extraProperties.setControl(this._fields.field.name, newControl);
+            resolve(true);
+        });
+    }
+    changeValue(event) {
+        const selectvalue = this.extraProperties.get(this._fields.field.name).value;
+        if (selectvalue[0] === '') {
+            this.extraProperties.get(this._fields.field.name).setValue([]);
+        }
+    }
+    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: 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"] }] }); }
+}
+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>" }]
         }], ctorParameters: () => [{ type: i1.FormBuilder }], propDecorators: { fields: [{
                 type: Input
             }], parentFiledName: [{
@@ -956,6 +1469,47 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImpor
                 args: ['submitclick', { static: true }]
             }] } });
 
+class SelectViewComponent {
+    constructor() {
+        /**展示则内容 */
+        this.showValue = '';
+        /**是否显示再列表 */
+        this.showInList = false;
+        /**表单控件Value */
+        this._value = '';
+    }
+    set value(v) {
+        this._value = v;
+    }
+    async ngAfterContentInit() {
+        //Called after ngOnInit when the component's or directive's content has been initialized.
+        //Add 'implements AfterContentInit' to the class.
+        let valueOptions = this._value;
+        if (this.type && valueOptions) {
+            if (Array.isArray(valueOptions)) {
+                this.showValue = valueOptions.join(',');
+            }
+            else {
+                this.showValue = valueOptions;
+            }
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: SelectViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.5", type: SelectViewComponent, selector: "df-select-view", inputs: { showInList: "showInList", fields: "fields", type: "type", value: "value" }, ngImport: i0, template: "@if(showInList){\r\n{{showValue}}\r\n} @else{\r\n<div class=\"mb-3\">\r\n    <label class=\"form-label\" *ngIf=\"fields.displayName\">{{ fields.displayName }}</label>\r\n    <div>\r\n        {{showValue}}\r\n    </div>\r\n</div>\r\n}", styles: [""], dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: SelectViewComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'df-select-view', template: "@if(showInList){\r\n{{showValue}}\r\n} @else{\r\n<div class=\"mb-3\">\r\n    <label class=\"form-label\" *ngIf=\"fields.displayName\">{{ fields.displayName }}</label>\r\n    <div>\r\n        {{showValue}}\r\n    </div>\r\n</div>\r\n}" }]
+        }], propDecorators: { showInList: [{
+                type: Input
+            }], fields: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }] } });
+
 // import { CkEditorConfigComponent, CkEditorControlComponent } from "./ck-editor";
 /**
  * 表单控件分组-包含配置，控件，显示的数组
@@ -966,42 +1520,55 @@ const FieldControlGroup = [
         name: 'TextEdit',
         fieldConfigComponent: TextEditConfigComponent,
         fieldComponent: TextEditComponent,
-        // fieldViewComponent:TextBoxViewComponent,
+        fieldViewComponent: TextEditViewComponent,
+        fieldSearchComponent: TextEditSearchComponent,
     },
     {
         displayName: '开关',
         name: 'Switch',
         fieldConfigComponent: SwitchConfigComponent,
         fieldComponent: SwitchControlComponent,
-        // fieldViewComponent:TextBoxViewComponent,
+        fieldViewComponent: SwitchViewComponent,
+        fieldSearchComponent: SwitchSearchComponent,
     },
     {
         displayName: '选择',
         name: 'Select',
         fieldConfigComponent: SelectConfigComponent,
         fieldComponent: SelectControlComponent,
-        // fieldViewComponent:TextBoxViewComponent,
+        fieldViewComponent: SelectViewComponent,
+        fieldSearchComponent: SelectSearchComponent,
     },
     {
         displayName: '数字',
         name: 'NumericEdit',
         fieldConfigComponent: NumbericEditConfigComponent,
         fieldComponent: NumbericEditControlComponent,
-        // fieldViewComponent:TextBoxViewComponent,
+        fieldViewComponent: NumericEditViewComponent,
+        fieldSearchComponent: NumericEditSearchComponent,
     },
     {
         displayName: '日期',
         name: 'DateEdit',
         fieldConfigComponent: DateEditConfigComponent,
         fieldComponent: DateEditControlComponent,
-        // fieldViewComponent:TextBoxViewComponent,
+        fieldViewComponent: DateEditViewComponent,
     },
 ];
 function AddFieldControlGroup(array = []) {
-    FieldControlGroup.push(...array);
+    for (const element of array) {
+        const find = FieldControlGroup.find((control) => {
+            return control.name === element.name;
+        });
+        if (!find) {
+            FieldControlGroup.push(element);
+        }
+    }
     return FieldControlGroup;
 }
 
+/* eslint-disable no-unsafe-optional-chaining */
+/* eslint-disable @angular-eslint/component-selector */
 class DynamicComponent {
     set selected(v) {
         this._selected = v === undefined ? '' : v === null ? '' : v;
@@ -1033,19 +1600,16 @@ class DynamicComponent {
     }
     /**数据加载完成 */
     async dataLoaded(val) {
-        // let _fieldControlGroup:any[] = FieldControlGroup;
-        let _fieldControlGroup = AddFieldControlGroup(this.mergedConfig);
-        console.log(this.mergedConfig, 'mergedConfig', _fieldControlGroup);
-        // let _fieldControlGroup:any[] = new Array(...await getExcludeAssignControl());
+        const _fieldControlGroup = AddFieldControlGroup(this.mergedConfig);
         if (this._entity) {
             //加载所有的动态表单组件
             if (this._type) {
-                let fieldControlItem = _fieldControlGroup.find(el => el.name === this._type);
+                const 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);
+                const fieldControlItem = _fieldControlGroup.find(el => el.name === this._fields?.field?.formControlName);
                 this.loadfieldComponent(fieldControlItem);
             }
         }
@@ -1080,11 +1644,11 @@ class DynamicComponent {
         instance.entity = this._entity;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: DynamicComponent, deps: [{ token: 'MERGED_FORM_CONFIG' }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: DynamicComponent, selector: "df-dynamic", inputs: { selected: "selected", type: "type", culture: "culture", parentFiledName: "parentFiledName", fields: "fields", entity: "entity" }, viewQueries: [{ propertyName: "FormControlRef", first: true, predicate: ["FormControlRef"], descendants: true, read: ViewContainerRef, static: true }, { propertyName: "FormComponentsRef", first: true, predicate: ["FormComponentsRef"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: "<template #FormControlRef></template>\n<template #FormComponentsRef></template>", styles: [""] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: DynamicComponent, selector: "df-dynamic", inputs: { selected: "selected", type: "type", culture: "culture", parentFiledName: "parentFiledName", fields: "fields", entity: "entity" }, viewQueries: [{ propertyName: "FormControlRef", first: true, predicate: ["FormControlRef"], descendants: true, read: ViewContainerRef, static: true }, { propertyName: "FormComponentsRef", first: true, predicate: ["FormComponentsRef"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: "\n<div [formGroup]=\"_entity\">\n    <template #FormControlRef></template>\n    <template #FormComponentsRef></template>\n</div>\n\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: DynamicComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'df-dynamic', template: "<template #FormControlRef></template>\n<template #FormComponentsRef></template>" }]
+            args: [{ selector: 'df-dynamic', template: "\n<div [formGroup]=\"_entity\">\n    <template #FormControlRef></template>\n    <template #FormComponentsRef></template>\n</div>\n\n" }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
                     args: ['MERGED_FORM_CONFIG']
@@ -1108,6 +1672,170 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImpor
                 args: ['FormComponentsRef', { read: ViewContainerRef, static: true }]
             }] } });
 
+class FormControlService {
+    constructor(mergedConfig) {
+        this.mergedConfig = mergedConfig;
+        this._FieldControlGroup = FieldControlGroup;
+    }
+    AddFieldControlGroup() {
+        let array = this.mergedConfig;
+        for (const element of array) {
+            let find = FieldControlGroup.find(control => {
+                return control.name === element.name;
+            });
+            if (!find) {
+                FieldControlGroup.push(element);
+            }
+        }
+        return FieldControlGroup;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: FormControlService, deps: [{ token: 'MERGED_FORM_CONFIG' }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: FormControlService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: FormControlService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: ['MERGED_FORM_CONFIG']
+                }] }] });
+
+class DynamicViewComponent {
+    constructor(_FormControlService) {
+        this._FormControlService = _FormControlService;
+        /**是否显示再列表 */
+        this.showInList = false;
+        /**表单控件Value */
+        this._value = '';
+    }
+    set value(v) {
+        this._value = v;
+        // if(this._value) this.dataLoaded();
+    }
+    ngAfterContentInit() {
+        //Called after ngOnInit when the component's or directive's content has been initialized.
+        //Add 'implements AfterContentInit' to the class.
+        if (this.type && this._value !== '') {
+            let _fieldControlGroup = this._FormControlService.AddFieldControlGroup();
+            let fieldControlItem = _fieldControlGroup.find(el => el.name === this.type);
+            this.loadViewComponent(fieldControlItem);
+        }
+    }
+    /**加载动态展示组件 */
+    loadViewComponent(FieldControlItem) {
+        //清空了容器中的所有组件
+        this.FormTemplateRef?.clear();
+        if (!FieldControlItem || !FieldControlItem.fieldViewComponent)
+            return;
+        //在容器中创建组件
+        const { instance } = this.FormTemplateRef?.createComponent(FieldControlItem.fieldViewComponent); //创建组件模板
+        /**向创建的组件模板中传值 */
+        instance.type = this.type;
+        instance.value = this._value;
+        instance.fields = this.fields;
+        instance.showInList = this.showInList;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: DynamicViewComponent, deps: [{ token: FormControlService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: DynamicViewComponent, selector: "df-dynamic-view", inputs: { showInList: "showInList", fields: "fields", type: "type", value: "value" }, viewQueries: [{ propertyName: "FormTemplateRef", first: true, predicate: ["FormTemplateRef"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: "<template #FormTemplateRef></template>", styles: [""] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: DynamicViewComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'df-dynamic-view', template: "<template #FormTemplateRef></template>" }]
+        }], ctorParameters: () => [{ type: FormControlService }], propDecorators: { showInList: [{
+                type: Input
+            }], fields: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], FormTemplateRef: [{
+                type: ViewChild,
+                args: ['FormTemplateRef', { read: ViewContainerRef, static: true }]
+            }] } });
+
+class DynamicConfigComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: DynamicConfigComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: DynamicConfigComponent, selector: "df-dynamic-config", ngImport: i0, template: "<p>dynamic-config works!</p>\r\n", styles: [""] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: DynamicConfigComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'df-dynamic-config', template: "<p>dynamic-config works!</p>\r\n" }]
+        }] });
+
+class DynamicControlComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: DynamicControlComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: DynamicControlComponent, selector: "df-dynamic-control", ngImport: i0, template: "<p>dynamic-control works!</p>\r\n", styles: [""] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: DynamicControlComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'df-dynamic-control', template: "<p>dynamic-control works!</p>\r\n" }]
+        }] });
+
+class DynamicSearchComponent {
+    constructor(_FormControlService) {
+        this._FormControlService = _FormControlService;
+        /**字段配置列表 */
+        this._fields = '';
+    }
+    set culture(v) {
+        this._culture = v;
+    }
+    set parentFiledName(v) {
+        this._parentFiledName = v;
+    }
+    set fields(v) {
+        this._fields = v;
+    }
+    set entity(v) {
+        if (v) {
+            this._entity = v;
+        }
+    }
+    ngAfterContentInit() {
+        //Called after ngOnInit when the component's or directive's content has been initialized.
+        //Add 'implements AfterContentInit' to the class.
+        if (this._fields && this._entity && this._culture) {
+            let _fieldControlGroup = this._FormControlService.AddFieldControlGroup();
+            let fieldControlItem = _fieldControlGroup.find(el => el.name === this._fields?.field?.formControlName);
+            this.loadComponent(fieldControlItem);
+        }
+    }
+    /**加载动态展示组件 */
+    loadComponent(FieldControlItem) {
+        //清空了容器中的所有组件
+        this.FormSearchTemplateRef?.clear();
+        if (!FieldControlItem || !FieldControlItem.fieldSearchComponent)
+            return;
+        //在容器中创建组件
+        const { instance } = this.FormSearchTemplateRef?.createComponent(FieldControlItem.fieldSearchComponent); //创建组件模板
+        /**向创建的组件模板中传值 */
+        instance.fields = this._fields;
+        instance.parentFiledName = this._parentFiledName;
+        instance.culture = this._culture;
+        instance.entity = this._entity;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: DynamicSearchComponent, deps: [{ token: FormControlService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: DynamicSearchComponent, selector: "df-dynamic-search", inputs: { culture: "culture", parentFiledName: "parentFiledName", fields: "fields", entity: "entity" }, viewQueries: [{ propertyName: "FormSearchTemplateRef", first: true, predicate: ["FormSearchTemplateRef"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: "<template #FormSearchTemplateRef></template>", styles: [""] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: DynamicSearchComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'df-dynamic-search', template: "<template #FormSearchTemplateRef></template>" }]
+        }], ctorParameters: () => [{ type: FormControlService }], propDecorators: { culture: [{
+                type: Input
+            }], parentFiledName: [{
+                type: Input
+            }], fields: [{
+                type: Input
+            }], entity: [{
+                type: Input
+            }], FormSearchTemplateRef: [{
+                type: ViewChild,
+                args: ['FormSearchTemplateRef', { read: ViewContainerRef, static: true }]
+            }] } });
+
 class DynamicFormModule {
     static forRoot(config) {
         return {
@@ -1126,26 +1854,60 @@ class DynamicFormModule {
             DateEditControlComponent,
             SelectConfigComponent,
             SelectControlComponent,
-            DynamicComponent], imports: [FormsModule,
+            DynamicComponent,
+            DynamicConfigComponent,
+            DynamicViewComponent,
+            DynamicControlComponent,
+            SelectViewComponent,
+            SwitchViewComponent,
+            TextEditViewComponent,
+            DateEditViewComponent,
+            NumericEditViewComponent,
+            DynamicSearchComponent,
+            SelectSearchComponent,
+            TextEditSearchComponent,
+            SwitchSearchComponent,
+            NumericEditSearchComponent], imports: [FormsModule,
             CoreModule,
             ThemeSharedModule,
             ReactiveFormsModule,
-            NgbDropdownModule], exports: [TextEditConfigComponent,
+            NgbDropdownModule,
+            NzSelectModule,
+            DragDropModule,
+            NgbDatepickerModule,
+            ExtensibleModule
+            // NzTreeModule,
+        ], exports: [TextEditConfigComponent,
             TextEditComponent,
+            TextEditViewComponent,
             SwitchConfigComponent,
             SwitchControlComponent,
+            SwitchViewComponent,
             NumbericEditConfigComponent,
             NumbericEditControlComponent,
             DateEditConfigComponent,
             DateEditControlComponent,
+            DateEditViewComponent,
             SelectConfigComponent,
             SelectControlComponent,
-            DynamicComponent] }); }
+            SelectViewComponent,
+            SelectSearchComponent,
+            DynamicComponent,
+            DynamicConfigComponent,
+            DynamicViewComponent,
+            DynamicControlComponent,
+            DynamicSearchComponent] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: DynamicFormModule, imports: [FormsModule,
             CoreModule,
             ThemeSharedModule,
             ReactiveFormsModule,
-            NgbDropdownModule] }); }
+            NgbDropdownModule,
+            NzSelectModule,
+            DragDropModule,
+            NgbDatepickerModule,
+            ExtensibleModule
+            // NzTreeModule,
+        ] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: DynamicFormModule, decorators: [{
             type: NgModule,
@@ -1162,6 +1924,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImpor
                         SelectConfigComponent,
                         SelectControlComponent,
                         DynamicComponent,
+                        DynamicConfigComponent,
+                        DynamicViewComponent,
+                        DynamicControlComponent,
+                        SelectViewComponent,
+                        SwitchViewComponent,
+                        TextEditViewComponent,
+                        DateEditViewComponent,
+                        NumericEditViewComponent,
+                        DynamicSearchComponent,
+                        SelectSearchComponent,
+                        TextEditSearchComponent,
+                        SwitchSearchComponent,
+                        NumericEditSearchComponent,
                     ],
                     imports: [
                         FormsModule,
@@ -1169,20 +1944,33 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImpor
                         ThemeSharedModule,
                         ReactiveFormsModule,
                         NgbDropdownModule,
+                        NzSelectModule,
+                        DragDropModule,
+                        NgbDatepickerModule,
+                        ExtensibleModule
                         // NzTreeModule,
                     ],
                     exports: [
                         TextEditConfigComponent,
                         TextEditComponent,
+                        TextEditViewComponent,
                         SwitchConfigComponent,
                         SwitchControlComponent,
+                        SwitchViewComponent,
                         NumbericEditConfigComponent,
                         NumbericEditControlComponent,
                         DateEditConfigComponent,
                         DateEditControlComponent,
+                        DateEditViewComponent,
                         SelectConfigComponent,
                         SelectControlComponent,
+                        SelectViewComponent,
+                        SelectSearchComponent,
                         DynamicComponent,
+                        DynamicConfigComponent,
+                        DynamicViewComponent,
+                        DynamicControlComponent,
+                        DynamicSearchComponent
                     ],
                     providers: [],
                 }]
@@ -1196,5 +1984,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AddFieldControlGroup, DateEditConfigComponent, DateEditControlComponent, DynamicComponent, DynamicFormModule, FieldControlGroup, NumbericEditConfigComponent, NumbericEditControlComponent, SelectConfigComponent, SelectControlComponent, SwitchConfigComponent, SwitchControlComponent, TextEditComponent, TextEditConfig, TextEditConfigComponent, maxDecimalPlacesValidator };
+export { AddFieldControlGroup, DateEditConfigComponent, DateEditControlComponent, DateEditViewComponent, DynamicComponent, DynamicConfigComponent, DynamicControlComponent, DynamicFormModule, DynamicSearchComponent, DynamicViewComponent, FieldControlGroup, NumbericEditConfigComponent, NumbericEditControlComponent, SelectConfigComponent, SelectControlComponent, SelectSearchComponent, SelectViewComponent, SwitchConfigComponent, SwitchControlComponent, SwitchSearchComponent, SwitchViewComponent, TextEditComponent, TextEditConfig, TextEditConfigComponent, TextEditSearchComponent, TextEditViewComponent, maxDecimalPlacesValidator };
 //# sourceMappingURL=dignite-ng-expand.dynamic-form.mjs.map