@dignite-ng/expand.dynamic-form 0.0.2

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

@@ -0,0 +1,1867 @@
+import * as i0 from '@angular/core';
+import { Component, Input, ViewChild, ChangeDetectionStrategy, ViewContainerRef, NgModule, Injectable } from '@angular/core';
+import * as i1 from '@angular/forms';
+import { Validators, FormsModule, ReactiveFormsModule, FormArray, FormGroup, FormControl } from '@angular/forms';
+import * as i2 from '@abp/ng.core';
+import { CoreModule } from '@abp/ng.core';
+import { ThemeSharedModule } from '@abp/ng.theme.shared';
+import { NgbDropdownModule } from '@ng-bootstrap/ng-bootstrap';
+import { NzTreeModule } from 'ng-zorro-antd/tree';
+import * as i4 from '@dignite-ng/expand.file-explorer';
+import { FileExplorerModule } from '@dignite-ng/expand.file-explorer';
+import * as i3 from '@ngx-validate/core';
+import * as i2$1 from '@angular/common';
+import ClassicEditor from '@ckeditor/ckeditor5-build-classic';
+import * as i3$1 from '@ckeditor/ckeditor5-angular';
+import { CKEditorModule } from '@ckeditor/ckeditor5-angular';
+import { pinyin } from 'pinyin-pro';
+
+class TextEditConfig {
+    // /**占位符 */
+    // // placeholder: any = new FormControl('', Validators.required);
+    // 'placeholder': any = ['', []];
+    // //字段类型，单行文本，多行文本
+    // textboxMode: any = ['simple', []];
+    // // 字数限制
+    // limit: any = ['265', []];
+    'TextEdit.Placeholder' = ['', []];
+    //字段类型，单行文本，多行文本
+    'TextEdit.Mode' = [0, []];
+    // 字数限制
+    'TextEdit.CharLimit' = ['265', []];
+    constructor(data) {
+        if (data) {
+            for (const key in data) {
+                if (data.hasOwnProperty(key)) {
+                    this[key] = data[key];
+                }
+            }
+        }
+    }
+}
+
+var TextEditMode;
+(function (TextEditMode) {
+    // 简单类型
+    TextEditMode[TextEditMode["SingleLine"] = 0] = "SingleLine";
+    // 复合类型；
+    TextEditMode[TextEditMode["MultipleLine"] = 1] = "MultipleLine";
+})(TextEditMode || (TextEditMode = {}));
+
+class TextEditConfigComponent {
+    fb;
+    constructor(fb) {
+        this.fb = fb;
+    }
+    _TextEditMode = TextEditMode;
+    /**表单控件类型 */
+    _type;
+    set type(v) {
+        this._type = v;
+        this.dataLoaded();
+    }
+    /**表单实体 */
+    _Entity;
+    set Entity(v) {
+        this._Entity = v;
+        this.dataLoaded();
+    }
+    /**选择的表单信息 */
+    _selected;
+    set selected(v) {
+        this._selected = v;
+        this.dataLoaded();
+    }
+    get formConfiguration() {
+        return this._Entity.get('formConfiguration');
+    }
+    submitclick;
+    async dataLoaded() {
+        if (this._Entity && this._type) {
+            await this.AfterInit();
+            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.formConfiguration.patchValue({
+                    ...this._selected.formConfiguration
+                });
+            }
+            resolve(true);
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextEditConfigComponent, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TextEditConfigComponent, selector: "df-text-edit-config", inputs: { type: "type", Entity: "Entity", selected: "selected" }, viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<form [formGroup]=\"_Entity\">\n    <div formGroupName=\"formConfiguration\">\n        <div class=\"mb-2\">\n            <label class=\"form-label\">{{'DigniteAbpForms::Placeholder' | abpLocalization}}</label>\n            <input type=\"text\" class=\"form-control\" formControlName=\"TextEdit.Placeholder\">\n        </div>\n        <div class=\"mb-2\">\n            <label class=\"form-label\">{{'DigniteAbpForms::TextEditMode' | abpLocalization}}</label>\n            <div>\n                <div class=\"form-check form-check-inline\">\n                    <input class=\"form-check-input\" type=\"radio\" [value]=\"_TextEditMode.SingleLine\" formControlName=\"TextEdit.Mode\"\n                        id=\"flexRadioDefault1\">\n                    <label class=\"form-check-label\" for=\"flexRadioDefault1\">\n                        {{'DigniteAbpForms::SingleLine' | abpLocalization}}\n                    </label>\n                </div>\n                <div class=\"form-check form-check-inline\">\n                    <input class=\"form-check-input\" type=\"radio\" [value]=\"_TextEditMode.MultipleLine\" formControlName=\"TextEdit.Mode\"\n                        id=\"flexRadioDefault2\">\n                    <label class=\"form-check-label\" for=\"flexRadioDefault2\">\n                        {{'DigniteAbpForms::MultipleLine' | abpLocalization}}\n                    </label>\n                </div>\n            </div>\n        </div>\n        <div class=\"mb-2\">\n            <label class=\"form-label\">{{'DigniteAbpForms::CharLimit' | abpLocalization}}</label>\n            <input type=\"number\" class=\"form-control\" formControlName=\"TextEdit.CharLimit\">\n        </div>\n        <button type=\"submit\" (abpInit)=\"submitclick?.nativeElement?.click()\" style=\"display: none;\" #submitclick></button>\n    </div>\n</form>", styles: [""], dependencies: [{ kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i2.InitDirective, selector: "[abpInit]", outputs: ["abpInit"] }, { kind: "directive", type: i3.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i3.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "pipe", type: i2.LocalizationPipe, name: "abpLocalization" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextEditConfigComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'df-text-edit-config', template: "<form [formGroup]=\"_Entity\">\n    <div formGroupName=\"formConfiguration\">\n        <div class=\"mb-2\">\n            <label class=\"form-label\">{{'DigniteAbpForms::Placeholder' | abpLocalization}}</label>\n            <input type=\"text\" class=\"form-control\" formControlName=\"TextEdit.Placeholder\">\n        </div>\n        <div class=\"mb-2\">\n            <label class=\"form-label\">{{'DigniteAbpForms::TextEditMode' | abpLocalization}}</label>\n            <div>\n                <div class=\"form-check form-check-inline\">\n                    <input class=\"form-check-input\" type=\"radio\" [value]=\"_TextEditMode.SingleLine\" formControlName=\"TextEdit.Mode\"\n                        id=\"flexRadioDefault1\">\n                    <label class=\"form-check-label\" for=\"flexRadioDefault1\">\n                        {{'DigniteAbpForms::SingleLine' | abpLocalization}}\n                    </label>\n                </div>\n                <div class=\"form-check form-check-inline\">\n                    <input class=\"form-check-input\" type=\"radio\" [value]=\"_TextEditMode.MultipleLine\" formControlName=\"TextEdit.Mode\"\n                        id=\"flexRadioDefault2\">\n                    <label class=\"form-check-label\" for=\"flexRadioDefault2\">\n                        {{'DigniteAbpForms::MultipleLine' | abpLocalization}}\n                    </label>\n                </div>\n            </div>\n        </div>\n        <div class=\"mb-2\">\n            <label class=\"form-label\">{{'DigniteAbpForms::CharLimit' | abpLocalization}}</label>\n            <input type=\"number\" class=\"form-control\" formControlName=\"TextEdit.CharLimit\">\n        </div>\n        <button type=\"submit\" (abpInit)=\"submitclick?.nativeElement?.click()\" style=\"display: none;\" #submitclick></button>\n    </div>\n</form>" }]
+        }], ctorParameters: function () { return [{ type: i1.FormBuilder }]; }, propDecorators: { type: [{
+                type: Input
+            }], Entity: [{
+                type: Input
+            }], selected: [{
+                type: Input
+            }], submitclick: [{
+                type: ViewChild,
+                args: ['submitclick', { static: true }]
+            }] } });
+
+class TextEditComponent {
+    fb;
+    constructor(fb) {
+        this.fb = fb;
+    }
+    _TextEditMode = TextEditMode;
+    /**表单实体 */
+    _entity;
+    set entity(v) {
+        this._entity = v;
+        if (v)
+            this.dataLoaded();
+    }
+    /**字段配置列表 */
+    _fields = '';
+    set fields(v) {
+        this._fields = v;
+        if (v)
+            this.dataLoaded();
+    }
+    /**父级字段名称，用于为表单设置控件赋值 */
+    _parentFiledName;
+    set parentFiledName(v) {
+        this._parentFiledName = v;
+        if (v)
+            this.dataLoaded();
+    }
+    /**父级字段名称，用于为表单设置控件赋值 */
+    _selected;
+    set selected(v) {
+        this._selected = v || '';
+        if (v)
+            this.dataLoaded();
+    }
+    submitclick;
+    extraProperties;
+    async dataLoaded() {
+        if (this._fields && this._entity && this._parentFiledName) {
+            this.extraProperties = this._entity.get(this._parentFiledName);
+            await this.AfterInit();
+            this.submitclick.nativeElement.click();
+        }
+    }
+    AfterInit() {
+        return new Promise((resolve, rejects) => {
+            let ValidatorsArray = [];
+            if (this._fields.required) {
+                ValidatorsArray.push(Validators.required);
+            }
+            if (this._fields.field.formConfiguration['TextEdit.CharLimit']) {
+                ValidatorsArray.push(Validators.maxLength(this._fields.field.formConfiguration['TextEdit.CharLimit']));
+            }
+            let newControl = this.fb.control(this._selected, ValidatorsArray);
+            this.extraProperties.setControl(this._fields.field.name, newControl);
+            resolve(true);
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextEditComponent, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TextEditComponent, selector: "df-text-edit", inputs: { entity: "entity", fields: "fields", parentFiledName: "parentFiledName", selected: "selected" }, viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<form [formGroup]=\"_entity\">\n    <div [formGroupName]=\"_parentFiledName\">\n        <div class=\"mb-2\">\n            <label class=\"form-label\" *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\n            <ng-container *ngIf=\"_fields.field.formConfiguration['TextEdit.Mode'] ===_TextEditMode.SingleLine\">\n                <input type=\"text\" class=\"form-control\" formControlName=\"{{_fields.field.name}}\"\n                    [placeholder]=\"_fields.field.formConfiguration['TextEdit.Placeholder']\" />\n            </ng-container>\n            <ng-container *ngIf=\"_fields.field.formConfiguration['TextEdit.Mode'] === _TextEditMode.MultipleLine\">\n                <textarea class=\"form-control\" formControlName=\"{{_fields.field.name}}\"\n                    [placeholder]=\"_fields.field.formConfiguration['TextEdit.Placeholder']\" rows=\"3\"></textarea>\n            </ng-container>\n            <div class=\"form-text\" *ngIf=\"_fields.field.description\">{{_fields.field.description}}</div>\n        </div>\n    </div>\n    <button type=\"submit\" style=\"display: none;\" #submitclick></button>\n</form>", styles: [""], dependencies: [{ kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i3.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i3.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextEditComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'df-text-edit', template: "<form [formGroup]=\"_entity\">\n    <div [formGroupName]=\"_parentFiledName\">\n        <div class=\"mb-2\">\n            <label class=\"form-label\" *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\n            <ng-container *ngIf=\"_fields.field.formConfiguration['TextEdit.Mode'] ===_TextEditMode.SingleLine\">\n                <input type=\"text\" class=\"form-control\" formControlName=\"{{_fields.field.name}}\"\n                    [placeholder]=\"_fields.field.formConfiguration['TextEdit.Placeholder']\" />\n            </ng-container>\n            <ng-container *ngIf=\"_fields.field.formConfiguration['TextEdit.Mode'] === _TextEditMode.MultipleLine\">\n                <textarea class=\"form-control\" formControlName=\"{{_fields.field.name}}\"\n                    [placeholder]=\"_fields.field.formConfiguration['TextEdit.Placeholder']\" rows=\"3\"></textarea>\n            </ng-container>\n            <div class=\"form-text\" *ngIf=\"_fields.field.description\">{{_fields.field.description}}</div>\n        </div>\n    </div>\n    <button type=\"submit\" style=\"display: none;\" #submitclick></button>\n</form>" }]
+        }], ctorParameters: function () { return [{ type: i1.FormBuilder }]; }, propDecorators: { entity: [{
+                type: Input
+            }], fields: [{
+                type: Input
+            }], parentFiledName: [{
+                type: Input
+            }], selected: [{
+                type: Input
+            }], submitclick: [{
+                type: ViewChild,
+                args: ['submitclick', { static: true }]
+            }] } });
+
+class SwitchConfig {
+    /**默认值 */
+    // placeholder: any = new FormControl('', Validators.required);
+    'Switch.Default' = [false, []];
+    constructor(data) {
+        if (data) {
+            for (const key in data) {
+                if (data.hasOwnProperty(key)) {
+                    this[key] = data[key];
+                }
+            }
+        }
+    }
+}
+
+class SwitchConfigComponent {
+    fb;
+    constructor(fb) {
+        this.fb = fb;
+    }
+    /**表单控件类型 */
+    _type;
+    set type(v) {
+        this._type = v;
+        this.dataLoaded();
+    }
+    /**表单实体 */
+    _Entity;
+    set Entity(v) {
+        this._Entity = v;
+        this.dataLoaded();
+    }
+    /**选择的表单信息 */
+    _selected;
+    set selected(v) {
+        this._selected = v;
+        this.dataLoaded();
+    }
+    get formConfiguration() {
+        return this._Entity.get('formConfiguration');
+    }
+    submitclick;
+    async dataLoaded() {
+        if (this._Entity && this._type) {
+            await this.AfterInit();
+            this.submitclick.nativeElement.click();
+        }
+    }
+    AfterInit() {
+        return new Promise((resolve, rejects) => {
+            this._Entity.setControl('formConfiguration', this.fb.group(new SwitchConfig()));
+            if (this._selected && this._selected.formControlName == this._type) {
+                this.formConfiguration.patchValue({
+                    ...this._selected.formConfiguration
+                });
+            }
+            resolve(true);
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SwitchConfigComponent, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", 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-2\">\n            <div>\n                <div class=\"form-check form-check-inline\">\n                    <input class=\"form-check-input\" type=\"checkbox\" formControlName=\"Switch.Default\"\n                        id=\"flexRadioDefault1\">\n                    <label class=\"form-check-label\" for=\"flexRadioDefault1\">\n                        {{'DigniteAbpForms::DefaultValue' | abpLocalization}}\n                    </label>\n                </div>\n                \n            </div>\n        </div>\n        <button type=\"submit\" (abpInit)=\"submitclick?.nativeElement?.click()\" style=\"display: none;\" #submitclick></button>\n    </div>\n</form>", styles: [""], dependencies: [{ kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i2.InitDirective, selector: "[abpInit]", outputs: ["abpInit"] }, { kind: "directive", type: i3.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i3.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "pipe", type: i2.LocalizationPipe, name: "abpLocalization" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SwitchConfigComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'df-switch-config', template: "<form [formGroup]=\"_Entity\">\n    <div formGroupName=\"formConfiguration\">\n        <div class=\"mb-2\">\n            <div>\n                <div class=\"form-check form-check-inline\">\n                    <input class=\"form-check-input\" type=\"checkbox\" formControlName=\"Switch.Default\"\n                        id=\"flexRadioDefault1\">\n                    <label class=\"form-check-label\" for=\"flexRadioDefault1\">\n                        {{'DigniteAbpForms::DefaultValue' | abpLocalization}}\n                    </label>\n                </div>\n                \n            </div>\n        </div>\n        <button type=\"submit\" (abpInit)=\"submitclick?.nativeElement?.click()\" style=\"display: none;\" #submitclick></button>\n    </div>\n</form>" }]
+        }], ctorParameters: function () { return [{ type: i1.FormBuilder }]; }, propDecorators: { type: [{
+                type: Input
+            }], Entity: [{
+                type: Input
+            }], selected: [{
+                type: Input
+            }], submitclick: [{
+                type: ViewChild,
+                args: ['submitclick', { static: true }]
+            }] } });
+
+class SwitchControlComponent {
+    fb;
+    constructor(fb) {
+        this.fb = fb;
+    }
+    /**表单实体 */
+    _entity;
+    set entity(v) {
+        this._entity = v;
+        this.dataLoaded();
+    }
+    /**字段配置列表 */
+    _fields = '';
+    set fields(v) {
+        this._fields = v;
+        this.dataLoaded();
+    }
+    /**父级字段名称，用于为表单设置控件赋值 */
+    _parentFiledName;
+    set parentFiledName(v) {
+        this._parentFiledName = v;
+        this.dataLoaded();
+    }
+    /**父级字段名称，用于为表单设置控件赋值 */
+    _selected;
+    set selected(v) {
+        this._selected = v ? v : false;
+        this.dataLoaded();
+    }
+    submitclick;
+    get extraProperties() {
+        return this._entity.get('extraProperties');
+    }
+    /**数据加载完成 */
+    async dataLoaded() {
+        if (this._fields && this._entity) {
+            await this.AfterInit();
+            this.submitclick.nativeElement.click();
+        }
+    }
+    AfterInit() {
+        return new Promise((resolve, rejects) => {
+            let ValidatorsArray = [];
+            if (this._fields.required) {
+                ValidatorsArray.push(Validators.required);
+            }
+            let newControl = this.fb.control(this._selected ? this._selected : this._selected === false ? this._selected : this._fields.field.formConfiguration.default, ValidatorsArray);
+            this.extraProperties.setControl(this._fields.field.name, newControl);
+            resolve(true);
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SwitchControlComponent, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SwitchControlComponent, selector: "df-switch-control", inputs: { entity: "entity", fields: "fields", parentFiledName: "parentFiledName", selected: "selected" }, viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<form [formGroup]=\"_entity\">\n    <div formGroupName=\"extraProperties\">\n        <div class=\"mb-2\">\n            <label class=\"form-label\" *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\n            <div class=\"form-check form-switch\">\n                <input class=\"form-check-input\" type=\"checkbox\" role=\"switch\" formControlName=\"{{_fields.field.name}}\">\n            </div>\n            <div class=\"form-text\" *ngIf=\"_fields.field.description\">{{_fields.field.description}}</div>\n        </div>\n\n    </div>\n    <button type=\"submit\" style=\"display: none;\" #submitclick></button>\n</form>", styles: [""], dependencies: [{ kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i3.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i3.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SwitchControlComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'df-switch-control', template: "<form [formGroup]=\"_entity\">\n    <div formGroupName=\"extraProperties\">\n        <div class=\"mb-2\">\n            <label class=\"form-label\" *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\n            <div class=\"form-check form-switch\">\n                <input class=\"form-check-input\" type=\"checkbox\" role=\"switch\" formControlName=\"{{_fields.field.name}}\">\n            </div>\n            <div class=\"form-text\" *ngIf=\"_fields.field.description\">{{_fields.field.description}}</div>\n        </div>\n\n    </div>\n    <button type=\"submit\" style=\"display: none;\" #submitclick></button>\n</form>" }]
+        }], ctorParameters: function () { return [{ type: i1.FormBuilder }]; }, propDecorators: { entity: [{
+                type: Input
+            }], fields: [{
+                type: Input
+            }], parentFiledName: [{
+                type: Input
+            }], selected: [{
+                type: Input
+            }], submitclick: [{
+                type: ViewChild,
+                args: ['submitclick', { static: true }]
+            }] } });
+
+class NumbericEditConfig {
+    /**占位符 */
+    'NumericEditField.Placeholder' = ['', []];
+    /**最小值 */
+    // placeholder: any = new FormControl('', Validators.required);
+    'NumericEditField.Min' = ['', []];
+    //最大值
+    'NumericEditField.Max' = ['', []];
+    // 小数位数
+    'NumericEditField.Decimals' = [2, []];
+    //步长
+    'NumericEditField.Step' = ['', []];
+    //格式说明符
+    'FormatSpecifier' = ['', []];
+    constructor(data) {
+        if (data) {
+            for (const key in data) {
+                if (data.hasOwnProperty(key)) {
+                    this[key] = data[key];
+                }
+            }
+        }
+    }
+}
+
+class NumbericEditConfigComponent {
+    fb;
+    constructor(fb) {
+        this.fb = fb;
+    }
+    /**表单控件类型 */
+    _type;
+    set type(v) {
+        this._type = v;
+        this.dataLoaded();
+    }
+    /**表单实体 */
+    _Entity;
+    set Entity(v) {
+        this._Entity = v;
+        this.dataLoaded();
+    }
+    /**选择的表单信息 */
+    _selected;
+    set selected(v) {
+        this._selected = v ? v : v == false ? v : '';
+        this.dataLoaded();
+    }
+    get formConfiguration() {
+        return this._Entity.get('formConfiguration');
+    }
+    submitclick;
+    async dataLoaded() {
+        if (this._Entity && this._type) {
+            await this.AfterInit();
+            this.submitclick.nativeElement.click();
+        }
+    }
+    AfterInit() {
+        return new Promise((resolve, rejects) => {
+            this._Entity.setControl('formConfiguration', this.fb.group(new NumbericEditConfig()));
+            if (this._selected && this._selected.formControlName == this._type) {
+                this.formConfiguration.patchValue({
+                    ...this._selected.formConfiguration
+                });
+            }
+            resolve(true);
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NumbericEditConfigComponent, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: NumbericEditConfigComponent, selector: "df-numberic-edit-config", inputs: { type: "type", Entity: "Entity", selected: "selected" }, viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<form [formGroup]=\"_Entity\">\n    <div formGroupName=\"formConfiguration\">\n        <div class=\"mb-2\">\n            <label class=\"form-label\">{{'DigniteAbpForms::Placeholder' | abpLocalization}}</label>\n            <input type=\"text\" class=\"form-control\" formControlName=\"NumericEditField.Placeholder\">\n        </div>\n        <div class=\"mb-2\">\n            <label class=\"form-label\">{{'DigniteAbpForms::Min' | abpLocalization}}</label>\n            <input type=\"text\" class=\"form-control\" formControlName=\"NumericEditField.Min\">\n        </div>\n        <div class=\"mb-2\">\n            <label class=\"form-label\">{{'DigniteAbpForms::Max' | abpLocalization}}</label>\n            <input type=\"text\" class=\"form-control\" formControlName=\"NumericEditField.Max\">\n        </div>\n        <div class=\"mb-2\">\n            <label class=\"form-label\">{{'DigniteAbpForms::NumericDecimals' | abpLocalization}}</label>\n            <input type=\"text\" class=\"form-control\" formControlName=\"NumericEditField.Decimals\">\n        </div>\n        <div class=\"mb-2\">\n            <label class=\"form-label\">{{'DigniteAbpForms::NumericStep' | abpLocalization}}</label>\n            <input type=\"text\" class=\"form-control\" formControlName=\"NumericEditField.Step\">\n            <div class=\"form-text\">{{'DigniteAbpForms::NumericStepHelp'}}</div>\n        </div>\n    \n        <div class=\"mb-2\">\n            <label class=\"form-label\">{{'DigniteAbpForms::FormatSpecifier' | abpLocalization}}</label>\n            <input type=\"text\" class=\"form-control\" formControlName=\"FormatSpecifier\">\n            <div class=\"form-text\">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></div>\n        </div>\n        \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: "16.2.12", 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-2\">\n            <label class=\"form-label\">{{'DigniteAbpForms::Placeholder' | abpLocalization}}</label>\n            <input type=\"text\" class=\"form-control\" formControlName=\"NumericEditField.Placeholder\">\n        </div>\n        <div class=\"mb-2\">\n            <label class=\"form-label\">{{'DigniteAbpForms::Min' | abpLocalization}}</label>\n            <input type=\"text\" class=\"form-control\" formControlName=\"NumericEditField.Min\">\n        </div>\n        <div class=\"mb-2\">\n            <label class=\"form-label\">{{'DigniteAbpForms::Max' | abpLocalization}}</label>\n            <input type=\"text\" class=\"form-control\" formControlName=\"NumericEditField.Max\">\n        </div>\n        <div class=\"mb-2\">\n            <label class=\"form-label\">{{'DigniteAbpForms::NumericDecimals' | abpLocalization}}</label>\n            <input type=\"text\" class=\"form-control\" formControlName=\"NumericEditField.Decimals\">\n        </div>\n        <div class=\"mb-2\">\n            <label class=\"form-label\">{{'DigniteAbpForms::NumericStep' | abpLocalization}}</label>\n            <input type=\"text\" class=\"form-control\" formControlName=\"NumericEditField.Step\">\n            <div class=\"form-text\">{{'DigniteAbpForms::NumericStepHelp'}}</div>\n        </div>\n    \n        <div class=\"mb-2\">\n            <label class=\"form-label\">{{'DigniteAbpForms::FormatSpecifier' | abpLocalization}}</label>\n            <input type=\"text\" class=\"form-control\" formControlName=\"FormatSpecifier\">\n            <div class=\"form-text\">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></div>\n        </div>\n        \n        <button type=\"submit\" (abpInit)=\"submitclick?.nativeElement?.click()\" style=\"display: none;\" #submitclick></button>\n    </div>\n</form>" }]
+        }], ctorParameters: function () { return [{ type: i1.FormBuilder }]; }, propDecorators: { type: [{
+                type: Input
+            }], Entity: [{
+                type: Input
+            }], selected: [{
+                type: Input
+            }], submitclick: [{
+                type: ViewChild,
+                args: ['submitclick', { static: true }]
+            }] } });
+
+function maxDecimalPlacesValidator(maxDecimalPlaces) {
+    return (control) => {
+        const value = control.value;
+        if (typeof value === 'number' && isNaN(value) === false) {
+            const decimalPart = value.toString().split('.')[1];
+            if (decimalPart && decimalPart.length > maxDecimalPlaces) {
+                return { 'maxDecimalPlaces': { actual: decimalPart.length, max: maxDecimalPlaces } };
+            }
+        }
+        return null;
+    };
+}
+class NumbericEditControlComponent {
+    fb;
+    cdr;
+    constructor(fb, cdr) {
+        this.fb = fb;
+        this.cdr = cdr;
+    }
+    /**表单实体 */
+    _entity;
+    set entity(v) {
+        this._entity = v;
+        this.dataLoaded();
+    }
+    get entity() {
+        return this._entity;
+    }
+    /**字段配置列表 */
+    _fields = '';
+    set fields(v) {
+        this._fields = v;
+        this.dataLoaded();
+    }
+    /**父级字段名称，用于为表单设置控件赋值 */
+    _parentFiledName;
+    set parentFiledName(v) {
+        this._parentFiledName = v;
+        this.dataLoaded();
+    }
+    /**父级字段名称，用于为表单设置控件赋值 */
+    _selected;
+    set selected(v) {
+        this._selected = v;
+        this.dataLoaded();
+    }
+    submitclick;
+    get extraProperties() {
+        return this._entity.get('extraProperties');
+    }
+    get fieldInput() { return this.extraProperties.get(this._fields.field.name); }
+    /**数据加载完成 */
+    async dataLoaded() {
+        if (this._fields && this._entity) {
+            await this.AfterInit();
+            this.cdr.detectChanges();
+            this.submitclick.nativeElement.click();
+        }
+    }
+    AfterInit() {
+        return new Promise((resolve, rejects) => {
+            let ValidatorsArray = [];
+            let formConfiguration = this._fields.field.formConfiguration;
+            if (this._fields.required) {
+                ValidatorsArray.push(Validators.required);
+            }
+            if (formConfiguration['NumericEditField.Min']) {
+                ValidatorsArray.push(Validators.min(formConfiguration['NumericEditField.Min']));
+            }
+            if (formConfiguration['NumericEditField.Max']) {
+                ValidatorsArray.push(Validators.max(formConfiguration['NumericEditField.Max']));
+            }
+            let newControl = this.fb.control(this._selected, ValidatorsArray);
+            this.extraProperties.setControl(this._fields.field.name, newControl);
+            resolve(true);
+        });
+    }
+    /**数字框输入 */
+    inputchange(event) {
+        let val = event.target.value;
+        const decimalPart = val.toString().split('.')[1] || '';
+        let formConfiguration = this._fields.field.formConfiguration;
+        let Decimals = formConfiguration['NumericEditField.Decimals'];
+        if (decimalPart.length > Decimals) {
+            this.fieldInput.patchValue(val.slice(0, val.length - (decimalPart.length - 2)));
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NumbericEditControlComponent, deps: [{ token: i1.FormBuilder }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: NumbericEditControlComponent, selector: "df-numberic-edit-control", inputs: { entity: "entity", fields: "fields", parentFiledName: "parentFiledName", selected: "selected" }, viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<form [formGroup]=\"_entity\">\n    <div [formGroupName]=\"_parentFiledName\">\n        <div class=\"mb-2\">\n            <label class=\"form-label\" *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\n            <input type=\"number\" class=\"form-control\" formControlName=\"{{_fields.field.name}}\"\n                [placeholder]=\"_fields.field.formConfiguration['NumericEditField.Placeholder']||''\"\n                [min]=\"_fields.field.formConfiguration['NumericEditField.Min']\"\n                [max]=\"_fields.field.formConfiguration['NumericEditField.Max']\"\n                [step]=\"_fields.field.formConfiguration['NumericEditField.Step']\" (input)=\"inputchange($event)\" />\n            <div class=\"form-text\" *ngIf=\"_fields.field.description\">{{_fields.field.description}}</div>\n        </div>\n\n    </div>\n    <button type=\"submit\" style=\"display: none;\" #submitclick></button>\n</form>", styles: [""], dependencies: [{ kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i1.MaxValidator, selector: "input[type=number][max][formControlName],input[type=number][max][formControl],input[type=number][max][ngModel]", inputs: ["max"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i3.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i3.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NumbericEditControlComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'df-numberic-edit-control', changeDetection: ChangeDetectionStrategy.OnPush, template: "<form [formGroup]=\"_entity\">\n    <div [formGroupName]=\"_parentFiledName\">\n        <div class=\"mb-2\">\n            <label class=\"form-label\" *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\n            <input type=\"number\" class=\"form-control\" formControlName=\"{{_fields.field.name}}\"\n                [placeholder]=\"_fields.field.formConfiguration['NumericEditField.Placeholder']||''\"\n                [min]=\"_fields.field.formConfiguration['NumericEditField.Min']\"\n                [max]=\"_fields.field.formConfiguration['NumericEditField.Max']\"\n                [step]=\"_fields.field.formConfiguration['NumericEditField.Step']\" (input)=\"inputchange($event)\" />\n            <div class=\"form-text\" *ngIf=\"_fields.field.description\">{{_fields.field.description}}</div>\n        </div>\n\n    </div>\n    <button type=\"submit\" style=\"display: none;\" #submitclick></button>\n</form>" }]
+        }], ctorParameters: function () { return [{ type: i1.FormBuilder }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { entity: [{
+                type: Input
+            }], fields: [{
+                type: Input
+            }], parentFiledName: [{
+                type: Input
+            }], selected: [{
+                type: Input
+            }], submitclick: [{
+                type: ViewChild,
+                args: ['submitclick', { static: true }]
+            }] } });
+
+class CkEditorConfig {
+    /**文件容器名称 */
+    // placeholder: any = new FormControl('', Validators.required);
+    'Ckeditor.ImagesContainerName' = ['', []];
+    /**多选 */
+    // placeholder: any = new FormControl('', Validators.required);
+    'Ckeditor.InitialContent' = ['', []];
+    constructor(data) {
+        if (data) {
+            for (const key in data) {
+                if (data.hasOwnProperty(key)) {
+                    this[key] = data[key];
+                }
+            }
+        }
+    }
+}
+
+class CkEditorConfigComponent {
+    fb;
+    constructor(fb) {
+        this.fb = fb;
+    }
+    /**表单实体 */
+    Entity;
+    /**选择的表单信息 */
+    _selected;
+    set selected(v) {
+        this._selected = v || '';
+        this.dataLoaded();
+    }
+    /**表单控件类型 */
+    _type;
+    set type(v) {
+        this._type = v;
+        this.dataLoaded();
+    }
+    get formConfiguration() {
+        return this.Entity.get('formConfiguration');
+    }
+    submitclick;
+    async dataLoaded() {
+        // if (this.Entity && (this._selected || this._selected === '')) {
+        if (this.Entity && this._type) {
+            await this.AfterInit();
+            this.submitclick.nativeElement.click();
+        }
+    }
+    AfterInit() {
+        return new Promise((resolve, rejects) => {
+            this.Entity.setControl('formConfiguration', this.fb.group(new CkEditorConfig()));
+            if (this._selected && this._selected.formControlName == this._type) {
+                this.formConfiguration.patchValue({
+                    ...this._selected.formConfiguration
+                });
+            }
+            resolve(true);
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CkEditorConfigComponent, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CkEditorConfigComponent, selector: "df-ck-editor-config", inputs: { Entity: "Entity", selected: "selected", type: "type" }, 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-2\">\n            <label class=\"form-label\">{{'DigniteAbpDynamicFormsCkEditor::ImagesContainerName' | abpLocalization}}</label>\n            <input type=\"text\" class=\"form-control\" formControlName=\"Ckeditor.ImagesContainerName\">\n        </div>\n        <div class=\"mb-2\">\n            <label class=\"form-label\">{{'DigniteAbpDynamicFormsCkEditor::InitialContent' | abpLocalization}}</label>\n            <input type=\"text\" class=\"form-control\" formControlName=\"Ckeditor.InitialContent\">\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.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: "16.2.12", ngImport: i0, type: CkEditorConfigComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'df-ck-editor-config', template: "<form [formGroup]=\"Entity\">\n    <div formGroupName=\"formConfiguration\">\n        <div class=\"mb-2\">\n            <label class=\"form-label\">{{'DigniteAbpDynamicFormsCkEditor::ImagesContainerName' | abpLocalization}}</label>\n            <input type=\"text\" class=\"form-control\" formControlName=\"Ckeditor.ImagesContainerName\">\n        </div>\n        <div class=\"mb-2\">\n            <label class=\"form-label\">{{'DigniteAbpDynamicFormsCkEditor::InitialContent' | abpLocalization}}</label>\n            <input type=\"text\" class=\"form-control\" formControlName=\"Ckeditor.InitialContent\">\n        </div>\n        <button type=\"submit\" (abpInit)=\"submitclick?.nativeElement?.click()\" style=\"display: none;\"\n            #submitclick></button>\n    </div>\n</form>" }]
+        }], ctorParameters: function () { return [{ type: i1.FormBuilder }]; }, propDecorators: { Entity: [{
+                type: Input
+            }], selected: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], submitclick: [{
+                type: ViewChild,
+                args: ['submitclick', { static: true }]
+            }] } });
+
+class isBase64UploadAdapter {
+    reader = new FileReader();
+    restService;
+    loader;
+    ImagesContainerName;
+    Base64 = false;
+    constructor(loader, ImagesContainerName, restService) {
+        this.loader = loader;
+        this.ImagesContainerName = ImagesContainerName;
+        this.restService = restService;
+        console.log(this.restService, 11111111111, restService);
+    }
+    upload() {
+        return new Promise((resolve, reject) => {
+            const reader = this.reader;
+            if (this.Base64) {
+                reader.addEventListener('load', () => {
+                    resolve({ default: reader.result });
+                });
+                reader.addEventListener('error', err => {
+                    reject(err);
+                });
+                reader.addEventListener('abort', () => {
+                    reject();
+                });
+                this.loader.file.then((file) => {
+                    reader.readAsDataURL(file);
+                });
+            }
+            else {
+                this.loader.file.then((file) => {
+                    var formData = new FormData();
+                    formData.append('file', file, file.name);
+                    this.createFile({
+                        file: formData,
+                        containerName: this.ImagesContainerName,
+                        directoryId: '',
+                        entityId: ''
+                    }).subscribe((response) => {
+                        resolve({ default: response.url });
+                    }, (error) => {
+                        reject(error);
+                    });
+                });
+            }
+        });
+    }
+    createFile = (input, config) => this.restService.request({
+        method: 'POST',
+        url: '/api/file-explorer/files',
+        params: { containerName: input.containerName, cellName: input.cellName, directoryId: input.directoryId, entityId: input.entityId },
+        body: input.file,
+    }, { apiName: 'FileExplorer', ...config });
+}
+
+class CkEditorControlComponent {
+    fb;
+    restService;
+    constructor(fb, restService) {
+        this.fb = fb;
+        this.restService = restService;
+    }
+    Editor = ClassicEditor;
+    /**富文本配置 */
+    editorConfig = {
+        language: 'zh-cn',
+        placeholder: '',
+        toolbar: {
+            removeItems: ['mediaEmbed'],
+            shouldNotGroupWhenFull: true
+        },
+        styles: [
+            'alignCenter',
+            'alignLeft',
+            'alignRight'
+        ],
+        image: {
+            toolbar: [
+                'imageTextAlternative', 'toggleImageCaption', '|',
+                'imageStyle:inline', 'imageStyle:wrapText', 'imageStyle:breakText', 'imageStyle:side', '|',
+                ,
+                'resizeImage'
+            ],
+            insert: {
+                integrations: [
+                    'insertImageViaUrl'
+                ]
+            }
+        }
+    };
+    //**富文本加载完成 */
+    onReady(editor) {
+        let that = this;
+        editor.plugins.get('FileRepository').createUploadAdapter = function (loader) {
+            return new isBase64UploadAdapter(loader, that.imagesContainerName, that.restService);
+        };
+    }
+    /**富文本内容改变 */
+    onChange({ editor }) {
+        // const data = editor.getData();
+        // console.log(editor, 'onChangeonChange');
+    }
+    /**表单实体 */
+    _entity;
+    set entity(v) {
+        this._entity = v;
+        this.dataLoaded();
+    }
+    /**字段配置列表 */
+    _fields = '';
+    set fields(v) {
+        this._fields = v;
+        this.dataLoaded();
+    }
+    /**父级字段名称，用于为表单设置控件赋值 */
+    _parentFiledName;
+    set parentFiledName(v) {
+        this._parentFiledName = v;
+        this.dataLoaded();
+    }
+    /**父级字段名称，用于为表单设置控件赋值 */
+    _selected;
+    set selected(v) {
+        this._selected = v;
+        this.dataLoaded();
+    }
+    submitclick;
+    get extraProperties() {
+        return this._entity.get('extraProperties');
+    }
+    /**数据加载完成 */
+    async dataLoaded() {
+        if (this._fields && this._entity) {
+            await this.AfterInit();
+            this.submitclick.nativeElement.click();
+        }
+    }
+    /**图片容器名称 */
+    imagesContainerName;
+    AfterInit() {
+        return new Promise((resolve, rejects) => {
+            let ValidatorsArray = [];
+            if (this._fields.required) {
+                ValidatorsArray.push(Validators.required);
+            }
+            // if (this._fields.field.formConfiguration.limit) {
+            //   ValidatorsArray.push(Validators.maxLength(this._fields.field.formConfiguration.limit))
+            // }
+            let newControl = this.fb.control(this._selected ? this._selected : this._fields.field.formConfiguration['Ckeditor.InitialContent'], ValidatorsArray);
+            this.extraProperties.setControl(this._fields.field.name, newControl);
+            this.imagesContainerName = this._fields.field.formConfiguration['Ckeditor.ImagesContainerName'];
+            // console.log(this._fields,'ceshiceshiceshiceshiceshi',this.extraProperties.value,this._entity.value,'this._selected',this._selected);
+            resolve(true);
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CkEditorControlComponent, deps: [{ token: i1.FormBuilder }, { token: i2.RestService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CkEditorControlComponent, isStandalone: true, selector: "df-ck-editor-control", inputs: { entity: "entity", fields: "fields", parentFiledName: "parentFiledName", selected: "selected" }, viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<form [formGroup]=\"_entity\">\n    <div formGroupName=\"extraProperties\">\n        <div class=\"mb-2\">\n            <label class=\"form-label\" *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\n            <ckeditor [editor]=\"Editor\" [config]=\"editorConfig\" formControlName=\"{{_fields.field.name}}\"\n            (ready)=\"onReady($event)\" (change)=\"onChange($event)\" required=\"\" name=\"overview\"></ckeditor>\n            <div class=\"form-text\" *ngIf=\"_fields.field.description\">{{_fields.field.description}}</div>\n        </div>\n    </div>\n    <button type=\"submit\" style=\"display: none;\" #submitclick></button>\n</form>", styles: [""], dependencies: [{ kind: "ngmodule", type: CKEditorModule }, { kind: "component", type: i3$1.CKEditorComponent, selector: "ckeditor", inputs: ["editor", "config", "data", "tagName", "watchdog", "editorWatchdogConfig", "disableTwoWayDataBinding", "disabled"], outputs: ["ready", "change", "blur", "focus", "error"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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: "ngmodule", type: CoreModule }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "ngmodule", type: ThemeSharedModule }, { kind: "directive", type: i3.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i3.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "ngmodule", type: ReactiveFormsModule }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CkEditorControlComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'df-ck-editor-control', standalone: true, imports: [
+                        CKEditorModule,
+                        FormsModule,
+                        CoreModule,
+                        ThemeSharedModule,
+                        ReactiveFormsModule,
+                    ], template: "<form [formGroup]=\"_entity\">\n    <div formGroupName=\"extraProperties\">\n        <div class=\"mb-2\">\n            <label class=\"form-label\" *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\n            <ckeditor [editor]=\"Editor\" [config]=\"editorConfig\" formControlName=\"{{_fields.field.name}}\"\n            (ready)=\"onReady($event)\" (change)=\"onChange($event)\" required=\"\" name=\"overview\"></ckeditor>\n            <div class=\"form-text\" *ngIf=\"_fields.field.description\">{{_fields.field.description}}</div>\n        </div>\n    </div>\n    <button type=\"submit\" style=\"display: none;\" #submitclick></button>\n</form>" }]
+        }], ctorParameters: function () { return [{ type: i1.FormBuilder }, { type: i2.RestService }]; }, propDecorators: { entity: [{
+                type: Input
+            }], fields: [{
+                type: Input
+            }], parentFiledName: [{
+                type: Input
+            }], selected: [{
+                type: Input
+            }], submitclick: [{
+                type: ViewChild,
+                args: ['submitclick', { static: true }]
+            }] } });
+
+var DateEditInterfaces;
+(function (DateEditInterfaces) {
+    /// <summary>
+    /// Only date is allowed to be entered.
+    /// </summary>
+    DateEditInterfaces[DateEditInterfaces["Date"] = 0] = "Date";
+    /// <summary>
+    /// Both date and time are allowed to be entered.
+    /// </summary>
+    DateEditInterfaces[DateEditInterfaces["DateTime"] = 1] = "DateTime";
+    /// <summary>
+    /// Allowed to select only year and month.
+    /// </summary>
+    DateEditInterfaces[DateEditInterfaces["Month"] = 2] = "Month";
+})(DateEditInterfaces || (DateEditInterfaces = {}));
+
+class DateEditConfig {
+    /**占位符 */
+    // placeholder: any = new FormControl('', Validators.required);
+    // placeholder: any = ['', []];
+    // //字段类型，单行文本，多行文本
+    // textboxMode: any = ['simple', []];
+    // // 字数限制
+    // limit: any = ['265', []];
+    /**日期格式 */
+    'DateEdit.InputMode' = [DateEditInterfaces.Date, []];
+    /**最小值 */
+    'DateEdit.Min' = ['', []];
+    /**最大值 */
+    'DateEdit.Max' = ['', []];
+    constructor(data) {
+        if (data) {
+            for (const key in data) {
+                if (data.hasOwnProperty(key)) {
+                    this[key] = data[key];
+                }
+            }
+        }
+    }
+}
+
+class DateEditConfigComponent {
+    fb;
+    constructor(fb) {
+        this.fb = fb;
+    }
+    _DateEditInterfaces = DateEditInterfaces;
+    /**表单控件类型 */
+    _type;
+    set type(v) {
+        this._type = v;
+        this.dataLoaded();
+    }
+    /**表单实体 */
+    _Entity;
+    set Entity(v) {
+        this._Entity = v;
+        this.dataLoaded();
+    }
+    /**选择的表单信息 */
+    _selected;
+    set selected(v) {
+        this._selected = v;
+        this.dataLoaded();
+    }
+    get formConfiguration() {
+        return this._Entity.get('formConfiguration');
+    }
+    submitclick;
+    async dataLoaded() {
+        if (this._Entity && this._type) {
+            await this.AfterInit();
+            this.submitclick.nativeElement.click();
+        }
+    }
+    AfterInit() {
+        return new Promise((resolve, rejects) => {
+            this._Entity.setControl('formConfiguration', this.fb.group(new DateEditConfig()));
+            if (this._selected && this._selected.formControlName == this._type) {
+                this.formConfiguration.patchValue({
+                    ...this._selected.formConfiguration
+                });
+            }
+            resolve(true);
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DateEditConfigComponent, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DateEditConfigComponent, selector: "df-date-edit-config", inputs: { type: "type", Entity: "Entity", selected: "selected" }, viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<form [formGroup]=\"_Entity\">\n    <div formGroupName=\"formConfiguration\">\n        <div class=\"mb-2\">\n            <label class=\"form-label\">{{'DigniteAbpForms::DateEditMode' | abpLocalization}}</label>\n            <div>\n                <div class=\"form-check form-check-inline\">\n                    <input class=\"form-check-input\" type=\"radio\" [value]=\"_DateEditInterfaces.Date\"\n                        formControlName=\"DateEdit.InputMode\" id=\"flexRadioDefault1\">\n                    <label class=\"form-check-label\" for=\"flexRadioDefault1\">\n                        {{'DigniteAbpForms::Date' | abpLocalization}}\n                    </label>\n                </div>\n                <div class=\"form-check form-check-inline\">\n                    <input class=\"form-check-input\" type=\"radio\" [value]=\"_DateEditInterfaces.DateTime\"\n                        formControlName=\"DateEdit.InputMode\" id=\"flexRadioDefault2\">\n                    <label class=\"form-check-label\" for=\"flexRadioDefault2\">\n                        {{'DigniteAbpForms::DateTime' | abpLocalization}}\n                    </label>\n                </div>\n                <div class=\"form-check form-check-inline\">\n                    <input class=\"form-check-input\" type=\"radio\" [value]=\"_DateEditInterfaces.Month\"\n                        formControlName=\"DateEdit.InputMode\" id=\"flexRadioDefault3\">\n                    <label class=\"form-check-label\" for=\"flexRadioDefault3\">\n                        {{'DigniteAbpForms::Month' | abpLocalization}}\n                    </label>\n                </div>\n            </div>\n        </div>\n        <div class=\"mb-2\">\n            <label class=\"form-label\">{{'DigniteAbpForms::Min' | abpLocalization}}</label>\n            <input type=\"datetime-local\" class=\"form-control\" step=\"1\" formControlName=\"DateEdit.Min\">\n        </div>\n        <div class=\"mb-2\">\n            <label class=\"form-label\">{{'DigniteAbpForms::Max' | abpLocalization}}</label>\n            <input type=\"datetime-local\" 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: "16.2.12", 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-2\">\n            <label class=\"form-label\">{{'DigniteAbpForms::DateEditMode' | abpLocalization}}</label>\n            <div>\n                <div class=\"form-check form-check-inline\">\n                    <input class=\"form-check-input\" type=\"radio\" [value]=\"_DateEditInterfaces.Date\"\n                        formControlName=\"DateEdit.InputMode\" id=\"flexRadioDefault1\">\n                    <label class=\"form-check-label\" for=\"flexRadioDefault1\">\n                        {{'DigniteAbpForms::Date' | abpLocalization}}\n                    </label>\n                </div>\n                <div class=\"form-check form-check-inline\">\n                    <input class=\"form-check-input\" type=\"radio\" [value]=\"_DateEditInterfaces.DateTime\"\n                        formControlName=\"DateEdit.InputMode\" id=\"flexRadioDefault2\">\n                    <label class=\"form-check-label\" for=\"flexRadioDefault2\">\n                        {{'DigniteAbpForms::DateTime' | abpLocalization}}\n                    </label>\n                </div>\n                <div class=\"form-check form-check-inline\">\n                    <input class=\"form-check-input\" type=\"radio\" [value]=\"_DateEditInterfaces.Month\"\n                        formControlName=\"DateEdit.InputMode\" id=\"flexRadioDefault3\">\n                    <label class=\"form-check-label\" for=\"flexRadioDefault3\">\n                        {{'DigniteAbpForms::Month' | abpLocalization}}\n                    </label>\n                </div>\n            </div>\n        </div>\n        <div class=\"mb-2\">\n            <label class=\"form-label\">{{'DigniteAbpForms::Min' | abpLocalization}}</label>\n            <input type=\"datetime-local\" class=\"form-control\" step=\"1\" formControlName=\"DateEdit.Min\">\n        </div>\n        <div class=\"mb-2\">\n            <label class=\"form-label\">{{'DigniteAbpForms::Max' | abpLocalization}}</label>\n            <input type=\"datetime-local\" 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: function () { return [{ type: i1.FormBuilder }]; }, propDecorators: { type: [{
+                type: Input
+            }], Entity: [{
+                type: Input
+            }], selected: [{
+                type: Input
+            }], submitclick: [{
+                type: ViewChild,
+                args: ['submitclick', { static: true }]
+            }] } });
+
+class DateEditControlComponent {
+    fb;
+    cdr;
+    constructor(fb, cdr) {
+        this.fb = fb;
+        this.cdr = cdr;
+    }
+    _DateEditInterfaces = DateEditInterfaces;
+    /**表单实体 */
+    _entity;
+    set entity(v) {
+        this._entity = v;
+        this.dataLoaded();
+    }
+    get entity() {
+        return this._entity;
+    }
+    /**字段配置列表 */
+    _fields = '';
+    set fields(v) {
+        this._fields = v;
+        this.dataLoaded();
+    }
+    /**父级字段名称，用于为表单设置控件赋值 */
+    _parentFiledName;
+    set parentFiledName(v) {
+        this._parentFiledName = v;
+        this.dataLoaded();
+    }
+    /**父级字段名称，用于为表单设置控件赋值 */
+    _selected;
+    set selected(v) {
+        this._selected = v;
+        this.dataLoaded();
+    }
+    submitclick;
+    get extraProperties() {
+        return this._entity.get('extraProperties');
+    }
+    get fieldInput() { return this.extraProperties.get(this._fields.field.name); }
+    /**数据加载完成 */
+    async dataLoaded() {
+        if (this._fields && this._entity) {
+            await this.AfterInit();
+            this.cdr.detectChanges();
+            this.submitclick.nativeElement.click();
+        }
+    }
+    AfterInit() {
+        return new Promise((resolve, rejects) => {
+            let ValidatorsArray = [];
+            let formConfiguration = this._fields.field.formConfiguration;
+            if (this._fields.required) {
+                ValidatorsArray.push(Validators.required);
+            }
+            if (formConfiguration['DateEdit.Min']) {
+                ValidatorsArray.push(Validators.min(formConfiguration['DateEdit.Min']));
+            }
+            if (formConfiguration['DateEdit.Max']) {
+                ValidatorsArray.push(Validators.max(formConfiguration['DateEdit.Max']));
+            }
+            let newControl = this.fb.control(this._selected, ValidatorsArray);
+            this.extraProperties.setControl(this._fields.field.name, newControl);
+            resolve(true);
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DateEditControlComponent, deps: [{ token: i1.FormBuilder }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DateEditControlComponent, selector: "df-date-edit-control", inputs: { entity: "entity", fields: "fields", parentFiledName: "parentFiledName", selected: "selected" }, viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<form [formGroup]=\"_entity\">\n    <div [formGroupName]=\"_parentFiledName\">\n        <div class=\"mb-2\">\n            <label class=\"form-label\"  *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\n\n            <ng-container *ngIf=\"_fields.field.formConfiguration['DateEdit.InputMode'] === _DateEditInterfaces.Date\">\n                <input type=\"date\" class=\"form-control\" step=\"1\" formControlName=\"{{_fields.field.name}}\"\n                    [min]=\"_fields.field.formConfiguration['DateEdit.Min']\"\n                    [max]=\"_fields.field.formConfiguration['DateEdit.Max']\" />\n            </ng-container>\n            <ng-container\n                *ngIf=\"_fields.field.formConfiguration['DateEdit.InputMode'] === _DateEditInterfaces.DateTime\">\n                <input type=\"datetime-local\" class=\"form-control\" step=\"1\" formControlName=\"{{_fields.field.name}}\"\n                    [min]=\"_fields.field.formConfiguration['DateEdit.Min']\"\n                    [max]=\"_fields.field.formConfiguration['DateEdit.Max']\" />\n            </ng-container>\n            <ng-container *ngIf=\"_fields.field.formConfiguration['DateEdit.InputMode'] === _DateEditInterfaces.Month\">\n                <input type=\"month\" class=\"form-control\" step=\"1\" formControlName=\"{{_fields.field.name}}\"\n                    [min]=\"_fields.field.formConfiguration['DateEdit.Min']\"\n                    [max]=\"_fields.field.formConfiguration['DateEdit.Max']\" />\n            </ng-container>\n            <div class=\"form-text\" *ngIf=\"_fields.field.description\">{{_fields.field.description}}</div>\n        </div>\n    </div>\n    <button type=\"submit\" style=\"display: none;\" #submitclick></button>\n</form>", styles: [""], dependencies: [{ kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i3.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i3.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DateEditControlComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'df-date-edit-control', template: "<form [formGroup]=\"_entity\">\n    <div [formGroupName]=\"_parentFiledName\">\n        <div class=\"mb-2\">\n            <label class=\"form-label\"  *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\n\n            <ng-container *ngIf=\"_fields.field.formConfiguration['DateEdit.InputMode'] === _DateEditInterfaces.Date\">\n                <input type=\"date\" class=\"form-control\" step=\"1\" formControlName=\"{{_fields.field.name}}\"\n                    [min]=\"_fields.field.formConfiguration['DateEdit.Min']\"\n                    [max]=\"_fields.field.formConfiguration['DateEdit.Max']\" />\n            </ng-container>\n            <ng-container\n                *ngIf=\"_fields.field.formConfiguration['DateEdit.InputMode'] === _DateEditInterfaces.DateTime\">\n                <input type=\"datetime-local\" class=\"form-control\" step=\"1\" formControlName=\"{{_fields.field.name}}\"\n                    [min]=\"_fields.field.formConfiguration['DateEdit.Min']\"\n                    [max]=\"_fields.field.formConfiguration['DateEdit.Max']\" />\n            </ng-container>\n            <ng-container *ngIf=\"_fields.field.formConfiguration['DateEdit.InputMode'] === _DateEditInterfaces.Month\">\n                <input type=\"month\" class=\"form-control\" step=\"1\" formControlName=\"{{_fields.field.name}}\"\n                    [min]=\"_fields.field.formConfiguration['DateEdit.Min']\"\n                    [max]=\"_fields.field.formConfiguration['DateEdit.Max']\" />\n            </ng-container>\n            <div class=\"form-text\" *ngIf=\"_fields.field.description\">{{_fields.field.description}}</div>\n        </div>\n    </div>\n    <button type=\"submit\" style=\"display: none;\" #submitclick></button>\n</form>" }]
+        }], ctorParameters: function () { return [{ type: i1.FormBuilder }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { entity: [{
+                type: Input
+            }], fields: [{
+                type: Input
+            }], parentFiledName: [{
+                type: Input
+            }], selected: [{
+                type: Input
+            }], submitclick: [{
+                type: ViewChild,
+                args: ['submitclick', { static: true }]
+            }] } });
+
+class FileExplorerConfig {
+    /**文件容器名称 */
+    // placeholder: any = new FormControl('', Validators.required);
+    'FileExplorer.FileContainerName' = ['', []];
+    /**多选 */
+    // placeholder: any = new FormControl('', Validators.required);
+    'FileExplorer.UploadFileMultiple' = [false, []];
+    constructor(data) {
+        if (data) {
+            for (const key in data) {
+                if (data.hasOwnProperty(key)) {
+                    this[key] = data[key];
+                }
+            }
+        }
+    }
+}
+
+class FileExplorerConfigComponent {
+    fb;
+    constructor(fb) {
+        this.fb = fb;
+    }
+    /**表单控件类型 */
+    _type;
+    set type(v) {
+        this._type = v;
+        this.dataLoaded();
+    }
+    /**表单实体 */
+    _Entity;
+    set Entity(v) {
+        this._Entity = v;
+        this.dataLoaded();
+    }
+    /**选择的表单信息 */
+    _selected;
+    set selected(v) {
+        this._selected = v;
+        this.dataLoaded();
+    }
+    get formConfiguration() {
+        return this._Entity.get('formConfiguration');
+    }
+    submitclick;
+    async dataLoaded() {
+        if (this._Entity && this._type) {
+            await this.AfterInit();
+            this.submitclick.nativeElement.click();
+        }
+    }
+    AfterInit() {
+        return new Promise((resolve, rejects) => {
+            this._Entity.setControl('formConfiguration', this.fb.group(new FileExplorerConfig()));
+            if (this._selected && this._selected.formControlName == this._type) {
+                this.formConfiguration.patchValue({
+                    ...this._selected.formConfiguration
+                });
+            }
+            resolve(true);
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FileExplorerConfigComponent, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FileExplorerConfigComponent, selector: "df-file-explorer-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-2\">\n            <label class=\"form-label\">{{'DigniteAbpDynamicFormsFileExplorer::FileContainerName' | abpLocalization}}</label>\n            <input type=\"text\" class=\"form-control\" formControlName=\"FileExplorer.FileContainerName\">\n        </div>\n        <div class=\"mb-2\">\n            <div class=\"form-check form-check-inline\">\n                <input class=\"form-check-input\" type=\"checkbox\" formControlName=\"FileExplorer.UploadFileMultiple\" id=\"flexRadioDefault1\">\n                <label class=\"form-check-label\" for=\"flexRadioDefault1\">\n                    {{'DigniteAbpDynamicFormsFileExplorer::UploadFileMultiple' | 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.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: "16.2.12", ngImport: i0, type: FileExplorerConfigComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'df-file-explorer-config', template: "<form [formGroup]=\"_Entity\">\n    <div formGroupName=\"formConfiguration\">\n        <div class=\"mb-2\">\n            <label class=\"form-label\">{{'DigniteAbpDynamicFormsFileExplorer::FileContainerName' | abpLocalization}}</label>\n            <input type=\"text\" class=\"form-control\" formControlName=\"FileExplorer.FileContainerName\">\n        </div>\n        <div class=\"mb-2\">\n            <div class=\"form-check form-check-inline\">\n                <input class=\"form-check-input\" type=\"checkbox\" formControlName=\"FileExplorer.UploadFileMultiple\" id=\"flexRadioDefault1\">\n                <label class=\"form-check-label\" for=\"flexRadioDefault1\">\n                    {{'DigniteAbpDynamicFormsFileExplorer::UploadFileMultiple' | 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: function () { return [{ type: i1.FormBuilder }]; }, propDecorators: { type: [{
+                type: Input
+            }], Entity: [{
+                type: Input
+            }], selected: [{
+                type: Input
+            }], submitclick: [{
+                type: ViewChild,
+                args: ['submitclick', { static: true }]
+            }] } });
+
+class FileExplorerControlComponent {
+    fb;
+    constructor(fb) {
+        this.fb = fb;
+    }
+    /**表单实体 */
+    _entity;
+    set entity(v) {
+        this._entity = v;
+        if (v)
+            this.dataLoaded();
+    }
+    /**字段配置列表 */
+    _fields = '';
+    set fields(v) {
+        this._fields = v;
+        if (v)
+            this.dataLoaded();
+    }
+    /**父级字段名称，用于为表单设置控件赋值 */
+    _parentFiledName;
+    set parentFiledName(v) {
+        this._parentFiledName = v;
+        if (v)
+            this.dataLoaded();
+    }
+    /**父级字段名称，用于为表单设置控件赋值 */
+    _selected;
+    set selected(v) {
+        this._selected = v;
+        if (v && v.length > 0)
+            this.dataLoaded();
+    }
+    submitclick;
+    get extraProperties() {
+        return this._entity.get('extraProperties');
+    }
+    /**数据加载完成 */
+    async dataLoaded() {
+        if (this._fields && this._entity && this._parentFiledName) {
+            await this.AfterInit();
+            this.submitclick.nativeElement.click();
+        }
+    }
+    /**字段配置 */
+    formConfiguration = '';
+    /**文件容器名称 */
+    FileContainerName = '';
+    AfterInit() {
+        return new Promise((resolve, rejects) => {
+            let ValidatorsArray = [];
+            if (this._fields.required) {
+                ValidatorsArray.push(Validators.required);
+            }
+            this.formConfiguration = this._fields.field.formConfiguration;
+            this.FileContainerName = this.formConfiguration['FileExplorer.FileContainerName'];
+            if (this._selected && this._selected.length > 0) {
+                this.selectedFileGroup = this._selected;
+            }
+            let newControl = this.fb.control(this._selected, ValidatorsArray);
+            this.extraProperties.setControl(this._fields.field.name, newControl);
+            resolve(true);
+        });
+    }
+    /**选择文件-弹窗的-已选定的文件 */
+    selectedFileGroup = [];
+    /**_selectedFile改变回调 */
+    _selectedFileChange(event) {
+        this.selectedFileGroup = event;
+        let fieldName = this._fields.field.name;
+        let obj = {};
+        obj[fieldName] = event;
+        this.extraProperties.patchValue(obj);
+        console.log(event, '_selectedFile改变回调---file-explorer', this.extraProperties);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FileExplorerControlComponent, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FileExplorerControlComponent, selector: "df-file-explorer-control", inputs: { entity: "entity", fields: "fields", parentFiledName: "parentFiledName", selected: "selected" }, viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<form [formGroup]=\"_entity\">\n    <div formGroupName=\"extraProperties\">\n        <div class=\"mb-2\">\n            <label class=\"form-label\" *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\n            <fe-file-picker  [selectFormFile]=\"selectedFileGroup\" (selectedFileChange)=\"_selectedFileChange($event)\" ></fe-file-picker>\n            <div class=\"form-text\" *ngIf=\"_fields.field.description\">{{_fields.field.description}}</div>\n        </div>\n    </div>\n    <button type=\"submit\" style=\"display: none;\" #submitclick></button>\n</form>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i3.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "component", type: i4.FilePickerComponent, selector: "fe-file-picker", inputs: ["fileContainerName", "selectFormFile"], outputs: ["selectedFileChange"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FileExplorerControlComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'df-file-explorer-control', template: "<form [formGroup]=\"_entity\">\n    <div formGroupName=\"extraProperties\">\n        <div class=\"mb-2\">\n            <label class=\"form-label\" *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\n            <fe-file-picker  [selectFormFile]=\"selectedFileGroup\" (selectedFileChange)=\"_selectedFileChange($event)\" ></fe-file-picker>\n            <div class=\"form-text\" *ngIf=\"_fields.field.description\">{{_fields.field.description}}</div>\n        </div>\n    </div>\n    <button type=\"submit\" style=\"display: none;\" #submitclick></button>\n</form>\n" }]
+        }], ctorParameters: function () { return [{ type: i1.FormBuilder }]; }, propDecorators: { entity: [{
+                type: Input
+            }], fields: [{
+                type: Input
+            }], parentFiledName: [{
+                type: Input
+            }], selected: [{
+                type: Input
+            }], submitclick: [{
+                type: ViewChild,
+                args: ['submitclick', { static: true }]
+            }] } });
+
+class SelectConfig {
+    /**空值文本 */
+    // placeholder: any = new FormControl('', Validators.required);
+    'Select.NullText' = ['', []];
+    //多选
+    'Select.Multiple' = [false, []];
+    // 选项
+    'Select.Options' = new FormArray([]);
+    constructor(data) {
+        if (data) {
+            for (const key in data) {
+                if (data.hasOwnProperty(key)) {
+                    this[key] = data[key];
+                }
+            }
+        }
+    }
+}
+
+class SelectConfigComponent {
+    fb;
+    constructor(fb) {
+        this.fb = fb;
+    }
+    /**表单控件类型 */
+    _type;
+    set type(v) {
+        this._type = v;
+        this.dataLoaded();
+    }
+    /**表单实体 */
+    _Entity;
+    set Entity(v) {
+        this._Entity = v;
+        this.dataLoaded();
+    }
+    /**选择的表单信息 */
+    _selected;
+    set selected(v) {
+        this._selected = v;
+        this.dataLoaded();
+    }
+    get formConfiguration() {
+        return this._Entity.get('formConfiguration');
+    }
+    get SelectOptions() {
+        return this.formConfiguration.controls['Select.Options'];
+    }
+    submitclick;
+    async dataLoaded() {
+        if (this._Entity && this._type) {
+            await this.AfterInit();
+            this.submitclick.nativeElement.click();
+        }
+    }
+    /**增加选项 */
+    addSelectOptions() {
+        this.SelectOptions.push(new FormGroup({
+            Text: new FormControl('', Validators.required),
+            Value: new FormControl('', Validators.required),
+            Selected: new FormControl(false)
+        }));
+    }
+    /**删除某个选项 */
+    deleteSelectOptions(index) {
+        this.SelectOptions.removeAt(index);
+    }
+    AfterInit() {
+        return new Promise((resolve, rejects) => {
+            this._Entity.setControl('formConfiguration', this.fb.group(new SelectConfig()));
+            if (this._selected && this._selected.formControlName == this._type) {
+                this._selected.formConfiguration['Select.Options']?.forEach(el => {
+                    this.addSelectOptions();
+                });
+                this.formConfiguration.patchValue({
+                    ...this._selected.formConfiguration,
+                });
+            }
+            else {
+                this.addSelectOptions();
+            }
+            resolve(true);
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SelectConfigComponent, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SelectConfigComponent, selector: "df-select-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-2\">\n            <label class=\"form-label\">{{'DigniteAbpForms::SelectListItem' | abpLocalization}}</label>\n            <table class=\"table\">\n                <thead>\n                    <tr>\n                        <th scope=\"col\">{{'DigniteAbpForms::SelectListItemText' | abpLocalization}}</th>\n                        <th scope=\"col\">{{'DigniteAbpForms::SelectListItemValue' | abpLocalization}}</th>\n                        <th scope=\"col\">{{'DigniteAbpForms::SelectListItemValue' | abpLocalization}}</th>\n                        <th scope=\"col\" style=\"width: 1%;\">\n                            <button class=\"btn btn-light btn-sm\" (click.stop)=\"addSelectOptions()\">\n                                <i class=\"fas fa-plus-circle\"></i>\n                            </button>\n                        </th>\n                    </tr>\n                </thead>\n                <tbody formArrayName=\"Select.Options\">\n                    <ng-container *ngFor=\"let item of SelectOptions.controls;let i=index\">\n                        <tr [formGroupName]=\"i\">\n                            <td><input type=\"text\" class=\"form-control\" formControlName=\"Text\"></td>\n                            <td><input type=\"text\" class=\"form-control\" formControlName=\"Value\"></td>\n                            <td>\n                                <div class=\"form-check form-check-inline\">\n                                    <input class=\"form-check-input\" type=\"checkbox\"  formControlName=\"Selected\" id=\"selected\">\n                                </div>\n                            </td>\n                            <td scope=\"row\" style=\"width: 1%;\">\n                                <button class=\"btn btn-light btn-sm\" (click.stop)=\"deleteSelectOptions(i)\">\n                                    <i class=\"fas fa-minus\"></i>\n                                </button>\n                            </td>\n                        </tr> \n                    </ng-container>\n                    \n                    \n                </tbody>\n            </table>\n        </div>\n\n\n\n        <div class=\"mb-2\">\n            <label class=\"form-label\">{{'DigniteAbpForms::NullText' | abpLocalization}}</label>\n            <input type=\"text\" class=\"form-control\" formControlName=\"Select.NullText\">\n        </div>\n        <div class=\"mb-2\">\n            <div class=\"form-check form-check-inline\">\n                <input class=\"form-check-input\" type=\"checkbox\" formControlName=\"Select.Multiple\"\n                    id=\"Multiple\">\n                <label class=\"form-check-label\" for=\"Multiple\">\n                    {{'DigniteAbpForms::Multiple' | abpLocalization}}\n                </label>\n            </div>\n        </div>\n        <button type=\"submit\" (abpInit)=\"submitclick?.nativeElement?.click()\" style=\"display: none;\"\n            #submitclick></button>\n    </div>\n</form>", styles: [""], dependencies: [{ kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i1.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "directive", type: i2.InitDirective, selector: "[abpInit]", outputs: ["abpInit"] }, { kind: "directive", type: i2.StopPropagationDirective, selector: "[click.stop]", outputs: ["click.stop"] }, { kind: "directive", type: i3.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i3.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "pipe", type: i2.LocalizationPipe, name: "abpLocalization" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SelectConfigComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'df-select-config', template: "<form [formGroup]=\"_Entity\">\n    <div formGroupName=\"formConfiguration\">\n        <div class=\"mb-2\">\n            <label class=\"form-label\">{{'DigniteAbpForms::SelectListItem' | abpLocalization}}</label>\n            <table class=\"table\">\n                <thead>\n                    <tr>\n                        <th scope=\"col\">{{'DigniteAbpForms::SelectListItemText' | abpLocalization}}</th>\n                        <th scope=\"col\">{{'DigniteAbpForms::SelectListItemValue' | abpLocalization}}</th>\n                        <th scope=\"col\">{{'DigniteAbpForms::SelectListItemValue' | abpLocalization}}</th>\n                        <th scope=\"col\" style=\"width: 1%;\">\n                            <button class=\"btn btn-light btn-sm\" (click.stop)=\"addSelectOptions()\">\n                                <i class=\"fas fa-plus-circle\"></i>\n                            </button>\n                        </th>\n                    </tr>\n                </thead>\n                <tbody formArrayName=\"Select.Options\">\n                    <ng-container *ngFor=\"let item of SelectOptions.controls;let i=index\">\n                        <tr [formGroupName]=\"i\">\n                            <td><input type=\"text\" class=\"form-control\" formControlName=\"Text\"></td>\n                            <td><input type=\"text\" class=\"form-control\" formControlName=\"Value\"></td>\n                            <td>\n                                <div class=\"form-check form-check-inline\">\n                                    <input class=\"form-check-input\" type=\"checkbox\"  formControlName=\"Selected\" id=\"selected\">\n                                </div>\n                            </td>\n                            <td scope=\"row\" style=\"width: 1%;\">\n                                <button class=\"btn btn-light btn-sm\" (click.stop)=\"deleteSelectOptions(i)\">\n                                    <i class=\"fas fa-minus\"></i>\n                                </button>\n                            </td>\n                        </tr> \n                    </ng-container>\n                    \n                    \n                </tbody>\n            </table>\n        </div>\n\n\n\n        <div class=\"mb-2\">\n            <label class=\"form-label\">{{'DigniteAbpForms::NullText' | abpLocalization}}</label>\n            <input type=\"text\" class=\"form-control\" formControlName=\"Select.NullText\">\n        </div>\n        <div class=\"mb-2\">\n            <div class=\"form-check form-check-inline\">\n                <input class=\"form-check-input\" type=\"checkbox\" formControlName=\"Select.Multiple\"\n                    id=\"Multiple\">\n                <label class=\"form-check-label\" for=\"Multiple\">\n                    {{'DigniteAbpForms::Multiple' | abpLocalization}}\n                </label>\n            </div>\n        </div>\n        <button type=\"submit\" (abpInit)=\"submitclick?.nativeElement?.click()\" style=\"display: none;\"\n            #submitclick></button>\n    </div>\n</form>" }]
+        }], ctorParameters: function () { return [{ type: i1.FormBuilder }]; }, propDecorators: { type: [{
+                type: Input
+            }], Entity: [{
+                type: Input
+            }], selected: [{
+                type: Input
+            }], submitclick: [{
+                type: ViewChild,
+                args: ['submitclick', { static: true }]
+            }] } });
+
+class SelectControlComponent {
+    fb;
+    constructor(fb) {
+        this.fb = fb;
+    }
+    /**表单实体 */
+    _entity;
+    set entity(v) {
+        this._entity = v;
+        this.dataLoaded();
+    }
+    /**字段配置列表 */
+    _fields = '';
+    set fields(v) {
+        this._fields = v;
+        this.dataLoaded();
+    }
+    /**父级字段名称，用于为表单设置控件赋值 */
+    _parentFiledName;
+    set parentFiledName(v) {
+        this._parentFiledName = v;
+        this.dataLoaded();
+    }
+    /**父级字段名称，用于为表单设置控件赋值 */
+    _selected;
+    set selected(v) {
+        this._selected = v;
+        this.dataLoaded();
+    }
+    submitclick;
+    get extraProperties() {
+        return this._entity.get('extraProperties');
+    }
+    /**数据加载完成 */
+    async dataLoaded() {
+        if (this._fields && this._entity) {
+            await this.AfterInit();
+            this.submitclick.nativeElement.click();
+        }
+    }
+    formConfiguration = '';
+    AfterInit() {
+        return new Promise((resolve, rejects) => {
+            let ValidatorsArray = [];
+            if (this._fields.required) {
+                ValidatorsArray.push(Validators.required);
+            }
+            this.formConfiguration = this._fields.field.formConfiguration;
+            if (!this._selected) {
+                const isMultiple = this.formConfiguration['Select.Multiple'];
+                let selectValue = isMultiple ? [] : '';
+                this.formConfiguration['Select.Options'].forEach(el => {
+                    if (el.Selected) {
+                        selectValue = isMultiple ? [...selectValue, el.value] : [el.value];
+                    }
+                });
+                this._selected = selectValue;
+            }
+            let newControl = this.fb.control(this._selected, ValidatorsArray);
+            this.extraProperties.setControl(this._fields.field.name, newControl);
+            resolve(true);
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SelectControlComponent, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SelectControlComponent, selector: "df-select-control", inputs: { entity: "entity", fields: "fields", parentFiledName: "parentFiledName", selected: "selected" }, viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<form [formGroup]=\"_entity\">\n    <div formGroupName=\"extraProperties\">\n        <div class=\"mb-2\">\n            <label class=\"form-label\"  *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\n            <ng-container *ngIf=\"formConfiguration['Select.Multiple']; else elseTemplate\">\n                <select class=\"form-select\" multiple formControlName=\"{{_fields.field.name}}\">\n                    <ng-container *ngFor=\"let item of _fields.field.formConfiguration['Select.Options'];let i =index\">\n                        <option [value]=\"item.value\">{{item.text}}</option>\n                    </ng-container>\n                </select>\n            </ng-container>\n            <ng-template #elseTemplate>\n                <select class=\"form-select\" [multiple]=\"false\"\n                    formControlName=\"{{_fields.field.name}}\">\n                    <option>{{formConfiguration['Select.NullText']}}</option>\n                    <ng-container *ngFor=\"let item of formConfiguration['Select.Options'];let i =index\">\n                        <option [value]=\"item.Value\" >{{item.Text}}</option>\n                    </ng-container>\n                </select>\n            </ng-template>\n            <div class=\"form-text\" *ngIf=\"_fields.field.description\">{{_fields.field.description}}</div>\n        </div>\n\n    </div>\n    <button type=\"submit\" style=\"display: none;\" #submitclick></button>\n</form>", styles: [""], dependencies: [{ kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.SelectMultipleControlValueAccessor, selector: "select[multiple][formControlName],select[multiple][formControl],select[multiple][ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i3.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i3.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SelectControlComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'df-select-control', template: "<form [formGroup]=\"_entity\">\n    <div formGroupName=\"extraProperties\">\n        <div class=\"mb-2\">\n            <label class=\"form-label\"  *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\n            <ng-container *ngIf=\"formConfiguration['Select.Multiple']; else elseTemplate\">\n                <select class=\"form-select\" multiple formControlName=\"{{_fields.field.name}}\">\n                    <ng-container *ngFor=\"let item of _fields.field.formConfiguration['Select.Options'];let i =index\">\n                        <option [value]=\"item.value\">{{item.text}}</option>\n                    </ng-container>\n                </select>\n            </ng-container>\n            <ng-template #elseTemplate>\n                <select class=\"form-select\" [multiple]=\"false\"\n                    formControlName=\"{{_fields.field.name}}\">\n                    <option>{{formConfiguration['Select.NullText']}}</option>\n                    <ng-container *ngFor=\"let item of formConfiguration['Select.Options'];let i =index\">\n                        <option [value]=\"item.Value\" >{{item.Text}}</option>\n                    </ng-container>\n                </select>\n            </ng-template>\n            <div class=\"form-text\" *ngIf=\"_fields.field.description\">{{_fields.field.description}}</div>\n        </div>\n\n    </div>\n    <button type=\"submit\" style=\"display: none;\" #submitclick></button>\n</form>" }]
+        }], ctorParameters: function () { return [{ type: i1.FormBuilder }]; }, propDecorators: { entity: [{
+                type: Input
+            }], fields: [{
+                type: Input
+            }], parentFiledName: [{
+                type: Input
+            }], selected: [{
+                type: Input
+            }], submitclick: [{
+                type: ViewChild,
+                args: ['submitclick', { static: true }]
+            }] } });
+
+/**
+ * 表单控件分组-包含配置，控件，显示的数组
+ */
+const FieldControlGroup = [
+    {
+        displayName: '文本框',
+        name: 'TextEdit',
+        fieldConfigComponent: TextEditConfigComponent,
+        fieldComponent: TextEditComponent,
+        // fieldViewComponent:TextBoxViewComponent,
+    }, {
+        displayName: '开关',
+        name: 'Switch',
+        fieldConfigComponent: SwitchConfigComponent,
+        fieldComponent: SwitchControlComponent,
+        // fieldViewComponent:TextBoxViewComponent,
+    }, {
+        displayName: '选择',
+        name: 'Select',
+        fieldConfigComponent: SelectConfigComponent,
+        fieldComponent: SelectControlComponent,
+        // fieldViewComponent:TextBoxViewComponent,
+    }, {
+        displayName: '数字',
+        name: 'NumericEdit',
+        fieldConfigComponent: NumbericEditConfigComponent,
+        fieldComponent: NumbericEditControlComponent,
+        // fieldViewComponent:TextBoxViewComponent,
+    }, {
+        displayName: '日期',
+        name: 'DateEdit',
+        fieldConfigComponent: DateEditConfigComponent,
+        fieldComponent: DateEditControlComponent,
+        // fieldViewComponent:TextBoxViewComponent,
+    },
+    //  {
+    //     displayName: '表格',
+    //     name: 'Table',
+    //     fieldConfigComponent: TableConfigComponent,
+    //     fieldComponent: TableControlComponent,
+    //     // fieldViewComponent:TextBoxViewComponent,
+    // },
+    // {
+    //     displayName: '矩阵',
+    //     name: 'Matrix',
+    //     fieldConfigComponent: MatrixConfigComponent,
+    //     fieldComponent: MatrixControlComponent,
+    //     // fieldViewComponent:TextBoxViewComponent,
+    // },
+    {
+        displayName: '文件管理',
+        name: 'FileExplorer',
+        fieldConfigComponent: FileExplorerConfigComponent,
+        fieldComponent: FileExplorerControlComponent,
+        // fieldViewComponent:TextBoxViewComponent,
+    }, {
+        displayName: 'CkEditor',
+        name: 'CkEditor',
+        fieldConfigComponent: CkEditorConfigComponent,
+        fieldComponent: CkEditorControlComponent,
+        // fieldViewComponent:TextBoxViewComponent,
+    },
+];
+function getExcludeAssignControl(typeName) {
+    return FieldControlGroup.filter(el => el.name !== typeName);
+}
+function AddFieldControlGroup(array) {
+    FieldControlGroup.push(...array);
+}
+
+// export * from './matrix'
+// export * from './table'
+
+class DynamicComponent {
+    /**选择的表单信息 */
+    _selected;
+    set selected(v) {
+        this._selected = v || '';
+        if (v)
+            this.dataLoaded(1);
+    }
+    /**表单控件类型 */
+    _type;
+    set type(v) {
+        this._type = v;
+        if (v)
+            this.dataLoaded(2);
+    }
+    /**表单实体 */
+    _entity;
+    set entity(v) {
+        this._entity = v;
+        if (v)
+            this.dataLoaded(3);
+    }
+    /**父级字段名称，用于为表单设置控件赋值 */
+    _parentFiledName;
+    set parentFiledName(v) {
+        this._parentFiledName = v;
+        if (v)
+            this.dataLoaded(4);
+    }
+    /**字段配置列表 */
+    _fields = '';
+    set fields(v) {
+        this._fields = v;
+        if (v)
+            this.dataLoaded(5);
+    }
+    /**表单控件模板-动态赋值表单控件 */
+    FormControlRef;
+    /**表单控件模板-动态赋值表单控件 */
+    FormComponentsRef;
+    /**表单控件组 */
+    _fieldControlGroup = FieldControlGroup;
+    /**数据加载完成 */
+    dataLoaded(val) {
+        if (this._entity) {
+            if (this._type) {
+                let fieldControlItem = this._fieldControlGroup.find(el => el.name === this._type);
+                this.loadfieldConfigComponent(fieldControlItem);
+            }
+            if (this._fields && this._parentFiledName) {
+                /**表单控件组中的项 */
+                let fieldControlItem = this._fieldControlGroup.find(el => el.name === this._fields.field.formControlName);
+                this.loadfieldComponent(fieldControlItem);
+            }
+        }
+    }
+    /**加载动态表单配置组件 */
+    loadfieldConfigComponent(FieldControlItem) {
+        //清空了容器中的所有组件
+        this.FormControlRef?.clear();
+        if (!FieldControlItem || !FieldControlItem.fieldConfigComponent)
+            return;
+        //在容器中创建组件
+        const { instance } = this.FormControlRef?.createComponent(FieldControlItem.fieldConfigComponent); //创建组件模板
+        /**向创建的组件模板中传值 */
+        instance.Entity = this._entity;
+        instance.selected = this._selected;
+        instance.type = this._type;
+    }
+    /**加载动态表单组件 */
+    loadfieldComponent(FieldControlItem) {
+        // this.FormControlRef.clear
+        //清空了容器中的所有组件
+        this.FormComponentsRef?.clear();
+        if (!FieldControlItem || !FieldControlItem.fieldComponent)
+            return;
+        //在容器中创建组件
+        const { instance } = this.FormComponentsRef?.createComponent(FieldControlItem.fieldComponent); //创建组件模板
+        // this.formConfigCompoent = instance
+        /**向创建的组件模板中传值 */
+        instance.entity = this._entity;
+        instance.fields = this._fields;
+        instance.parentFiledName = this._parentFiledName;
+        instance.selected = this._selected;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DynamicComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DynamicComponent, selector: "df-dynamic", inputs: { selected: "selected", type: "type", entity: "entity", parentFiledName: "parentFiledName", fields: "fields" }, viewQueries: [{ propertyName: "FormControlRef", first: true, predicate: ["FormControlRef"], descendants: true, read: ViewContainerRef, static: true }, { propertyName: "FormComponentsRef", first: true, predicate: ["FormComponentsRef"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: "<template #FormControlRef></template>\n<template #FormComponentsRef></template>", styles: [""] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DynamicComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'df-dynamic', template: "<template #FormControlRef></template>\n<template #FormComponentsRef></template>" }]
+        }], propDecorators: { selected: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], entity: [{
+                type: Input
+            }], parentFiledName: [{
+                type: Input
+            }], fields: [{
+                type: Input
+            }], FormControlRef: [{
+                type: ViewChild,
+                args: ['FormControlRef', { read: ViewContainerRef, static: true }]
+            }], FormComponentsRef: [{
+                type: ViewChild,
+                args: ['FormComponentsRef', { read: ViewContainerRef, static: true }]
+            }] } });
+
+class DynamicFormModule {
+    static forRoot(config) {
+        AddFieldControlGroup(config.cmsFieldControlGroup);
+        return {
+            ngModule: DynamicFormModule,
+            providers: []
+        };
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DynamicFormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DynamicFormModule, declarations: [TextEditConfigComponent,
+            TextEditComponent,
+            SwitchConfigComponent,
+            SwitchControlComponent,
+            NumbericEditConfigComponent,
+            NumbericEditControlComponent,
+            DateEditConfigComponent,
+            DateEditControlComponent,
+            FileExplorerConfigComponent,
+            FileExplorerControlComponent,
+            CkEditorConfigComponent,
+            SelectConfigComponent,
+            SelectControlComponent,
+            DynamicComponent], imports: [FormsModule,
+            CoreModule,
+            ThemeSharedModule,
+            ReactiveFormsModule,
+            NgbDropdownModule,
+            NzTreeModule,
+            FileExplorerModule], exports: [TextEditConfigComponent,
+            TextEditComponent,
+            SwitchConfigComponent,
+            SwitchControlComponent,
+            NumbericEditConfigComponent,
+            NumbericEditControlComponent,
+            DateEditConfigComponent,
+            DateEditControlComponent,
+            FileExplorerConfigComponent,
+            FileExplorerControlComponent,
+            CkEditorConfigComponent,
+            SelectConfigComponent,
+            SelectControlComponent,
+            DynamicComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DynamicFormModule, imports: [FormsModule,
+            CoreModule,
+            ThemeSharedModule,
+            ReactiveFormsModule,
+            NgbDropdownModule,
+            NzTreeModule,
+            FileExplorerModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DynamicFormModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        TextEditConfigComponent,
+                        TextEditComponent,
+                        SwitchConfigComponent,
+                        SwitchControlComponent,
+                        NumbericEditConfigComponent,
+                        NumbericEditControlComponent,
+                        DateEditConfigComponent,
+                        DateEditControlComponent,
+                        FileExplorerConfigComponent,
+                        FileExplorerControlComponent,
+                        CkEditorConfigComponent,
+                        SelectConfigComponent,
+                        SelectControlComponent,
+                        DynamicComponent,
+                    ],
+                    imports: [
+                        FormsModule,
+                        CoreModule,
+                        ThemeSharedModule,
+                        ReactiveFormsModule,
+                        NgbDropdownModule,
+                        NzTreeModule,
+                        FileExplorerModule,
+                    ],
+                    exports: [
+                        TextEditConfigComponent,
+                        TextEditComponent,
+                        SwitchConfigComponent,
+                        SwitchControlComponent,
+                        NumbericEditConfigComponent,
+                        NumbericEditControlComponent,
+                        DateEditConfigComponent,
+                        DateEditControlComponent,
+                        FileExplorerConfigComponent,
+                        FileExplorerControlComponent,
+                        CkEditorConfigComponent,
+                        SelectConfigComponent,
+                        SelectControlComponent,
+                        DynamicComponent
+                    ],
+                }]
+        }] });
+
+let FileDescriptorService$1 = class FileDescriptorService {
+    restService;
+    apiName = 'FileExplorer';
+    create = (input, config) => this.restService.request({
+        method: 'POST',
+        url: '/api/file-explorer/directories',
+        body: input,
+    }, { apiName: this.apiName, ...config });
+    delete = (id, config) => this.restService.request({
+        method: 'DELETE',
+        url: `/api/file-explorer/directories/${id}`,
+    }, { apiName: this.apiName, ...config });
+    get = (id, config) => this.restService.request({
+        method: 'GET',
+        url: `/api/file-explorer/directories/${id}`,
+    }, { apiName: this.apiName, ...config });
+    getList = (input, config) => this.restService.request({
+        method: 'GET',
+        url: '/api/file-explorer/directories',
+        params: { containerName: input.containerName },
+    }, { apiName: this.apiName, ...config });
+    move = (id, input, config) => this.restService.request({
+        method: 'PUT',
+        url: `/api/file-explorer/directories/${id}/move`,
+        body: input,
+    }, { apiName: this.apiName, ...config });
+    update = (id, input, config) => this.restService.request({
+        method: 'PUT',
+        url: `/api/file-explorer/directories/${id}`,
+        body: input,
+    }, { apiName: this.apiName, ...config });
+    constructor(restService) {
+        this.restService = restService;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FileDescriptorService, deps: [{ token: i2.RestService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FileDescriptorService, providedIn: 'root' });
+};
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FileDescriptorService$1, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () { return [{ type: i2.RestService }]; } });
+
+var index$e = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    FileDescriptorService: FileDescriptorService$1
+});
+
+class FileDescriptorService {
+    restService;
+    apiName = 'FileExplorer';
+    create = (input, config) => this.restService.request({
+        method: 'POST',
+        url: '/api/file-explorer/files',
+        params: { containerName: input.containerName, cellName: input.cellName, directoryId: input.directoryId, entityId: input.entityId },
+        body: input.file,
+    }, { apiName: this.apiName, ...config });
+    delete = (id, config) => this.restService.request({
+        method: 'DELETE',
+        url: `/api/file-explorer/files/${id}`,
+    }, { apiName: this.apiName, ...config });
+    download = (containerName, blobName, fileName, config) => this.restService.request({
+        method: 'GET',
+        url: `/api/file-explorer/files/download/${containerName}/${blobName}`,
+        params: { fileName },
+    }, { apiName: this.apiName, ...config });
+    get = (id, config) => this.restService.request({
+        method: 'GET',
+        url: `/api/file-explorer/files/${id}`,
+    }, { apiName: this.apiName, ...config });
+    getFileContainerConfiguration = (containerName, config) => this.restService.request({
+        method: 'GET',
+        url: '/api/file-explorer/files/configuration',
+        params: { containerName },
+    }, { apiName: this.apiName, ...config });
+    getList = (input, config) => this.restService.request({
+        method: 'GET',
+        url: '/api/file-explorer/files',
+        params: { containerName: input.containerName, directoryId: input.directoryId, creatorId: input.creatorId, filter: input.filter, entityId: input.entityId, sorting: input.sorting, skipCount: input.skipCount, maxResultCount: input.maxResultCount },
+    }, { apiName: this.apiName, ...config });
+    getStream = (containerName, blobName, imageResize, config) => this.restService.request({
+        method: 'GET',
+        responseType: 'blob',
+        url: `/api/file-explorer/files/${containerName}/${blobName}`,
+        params: { width: imageResize.width, height: imageResize.height },
+    }, { apiName: this.apiName, ...config });
+    update = (id, input, config) => this.restService.request({
+        method: 'PUT',
+        url: `/api/file-explorer/files/${id}`,
+        body: input,
+    }, { apiName: this.apiName, ...config });
+    constructor(restService) {
+        this.restService = restService;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FileDescriptorService, deps: [{ token: i2.RestService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FileDescriptorService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FileDescriptorService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () { return [{ type: i2.RestService }]; } });
+
+var index$d = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    FileDescriptorService: FileDescriptorService
+});
+
+var index$c = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    Directories: index$e,
+    Files: index$d
+});
+
+var index$b = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    FileExplorer: index$c
+});
+
+var index$a = /*#__PURE__*/Object.freeze({
+    __proto__: null
+});
+
+var index$9 = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    Mvc: index$a
+});
+
+var index$8 = /*#__PURE__*/Object.freeze({
+    __proto__: null
+});
+
+var index$7 = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    Primitives: index$8
+});
+
+var index$6 = /*#__PURE__*/Object.freeze({
+    __proto__: null
+});
+
+var index$5 = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    Headers: index$6
+});
+
+var index$4 = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    Http: index$5
+});
+
+var index$3 = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    AspNetCore: index$9,
+    Extensions: index$7,
+    Net: index$4
+});
+
+var index$2 = /*#__PURE__*/Object.freeze({
+    __proto__: null
+});
+
+var index$1 = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    Content: index$2
+});
+
+var index = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    Abp: index$1
+});
+
+class DfApiService {
+    constructor() { }
+    /**
+     * 识别中文转化为拼音，固定返回类型
+     * 汉字转拼音
+     * 大写转小写
+     *
+     *  */
+    chineseToPinyin(value) {
+        //去除字符串中所有的空格
+        let val = value.replace(/\s+/g, "");
+        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) => {
+            const reader = new FileReader();
+            reader.readAsDataURL(file);
+            reader.onload = (e) => {
+                resolve(e.target.result);
+            };
+            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 ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DfApiService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DfApiService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DfApiService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return []; } });
+
+/*
+ * Public API Surface of dynamic-form
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AddFieldControlGroup, CkEditorConfigComponent, CkEditorControlComponent, DateEditConfigComponent, DateEditControlComponent, DateEditInterfaces, DfApiService, index$b as Dignite, DynamicComponent, DynamicFormModule, FieldControlGroup, FileExplorerConfigComponent, FileExplorerControlComponent, index$3 as Microsoft, NumbericEditConfigComponent, NumbericEditControlComponent, SelectConfigComponent, SelectControlComponent, SwitchConfigComponent, SwitchControlComponent, TextEditComponent, TextEditConfig, TextEditConfigComponent, TextEditMode, index as Volo, getExcludeAssignControl, maxDecimalPlacesValidator };
+//# sourceMappingURL=dignite-ng-expand.dynamic-form.mjs.map