@dignite-ng/expand.dynamic-form 3.0.0-rc.49 → 3.0.0-rc.50

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

@@ -9,7 +9,6 @@ import { NgbDropdownModule, NgbDatepickerModule } from '@ng-bootstrap/ng-bootstr
 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';
@@ -17,20 +16,13 @@ import { NzSelectModule } from 'ng-zorro-antd/select';
 import { ExtensibleModule } from '@abp/ng.components/extensible';
 
 class TextEditConfig {
-    constructor(data) {
+    constructor() {
         /**占位符 */
-        this['TextEdit.Placeholder'] = ['', []];
+        this['TextEdit.Placeholder'] = [''];
         //字段类型，单行文本，多行文本
-        this['TextEdit.Mode'] = [0, []];
+        this['TextEdit.Mode'] = [0];
         // 字数限制
-        this['TextEdit.CharLimit'] = ['265', []];
-        if (data) {
-            for (const key in data) {
-                if (data.hasOwnProperty(key)) {
-                    this[key] = data[key];
-                }
-            }
-        }
+        this['TextEdit.CharLimit'] = ['265'];
     }
 }
 
@@ -47,16 +39,16 @@ 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);
+        this.cdr = inject(ChangeDetectorRef);
     }
     set type(v) {
-        this._type = v;
+        this.formControlName = v;
         this.dataLoaded();
     }
     set Entity(v) {
-        this._Entity = v;
+        this.formEntity = v;
         this.dataLoaded();
     }
     set selected(v) {
@@ -64,19 +56,19 @@ class TextEditConfigComponent {
         this.dataLoaded();
     }
     get formConfiguration() {
-        return this._Entity.get('formConfiguration');
+        return this.formEntity.get('formConfiguration');
     }
     async dataLoaded() {
-        if (this._Entity && this._type) {
+        if (this.formEntity && this.formControlName) {
             await this.AfterInit();
-            this.cdr.detectChanges(); // 手动触发变更检测
-            // this.submitclick?.nativeElement?.click();
         }
     }
     AfterInit() {
         return new Promise((resolve, rejects) => {
-            this._Entity.setControl('formConfiguration', this.fb.group(new TextEditConfig()));
-            if (this._selected && this._selected.formControlName == this._type) {
+            this.formEntity.setControl('formConfiguration', this.fb.group(new TextEditConfig()));
+            this.cdr.detectChanges(); // 手动触发变更检测
+            this.submitclick?.nativeElement?.click();
+            if (this._selected && this._selected.formControlName == this.formControlName) {
                 this.formConfiguration.patchValue({
                     ...this._selected.formConfiguration,
                 });
@@ -85,11 +77,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: "<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" }] }); }
+    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]=\"formEntity\">\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\"  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: 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: "<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>" }]
+            args: [{ selector: 'df-text-edit-config', template: "<form [formGroup]=\"formEntity\">\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\"  style=\"display: none;\" #submitclick></button>\n    </div>\n</form>" }]
         }], ctorParameters: () => [{ type: i1.FormBuilder }], propDecorators: { type: [{
                 type: Input
             }], Entity: [{
@@ -293,19 +285,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImpor
             }] } });
 
 class SwitchConfig {
-    constructor(data) {
+    constructor() {
         /**默认值 */
-        this['Switch.Default'] = [false, []];
-        if (data) {
-            for (const key in data) {
-                if (data.hasOwnProperty(key)) {
-                    this[key] = data[key];
-                }
-            }
-        }
+        this['Switch.Default'] = [false];
     }
 }
 
+/* eslint-disable @angular-eslint/component-selector */
 class SwitchConfigComponent {
     constructor(fb) {
         this.fb = fb;
@@ -316,7 +302,7 @@ class SwitchConfigComponent {
         this.dataLoaded();
     }
     set Entity(v) {
-        this._Entity = v;
+        this.formEntity = v;
         this.dataLoaded();
     }
     set selected(v) {
@@ -324,18 +310,20 @@ class SwitchConfigComponent {
         this.dataLoaded();
     }
     get formConfiguration() {
-        return this._Entity.get('formConfiguration');
+        return this.formEntity.get('formConfiguration');
     }
     async dataLoaded() {
-        if (this._Entity && this._type) {
+        if (this.formEntity && this._type) {
             await this.AfterInit();
-            this.cdr.detectChanges(); // 手动触发变更检测
-            this.submitclick?.nativeElement?.click();
+            // this.cdr.detectChanges();
         }
     }
     AfterInit() {
         return new Promise((resolve, rejects) => {
-            this._Entity.setControl('formConfiguration', this.fb.group(new SwitchConfig()));
+            this.formEntity.setControl('formConfiguration', this.fb.group(new SwitchConfig()));
+            setTimeout(() => {
+                this.submitclick?.nativeElement?.click();
+            }, 0);
             if (this._selected && this._selected.formControlName == this._type) {
                 this.formConfiguration.patchValue({
                     ...this._selected.formConfiguration,
@@ -345,11 +333,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                        {{'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" }] }); }
+    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]=\"formEntity\">\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\"  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: 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                        {{'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>" }]
+            args: [{ selector: 'df-switch-config', template: "<form [formGroup]=\"formEntity\">\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\"  style=\"display: none;\" #submitclick></button>\n    </div>\n</form>" }]
         }], ctorParameters: () => [{ type: i1.FormBuilder }], propDecorators: { type: [{
                 type: Input
             }], Entity: [{
@@ -567,6 +555,7 @@ class NumbericEditConfig {
     }
 }
 
+/* eslint-disable @angular-eslint/component-selector */
 class NumbericEditConfigComponent {
     constructor(fb) {
         this.fb = fb;
@@ -580,22 +569,22 @@ class NumbericEditConfigComponent {
         this._selected = v ? v : v == false ? v : '';
     }
     set Entity(v) {
-        this._Entity = v;
+        this.formEntity = v;
         this.dataLoaded();
     }
     get formConfiguration() {
-        return this._Entity.get('formConfiguration');
+        return this.formEntity.get('formConfiguration');
     }
     async dataLoaded() {
-        if (this._Entity && this._type) {
+        if (this.formEntity && this._type) {
             await this.AfterInit();
-            this.cdr.detectChanges(); // 手动触发变更检测
-            this.submitclick?.nativeElement?.click();
         }
     }
     AfterInit() {
         return new Promise((resolve, rejects) => {
-            this._Entity.setControl('formConfiguration', this.fb.group(new NumbericEditConfig()));
+            this.formEntity.setControl('formConfiguration', this.fb.group(new NumbericEditConfig()));
+            this.cdr.detectChanges(); // 手动触发变更检测
+            this.submitclick?.nativeElement?.click();
             if (this._selected && this._selected.formControlName == this._type) {
                 this.formConfiguration.patchValue({
                     ...this._selected.formConfiguration,
@@ -605,11 +594,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\">{{'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" }] }); }
+    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]=\"formEntity\">\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\">{{'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>" }]
+            args: [{ selector: 'df-numberic-edit-config', template: "<form [formGroup]=\"formEntity\">\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: [{
@@ -756,6 +745,7 @@ class DateEditConfig {
     }
 }
 
+/* eslint-disable @angular-eslint/component-selector */
 class DateEditConfigComponent {
     constructor(fb) {
         this.fb = fb;
@@ -771,22 +761,22 @@ class DateEditConfigComponent {
         this._selected = v;
     }
     set Entity(v) {
-        this._Entity = v;
+        this.formEntity = v;
         this.dataLoaded();
     }
     get formConfiguration() {
-        return this._Entity.get('formConfiguration');
+        return this.formEntity.get('formConfiguration');
     }
     async dataLoaded() {
-        if (this._Entity && this._type) {
+        if (this.formEntity && this._type) {
             await this.AfterInit();
-            this.cdr.detectChanges(); // 手动触发变更检测
-            this.submitclick?.nativeElement?.click();
         }
     }
     AfterInit() {
         return new Promise((resolve, rejects) => {
-            this._Entity.setControl('formConfiguration', this.fb.group(new DateEditConfig()));
+            this.formEntity.setControl('formConfiguration', this.fb.group(new DateEditConfig()));
+            this.cdr.detectChanges(); // 手动触发变更检测
+            this.submitclick?.nativeElement?.click();
             if (this._selected && this._selected.formControlName == this._type) {
                 this.formConfiguration.patchValue({
                     ...this._selected.formConfiguration,
@@ -798,7 +788,7 @@ class DateEditConfigComponent {
     }
     /**切换时间类型 */
     timeTypeChange() {
-        let type = this.formConfiguration.value['DateEdit.InputMode'];
+        const type = this.formConfiguration.value['DateEdit.InputMode'];
         let Min = this.formConfiguration.value['DateEdit.Min'];
         let Max = this.formConfiguration.value['DateEdit.Max'];
         if (type == DateEditInterfaces.Date) {
@@ -822,11 +812,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\">{{'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" }] }); }
+    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]=\"formEntity\">\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\">{{'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>" }]
+            args: [{ selector: 'df-date-edit-config', template: "<form [formGroup]=\"formEntity\">\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: [{
@@ -838,6 +828,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImpor
                 args: ['submitclick', { static: true }]
             }] } });
 
+/* eslint-disable @angular-eslint/component-selector */
 class DateEditControlComponent {
     constructor(fb, cdr) {
         this.fb = fb;
@@ -879,8 +870,8 @@ class DateEditControlComponent {
     }
     AfterInit() {
         return new Promise((resolve, rejects) => {
-            let ValidatorsArray = [];
-            let formConfiguration = this._fields.field.formConfiguration;
+            const ValidatorsArray = [];
+            const formConfiguration = this._fields.field.formConfiguration;
             if (this._fields.required) {
                 ValidatorsArray.push(Validators.required);
             }
@@ -900,7 +891,7 @@ class DateEditControlComponent {
             if (this._fields.field.formConfiguration['DateEdit.InputMode'] === DateEditInterfaces.Month) {
                 controlName = this._dataPipe.transform(this._selected, 'yyyy-MM');
             }
-            let newControl = this.fb.control(controlName, ValidatorsArray);
+            const newControl = this.fb.control(controlName, ValidatorsArray);
             this.extraProperties.setControl(this._fields.field.name, newControl);
             resolve(true);
         });
@@ -929,6 +920,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImpor
                 args: ['submitclick', { static: true }]
             }] } });
 
+/* eslint-disable @angular-eslint/component-selector */
 class DateEditViewComponent {
     constructor() {
         /**展示则内容 */
@@ -944,7 +936,7 @@ class DateEditViewComponent {
     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;
+        const valueOptions = this._value;
         if (this.type && valueOptions) {
             this.showValue = valueOptions;
         }
@@ -1104,55 +1096,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImpor
             }] } });
 
 class SelectConfig {
-    constructor(data) {
+    constructor() {
         /**空值文本 */
-        this['Select.NullText'] = ['', []];
+        this['Select.NullText'] = [''];
         //多选
-        this['Select.Multiple'] = [false, []];
+        this['Select.Multiple'] = [false];
         // 选项
         this['Select.Options'] = new FormArray([]);
-        if (data) {
-            for (const key in data) {
-                if (data.hasOwnProperty(key)) {
-                    this[key] = data[key];
-                }
-            }
-        }
     }
 }
 
 class DfApiService {
-    constructor() { }
-    /**
-     * 识别中文转化为拼音，固定返回类型
-     * 汉字转拼音
-     * 大写转小写
-     *
-     *  */
-    chineseToPinyin(value) {
-        //去除字符串中所有的空格
-        // let val = value
-        let val = value.replaceAll(' ', "-");
-        let array = val.split('');
-        let newArray = [];
-        array.forEach((el, index) => {
-            //转化为小写
-            let elChange = el.toLowerCase();
-            let isChinese = (str) => {
-                return /^[\u4e00-\u9fa5]+$/.test(str);
-            };
-            if (isChinese(elChange)) {
-                const resultWithoutTone = pinyin(elChange, { toneType: 'none', type: 'array' });
-                elChange = resultWithoutTone.toString();
-                if (index < array.length - 1)
-                    elChange += '-';
-            }
-            ;
-            newArray.push(elChange);
-        });
-        let pinyinstr = newArray.join('');
-        return pinyinstr || val;
-    }
     /**获取图片的本地连接 */
     getImageLacolBase64Url(file) {
         return new Promise((resolve, rejects) => {
@@ -1164,32 +1118,6 @@ class DfApiService {
             reader.onerror = error => rejects(error);
         });
     }
-    /**
-      * 深拷贝--方法  */
-    deepClone(obj) {
-        if (typeof obj !== 'object' || obj === null)
-            return obj;
-        const result = Array.isArray(obj) ? [] : {};
-        for (let key in obj) {
-            if (obj.hasOwnProperty(key)) {
-                if (typeof obj[key] === 'object' && obj[key] !== null) {
-                    if (obj[key] instanceof Date) {
-                        result[key] = new Date(obj[key].getTime());
-                    }
-                    else if (obj[key] instanceof RegExp) {
-                        result[key] = new RegExp(obj[key]);
-                    }
-                    else {
-                        result[key] = this.deepClone(obj[key]);
-                    }
-                }
-                else {
-                    result[key] = obj[key];
-                }
-            }
-        }
-        return result;
-    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: DfApiService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: DfApiService, providedIn: 'root' }); }
 }
@@ -1198,7 +1126,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImpor
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: () => [] });
+        }] });
 
 /* eslint-disable @angular-eslint/component-selector */
 class SelectConfigComponent {
@@ -1214,20 +1142,18 @@ class SelectConfigComponent {
         this._selected = v;
     }
     set Entity(v) {
-        this._Entity = v;
+        this.formEntity = v;
         this.dataLoaded();
     }
     get formConfiguration() {
-        return this._Entity?.get('formConfiguration');
+        return this.formEntity?.get('formConfiguration');
     }
     get SelectOptions() {
         return this.formConfiguration.controls['Select.Options'];
     }
     async dataLoaded() {
-        if (this._Entity && this._type) {
+        if (this.formEntity && this._type) {
             await this.AfterInit();
-            this.cdr.detectChanges(); // 手动触发变更检测
-            this.submitclick?.nativeElement?.click();
         }
     }
     /**增加选项 */
@@ -1244,7 +1170,9 @@ class SelectConfigComponent {
     }
     AfterInit() {
         return new Promise((resolve, rejects) => {
-            this._Entity?.setControl('formConfiguration', this.fb.group(new SelectConfig()));
+            this.formEntity?.setControl('formConfiguration', this.fb.group(new SelectConfig()));
+            this.cdr.detectChanges(); // 手动触发变更检测
+            this.submitclick?.nativeElement?.click();
             if (this._selected && this._selected.formControlName == this._type) {
                 for (const element of this._selected.formConfiguration['Select.Options']) {
                     for (const key in element) {
@@ -1264,13 +1192,19 @@ class SelectConfigComponent {
             resolve(true);
         });
     }
+    /**
+     * 当选择项的文本发生变化时，更新对应的值
+     * @param event 输入事件对象
+     * @param index 选择项的索引位置
+     * @description 如果选择项已有Value值则不处理，否则将中文文本转换为拼音作为Value值
+     */
     textChange(event, index) {
         const SelectOptionsItem = this.SelectOptions.at(index);
         const value = event.target.value;
         if (SelectOptionsItem.get('Value')?.value)
             return;
         SelectOptionsItem.patchValue({
-            Value: this._DfApiService.chineseToPinyin(value),
+            Value: structuredClone(value),
         });
     }
     /**调整表格位置 */
@@ -1279,11 +1213,11 @@ class SelectConfigComponent {
         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\">{{'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" }] }); }
+    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]=\"formEntity\">\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\" required\n                                    (change)=\"textChange($event,i)\"></td>\n                            <td><input type=\"text\" class=\"form-control\" required 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: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { 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\">{{'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>" }]
+            args: [{ selector: 'df-select-config', template: "<form [formGroup]=\"formEntity\">\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\" required\n                                    (change)=\"textChange($event,i)\"></td>\n                            <td><input type=\"text\" class=\"form-control\" required 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: [{
@@ -1469,6 +1403,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImpor
                 args: ['submitclick', { static: true }]
             }] } });
 
