@dignite-ng/expand.ck-editor 3.0.0-rc.4 → 3.0.0-rc.40

package/fesm2022/dignite-ng-expand.ck-editor.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { NgModule, inject, ChangeDetectorRef, Component, Input, ViewChild, Injectable } from '@angular/core';
+import { NgModule, inject, ChangeDetectorRef, ViewChild, Input, Component, Injectable } from '@angular/core';
 import * as i1 from '@angular/router';
 import { RouterModule } from '@angular/router';
 import * as i3 from '@abp/ng.core';
@@ -7,7 +7,7 @@ import { mapEnumToOptions, ConfigStateService, RestService, LazyLoadService, Sub
 import { ThemeSharedModule } from '@abp/ng.theme.shared';
 import * as i1$1 from '@angular/forms';
 import { FormBuilder, Validators } from '@angular/forms';
-import * as i2 from '@angular/common';
+import * as i1$2 from '@angular/common';
 import * as i4 from '@ngx-validate/core';
 import * as i4$1 from '@ckeditor/ckeditor5-angular';
 import { CKEditorModule } from '@ckeditor/ckeditor5-angular';
@@ -26,10 +26,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImpor
                 }]
         }] });
 
+var CkEditorModeEnum;
+(function (CkEditorModeEnum) {
+    CkEditorModeEnum[CkEditorModeEnum["Simple"] = 0] = "Simple";
+    CkEditorModeEnum[CkEditorModeEnum["Classic"] = 1] = "Classic";
+})(CkEditorModeEnum || (CkEditorModeEnum = {}));
+const CkEditorModeEnumOptions = mapEnumToOptions(CkEditorModeEnum);
+
 class CkEditorConfig {
     constructor(data) {
         /**类型 */
-        this['Ckeditor.Mode'] = ['', []];
+        this['Ckeditor.Mode'] = [CkEditorModeEnum.Simple, []];
         /**文件容器名称 */
         // placeholder: any = new FormControl('', Validators.required);
         this['Ckeditor.ImagesContainerName'] = ['', []];
@@ -46,13 +53,7 @@ class CkEditorConfig {
     }
 }
 
-var CkEditorModeEnum;
-(function (CkEditorModeEnum) {
-    CkEditorModeEnum[CkEditorModeEnum["Simple"] = 0] = "Simple";
-    CkEditorModeEnum[CkEditorModeEnum["Classic"] = 1] = "Classic";
-})(CkEditorModeEnum || (CkEditorModeEnum = {}));
-const CkEditorModeEnumOptions = mapEnumToOptions(CkEditorModeEnum);
-
+/* eslint-disable @angular-eslint/component-selector */
 class CkEditorConfigComponent {
     constructor(fb) {
         this.fb = fb;
@@ -95,7 +96,7 @@ class CkEditorConfigComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: CkEditorConfigComponent, deps: [{ token: i1$1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: CkEditorConfigComponent, selector: "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-3\">\n            <label class=\"form-label\">{{'DigniteAbpDynamicFormsCkEditor::EditorMode' | abpLocalization}}</label>\n            <!-- <input type=\"text\" class=\"form-control\" formControlName=\"Ckeditor.Mode\"> -->\n            <select class=\"form-select\" formControlName=\"Ckeditor.Mode\" >\n                <ng-container *ngFor=\"let item of CkEditorModeEnumOptions\">\n                    <option [value]=\"item.value\">{{'DigniteAbpDynamicFormsCkEditor::EditorMode.' + item.key|abpLocalization}}</option>\n                </ng-container>\n            </select>\n        </div>\n        <div class=\"mb-3\">\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-3\">\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: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.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$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i3.InitDirective, selector: "[abpInit]", outputs: ["abpInit"] }, { kind: "directive", type: i4.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i4.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "pipe", type: i3.LocalizationPipe, name: "abpLocalization" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: CkEditorConfigComponent, selector: "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-3\">\n            <label class=\"form-label\">{{'DigniteAbpDynamicFormsCkEditor::EditorMode' | abpLocalization}}</label>\n            <!-- <input type=\"text\" class=\"form-control\" formControlName=\"Ckeditor.Mode\"> -->\n            <select class=\"form-select\" formControlName=\"Ckeditor.Mode\" >\n                <ng-container *ngFor=\"let item of CkEditorModeEnumOptions\">\n                    <option [value]=\"item.value\">{{'DigniteAbpDynamicFormsCkEditor::EditorMode.' + item.key|abpLocalization}}</option>\n                </ng-container>\n            </select>\n        </div>\n        <div class=\"mb-3\">\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-3\">\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$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.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$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i3.InitDirective, selector: "[abpInit]", outputs: ["abpInit"] }, { kind: "directive", type: i4.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i4.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "pipe", type: i3.LocalizationPipe, name: "abpLocalization" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: CkEditorConfigComponent, decorators: [{
             type: Component,
@@ -162,6 +163,7 @@ let isBase64UploadAdapter$1 = class isBase64UploadAdapter {
     }
 };
 
+/* eslint-disable no-var */
 var Simple = {
     toolbar: {
         items: [
@@ -174,7 +176,10 @@ var Simple = {
             'bold',
             'italic',
             'underline',
-            'insertImage'
+            'insertImage',
+            '|',
+            'bulletedList',
+            'numberedList',
         ],
         shouldNotGroupWhenFull: false,
     },
@@ -664,16 +669,6 @@ var Classic = {
             },
         ],
     },
-    htmlSupport: {
-        allow: [
-            {
-                name: /^.*$/,
-                styles: true,
-                attributes: true,
-                classes: true,
-            },
-        ],
-    },
     image: {
         toolbar: [
             'toggleImageCaption',
@@ -687,31 +682,37 @@ var Classic = {
         ],
         styles: {
             options: [
-                'inline', 'alignLeft', 'alignRight',
-                'alignCenter', 'alignBlockLeft', 'alignBlockRight',
-                'block', 'side'
-            ]
+                'inline',
+                'alignLeft',
+                'alignRight',
+                'alignCenter',
+                'alignBlockLeft',
+                'alignBlockRight',
+                'block',
+                'side',
+            ],
         },
-        resizeOptions: [{
+        resizeOptions: [
+            {
                 name: 'resizeImage:original',
                 label: 'Original',
-                value: null
+                value: null,
             },
             {
                 name: 'resizeImage:25',
                 label: '25%',
-                value: '25'
+                value: '25',
             },
             {
                 name: 'resizeImage:50',
                 label: '50%',
-                value: '50'
+                value: '50',
             },
             {
                 name: 'resizeImage:75',
                 label: '75%',
-                value: '75'
-            }
+                value: '75',
+            },
         ],
     },
     link: {
@@ -797,7 +798,7 @@ var CkEditorTypesObject = {
     // default: defaults,
     Simple: Simple,
     // standard: standard,
-    Classic: Classic
+    Classic: Classic,
 };
 
 var LanguagesMap;
@@ -822,16 +823,18 @@ var LanguagesMap;
     LanguagesMap["vi"] = "vi";
 })(LanguagesMap || (LanguagesMap = {}));
 
+/* eslint-disable no-async-promise-executor */
 // import { CkEditorModeEnum } from '../enums/ck-editor-mode-enum';
 class SetCkEditorConfigsService {
     constructor() { }
     async get(input) {
-        let { language, type } = input;
+        const { language, type } = input;
         return new Promise(async (resolve, rejects) => {
-            let configs = CkEditorTypesObject[CkEditorModeEnum[type]];
-            let { AccessibilityHelp, Highlight, Alignment, Autoformat, AutoImage, Autosave, Base64UploadAdapter, BlockQuote, Bold, CloudServices, Code, Essentials, FontBackgroundColor, FontColor, FontFamily, FontSize, GeneralHtmlSupport, Heading, HorizontalLine, ImageBlock, ImageCaption, ImageInline, ImageInsert, ImageInsertViaUrl, ImageResize, ImageStyle, ImageTextAlternative, ImageToolbar, ImageUpload, Indent, IndentBlock, Italic, Link, LinkImage, List, ListProperties, MediaEmbed, Paragraph, PasteFromOffice, RemoveFormat, SelectAll, SpecialCharacters, SpecialCharactersArrows, SpecialCharactersCurrency, SpecialCharactersEssentials, SpecialCharactersLatin, SpecialCharactersMathematical, SpecialCharactersText, Strikethrough, Style, Subscript, Superscript, Table, TableCaption, TableCellProperties, TableColumnResize, TableProperties, TableToolbar, TextTransformation, TodoList, Underline, Undo } = await import('ckeditor5');
+            const configs = CkEditorTypesObject[CkEditorModeEnum[type]];
+            const { AccessibilityHelp, Highlight, Alignment, Autoformat, AutoImage, Autosave, Base64UploadAdapter, BlockQuote, Bold, CloudServices, Code, Essentials, FontBackgroundColor, FontColor, FontFamily, FontSize, GeneralHtmlSupport, Heading, HorizontalLine, ImageBlock, ImageCaption, ImageInline, ImageInsert, ImageInsertViaUrl, ImageResize, ImageStyle, ImageTextAlternative, ImageToolbar, ImageUpload, Indent, IndentBlock, Italic, Link, LinkImage, List, ListProperties, MediaEmbed, Paragraph, PasteFromOffice, RemoveFormat, SelectAll, SpecialCharacters, SpecialCharactersArrows, SpecialCharactersCurrency, SpecialCharactersEssentials, SpecialCharactersLatin, SpecialCharactersMathematical, SpecialCharactersText, Strikethrough, Style, Subscript, Superscript, Table, TableCaption, TableCellProperties, TableColumnResize, TableProperties, TableToolbar, TextTransformation, TodoList, Underline, Undo } = await import('ckeditor5');
             configs.plugins = [AccessibilityHelp, Highlight, Alignment, Autoformat, AutoImage, Autosave, Base64UploadAdapter, BlockQuote, Bold, CloudServices, Code, Essentials, FontBackgroundColor, FontColor, FontFamily, FontSize, GeneralHtmlSupport, Heading, HorizontalLine, ImageBlock, ImageCaption, ImageInline, ImageInsert, ImageInsertViaUrl, ImageResize, ImageStyle, ImageTextAlternative, ImageToolbar, ImageUpload, Indent, IndentBlock, Italic, Link, LinkImage, List, ListProperties, MediaEmbed, Paragraph, PasteFromOffice, RemoveFormat, SelectAll, SpecialCharacters, SpecialCharactersArrows, SpecialCharactersCurrency, SpecialCharactersEssentials, SpecialCharactersLatin, SpecialCharactersMathematical, SpecialCharactersText, Strikethrough, Style, Subscript, Superscript, Table, TableCaption, TableCellProperties, TableColumnResize, TableProperties, TableToolbar, TextTransformation, TodoList, Underline, Undo];
             configs.language = LanguagesMap[language];
+            configs.forcePasteAsPlainText = true;
             await import(`@ckeditor/ckeditor5-build-decoupled-document/build/translations/${LanguagesMap[language]}`);
             resolve(configs);
         });
@@ -846,6 +849,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImpor
                 }]
         }], ctorParameters: () => [] });
 
