@dignite-ng/expand.dynamic-form 0.0.11 → 0.0.14

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

@@ -1,17 +1,15 @@
 import * as i0 from '@angular/core';
-import { Component, Input, ViewChild, ChangeDetectionStrategy, Injectable, ViewContainerRef, NgModule } from '@angular/core';
+import { Component, Input, ViewChild, ChangeDetectionStrategy, inject, Inject, Injectable, ViewContainerRef, NgModule } from '@angular/core';
 import * as i1 from '@angular/forms';
-import { Validators, FormsModule, ReactiveFormsModule, FormArray, FormGroup, FormControl } from '@angular/forms';
+import { Validators, FormBuilder, FormArray, FormGroup, FormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';
 import * as i2 from '@abp/ng.core';
-import { CoreModule } from '@abp/ng.core';
+import { RestService, ConfigStateService, 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 { DOCUMENT } from '@angular/common';
 import '@ckeditor/ckeditor5-build-classic/build/translations/zh-cn.js';
 import '@ckeditor/ckeditor5-build-classic/build/translations/zh.js';
 import '@ckeditor/ckeditor5-build-classic/build/translations/de.js';
@@ -29,9 +27,8 @@ import '@ckeditor/ckeditor5-build-classic/build/translations/sk';
 import '@ckeditor/ckeditor5-build-classic/build/translations/ja.js';
 import '@ckeditor/ckeditor5-build-classic/build/translations/es.js';
 import '@ckeditor/ckeditor5-build-classic/build/translations/vi.js';
-import * as i3$1 from '@ckeditor/ckeditor5-angular';
-import { CKEditorModule } from '@ckeditor/ckeditor5-angular';
 import { pinyin } from 'pinyin-pro';
+import { CKEditorModule } from '@ckeditor/ckeditor5-angular';
 
 class TextEditConfig {
     /**占位符 */
@@ -670,9 +667,10 @@ class isBase64UploadAdapter {
 }
 
 class CkEditorControlComponent {
-    fb;
-    restService;
-    config;
+    renderer;
+    document;
+    _restService = inject(RestService);
+    config = inject(ConfigStateService);
     languagesMap = {
         ar: 'ar',
         cs: 'cs',
@@ -693,51 +691,89 @@ class CkEditorControlComponent {
         ja: 'ja',
         vi: 'vi',
     };
-    constructor(fb, restService, config) {
-        this.fb = fb;
-        this.restService = restService;
-        this.config = config;
+    ckeditor;
+    Editor;
+    constructor(renderer, document) {
+        this.renderer = renderer;
+        this.document = document;
+        this.addScript('https://cdn.ckeditor.com/ckeditor5/41.4.1/classic/ckeditor.js');
+    }
+    addScript(url) {
+        const script = this.renderer.createElement('script');
+        this.renderer.setAttribute(script, 'type', 'text/javascript');
+        this.renderer.setAttribute(script, 'src', url);
+        script.onload = () => {
+            this._init_Editor();
+        };
+        this.renderer.appendChild(this.document.head, script);
+    }
+    // 初始化富文本
+    _init_Editor() {
         const currentCulture = this.config.getOne("localization")?.currentCulture?.name;
-        this.editorConfig = {
+        ClassicEditor.create(this.ckeditor?.nativeElement, {
             language: this.languagesMap[currentCulture],
-            placeholder: '',
             toolbar: {
-                removeItems: ['mediaEmbed'],
+                items: [
+                    'heading', '|', 'Alignment', 'FontSize', 'FontColor', 'FontFamily', 'Highlight', '|',
+                    'bold', 'italic',
+                    'link', '|',
+                    'bulletedList', 'numberedList',
+                    'insertTable', '|',
+                    'uploadImage', 'ImageResize', '|',
+                    'undo', 'redo'
+                ],
+                viewportTopOffset: 30,
                 shouldNotGroupWhenFull: true
             },
-            styles: [
-                'alignCenter',
-                'alignLeft',
-                'alignRight'
-            ],
             image: {
                 toolbar: [
-                    'imageTextAlternative', 'toggleImageCaption', '|',
-                    'imageStyle:inline', 'imageStyle:wrapText', 'imageStyle:breakText', 'imageStyle:side', '|',
-                    ,
-                    'resizeImage'
+                    'imageStyle:alignLeft', 'imageStyle:alignCenter', 'imageStyle:alignRight',
+                    '|',
+                    'resizeImage',
+                    '|',
+                    'imageTextAlternative'
                 ],
-                insert: {
-                    integrations: [
-                        'insertImageViaUrl'
-                    ]
-                }
-            }
-        };
-    }
-    Editor = ClassicEditor;
-    /**富文本配置 */
-    editorConfig = {};
-    //**富文本加载完成 */
-    onReady(editor) {
-        let that = this;
-        editor.plugins.get('FileRepository').createUploadAdapter = function (loader) {
-            return new isBase64UploadAdapter(loader, that.imagesContainerName, that.restService);
-        };
-    }
-    /**富文本内容改变 */
-    onChange({ editor }) {
+                styles: [
+                    'alignLeft', 'alignCenter', 'alignRight'
+                ],
+                resizeOptions: [{
+                        name: 'resizeImage:original',
+                        label: 'Original',
+                        value: null
+                    },
+                    {
+                        name: 'resizeImage:25',
+                        label: '25%',
+                        value: '25'
+                    },
+                    {
+                        name: 'resizeImage:50',
+                        label: '50%',
+                        value: '50'
+                    },
+                    {
+                        name: 'resizeImage:75',
+                        label: '75%',
+                        value: '75'
+                    }
+                ],
+            },
+        }).then((editor) => {
+            this.Editor = editor;
+            this.dataLoaded();
+            var _this = this;
+            editor.plugins.get('FileRepository').createUploadAdapter = function (loader) {
+                return new isBase64UploadAdapter(loader, _this.imagesContainerName, _this._restService);
+            };
+            editor.model.document.on('change:data', () => {
+                const data = editor.getData();
+                this.setckeditorInput(data);
+            });
+        }).catch((err) => {
+            console.log(err);
+        });
     }
+    fb = inject(FormBuilder);
     /**表单实体 */
     _entity;
     set entity(v) {
@@ -766,17 +802,29 @@ class CkEditorControlComponent {
     get extraProperties() {
         return this._entity.get('extraProperties');
     }
+    get ckeditorInput() {
+        return this.extraProperties.get(this._fields.field.name);
+    }
     /**数据加载完成 */
     async dataLoaded() {
-        if (this._fields && this._entity) {
+        if (this._fields && this._entity && this.Editor) {
             await this.AfterInit();
+            if (this._selected) {
+                this.Editor.setData(this._selected);
+                this.setckeditorInput(this._selected);
+            }
             this.submitclick.nativeElement.click();
         }
     }
+    invalidfeedback = false;
+    setckeditorInput(val) {
+        this.invalidfeedback = true;
+        this.ckeditorInput.patchValue(val);
+    }
     /**图片容器名称 */
-    imagesContainerName;
+    imagesContainerName = 111;
     AfterInit() {
-        return new Promise((resolve, rejects) => {
+        return new Promise((resolve) => {
             let ValidatorsArray = [];
             if (this._fields.required) {
                 ValidatorsArray.push(Validators.required);
@@ -787,19 +835,19 @@ class CkEditorControlComponent {
             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 }, { token: i2.ConfigStateService }], 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 }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CkEditorControlComponent, deps: [{ token: i0.Renderer2 }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CkEditorControlComponent, selector: "df-ck-editor-control", inputs: { entity: "entity", fields: "fields", parentFiledName: "parentFiledName", selected: "selected" }, viewQueries: [{ propertyName: "ckeditor", first: true, predicate: ["ckeditor"], descendants: true, static: true }, { 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 #ckeditor id=\"ckeditor\"></div>\n            <ng-container *ngIf=\"ckeditorInput?.errors?.required&&invalidfeedback\">\n                <div class=\"text-danger \">\n                    {{'DigniteAbpForms::Validate:Required' | abpLocalization:' '}}\n                </div>\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.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: "pipe", type: i2.LocalizationPipe, name: "abpLocalization" }] });
 }
 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 }, { type: i2.ConfigStateService }]; }, propDecorators: { entity: [{
+            args: [{ selector: 'df-ck-editor-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 #ckeditor id=\"ckeditor\"></div>\n            <ng-container *ngIf=\"ckeditorInput?.errors?.required&&invalidfeedback\">\n                <div class=\"text-danger \">\n                    {{'DigniteAbpForms::Validate:Required' | abpLocalization:' '}}\n                </div>\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: i0.Renderer2 }, { type: Document, decorators: [{
+                    type: Inject,
+                    args: [DOCUMENT]
+                }] }]; }, propDecorators: { ckeditor: [{
+                type: ViewChild,
+                args: ['ckeditor', { static: true }]
+            }], entity: [{
                 type: Input
             }], fields: [{
                 type: Input
@@ -993,176 +1041,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 args: ['submitclick', { static: true }]
             }] } });
 
-class FileExplorerConfig {
-    /**文件容器名称 */
-    'FileExplorer.FileContainerName' = ['', [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);
-    }
-    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\" [multiple]=\"formConfiguration['FileExplorer.UploadFileMultiple']\"\n                (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>", 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: ["multiple", "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\" [multiple]=\"formConfiguration['FileExplorer.UploadFileMultiple']\"\n                (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>" }]
-        }], 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 {
     /**空值文本 */
     'Select.NullText' = ['', []];
@@ -1260,53 +1138,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 }]
         }], ctorParameters: function () { return []; } });
 
-class CreateDynamicComponentsService {
-    constructor() { }
-    /**表单控件组 */
-    _fieldControlGroup = FieldControlGroup;
-    /**加载动态表单配置组件 */
-    loadfieldConfigComponent(input) {
-        let { configRef, type, entity, selected } = input;
-        let fieldControlItem = this._fieldControlGroup.find(el => el.name === type);
-        //清空了容器中的所有组件
-        configRef?.clear();
-        if (!fieldControlItem || !fieldControlItem.fieldConfigComponent)
-            return;
-        //在容器中创建组件
-        const { instance } = configRef?.createComponent(fieldControlItem.fieldConfigComponent); //创建组件模板
-        console.log('加载动态表单配置组件', input, instance);
-        /**向创建的组件模板中传值 */
-        instance.Entity = entity;
-        instance.selected = selected;
-        instance.type = type;
-    }
-    /**加载动态表单组件 */
-    loadfieldComponent(input) {
-        let { controlRef, entity, fields, parentFiledName, selected, culture } = input;
-        let fieldControlItem = this._fieldControlGroup.find(el => el.name === fields.field.formControlName);
-        //清空了容器中的所有组件
-        controlRef?.clear();
-        if (!fieldControlItem || !fieldControlItem.fieldComponent)
-            return;
-        //在容器中创建组件
-        const { instance } = controlRef?.createComponent(fieldControlItem.fieldComponent); //创建组件模板
-        /**向创建的组件模板中传值 */
-        instance.entity = entity;
-        instance.fields = fields;
-        instance.parentFiledName = parentFiledName;
-        instance.selected = selected;
-        instance.culture = culture;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CreateDynamicComponentsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CreateDynamicComponentsService, providedIn: 'root' });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CreateDynamicComponentsService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: function () { return []; } });
-
 class SelectConfigComponent {
     fb;
     _DfApiService;
@@ -1518,12 +1349,6 @@ const FieldControlGroup = [
         // fieldViewComponent:TextBoxViewComponent,
     },
     {
-        displayName: '文件管理',
-        name: 'FileExplorer',
-        fieldConfigComponent: FileExplorerConfigComponent,
-        fieldComponent: FileExplorerControlComponent,
-        // fieldViewComponent:TextBoxViewComponent,
-    }, {
         displayName: 'CkEditor',
         name: 'CkEditor',
         fieldConfigComponent: CkEditorConfigComponent,
@@ -1676,18 +1501,18 @@ class DynamicFormModule {
             NumbericEditControlComponent,
             DateEditConfigComponent,
             DateEditControlComponent,
-            FileExplorerConfigComponent,
-            FileExplorerControlComponent,
             CkEditorConfigComponent,
             SelectConfigComponent,
             SelectControlComponent,
-            DynamicComponent], imports: [FormsModule,
+            DynamicComponent,
+            CkEditorControlComponent], imports: [FormsModule,
             CoreModule,
             ThemeSharedModule,
             ReactiveFormsModule,
             NgbDropdownModule,
             NzTreeModule,
-            FileExplorerModule], exports: [TextEditConfigComponent,
+            // FileExplorerModule,
+            CKEditorModule], exports: [TextEditConfigComponent,
             TextEditComponent,
             SwitchConfigComponent,
             SwitchControlComponent,
@@ -1695,8 +1520,6 @@ class DynamicFormModule {
             NumbericEditControlComponent,
             DateEditConfigComponent,
             DateEditControlComponent,
-            FileExplorerConfigComponent,
-            FileExplorerControlComponent,
             CkEditorConfigComponent,
             SelectConfigComponent,
             SelectControlComponent,
@@ -1707,7 +1530,8 @@ class DynamicFormModule {
             ReactiveFormsModule,
             NgbDropdownModule,
             NzTreeModule,
-            FileExplorerModule] });
+            // FileExplorerModule,
+            CKEditorModule] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DynamicFormModule, decorators: [{
             type: NgModule,
@@ -1721,12 +1545,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         NumbericEditControlComponent,
                         DateEditConfigComponent,
                         DateEditControlComponent,
-                        FileExplorerConfigComponent,
-                        FileExplorerControlComponent,
                         CkEditorConfigComponent,
                         SelectConfigComponent,
                         SelectControlComponent,
                         DynamicComponent,
+                        CkEditorControlComponent
                     ],
                     imports: [
                         FormsModule,
@@ -1735,8 +1558,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         ReactiveFormsModule,
                         NgbDropdownModule,
                         NzTreeModule,
-                        FileExplorerModule,
-                        // DynamicComponent
+                        // FileExplorerModule,
+                        CKEditorModule,
                     ],
                     exports: [
                         TextEditConfigComponent,
@@ -1747,8 +1570,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         NumbericEditControlComponent,
                         DateEditConfigComponent,
                         DateEditControlComponent,
-                        FileExplorerConfigComponent,
-                        FileExplorerControlComponent,
                         CkEditorConfigComponent,
                         SelectConfigComponent,
                         SelectControlComponent,
@@ -1757,180 +1578,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 }]
         }] });
 
-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
-});
-
 /*
  * Public API Surface of dynamic-form
  */
@@ -1939,5 +1586,5 @@ var index = /*#__PURE__*/Object.freeze({
  * Generated bundle index. Do not edit.
  */
 
-export { AddFieldControlGroup, CkEditorConfigComponent, CkEditorControlComponent, CreateDynamicComponentsService, 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 };
+export { AddFieldControlGroup, CkEditorConfigComponent, CkEditorControlComponent, DateEditConfigComponent, DateEditControlComponent, DynamicComponent, DynamicFormModule, FieldControlGroup, NumbericEditConfigComponent, NumbericEditControlComponent, SelectConfigComponent, SelectControlComponent, SwitchConfigComponent, SwitchControlComponent, TextEditComponent, TextEditConfig, TextEditConfigComponent, getExcludeAssignControl, maxDecimalPlacesValidator };
 //# sourceMappingURL=dignite-ng-expand.dynamic-form.mjs.map