+/* eslint-disable @angular-eslint/component-selector */
 class SelectViewComponent {
     constructor() {
         /**展示则内容 */
@@ -1484,7 +1419,7 @@ class SelectViewComponent {
     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;
+        const valueOptions = this._value;
         if (this.type && valueOptions) {
             if (Array.isArray(valueOptions)) {
                 this.showValue = valueOptions.join(',');
@@ -1555,7 +1490,7 @@ const FieldControlGroup = [
         fieldViewComponent: DateEditViewComponent,
     },
 ];
-function AddFieldControlGroup(array = []) {
+function addFieldControlGroup(array = []) {
     for (const element of array) {
         const find = FieldControlGroup.find((control) => {
             return control.name === element.name;
@@ -1569,6 +1504,10 @@ function AddFieldControlGroup(array = []) {
 
 /* eslint-disable no-unsafe-optional-chaining */
 /* eslint-disable @angular-eslint/component-selector */
+/**
+ * 丢弃
+ * @deprecated
+ */
 class DynamicComponent {
     set selected(v) {
         this._selected = v === undefined ? '' : v === null ? '' : v;
@@ -1600,7 +1539,7 @@ class DynamicComponent {
     }
     /**数据加载完成 */
     async dataLoaded(val) {
-        const _fieldControlGroup = AddFieldControlGroup(this.mergedConfig);
+        const _fieldControlGroup = addFieldControlGroup(this.mergedConfig);
         if (this._entity) {
             //加载所有的动态表单组件
             if (this._type) {
@@ -1672,15 +1611,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImpor
                 args: ['FormComponentsRef', { read: ViewContainerRef, static: true }]
             }] } });
 
+/**
+ * 表单控件服务
+ * @description 用于获取表单所有控件的配置信息
+ */
 class FormControlService {
     constructor(mergedConfig) {
         this.mergedConfig = mergedConfig;
         this._FieldControlGroup = FieldControlGroup;
     }
-    AddFieldControlGroup() {
-        let array = this.mergedConfig;
+    addFieldControlGroup() {
+        const array = this.mergedConfig;
         for (const element of array) {
-            let find = FieldControlGroup.find(control => {
+            const find = FieldControlGroup.find(control => {
                 return control.name === element.name;
             });
             if (!find) {
@@ -1702,6 +1645,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImpor
                     args: ['MERGED_FORM_CONFIG']
                 }] }] });
 
+/* eslint-disable no-unsafe-optional-chaining */
+/* eslint-disable @angular-eslint/component-selector */
 class DynamicViewComponent {
     constructor(_FormControlService) {
         this._FormControlService = _FormControlService;
@@ -1718,8 +1663,8 @@ class DynamicViewComponent {
         //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);
+            const _fieldControlGroup = this._FormControlService.addFieldControlGroup();
+            const fieldControlItem = _fieldControlGroup.find(el => el.name === this.type);
             this.loadViewComponent(fieldControlItem);
         }
     }
@@ -1756,24 +1701,152 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImpor
                 args: ['FormTemplateRef', { read: ViewContainerRef, static: true }]
             }] } });
 
+/* eslint-disable no-unsafe-optional-chaining */
+/* eslint-disable @angular-eslint/component-selector */
 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: [""] }); }
+    constructor(mergedConfig) {
+        this.mergedConfig = mergedConfig;
+        this.formControlName = '';
+    }
+    set type(v) {
+        this.formControlName = v;
+    }
+    set form(v) {
+        this.formEntity = v;
+    }
+    get formControlNameInput() {
+        return this.formEntity.get('formControlName');
+    }
+    ngAfterContentInit() {
+        this.loadfieldConfigComponent(this.formControlName);
+        this.formControlNameInput?.valueChanges.subscribe((res) => {
+            this.loadfieldConfigComponent(res);
+        });
+    }
+    /**加载动态表单配置组件 */
+    loadfieldConfigComponent(formControlName) {
+        const _fieldControlGroup = addFieldControlGroup(this.mergedConfig);
+        const fieldControlItem = _fieldControlGroup.find(el => el.name === formControlName);
+        //清空了容器中的所有组件
+        this.FormconfigRef?.clear();
+        if (!fieldControlItem || !fieldControlItem.fieldConfigComponent)
+            return;
+        //在容器中创建组件
+        const { instance } = this.FormconfigRef?.createComponent(fieldControlItem.fieldConfigComponent); //创建组件模板
+        // /**向创建的组件模板中传值 */
+        instance.selected = this.selected;
+        instance.type = formControlName;
+        instance.Entity = this.formEntity;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: DynamicConfigComponent, deps: [{ token: 'MERGED_FORM_CONFIG' }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: DynamicConfigComponent, selector: "df-dynamic-config", inputs: { type: "type", selected: "selected", form: "form" }, viewQueries: [{ propertyName: "FormconfigRef", first: true, predicate: ["FormconfigRef"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: "    <template #FormconfigRef></template>", 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" }]
-        }] });
+            args: [{ selector: 'df-dynamic-config', template: "    <template #FormconfigRef></template>" }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: ['MERGED_FORM_CONFIG']
+                }] }], propDecorators: { type: [{
+                type: Input
+            }], selected: [{
+                type: Input
+            }], form: [{
+                type: Input
+            }], FormconfigRef: [{
+                type: ViewChild,
+                args: ['FormconfigRef', { read: ViewContainerRef, static: true }]
+            }] } });
 