+/* eslint-disable no-async-promise-executor */
+/* eslint-disable @typescript-eslint/no-this-alias */
+/* eslint-disable @angular-eslint/component-selector */
 class CkEditorControlComponent {
     constructor() {
         this.config = inject(ConfigStateService);
@@ -867,7 +873,7 @@ class CkEditorControlComponent {
         this.imagesContainerName = '';
     }
     onReady(editor) {
-        let _this = this;
+        const _this = this;
         editor.plugins.get('FileRepository').createUploadAdapter = function (loader) {
             return new isBase64UploadAdapter$1(loader, _this.imagesContainerName, _this._restService);
         };
@@ -890,7 +896,7 @@ class CkEditorControlComponent {
         this.dataLoaded();
     }
     get extraProperties() {
-        return this._entity.get('extraProperties');
+        return this._entity?.get('extraProperties');
     }
     get ckeditorInput() {
         return this.extraProperties.get(this._fields.field.name);
@@ -902,14 +908,14 @@ class CkEditorControlComponent {
             this.ckEditorValue =
                 this._selected || this._fields.field.formConfiguration['Ckeditor.InitialContent'];
             this.setckeditorInput(this.ckEditorValue);
-            this.cdr.detectChanges(); // 手动触发变更检测
+            // this.cdr.detectChanges(); // 手动触发变更检测
             await this.loadckeditor();
-            this.submitclick?.nativeElement?.click();
+            // this.submitclick?.nativeElement?.click();
         }
     }
     loadckeditor() {
-        let _that = this;
-        let formConfiguration = this._fields.field.formConfiguration;
+        const _that = this;
+        const formConfiguration = this._fields.field.formConfiguration;
         return new Promise(async (resolve) => {
             await import('ckeditor5').then(async (res) => {
                 this.loadStyle();
@@ -923,12 +929,14 @@ class CkEditorControlComponent {
                     formConfiguration['Ckeditor.Mode'] = CkEditorModeEnum.Simple;
                     _that.Editor = res.InlineEditor;
                 }
-                let configs = await _that._SetCkEditorConfigsService.get({
+                const configs = await _that._SetCkEditorConfigsService.get({
                     language: _that.currentCulture,
                     type: formConfiguration['Ckeditor.Mode']
                 });
                 if (!this.imagesContainerName) {
-                    configs?.toolbar?.items?.splice(configs?.toolbar?.items?.indexOf('insertImage'), 1);
+                    if (configs?.toolbar?.items?.indexOf('insertImage') != -1) {
+                        configs?.toolbar?.items?.splice(configs?.toolbar?.items?.indexOf('insertImage'), 1);
+                    }
                 }
                 _that.ckOptions = configs;
             });
@@ -946,11 +954,11 @@ class CkEditorControlComponent {
     }
     AfterInit() {
         return new Promise(resolve => {
-            let ValidatorsArray = [];
+            const ValidatorsArray = [];
             if (this._fields.required) {
                 ValidatorsArray.push(Validators.required);
             }
-            let newControl = this.fb.control(this._selected
+            const newControl = this.fb.control(this._selected
                 ? this._selected
                 : this._fields.field.formConfiguration['Ckeditor.InitialContent'], ValidatorsArray);
             this.extraProperties.setControl(this._fields.field.name, newControl);
@@ -960,11 +968,11 @@ class CkEditorControlComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: CkEditorControlComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: CkEditorControlComponent, selector: "ck-editor-control", inputs: { fields: "fields", parentFiledName: "parentFiledName", selected: "selected", entity: "entity" }, viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<form [formGroup]=\"_entity\">\n    <div formGroupName=\"extraProperties\">\n        <div class=\"mb-3\">\n            <label class=\"form-label\" *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\n            <ng-container *ngIf=\"ckOptions\">\n                <ckeditor class=\"form-textarea\" [editor]=\"Editor\" *ngIf=\"Editor\" [config]=\"ckOptions\" (ready)=\"onReady($event)\"\n                    [formControlName]=\"_fields.field.name\">\n                </ckeditor>\n            </ng-container>\n            <small class=\"form-text text-muted d-block\"\n                *ngIf=\"_fields.field.description\">{{_fields.field.description}}</small>\n        </div>\n    </div>\n    <button type=\"submit\" style=\"display: none;\" #submitclick></button>\n</form>", styles: ["@charset \"UTF-8\";:root .ck.ck-editor__editable_inline{min-height:160px!important}.ck.ck-editor__main>.ck-editor__editable{background:var(--bs-body-bg)!important}.ck.ck-toolbar,.ck.ck-button.ck-list-item-button,.ck.ck-button.ck-list-item-button.ck-on,.ck.ck-dropdown__panel{background:var(--bs-body-bg)!important}.ck.ck-editor__editable_inline{border-color:var(--ck-color-base-border)!important}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i4.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i4.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "component", type: i4$1.CKEditorComponent, selector: "ckeditor", inputs: ["editor", "config", "data", "tagName", "watchdog", "editorWatchdogConfig", "disableTwoWayDataBinding", "disabled"], outputs: ["ready", "change", "blur", "focus", "error"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: CkEditorControlComponent, selector: "ck-editor-control", inputs: { fields: "fields", parentFiledName: "parentFiledName", selected: "selected", entity: "entity" }, viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<div [formGroup]=\"_entity\" (keydown.enter)=\"$event.stopPropagation()\">\n    <div formGroupName=\"extraProperties\">\n        <div class=\"mb-3\" (keydown.enter)=\"$event.stopPropagation()\">\n            <label class=\"form-label\" *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\n            <ng-container *ngIf=\"ckOptions\">\n                <ckeditor class=\"form-textarea\" #editor [editor]=\"Editor\" *ngIf=\"Editor\" [config]=\"ckOptions\" (ready)=\"onReady($event)\"\n                    [formControlName]=\"_fields.field.name\" >\n                </ckeditor>\n            </ng-container>\n            <small class=\"form-text text-muted d-block\"\n                *ngIf=\"_fields.field.description\">{{_fields.field.description}}</small>\n        </div>\n    </div>\n    <button type=\"submit\" style=\"display: none;\" #submitclick></button>\n</div>\n", styles: ["@charset \"UTF-8\";:root .ck.ck-editor__editable_inline{min-height:160px!important}.ck.ck-editor__main>.ck-editor__editable{background:var(--bs-body-bg)!important}.ck.ck-toolbar,.ck.ck-button.ck-list-item-button,.ck.ck-button.ck-list-item-button.ck-on,.ck.ck-dropdown__panel{background:var(--bs-body-bg)!important}.ck.ck-editor__editable_inline{border-color:var(--ck-color-base-border)!important}\n"], dependencies: [{ kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i4.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i4.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "component", type: i4$1.CKEditorComponent, selector: "ckeditor", inputs: ["editor", "config", "data", "tagName", "watchdog", "editorWatchdogConfig", "disableTwoWayDataBinding", "disabled"], outputs: ["ready", "change", "blur", "focus", "error"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: CkEditorControlComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ck-editor-control', template: "<form [formGroup]=\"_entity\">\n    <div formGroupName=\"extraProperties\">\n        <div class=\"mb-3\">\n            <label class=\"form-label\" *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\n            <ng-container *ngIf=\"ckOptions\">\n                <ckeditor class=\"form-textarea\" [editor]=\"Editor\" *ngIf=\"Editor\" [config]=\"ckOptions\" (ready)=\"onReady($event)\"\n                    [formControlName]=\"_fields.field.name\">\n                </ckeditor>\n            </ng-container>\n            <small class=\"form-text text-muted d-block\"\n                *ngIf=\"_fields.field.description\">{{_fields.field.description}}</small>\n        </div>\n    </div>\n    <button type=\"submit\" style=\"display: none;\" #submitclick></button>\n</form>", styles: ["@charset \"UTF-8\";:root .ck.ck-editor__editable_inline{min-height:160px!important}.ck.ck-editor__main>.ck-editor__editable{background:var(--bs-body-bg)!important}.ck.ck-toolbar,.ck.ck-button.ck-list-item-button,.ck.ck-button.ck-list-item-button.ck-on,.ck.ck-dropdown__panel{background:var(--bs-body-bg)!important}.ck.ck-editor__editable_inline{border-color:var(--ck-color-base-border)!important}\n"] }]
+            args: [{ selector: 'ck-editor-control', template: "<div [formGroup]=\"_entity\" (keydown.enter)=\"$event.stopPropagation()\">\n    <div formGroupName=\"extraProperties\">\n        <div class=\"mb-3\" (keydown.enter)=\"$event.stopPropagation()\">\n            <label class=\"form-label\" *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\n            <ng-container *ngIf=\"ckOptions\">\n                <ckeditor class=\"form-textarea\" #editor [editor]=\"Editor\" *ngIf=\"Editor\" [config]=\"ckOptions\" (ready)=\"onReady($event)\"\n                    [formControlName]=\"_fields.field.name\" >\n                </ckeditor>\n            </ng-container>\n            <small class=\"form-text text-muted d-block\"\n                *ngIf=\"_fields.field.description\">{{_fields.field.description}}</small>\n        </div>\n    </div>\n    <button type=\"submit\" style=\"display: none;\" #submitclick></button>\n</div>\n", styles: ["@charset \"UTF-8\";:root .ck.ck-editor__editable_inline{min-height:160px!important}.ck.ck-editor__main>.ck-editor__editable{background:var(--bs-body-bg)!important}.ck.ck-toolbar,.ck.ck-button.ck-list-item-button,.ck.ck-button.ck-list-item-button.ck-on,.ck.ck-dropdown__panel{background:var(--bs-body-bg)!important}.ck.ck-editor__editable_inline{border-color:var(--ck-color-base-border)!important}\n"] }]
         }], ctorParameters: () => [], propDecorators: { fields: [{
                 type: Input
             }], parentFiledName: [{
@@ -978,6 +986,42 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImpor
                 args: ['submitclick', { static: true }]
             }] } });
 
+class CkEditorViewComponent {
+    constructor() {
+        /**展示则内容 */
+        this.showValue = '';
+        /**是否显示再列表 */
+        this.showInList = false;
+        /**表单控件Value */
+        this._value = '';
+    }
+    set value(v) {
+        this._value = v;
+    }
+    async ngAfterContentInit() {
+        //Called after ngOnInit when the component's or directive's content has been initialized.
+        //Add 'implements AfterContentInit' to the class.
+        let valueOptions = this._value;
+        if (this.type && valueOptions) {
+            this.showValue = valueOptions;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: CkEditorViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.5", type: CkEditorViewComponent, selector: "ck-ck-editor-view", inputs: { showInList: "showInList", fields: "fields", type: "type", value: "value" }, ngImport: i0, template: "@if(showInList){\r\n    {{showValue}}\r\n    } @else{\r\n    <div class=\"mb-3\">\r\n        <label class=\"form-label\" *ngIf=\"fields.displayName\">{{ fields.displayName }}</label>\r\n        <div>\r\n            {{showValue}}\r\n        </div>\r\n    </div>\r\n    }", styles: [""], dependencies: [{ kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: CkEditorViewComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ck-ck-editor-view', template: "@if(showInList){\r\n    {{showValue}}\r\n    } @else{\r\n    <div class=\"mb-3\">\r\n        <label class=\"form-label\" *ngIf=\"fields.displayName\">{{ fields.displayName }}</label>\r\n        <div>\r\n            {{showValue}}\r\n        </div>\r\n    </div>\r\n    }" }]
+        }], propDecorators: { showInList: [{
+                type: Input
+            }], fields: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }] } });
+
 /**
  * 表单控件分组-包含配置，控件，显示的数组
  */
@@ -987,7 +1031,7 @@ const ckEditorFieldControlGroup = [
         name: 'CkEditor',
         fieldConfigComponent: CkEditorConfigComponent,
         fieldComponent: CkEditorControlComponent,
-        // fieldViewComponent:TextBoxViewComponent,
+        fieldViewComponent: CkEditorViewComponent,
     },
 ];
 function getExcludeAssignControl(typeName) {
@@ -1001,7 +1045,8 @@ function AddFieldControlGroup(array = []) {
 class CkEditorModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: CkEditorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.5", ngImport: i0, type: CkEditorModule, declarations: [CkEditorControlComponent,
-            CkEditorConfigComponent], imports: [CoreModule,
+            CkEditorConfigComponent,
+            CkEditorViewComponent], imports: [CoreModule,
             ThemeSharedModule,
             CkEditorRoutingModule,
             CKEditorModule] }); }
@@ -1016,6 +1061,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImpor
                     declarations: [
                         CkEditorControlComponent,
                         CkEditorConfigComponent,
+                        CkEditorViewComponent,
                     ],
                     imports: [
                         CoreModule,