+/* eslint-disable no-unsafe-optional-chaining */
+/* eslint-disable @angular-eslint/component-selector */
 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: [""] }); }
+    set selected(v) {
+        this._selected = v === undefined ? '' : v === null ? '' : v;
+    }
+    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;
+            // this.dataLoaded(3);
+        }
+    }
+    constructor(mergedConfig) {
+        this.mergedConfig = mergedConfig;
+        /**字段配置列表 */
+        this._fields = '';
+    }
+    ngAfterContentInit() {
+        this.loadfieldComponent(this._fields?.field?.formControlName);
+    }
+    // /**数据加载完成 */
+    // async dataLoaded() {
+    //   const _fieldControlGroup: any[] = addFieldControlGroup(this.mergedConfig);
+    //   if (this._entity) {
+    //     //加载所有的动态表单组件
+    //     if (this._fields && this._parentFiledName && this._culture) {
+    //       /**表单控件组中的项 */
+    //       const fieldControlItem = _fieldControlGroup.find(
+    //         el => el.name === this._fields?.field?.formControlName,
+    //       );
+    //       this.loadfieldComponent(fieldControlItem);
+    //     }
+    //   }
+    // }
+    /**加载动态表单组件 */
+    loadfieldComponent(formControlName) {
+        const _fieldControlGroup = addFieldControlGroup(this.mergedConfig);
+        /**表单控件组中的项 */
+        const fieldControlItem = _fieldControlGroup.find(el => el.name === formControlName);
+        //清空了容器中的所有组件
+        this.FormComponentsRef?.clear();
+        if (!fieldControlItem || !fieldControlItem.fieldComponent)
+            return;
+        //在容器中创建组件
+        const { instance } = this.FormComponentsRef?.createComponent(fieldControlItem.fieldComponent); //创建组件模板
+        /**向创建的组件模板中传值 */
+        instance.fields = this._fields;
+        instance.parentFiledName = this._parentFiledName;
+        instance.selected = this._selected;
+        instance.culture = this._culture;
+        instance.entity = this._entity;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: DynamicControlComponent, deps: [{ token: 'MERGED_FORM_CONFIG' }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: DynamicControlComponent, selector: "df-dynamic-control", inputs: { selected: "selected", 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 #FormComponentsRef></template>", 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" }]
-        }] });
+            args: [{ selector: 'df-dynamic-control', template: "<template #FormComponentsRef></template>" }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: ['MERGED_FORM_CONFIG']
+                }] }], propDecorators: { selected: [{
+                type: Input
+            }], culture: [{
+                type: Input
+            }], parentFiledName: [{
+                type: Input
+            }], fields: [{
+                type: Input
+            }], entity: [{
+                type: Input
+            }], FormControlRef: [{
+                type: ViewChild,
+                args: ['FormControlRef', { read: ViewContainerRef, static: true }]
+            }], FormComponentsRef: [{
+                type: ViewChild,
+                args: ['FormComponentsRef', { read: ViewContainerRef, static: true }]
+            }] } });
 
+/* eslint-disable @angular-eslint/component-selector */
 class DynamicSearchComponent {
     constructor(_FormControlService) {
         this._FormControlService = _FormControlService;
@@ -1798,7 +1871,7 @@ class DynamicSearchComponent {
         //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 _fieldControlGroup = this._FormControlService.addFieldControlGroup();
             let fieldControlItem = _fieldControlGroup.find(el => el.name === this._fields?.field?.formControlName);
             this.loadComponent(fieldControlItem);
         }
@@ -1984,5 +2057,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-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 };
+export { 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, addFieldControlGroup, maxDecimalPlacesValidator };
 //# sourceMappingURL=dignite-ng-expand.dynamic-form.mjs.map