@dignite-ng/expand.cms 2.0.0-rc.8 → 3.0.0-rc.14

package/fesm2022/dignite-ng-expand.cms.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Injectable, inject, Component, Input, ViewChild, EventEmitter, Output, ViewContainerRef, ChangeDetectorRef, RendererFactory2, InjectionToken, NgModule } from '@angular/core';
+import { Injectable, inject, Component, ViewChild, Input, EventEmitter, Output, ChangeDetectorRef, RendererFactory2, InjectionToken, NgModule } from '@angular/core';
 import * as i1 from '@abp/ng.core';
 import { mapEnumToOptions, ListService, ConfigStateService, LIST_QUERY_DEBOUNCE_TIME, LocalizationService, AuthGuard, PermissionGuard, LazyModuleFactory, CoreModule } from '@abp/ng.core';
 import * as i3 from '@abp/ng.theme.shared';
@@ -10,20 +10,22 @@ import * as i7 from '@abp/ng.components/extensible';
 import { EXTENSIONS_IDENTIFIER, ToolbarAction, EntityProp, EntityAction, ExtensionsService, getObjectExtensionEntitiesFromStore, mapEntitiesToContributors, mergeWithDefaultActions, mergeWithDefaultProps, ExtensibleModule } from '@abp/ng.components/extensible';
 import * as i1$2 from '@angular/forms';
 import { FormBuilder, Validators, FormGroup, FormControl, FormArray } from '@angular/forms';
-import * as i8 from '@swimlane/ngx-datatable';
-import { ColumnMode } from '@swimlane/ngx-datatable';
+import * as i11 from '@swimlane/ngx-datatable';
+import { ColumnMode, NgxDatatableModule } from '@swimlane/ngx-datatable';
 import { finalize, map, tap } from 'rxjs';
 import { UpdateListService, ValidatorsService } from '@dignite-ng/expand.core';
+import * as i16 from '@angular/cdk/drag-drop';
+import { moveItemInArray, DragDropModule } from '@angular/cdk/drag-drop';
 import * as i1$1 from '@angular/common';
 import { Location, DatePipe } from '@angular/common';
 import * as i5 from '@ngx-validate/core';
-import * as i10 from '@ng-bootstrap/ng-bootstrap';
+import * as i11$1 from '@ng-bootstrap/ng-bootstrap';
 import { NgbNavModule, NgbAccordionModule, NgbDropdownModule } from '@ng-bootstrap/ng-bootstrap';
-import * as i11 from '@abp/ng.components/page';
+import * as i14 from '@abp/ng.components/page';
 import { PageModule } from '@abp/ng.components/page';
-import { pinyin } from 'pinyin-pro';
-import * as i8$1 from '@dignite-ng/expand.dynamic-form';
+import * as i15 from '@dignite-ng/expand.dynamic-form';
 import { DynamicFormModule } from '@dignite-ng/expand.dynamic-form';
+import { pinyin } from 'pinyin-pro';
 import { finalize as finalize$1 } from 'rxjs/operators';
 import * as i4$1 from 'ng-zorro-antd/select';
 import { NzSelectModule } from 'ng-zorro-antd/select';
@@ -72,6 +74,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImpor
                 }]
         }], ctorParameters: () => [{ type: i1.RestService }] });
 
+var SectionType;
+(function (SectionType) {
+    SectionType[SectionType["Single"] = 0] = "Single";
+    SectionType[SectionType["Structure"] = 1] = "Structure";
+    SectionType[SectionType["Channel"] = 2] = "Channel";
+})(SectionType || (SectionType = {}));
+const sectionTypeOptions = mapEnumToOptions(SectionType);
+
 class EntryAdminService {
     constructor(restService) {
         this.restService = restService;
@@ -105,7 +115,7 @@ class EntryAdminService {
         this.getList = (input, config) => this.restService.request({
             method: 'GET',
             url: '/api/cms-admin/entries',
-            params: { culture: input.culture, sectionId: input.sectionId, entryTypeId: input.entryTypeId, startPublishDate: input.startPublishDate, expiryPublishDate: input.expiryPublishDate, filter: input.filter, status: input.status, creatorId: input.creatorId, sorting: input.sorting, skipCount: input.skipCount, maxResultCount: input.maxResultCount },
+            params: { culture: input.culture, sectionId: input.sectionId, entryTypeId: input.entryTypeId, startPublishDate: input.startPublishDate, expiryPublishDate: input.expiryPublishDate, filter: input.filter, status: input.status, creatorId: input.creatorId, queryingByFieldsJson: input.queryingByFieldsJson, sorting: input.sorting, skipCount: input.skipCount, maxResultCount: input.maxResultCount },
         }, { apiName: this.apiName, ...config });
         this.getListByIds = (sectionId, ids, config) => this.restService.request({
             method: 'GET',
@@ -225,8 +235,144 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImpor
                 }]
         }], ctorParameters: () => [{ type: i1.RestService }] });
 
+class FormAdminService {
+    constructor(restService) {
+        this.restService = restService;
+        this.apiName = 'CmsAdmin';
+        this.getFormControls = (config) => this.restService.request({
+            method: 'GET',
+            url: '/api/cms-admin/dynamic-forms/controls',
+        }, { apiName: this.apiName, ...config });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: FormAdminService, deps: [{ token: i1.RestService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: FormAdminService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: FormAdminService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: i1.RestService }] });
+
+class FieldAdminService {
+    constructor(restService) {
+        this.restService = restService;
+        this.apiName = 'CmsAdmin';
+        this.create = (input, config) => this.restService.request({
+            method: 'POST',
+            url: '/api/cms-admin/fields',
+            body: input,
+        }, { apiName: this.apiName, ...config });
+        this.delete = (id, config) => this.restService.request({
+            method: 'DELETE',
+            url: `/api/cms-admin/fields/${id}`,
+        }, { apiName: this.apiName, ...config });
+        this.get = (id, config) => this.restService.request({
+            method: 'GET',
+            url: `/api/cms-admin/fields/${id}`,
+        }, { apiName: this.apiName, ...config });
+        this.getList = (input, config) => this.restService.request({
+            method: 'GET',
+            url: '/api/cms-admin/fields',
+            params: { filter: input.filter, groupId: input.groupId, sorting: input.sorting, skipCount: input.skipCount, maxResultCount: input.maxResultCount },
+        }, { apiName: this.apiName, ...config });
+        this.nameExists = (name, config) => this.restService.request({
+            method: 'GET',
+            url: `/api/cms-admin/fields/name-exists/${name}`,
+        }, { apiName: this.apiName, ...config });
+        this.update = (id, input, config) => this.restService.request({
+            method: 'PUT',
+            url: `/api/cms-admin/fields/${id}`,
+            body: input,
+        }, { apiName: this.apiName, ...config });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: FieldAdminService, deps: [{ token: i1.RestService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: FieldAdminService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: FieldAdminService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: i1.RestService }] });
+
+class FieldGroupAdminService {
+    constructor(restService) {
+        this.restService = restService;
+        this.apiName = 'CmsAdmin';
+        this.create = (input, config) => this.restService.request({
+            method: 'POST',
+            url: '/api/cms-admin/field-groups',
+            body: input,
+        }, { apiName: this.apiName, ...config });
+        this.delete = (id, config) => this.restService.request({
+            method: 'DELETE',
+            url: `/api/cms-admin/field-groups/${id}`,
+        }, { apiName: this.apiName, ...config });
+        this.get = (id, config) => this.restService.request({
+            method: 'GET',
+            url: `/api/cms-admin/field-groups/${id}`,
+        }, { apiName: this.apiName, ...config });
+        this.getList = (input, config) => this.restService.request({
+            method: 'GET',
+            url: '/api/cms-admin/field-groups',
+            params: { input },
+        }, { apiName: this.apiName, ...config });
+        this.update = (id, input, config) => this.restService.request({
+            method: 'PUT',
+            url: `/api/cms-admin/field-groups/${id}`,
+            body: input,
+        }, { apiName: this.apiName, ...config });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: FieldGroupAdminService, deps: [{ token: i1.RestService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: FieldGroupAdminService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: FieldGroupAdminService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: i1.RestService }] });
+
+class FormControlsService {
+    constructor(_FormAdminService) {
+        this._FormAdminService = _FormAdminService;
+        /**需要查询的动态表单类型 */
+        this.enableSearchTypeList = [];
+        /**不需要展示的动态表单类型 */
+        this.disableshowinTypeList = ['Table', 'FileExplorer', 'Matrix'];
+    }
+    /**获取动态表单类型 */
+    getDynamicFormType() {
+        return new Promise((resolve, rejects) => {
+            this._FormAdminService.getFormControls().subscribe((res) => {
+                // this.dynamicFormTypeList = res.items;
+                this.enableSearchTypeList = res.items.filter(el => el.enableSearch).map(el => el.name);
+                resolve(res.items);
+            });
+        });
+    }
+    async getEnableSearchTypeList() {
+        if (this.enableSearchTypeList.length === 0) {
+            await this.getDynamicFormType();
+        }
+        return this.enableSearchTypeList;
+    }
+    getdisableshowinTypeList() {
+        return this.disableshowinTypeList;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: FormControlsService, deps: [{ token: FormAdminService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: FormControlsService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: FormControlsService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: FormAdminService }] });
+
 class EntriesComponent {
-    constructor(_EntryAdminService, _SectionAdminService, toaster, confirmation, configState, router, _LocalizationService) {
+    constructor(_EntryAdminService, _SectionAdminService, toaster, confirmation, configState, router, _LocalizationService, _FormAdminService, _FieldAdminService, cdRef, _FormControlsService) {
         this._EntryAdminService = _EntryAdminService;
         this._SectionAdminService = _SectionAdminService;
         this.toaster = toaster;
@@ -234,9 +380,15 @@ class EntriesComponent {
         this.configState = configState;
         this.router = router;
         this._LocalizationService = _LocalizationService;
+        this._FormAdminService = _FormAdminService;
+        this._FieldAdminService = _FieldAdminService;
+        this.cdRef = cdRef;
+        this._FormControlsService = _FormControlsService;
         this.fb = inject(FormBuilder);
         this._UpdateListService = inject(UpdateListService);
-        this.list = inject(ListService);
+        this.list = inject((ListService));
+        /**板块类型 */
+        this.SectionType = SectionType;
         /**站点下的版块 */
         this.SiteOfSectionList = [];
         /**版块下的语言列表 */
@@ -245,10 +397,26 @@ class EntriesComponent {
         this.entryTypeList = [];
         /**状态编码 */
         this._entryStatusOptions = entryStatusOptions;
+        /**需要查询的动态表单类型 */
+        this.enableSearchTypeList = [];
+        /**需要查询的动态表单字段 */
+        this.enableSearchFieldList = [];
+        /**不需要展示的动态表单类型 */
+        this.disableshowinTypeList = [];
+        /**需要展示的动态列表字段 */
+        this.showinFieldList = [];
+        /**表单 */
+        this.enablegearchFormEntity = this.fb.group({
+            extraProperties: this.fb.group({}),
+        });
+        /**站点下板块的类型 */
+        this.SiteOfSectionType = SectionType.Single;
         this.config = inject(ConfigStateService);
         this._RegionalizationService = inject(RegionalizationService);
         /**站点设置语言 */
         this.SiteSettingsAdminLanguages = [];
+        /**站点设置的默认语言 */
+        this.defaultCultureName = '';
         /**列表相关 */
         this.ColumnMode = ColumnMode;
         this.data = {
@@ -256,12 +424,8 @@ class EntriesComponent {
             totalCount: 0,
         };
         this.filters = {};
-        this.filtersForm = this.fb.group({
-            siteId: [''],
-            sectionId: [''],
-            culture: [''],
-            filter: [''],
-        });
+        this.maxResultCount = 10;
+        this.isexpanded = false;
     }
     ngOnInit() {
         this.getPageDate();
@@ -271,11 +435,23 @@ class EntriesComponent {
     }
     /**获取页面数据 */
     async getPageDate() {
+        // await this.getDynamicFormType();
+        this.enableSearchTypeList = await this._FormControlsService.getEnableSearchTypeList();
+        //  this.disableshowinTypeList= this._FormControlsService.getdisableshowinTypeList();
         await this.getSiteOfSectionList();
         await this.getSectionLanguagesList();
-        this.filters = this.filtersForm.value;
         this.hookToQuery();
     }
+    /**获取动态表单类型 */
+    // getDynamicFormType() {
+    //   return new Promise((resolve, rejects) => {
+    //     this._FormAdminService.getFormControls().subscribe((res:any) => {
+    //       // this.dynamicFormTypeList = res.items;
+    //       this.enableSearchTypeList = res.items.filter(el => el.enableSearch).map(el => el.name);
+    //       resolve(res.items);
+    //     });
+    //   });
+    // }
     /**切换板块 */
     async sectionIdChange() {
         this.getSectionOfEntryType();
@@ -289,20 +465,112 @@ class EntriesComponent {
     /**获取站点下的版块 */
     getSiteOfSectionList() {
         return new Promise((resolve, rejects) => {
-            this._SectionAdminService.getList({
+            this._SectionAdminService
+                .getList({
                 maxResultCount: 1000,
-            }).subscribe(res => {
+            })
+                .subscribe(async (res) => {
                 this.SiteOfSectionList = res.items;
-                this.filtersForm.get('sectionId').patchValue(res.items[0]?.id || '');
-                this.getSectionOfEntryType();
+                this.filters.sectionId = res.items[0]?.id || '';
+                await this.getSectionOfEntryType();
                 resolve(res.items);
             });
         });
     }
+    get extraPropertiesInput() {
+        return this.enablegearchFormEntity?.get('extraProperties');
+    }
+    /**设置筛选条件 */
+    setfiltersValue() {
+        return new Promise((resolve, rejects) => {
+            let extraProperties = this.extraPropertiesInput.value;
+            let inputs = [];
+            for (const key in extraProperties) {
+                const element = extraProperties[key];
+                if (Array.isArray(element) ? element.length > 0 ? element : null : element) {
+                    inputs.push({
+                        name: key,
+                        value: element === true ? 'True' : Array.isArray(element) ? element.join(',') : element
+                    });
+                }
+                if (element === false) {
+                    inputs.push({
+                        name: key,
+                        value: 'False'
+                    });
+                }
+            }
+            this.filters.queryingByFieldsJson = inputs.length > 0 ? JSON.stringify(inputs) : '';
+            resolve(true);
+        });
+    }
+    async listget() {
+        await this.setfiltersValue();
+        this.list.get();
+        // this.filters.
+    }
     /**获取版块下的条目类型 */
-    getSectionOfEntryType() {
-        let sectionId = this.filtersForm.get('sectionId').value;
-        this.entryTypeList = this.SiteOfSectionList.find(el => el.id == sectionId)?.entryTypes || [];
+    async getSectionOfEntryType() {
+        // let sectionId = this.filtersForm.get('sectionId').value;
+        let sectionId = this.filters.sectionId;
+        let SectionInfo = await this.getSectionInfo(sectionId);
+        let _entryTypeList = SectionInfo?.entryTypes || [];
+        // let _entryTypeList = this.SiteOfSectionList.find(el => el.id == sectionId)?.entryTypes || [];
+        this.entryTypeList = _entryTypeList;
+        //选择板块的类型SectionType
+        this.SiteOfSectionType = this.SiteOfSectionList.find(el => el.id == sectionId)?.type;
+        if (this.SiteOfSectionType == SectionType.Structure) {
+            this.maxResultCount = 1000;
+        }
+        else {
+            this.maxResultCount = 10;
+        }
+        if (_entryTypeList.length === 1) {
+            this.filters.entryTypeId = this.entryTypeList[0].id;
+            // 初始化数组
+            this.enableSearchFieldList = [];
+            this.showinFieldList = [];
+            // 使用for...of替代forEach来处理异步
+            for (const el of _entryTypeList) {
+                for (const el1 of el.fieldTabs) {
+                    for (const el2 of el1.fields) {
+                        // el2.field = await this.getDynamicFormEntity(el2.fieldId);
+                        if (el2.enableSearch && this.enableSearchTypeList.includes(el2.field.formControlName)) {
+                            this.enableSearchFieldList.push({
+                                ...el2,
+                                field: {
+                                    formControlName: el2.field.formControlName,
+                                    formConfiguration: el2.field.formConfiguration,
+                                    name: el2.field.name,
+                                },
+                            });
+                        }
+                        if (el2.showInList && !this.disableshowinTypeList.includes(el2.field.formControlName)) {
+                            this.showinFieldList.push(el2);
+                        }
+                    }
+                }
+            }
+        }
+    }
+    async abpInitss() {
+        await this.setfiltersValue();
+    }
+    /**获取板块详情 */
+    getSectionInfo(ids) {
+        return new Promise((resolve, rejects) => {
+            this._SectionAdminService.get(ids).subscribe(res => {
+                resolve(res);
+            });
+        });
+    }
+    /**获取字段详情 */
+    getDynamicFormEntity(fieldId) {
+        return new Promise((resolve, rejects) => {
+            this._FieldAdminService.get(fieldId).subscribe(res => {
+                resolve(res);
+            });
+        });
     }
     /**获取版块下的语言列表 */
     getSectionLanguagesList() {
@@ -310,18 +578,27 @@ class EntriesComponent {
             //获取所有语言 */
             let languagesSystem = this.configState.getDeep('localization.languages');
             //获取系统默认语言 */
-            let DefaultLanguage = this.config.getSetting("Abp.Regionalization.DefaultCultureName");
-            const configCmsSiteLanguages = this.config.getSetting("Cms.Site.Languages");
+            let DefaultLanguage = this.config.getSetting('Abp.Regionalization.DefaultCultureName');
+            const configCmsSiteLanguages = this.config.getSetting('Cms.Site.Languages');
             if (!configCmsSiteLanguages) {
                 await this.getSiteSettingsLanguages();
             }
-            const LanguagesSite = (configCmsSiteLanguages ? configCmsSiteLanguages.split(',') : '') || this.SiteSettingsAdminLanguages;
+            if (this.defaultCultureName) {
+                DefaultLanguage = this.defaultCultureName;
+            }
+            const LanguagesSite = (configCmsSiteLanguages ? configCmsSiteLanguages.split(',') : '') ||
+                this.SiteSettingsAdminLanguages;
             let LanguagesArray = languagesSystem.filter(el => LanguagesSite.includes(el.cultureName));
             //获取当前选择的语言
-            let nowculture = this.filtersForm.get('culture').value;
+            let nowculture = this.filters.culture;
+            // let nowculture = this.filtersForm.get('culture').value;
             //当前选择的语言，是否在版块的的语言列表中
             let isexist = LanguagesArray.find(el => el.cultureName == nowculture);
-            this.filtersForm.get('culture').patchValue(nowculture ? isexist ? nowculture : DefaultLanguage : DefaultLanguage);
+            this.filters.culture = nowculture
+                ? isexist
+                    ? nowculture
+                    : DefaultLanguage
+                : DefaultLanguage;
             this.sectionLanguagesList = LanguagesArray;
             resolve(LanguagesArray);
         });
@@ -333,12 +610,18 @@ class EntriesComponent {
         return new Promise((resolve, rejects) => {
             this._RegionalizationService.get().subscribe(res => {
                 this.SiteSettingsAdminLanguages = res.availableCultureNames;
+                this.defaultCultureName = res.defaultCultureName;
                 resolve(res);
             });
         });
     }
     resetData() {
-        this.filters = this.filtersForm.value;
+        this.filters = {
+            sectionId: this.filters.sectionId,
+            culture: this.filters.culture,
+        };
+        this.list.filter = '';
+        this.list.maxResultCount = this.maxResultCount;
         this.list.page = 0;
         this.data.items = [];
         this.list.get();
@@ -346,38 +629,74 @@ class EntriesComponent {
     /**新增-单个 */
     createEntriesBtn() {
         this.router.navigate(['/cms/admin/entries/create'], {
-            queryParams: { cultureName: this.filters.culture, sectionId: this.filters.sectionId, entryTypeId: this.entryTypeList[0].id }
+            queryParams: {
+                cultureName: this.filters.culture,
+                sectionId: this.filters.sectionId,
+                entryTypeId: this.entryTypeList[0].id,
+            },
         });
     }
     createCopyEntriesBtn() {
         this.router.navigate(['/cms/admin/entries/create-copy'], {
-            queryParams: { cultureName: this.filters.culture, sectionId: this.filters.sectionId, entryTypeId: this.entryTypeList[0].id }
+            queryParams: {
+                cultureName: this.filters.culture,
+                sectionId: this.filters.sectionId,
+                entryTypeId: this.entryTypeList[0].id,
+            },
         });
     }
     hookToQuery() {
         const getData = (query) => this._EntryAdminService.getList({
             ...query,
             ...this.filters,
+            maxResultCount: this.maxResultCount,
         });
         const setData = (list) => {
+            if (this.SiteOfSectionType == SectionType.Structure) {
+                list.items = list.items.sort((a, b) => {
+                    return a.order - b.order;
+                });
+            }
             this.data = list;
         };
         this.list.hookToQuery(getData).subscribe(setData);
     }
     /**删除条目 */
     deletefield(row) {
-        this.confirmation.warn(row.displayName, this._LocalizationService.instant(`AbpUi::ItemWillBeDeletedMessage`)).subscribe((status) => {
+        this.confirmation
+            .warn(row.displayName, this._LocalizationService.instant(`AbpUi::ItemWillBeDeletedMessage`))
+            .subscribe((status) => {
             if (status == 'confirm') {
-                this._EntryAdminService.delete(row.id).pipe(finalize(() => {
-                })).subscribe(res => {
+                this._EntryAdminService
+                    .delete(row.id)
+                    .pipe(finalize(() => { }))
+                    .subscribe(res => {
                     this.toaster.success(this._LocalizationService.instant(`AbpUi::DeletedSuccessfully`));
                     this.list.get();
                 });
             }
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: EntriesComponent, deps: [{ token: EntryAdminService }, { token: SectionAdminService }, { token: i3.ToasterService }, { token: i3.ConfirmationService }, { token: i1.ConfigStateService }, { token: i4.Router }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: EntriesComponent, selector: "cms-entries", providers: [
+    drop(event) {
+        let previousId = this.data.items[event.previousIndex].id;
+        moveItemInArray(this.data.items, event.previousIndex, event.currentIndex);
+        this._EntryAdminService
+            .move(previousId, {
+            order: event.currentIndex,
+        })
+            .pipe(finalize(() => {
+            this.list.get();
+        }))
+            .subscribe(res => { }, err => { });
+        // moveItemInArray(this.rows, event.previousIndex, event.currentIndex);
+        // this.rows = [...this.rows];
+    }
+    /**高级筛选切换 */
+    expandedChange(event) {
+        this.isexpanded = event;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: EntriesComponent, deps: [{ token: EntryAdminService }, { token: SectionAdminService }, { token: i3.ToasterService }, { token: i3.ConfirmationService }, { token: i1.ConfigStateService }, { token: i4.Router }, { token: i1.LocalizationService }, { token: FormAdminService }, { token: FieldAdminService }, { token: i0.ChangeDetectorRef }, { token: FormControlsService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.5", type: EntriesComponent, selector: "cms-entries", providers: [
             ListService,
             // Provide this token if you want a different debounce time.
             // Default is 300. Cannot be 0. Any value below 100 is not recommended.
@@ -386,7 +705,7 @@ class EntriesComponent {
                 provide: EXTENSIONS_IDENTIFIER,
                 useValue: ECmsComponent.Entries,
             },
-        ], ngImport: i0, template: "<abp-page [title]=\"'Cms::Entries' | abpLocalization\" [toolbar]=\"true\">\r\n    <abp-page-toolbar-container *ngIf=\"entryTypeList.length < 1\" class=\"col \"></abp-page-toolbar-container>\r\n    <abp-page-toolbar-container *ngIf=\"entryTypeList.length > 1\" class=\"col \">\r\n        <div class=\"row justify-content-end mx-0 gap-2\" *abpPermission=\"'CmsAdmin.Entry.Create'\">\r\n            <div class=\"col-auto px-0 pt-0\">\r\n                <div ngbDropdown class=\"d-inline-block\">\r\n                    <button type=\"button\" class=\"btn btn-primary btn-sm ms-2\" id=\"dropdownBasic1\" ngbDropdownToggle>\r\n                        <i class=\"fa fa-plus pe-1\" aria-hidden=\"true\"></i>{{'Cms::New' | abpLocalization}}\r\n                    </button>\r\n                    <div ngbDropdownMenu aria-labelledby=\"dropdownBasic1\">\r\n                        <ng-container *ngFor=\"let item of entryTypeList\">\r\n                            <button ngbDropdownItem [routerLink]=\"['/cms/admin/entries/create']\"\r\n                                [queryParams]=\"{cultureName: filters.culture,sectionId:filters.sectionId,entryTypeId:item.id}\">{{item.displayName}}</button>\r\n                        </ng-container>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </abp-page-toolbar-container>\r\n    <div id=\"sites-page\" class=\"sites-page\">\r\n        <div class=\"card\">\r\n            <div class=\"card-body px-2 py-sm-2 border-bottom\" [formGroup]=\"filtersForm\">\r\n                <div class=\"row align-items-end\">\r\n                    <div class=\"mb-3 col-3\">\r\n                        <label class=\"form-label\">{{'Cms::Sections' | abpLocalization}}\uFF1A</label>\r\n                        <select class=\"form-select col-auto\" formControlName=\"sectionId\" (change)=\"sectionIdChange()\">\r\n                            <ng-container *ngFor=\"let item of SiteOfSectionList\">\r\n                                <option [value]=\"item.id\">{{item.displayName}}</option>\r\n                            </ng-container>\r\n                        </select>\r\n                    </div>\r\n                    <div class=\"mb-3 col-3\">\r\n                        <label class=\"form-label\">{{'AbpUi::Languages' | abpLocalization}}\uFF1A</label>\r\n                        <select class=\"form-select col-auto\" formControlName=\"culture\" (change)=\"cultureChange()\">\r\n                            <ng-container *ngFor=\"let item of sectionLanguagesList\">\r\n                                <option [value]=\"item.cultureName\">{{item.displayName}}</option>\r\n                            </ng-container>\r\n                        </select>\r\n                    </div>\r\n\r\n                    <div class=\"mb-3 col-3\">\r\n                        <label class=\"form-label\">{{'AbpUi::Search' | abpLocalization}}\uFF1A</label>\r\n                        <input type=\"text\" class=\"form-control\" formControlName=\"filter\"\r\n                            [placeholder]=\"'AbpUi::Search' | abpLocalization\" />\r\n                    </div>\r\n                    <div class=\"mb-3 col-3\">\r\n                        <button class=\"btn btn-primary px-3\" type=\"button\" id=\"button-addon2\" (click)=\"resetData()\">\r\n                            <i class=\"fa fa-search\"></i>\r\n                        </button>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"card mb-0\">\r\n            <div class=\"card-body p-0\">\r\n                <div class=\"table-responsive table-fixed-header\">\r\n                    <ngx-datatable class=\"material \" [rows]=\"data.items\" [list]=\"list\" [columnMode]=\"ColumnMode.force\"\r\n                        [headerHeight]=\"50\" [footerHeight]=\"50\" rowHeight=\"auto\" [virtualization]=\"false\"\r\n                        [externalPaging]=\"true\" [count]=\"data.totalCount\" [scrollbarH]=\"true\">\r\n                        <ngx-datatable-column [name]=\"'Cms::Title' | abpLocalization\" prop=\"title\" [sortable]=\"true\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                {{ value }}\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        <ngx-datatable-column [name]=\"'Cms::EntryType' | abpLocalization\" prop=\"entryTypeId\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template [sortable]=\"false\">\r\n                                <ng-container *ngFor=\"let item of entryTypeList\">\r\n                                    <ng-container *ngIf=\"item.id === value\">{{item.displayName}}</ng-container>\r\n                                </ng-container>\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        <ngx-datatable-column [name]=\"'Cms::Slug' | abpLocalization\" prop=\"slug\" [sortable]=\"true\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                {{ value }}\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        <ngx-datatable-column [name]=\"'Cms::Status' | abpLocalization\" prop=\"status\" [width]=\"80\"\r\n                            [sortable]=\"false\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                <ng-container *ngFor=\"let item of _entryStatusOptions\">\r\n                                    <ng-container *ngIf=\"item.value=== value\">{{ 'Cms::Enum:EntryStatus:'+item.key |\r\n                                        abpLocalization }}</ng-container>\r\n                                </ng-container>\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        <ngx-datatable-column [name]=\"'Cms::PublishTime' | abpLocalization\" prop=\"publishTime\"\r\n                            [width]=\"190\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                {{value | date: 'YYYY/MM/dd HH:mm:s' }}\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        <ngx-datatable-column [sortable]=\"false\" [name]=\"'AbpUi::Actions' | abpLocalization\"\r\n                            [frozenLeft]=\"true\" [width]=\"110\" [maxWidth]=\"110\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                <div ngbDropdown container=\"body\">\r\n                                    <button type=\"button\" class=\"btn btn-primary btn-sm\" ngbDropdownToggle>\r\n                                        <i class=\"me-1 fa fa-cog\"></i> {{'AbpUi::Actions' | abpLocalization}}\r\n                                    </button>\r\n                                    <div ngbDropdownMenu>\r\n                                        <button ngbDropdownItem\r\n                                            routerLink=\"/cms/admin/entries/{{row.id}}/edit\">{{'AbpUi::Edit' |\r\n                                            abpLocalization}}</button>\r\n                                        <button ngbDropdownItem (click)=\"deletefield(row)\">{{'AbpUi::Delete' |\r\n                                            abpLocalization}}</button>\r\n                                    </div>\r\n                                </div>\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                    </ngx-datatable>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</abp-page>", styles: ["::ng-deep .sites-page .dignite_page{background:transparent}::ng-deep .sites-page .list-group-flush>.list-group-item:first-child{border-top-width:var(--bs-list-group-border-width)}::ng-deep .sites-page .card-header input{flex:2 1 auto}::ng-deep .sites-page .card-header .form-select{padding:.475rem 3.75rem .475rem 1.25rem}::ng-deep .sites-page .morentr{border:2px solid transparent}::ng-deep .sites-page .borderdrag{border:2px solid var(--ck-color-selector-column-resizer-hover)!important}::ng-deep .sites-page .borderdragtd{background-color:var(--ck-color-selector-column-resizer-hover)!important}::ng-deep .sites-page .testtr{border-color:transparent}::ng-deep .sites-page .testtr td{padding:2px}::ng-deep .sites-page .testtr:hover{background-color:transparent}.cdk-drag-preview{display:table;box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.example-box:last-child{border:0}.example-list.cdk-drop-list-dragging .example-box:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}::ng-deep .sites-modal-form .form-control{padding:.4rem 1.25rem}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$2.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$2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i4.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1.PermissionDirective, selector: "[abpPermission]", inputs: ["abpPermission", "abpPermissionRunChangeDetection"] }, { kind: "component", type: i8.DatatableComponent, selector: "ngx-datatable", inputs: ["targetMarkerTemplate", "rows", "groupRowsBy", "groupedRows", "columns", "selected", "scrollbarV", "scrollbarH", "rowHeight", "columnMode", "headerHeight", "footerHeight", "externalPaging", "externalSorting", "limit", "count", "offset", "loadingIndicator", "selectionType", "reorderable", "swapColumns", "sortType", "sorts", "cssClasses", "messages", "rowClass", "selectCheck", "displayCheck", "groupExpansionDefault", "trackByProp", "selectAllRowsOnPage", "virtualization", "treeFromRelation", "treeToRelation", "summaryRow", "summaryHeight", "summaryPosition", "rowIdentity"], outputs: ["scroll", "activate", "select", "sort", "page", "reorder", "resize", "tableContextmenu", "treeAction"] }, { kind: "directive", type: i8.DataTableColumnDirective, selector: "ngx-datatable-column", inputs: ["name", "prop", "frozenLeft", "frozenRight", "flexGrow", "resizeable", "comparator", "pipe", "sortable", "draggable", "canAutoResize", "minWidth", "width", "maxWidth", "checkboxable", "headerCheckboxable", "headerClass", "cellClass", "isTreeColumn", "treeLevelIndent", "summaryFunc", "summaryTemplate", "cellTemplate", "headerTemplate", "treeToggleTemplate"] }, { kind: "directive", type: i8.DataTableColumnCellDirective, selector: "[ngx-datatable-cell-template]" }, { kind: "directive", type: i5.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i5.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "directive", type: i3.NgxDatatableListDirective, selector: "ngx-datatable[list]", inputs: ["list"], exportAs: ["ngxDatatableList"] }, { kind: "directive", type: i10.NgbDropdown, selector: "[ngbDropdown]", inputs: ["autoClose", "dropdownClass", "open", "placement", "popperOptions", "container", "display"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { kind: "directive", type: i10.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { kind: "directive", type: i10.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { kind: "directive", type: i10.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["tabindex", "disabled"] }, { kind: "directive", type: i10.NgbDropdownButtonItem, selector: "button[ngbDropdownItem]" }, { kind: "component", type: i11.PageComponent, selector: "abp-page", inputs: ["title", "toolbar", "breadcrumb"] }, { kind: "component", type: i11.PageToolbarContainerComponent, selector: "abp-page-toolbar-container" }, { kind: "pipe", type: i1$1.DatePipe, name: "date" }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] }); }
+        ], ngImport: i0, template: "<abp-page [title]=\"'Cms::Entries' | abpLocalization\" [toolbar]=\"true\">\r\n    <abp-page-toolbar-container *ngIf=\"entryTypeList.length < 1\" class=\"col \"></abp-page-toolbar-container>\r\n    <abp-page-toolbar-container *ngIf=\"entryTypeList.length > 1\" class=\"col \">\r\n        <div class=\"row justify-content-end mx-0 gap-2\" *abpPermission=\"'CmsAdmin.Entry.Create'\">\r\n            <div class=\"col-auto px-0 pt-0\">\r\n                <div ngbDropdown class=\"d-inline-block\">\r\n                    <button type=\"button\" class=\"btn btn-primary btn-sm ms-2\" id=\"dropdownBasic1\" ngbDropdownToggle>\r\n                        <i class=\"fa fa-plus pe-1\" aria-hidden=\"true\"></i>{{'Cms::New' | abpLocalization}}\r\n                    </button>\r\n                    <div ngbDropdownMenu aria-labelledby=\"dropdownBasic1\">\r\n                        <ng-container *ngFor=\"let item of entryTypeList\">\r\n                            <button ngbDropdownItem [routerLink]=\"['/cms/admin/entries/create']\"\r\n                                [queryParams]=\"{cultureName: filters.culture,sectionId:filters.sectionId,entryTypeId:item.id}\">{{item.displayName}}</button>\r\n                        </ng-container>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </abp-page-toolbar-container>\r\n    <div id=\"sites-page\" class=\"sites-page\">\r\n        <div class=\"card\">\r\n            <div class=\"card-body \">\r\n                <div class=\"row align-items-end\">\r\n                    <div class=\"mb-3 col-3\">\r\n                        <label class=\"form-label\">{{'Cms::Sections' | abpLocalization}}\uFF1A</label>\r\n                        <select class=\"form-select col-auto\" [(ngModel)]=\"filters.sectionId\"\r\n                            (change)=\"sectionIdChange()\">\r\n                            <ng-container *ngFor=\"let item of SiteOfSectionList\">\r\n                                <option [value]=\"item.id\">{{item.displayName}}</option>\r\n                            </ng-container>\r\n                        </select>\r\n                    </div>\r\n                    <div class=\"mb-3 col-3\">\r\n                        <label class=\"form-label\">{{'AbpUi::Languages' | abpLocalization}}\uFF1A</label>\r\n                        <select class=\"form-select col-auto\" [(ngModel)]=\"filters.culture\" (change)=\"cultureChange()\">\r\n                            <ng-container *ngFor=\"let item of sectionLanguagesList\">\r\n                                <option [value]=\"item.cultureName\">{{item.displayName}}</option>\r\n                            </ng-container>\r\n                        </select>\r\n                    </div>\r\n                    <div class=\"mb-3 col-6\">\r\n                        <div class=\"input-group\">\r\n                            <input type=\"text\" class=\"form-control\" [(ngModel)]=\"filters.filter\"\r\n                                [placeholder]=\"'Cms::PagerSearch'|abpLocalization\" />\r\n                            <button type=\"button\" class=\"btn btn-primary\" (click)=\"listget()\">\r\n                                <i class=\"bi bi-search\"></i>\r\n                            </button>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                @if(filters.culture&&enablegearchFormEntity&&enableSearchFieldList.length>0){\r\n                <div id=\"entries-advanced-form\" class=\"entries-advanced-form \" [hidden]=\"isexpanded\"\r\n                    (abpInit)=\"abpInitss()\">\r\n                    <form [formGroup]=\"enablegearchFormEntity\">\r\n                        <div class=\"row align-items-end\">\r\n                            <ng-container *ngFor=\"let el of enableSearchFieldList\">\r\n                                <ng-container *ngIf=\"el.field&&enablegearchFormEntity&&el.enableSearch\">\r\n                                    <div class=\"col-3\">\r\n                                        <df-dynamic-search [fields]=\"el\" [parentFiledName]=\"'extraProperties'\"\r\n                                            [culture]=\"filters.culture\"\r\n                                            [entity]=\"enablegearchFormEntity\"></df-dynamic-search>\r\n                                    </div>\r\n                                </ng-container>\r\n                            </ng-container>\r\n                            <div class=\"col-6 mb-3 \">\r\n                                <button type=\"button\" class=\"btn btn-primary\" (click)=\"listget()\">\r\n                                    <span>{{ 'AbpUi::Refresh' | abpLocalization }}</span>\r\n                                </button>\r\n                            </div>\r\n                        </div>\r\n                    </form>\r\n                </div>\r\n                }\r\n            </div>\r\n        </div>\r\n\r\n\r\n\r\n        <div class=\"card mb-0\">\r\n            <div class=\"card-body p-0\">\r\n                @if(SiteOfSectionType!==SectionType.Structure){\r\n                <div class=\"table-responsive table-fixed-header\">\r\n                    <ngx-datatable class=\"material \" [rows]=\"data.items\" [list]=\"list\" [columnMode]=\"ColumnMode.force\"\r\n                        [headerHeight]=\"50\" [footerHeight]=\"50\" rowHeight=\"auto\" [virtualization]=\"false\"\r\n                        [externalPaging]=\"true\" [count]=\"data.totalCount\" [scrollbarH]=\"true\">\r\n                        <ngx-datatable-column [name]=\"'Cms::Title' | abpLocalization\" prop=\"title\" [sortable]=\"false\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                {{ value }}\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        <ngx-datatable-column [name]=\"'Cms::EntryType' | abpLocalization\" prop=\"entryTypeId\"\r\n                            [sortable]=\"false\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                <ng-container *ngFor=\"let item of entryTypeList\">\r\n                                    <ng-container *ngIf=\"item.id === value\">{{item.displayName}}</ng-container>\r\n                                </ng-container>\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        <ngx-datatable-column [name]=\"'Cms::Slug' | abpLocalization\" prop=\"slug\" [sortable]=\"false\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                {{ value }}\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        <ngx-datatable-column [name]=\"'Cms::Status' | abpLocalization\" prop=\"status\" [width]=\"80\"\r\n                            [sortable]=\"false\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                <ng-container *ngFor=\"let item of _entryStatusOptions\">\r\n                                    <ng-container *ngIf=\"item.value=== value\">{{ 'Cms::Enum:EntryStatus:'+item.key |\r\n                                        abpLocalization }}</ng-container>\r\n                                </ng-container>\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        @for (item of showinFieldList; track $index) {\r\n                        <ngx-datatable-column [name]=\"'Cms::'+item.displayName | abpLocalization\"\r\n                            [prop]=\"item?.field?.name\" [sortable]=\"false\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                <df-dynamic-view [type]=\"item.field.formControlName\" [showInList]=\"true\" [fields]=\"item\"\r\n                                    [value]=\"row?.extraProperties[item.field.name]\"></df-dynamic-view>\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        }\r\n                        <ngx-datatable-column [name]=\"'Cms::PublishTime' | abpLocalization\" prop=\"publishTime\"\r\n                            [width]=\"190\" [sortable]=\"false\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                {{value | shortDateTime }}\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        <ngx-datatable-column [sortable]=\"false\" [name]=\"'AbpUi::Actions' | abpLocalization\"\r\n                            [frozenLeft]=\"true\" [width]=\"110\" [maxWidth]=\"110\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                <div ngbDropdown container=\"body\">\r\n                                    <button type=\"button\" class=\"btn btn-primary btn-sm\" ngbDropdownToggle>\r\n                                        <i class=\"me-1 fa fa-cog\"></i> {{'AbpUi::Actions' | abpLocalization}}\r\n                                    </button>\r\n                                    <div ngbDropdownMenu>\r\n                                        <button ngbDropdownItem\r\n                                            routerLink=\"/cms/admin/entries/{{row.id}}/edit\">{{'AbpUi::Edit' |\r\n                                            abpLocalization}}</button>\r\n                                        <button ngbDropdownItem (click)=\"deletefield(row)\">{{'AbpUi::Delete' |\r\n                                            abpLocalization}}</button>\r\n                                    </div>\r\n                                </div>\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n\r\n                    </ngx-datatable>\r\n                </div>\r\n                }\r\n\r\n                @if(SiteOfSectionType===SectionType.Structure){\r\n                <div class=\"table-responsive table-fixed-header\">\r\n                    <table class=\"table overflow-nowrap mb-0\" cdkDropList (cdkDropListDropped)=\"drop($event)\">\r\n                        <thead>\r\n                            <tr>\r\n                                <th class=\"sticky-left-card-bg\">{{'AbpUi::Actions' | abpLocalization}}</th>\r\n                                <th>{{'Cms::Title' | abpLocalization}}</th>\r\n                                <th>{{'Cms::EntryType' | abpLocalization}}</th>\r\n                                <th>{{'Cms::Slug' | abpLocalization}}</th>\r\n                                <th>{{'Cms::Status' | abpLocalization}}</th>\r\n\r\n                                @for (item of showinFieldList; track $index) {\r\n                                <th>{{'Cms::'+item.displayName | abpLocalization}}</th>\r\n                                }\r\n                                <th>{{'Cms::PublishTime' | abpLocalization}}</th>\r\n                            </tr>\r\n                        </thead>\r\n                        <tbody>\r\n                            <tr *ngFor=\"let item of data.items\" cdkDrag>\r\n                                <td class=\"sticky-left-card-bg\">\r\n                                    <div ngbDropdown container=\"body\">\r\n                                        <button type=\"button\" class=\"btn btn-primary btn-sm\" ngbDropdownToggle>\r\n                                            <i class=\"me-1 fa fa-cog\"></i> {{'AbpUi::Actions' | abpLocalization}}\r\n                                        </button>\r\n                                        <div ngbDropdownMenu>\r\n                                            <button ngbDropdownItem\r\n                                                routerLink=\"/cms/admin/entries/{{item.id}}/edit\">{{'AbpUi::Edit' |\r\n                                                abpLocalization}}</button>\r\n                                            <button ngbDropdownItem (click)=\"deletefield(item)\">{{'AbpUi::Delete' |\r\n                                                abpLocalization}}</button>\r\n                                        </div>\r\n                                    </div>\r\n                                </td>\r\n                                <td class=\"white-space-normal\">{{item.title}}</td>\r\n                                <td>\r\n                                    <ng-container *ngFor=\"let item1 of entryTypeList\">\r\n                                        <ng-container\r\n                                            *ngIf=\"item1.id === item.entryTypeId\">{{item1.displayName}}</ng-container>\r\n                                    </ng-container>\r\n                                </td>\r\n                                <td>{{item.slug}}</td>\r\n                                <td>\r\n                                    <ng-container *ngFor=\"let item2 of _entryStatusOptions\">\r\n                                        <ng-container *ngIf=\"item.status=== item2.value\">{{\r\n                                            'Cms::Enum:EntryStatus:'+item2.key |\r\n                                            abpLocalization }}</ng-container>\r\n                                    </ng-container>\r\n                                </td>\r\n                                @for (item1 of showinFieldList; track $index) {\r\n                                <td>\r\n                                    <df-dynamic-view [type]=\"item1.field.formControlName\" [showInList]=\"true\" [fields]=\"item1\"\r\n                                    [value]=\"item?.extraProperties[item1.field.name]\"></df-dynamic-view>\r\n\r\n                                </td>\r\n                                }\r\n                                <td>{{item.publishTime | shortDateTime }}</td>\r\n                            </tr>\r\n                        </tbody>\r\n                        @if(data.items.length === 0){\r\n                        <div class=\"text-muted p-2\">\r\n                            {{ 'Cms::NoDataAvailableInDatatable' | abpLocalization}}\r\n                        </div>\r\n                        }\r\n                    </table>\r\n                </div>\r\n                <div class=\"card-footer py-2\">\r\n                    <small class=\"text-muted\"> {{data.totalCount}} {{ 'Cms::Total' | abpLocalization}}</small>\r\n                </div>\r\n                }\r\n\r\n            </div>\r\n        </div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n    </div>\r\n</abp-page>", styles: ["::ng-deep .sites-page .dignite_page{background:transparent}::ng-deep .sites-page .list-group-flush>.list-group-item:first-child{border-top-width:var(--bs-list-group-border-width)}::ng-deep .sites-page .card-header input{flex:2 1 auto}::ng-deep .sites-page .card-header .form-select{padding:.475rem 3.75rem .475rem 1.25rem}::ng-deep .sites-page .morentr{border:2px solid transparent}::ng-deep .sites-page .borderdrag{border:2px solid var(--ck-color-selector-column-resizer-hover)!important}::ng-deep .sites-page .borderdragtd{background-color:var(--ck-color-selector-column-resizer-hover)!important}::ng-deep .sites-page .testtr{border-color:transparent}::ng-deep .sites-page .testtr td{padding:2px}::ng-deep .sites-page .testtr:hover{background-color:transparent}.cdk-drag-preview{display:table;box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.example-box:last-child{border:0}.example-list.cdk-drop-list-dragging .example-box:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}::ng-deep .sites-modal-form .form-control{padding:.4rem 1.25rem}.white-space-normal{white-space:normal;min-width:150px}.overflow-nowrap{overflow:auto;white-space:nowrap}::ng-deep .sites-page .table th{padding-left:1rem!important;padding-right:1rem!important}::ng-deep .sites-page .table td{padding:.875rem 1rem!important}::ng-deep .sites-page .table .sticky-left-card-bg{position:sticky;left:0;background:var(--bs-card-bg)}::ng-deep .sites-page .entries-advanced-form{transition:all .3s linear}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$2.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$2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1.InitDirective, selector: "[abpInit]", outputs: ["abpInit"] }, { kind: "directive", type: i1.PermissionDirective, selector: "[abpPermission]", inputs: ["abpPermission", "abpPermissionRunChangeDetection"] }, { kind: "component", type: i11.DatatableComponent, selector: "ngx-datatable", inputs: ["targetMarkerTemplate", "rows", "groupRowsBy", "groupedRows", "columns", "selected", "scrollbarV", "scrollbarH", "rowHeight", "columnMode", "headerHeight", "footerHeight", "externalPaging", "externalSorting", "limit", "count", "offset", "loadingIndicator", "selectionType", "reorderable", "swapColumns", "sortType", "sorts", "cssClasses", "messages", "rowClass", "selectCheck", "displayCheck", "groupExpansionDefault", "trackByProp", "selectAllRowsOnPage", "virtualization", "treeFromRelation", "treeToRelation", "summaryRow", "summaryHeight", "summaryPosition", "rowIdentity"], outputs: ["scroll", "activate", "select", "sort", "page", "reorder", "resize", "tableContextmenu", "treeAction"] }, { kind: "directive", type: i11.DataTableColumnDirective, selector: "ngx-datatable-column", inputs: ["name", "prop", "frozenLeft", "frozenRight", "flexGrow", "resizeable", "comparator", "pipe", "sortable", "draggable", "canAutoResize", "minWidth", "width", "maxWidth", "checkboxable", "headerCheckboxable", "headerClass", "cellClass", "isTreeColumn", "treeLevelIndent", "summaryFunc", "summaryTemplate", "cellTemplate", "headerTemplate", "treeToggleTemplate"] }, { kind: "directive", type: i11.DataTableColumnCellDirective, selector: "[ngx-datatable-cell-template]" }, { kind: "directive", type: i5.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i3.NgxDatatableListDirective, selector: "ngx-datatable[list]", inputs: ["list"], exportAs: ["ngxDatatableList"] }, { kind: "directive", type: i11$1.NgbDropdown, selector: "[ngbDropdown]", inputs: ["autoClose", "dropdownClass", "open", "placement", "popperOptions", "container", "display"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { kind: "directive", type: i11$1.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { kind: "directive", type: i11$1.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { kind: "directive", type: i11$1.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["tabindex", "disabled"] }, { kind: "directive", type: i11$1.NgbDropdownButtonItem, selector: "button[ngbDropdownItem]" }, { kind: "component", type: i14.PageComponent, selector: "abp-page", inputs: ["title", "toolbar", "breadcrumb"] }, { kind: "component", type: i14.PageToolbarContainerComponent, selector: "abp-page-toolbar-container" }, { kind: "component", type: i15.DynamicViewComponent, selector: "df-dynamic-view", inputs: ["showInList", "fields", "type", "value"] }, { kind: "component", type: i15.DynamicSearchComponent, selector: "df-dynamic-search", inputs: ["culture", "parentFiledName", "fields", "entity"] }, { kind: "directive", type: i16.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i16.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }, { kind: "pipe", type: i1.ShortDateTimePipe, name: "shortDateTime" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: EntriesComponent, decorators: [{
             type: Component,
@@ -399,8 +718,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImpor
                             provide: EXTENSIONS_IDENTIFIER,
                             useValue: ECmsComponent.Entries,
                         },
-                    ], template: "<abp-page [title]=\"'Cms::Entries' | abpLocalization\" [toolbar]=\"true\">\r\n    <abp-page-toolbar-container *ngIf=\"entryTypeList.length < 1\" class=\"col \"></abp-page-toolbar-container>\r\n    <abp-page-toolbar-container *ngIf=\"entryTypeList.length > 1\" class=\"col \">\r\n        <div class=\"row justify-content-end mx-0 gap-2\" *abpPermission=\"'CmsAdmin.Entry.Create'\">\r\n            <div class=\"col-auto px-0 pt-0\">\r\n                <div ngbDropdown class=\"d-inline-block\">\r\n                    <button type=\"button\" class=\"btn btn-primary btn-sm ms-2\" id=\"dropdownBasic1\" ngbDropdownToggle>\r\n                        <i class=\"fa fa-plus pe-1\" aria-hidden=\"true\"></i>{{'Cms::New' | abpLocalization}}\r\n                    </button>\r\n                    <div ngbDropdownMenu aria-labelledby=\"dropdownBasic1\">\r\n                        <ng-container *ngFor=\"let item of entryTypeList\">\r\n                            <button ngbDropdownItem [routerLink]=\"['/cms/admin/entries/create']\"\r\n                                [queryParams]=\"{cultureName: filters.culture,sectionId:filters.sectionId,entryTypeId:item.id}\">{{item.displayName}}</button>\r\n                        </ng-container>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </abp-page-toolbar-container>\r\n    <div id=\"sites-page\" class=\"sites-page\">\r\n        <div class=\"card\">\r\n            <div class=\"card-body px-2 py-sm-2 border-bottom\" [formGroup]=\"filtersForm\">\r\n                <div class=\"row align-items-end\">\r\n                    <div class=\"mb-3 col-3\">\r\n                        <label class=\"form-label\">{{'Cms::Sections' | abpLocalization}}\uFF1A</label>\r\n                        <select class=\"form-select col-auto\" formControlName=\"sectionId\" (change)=\"sectionIdChange()\">\r\n                            <ng-container *ngFor=\"let item of SiteOfSectionList\">\r\n                                <option [value]=\"item.id\">{{item.displayName}}</option>\r\n                            </ng-container>\r\n                        </select>\r\n                    </div>\r\n                    <div class=\"mb-3 col-3\">\r\n                        <label class=\"form-label\">{{'AbpUi::Languages' | abpLocalization}}\uFF1A</label>\r\n                        <select class=\"form-select col-auto\" formControlName=\"culture\" (change)=\"cultureChange()\">\r\n                            <ng-container *ngFor=\"let item of sectionLanguagesList\">\r\n                                <option [value]=\"item.cultureName\">{{item.displayName}}</option>\r\n                            </ng-container>\r\n                        </select>\r\n                    </div>\r\n\r\n                    <div class=\"mb-3 col-3\">\r\n                        <label class=\"form-label\">{{'AbpUi::Search' | abpLocalization}}\uFF1A</label>\r\n                        <input type=\"text\" class=\"form-control\" formControlName=\"filter\"\r\n                            [placeholder]=\"'AbpUi::Search' | abpLocalization\" />\r\n                    </div>\r\n                    <div class=\"mb-3 col-3\">\r\n                        <button class=\"btn btn-primary px-3\" type=\"button\" id=\"button-addon2\" (click)=\"resetData()\">\r\n                            <i class=\"fa fa-search\"></i>\r\n                        </button>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"card mb-0\">\r\n            <div class=\"card-body p-0\">\r\n                <div class=\"table-responsive table-fixed-header\">\r\n                    <ngx-datatable class=\"material \" [rows]=\"data.items\" [list]=\"list\" [columnMode]=\"ColumnMode.force\"\r\n                        [headerHeight]=\"50\" [footerHeight]=\"50\" rowHeight=\"auto\" [virtualization]=\"false\"\r\n                        [externalPaging]=\"true\" [count]=\"data.totalCount\" [scrollbarH]=\"true\">\r\n                        <ngx-datatable-column [name]=\"'Cms::Title' | abpLocalization\" prop=\"title\" [sortable]=\"true\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                {{ value }}\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        <ngx-datatable-column [name]=\"'Cms::EntryType' | abpLocalization\" prop=\"entryTypeId\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template [sortable]=\"false\">\r\n                                <ng-container *ngFor=\"let item of entryTypeList\">\r\n                                    <ng-container *ngIf=\"item.id === value\">{{item.displayName}}</ng-container>\r\n                                </ng-container>\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        <ngx-datatable-column [name]=\"'Cms::Slug' | abpLocalization\" prop=\"slug\" [sortable]=\"true\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                {{ value }}\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        <ngx-datatable-column [name]=\"'Cms::Status' | abpLocalization\" prop=\"status\" [width]=\"80\"\r\n                            [sortable]=\"false\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                <ng-container *ngFor=\"let item of _entryStatusOptions\">\r\n                                    <ng-container *ngIf=\"item.value=== value\">{{ 'Cms::Enum:EntryStatus:'+item.key |\r\n                                        abpLocalization }}</ng-container>\r\n                                </ng-container>\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        <ngx-datatable-column [name]=\"'Cms::PublishTime' | abpLocalization\" prop=\"publishTime\"\r\n                            [width]=\"190\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                {{value | date: 'YYYY/MM/dd HH:mm:s' }}\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        <ngx-datatable-column [sortable]=\"false\" [name]=\"'AbpUi::Actions' | abpLocalization\"\r\n                            [frozenLeft]=\"true\" [width]=\"110\" [maxWidth]=\"110\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                <div ngbDropdown container=\"body\">\r\n                                    <button type=\"button\" class=\"btn btn-primary btn-sm\" ngbDropdownToggle>\r\n                                        <i class=\"me-1 fa fa-cog\"></i> {{'AbpUi::Actions' | abpLocalization}}\r\n                                    </button>\r\n                                    <div ngbDropdownMenu>\r\n                                        <button ngbDropdownItem\r\n                                            routerLink=\"/cms/admin/entries/{{row.id}}/edit\">{{'AbpUi::Edit' |\r\n                                            abpLocalization}}</button>\r\n                                        <button ngbDropdownItem (click)=\"deletefield(row)\">{{'AbpUi::Delete' |\r\n                                            abpLocalization}}</button>\r\n                                    </div>\r\n                                </div>\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                    </ngx-datatable>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</abp-page>", styles: ["::ng-deep .sites-page .dignite_page{background:transparent}::ng-deep .sites-page .list-group-flush>.list-group-item:first-child{border-top-width:var(--bs-list-group-border-width)}::ng-deep .sites-page .card-header input{flex:2 1 auto}::ng-deep .sites-page .card-header .form-select{padding:.475rem 3.75rem .475rem 1.25rem}::ng-deep .sites-page .morentr{border:2px solid transparent}::ng-deep .sites-page .borderdrag{border:2px solid var(--ck-color-selector-column-resizer-hover)!important}::ng-deep .sites-page .borderdragtd{background-color:var(--ck-color-selector-column-resizer-hover)!important}::ng-deep .sites-page .testtr{border-color:transparent}::ng-deep .sites-page .testtr td{padding:2px}::ng-deep .sites-page .testtr:hover{background-color:transparent}.cdk-drag-preview{display:table;box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.example-box:last-child{border:0}.example-list.cdk-drop-list-dragging .example-box:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}::ng-deep .sites-modal-form .form-control{padding:.4rem 1.25rem}\n"] }]
-        }], ctorParameters: () => [{ type: EntryAdminService }, { type: SectionAdminService }, { type: i3.ToasterService }, { type: i3.ConfirmationService }, { type: i1.ConfigStateService }, { type: i4.Router }, { type: i1.LocalizationService }] });
+                    ], template: "<abp-page [title]=\"'Cms::Entries' | abpLocalization\" [toolbar]=\"true\">\r\n    <abp-page-toolbar-container *ngIf=\"entryTypeList.length < 1\" class=\"col \"></abp-page-toolbar-container>\r\n    <abp-page-toolbar-container *ngIf=\"entryTypeList.length > 1\" class=\"col \">\r\n        <div class=\"row justify-content-end mx-0 gap-2\" *abpPermission=\"'CmsAdmin.Entry.Create'\">\r\n            <div class=\"col-auto px-0 pt-0\">\r\n                <div ngbDropdown class=\"d-inline-block\">\r\n                    <button type=\"button\" class=\"btn btn-primary btn-sm ms-2\" id=\"dropdownBasic1\" ngbDropdownToggle>\r\n                        <i class=\"fa fa-plus pe-1\" aria-hidden=\"true\"></i>{{'Cms::New' | abpLocalization}}\r\n                    </button>\r\n                    <div ngbDropdownMenu aria-labelledby=\"dropdownBasic1\">\r\n                        <ng-container *ngFor=\"let item of entryTypeList\">\r\n                            <button ngbDropdownItem [routerLink]=\"['/cms/admin/entries/create']\"\r\n                                [queryParams]=\"{cultureName: filters.culture,sectionId:filters.sectionId,entryTypeId:item.id}\">{{item.displayName}}</button>\r\n                        </ng-container>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </abp-page-toolbar-container>\r\n    <div id=\"sites-page\" class=\"sites-page\">\r\n        <div class=\"card\">\r\n            <div class=\"card-body \">\r\n                <div class=\"row align-items-end\">\r\n                    <div class=\"mb-3 col-3\">\r\n                        <label class=\"form-label\">{{'Cms::Sections' | abpLocalization}}\uFF1A</label>\r\n                        <select class=\"form-select col-auto\" [(ngModel)]=\"filters.sectionId\"\r\n                            (change)=\"sectionIdChange()\">\r\n                            <ng-container *ngFor=\"let item of SiteOfSectionList\">\r\n                                <option [value]=\"item.id\">{{item.displayName}}</option>\r\n                            </ng-container>\r\n                        </select>\r\n                    </div>\r\n                    <div class=\"mb-3 col-3\">\r\n                        <label class=\"form-label\">{{'AbpUi::Languages' | abpLocalization}}\uFF1A</label>\r\n                        <select class=\"form-select col-auto\" [(ngModel)]=\"filters.culture\" (change)=\"cultureChange()\">\r\n                            <ng-container *ngFor=\"let item of sectionLanguagesList\">\r\n                                <option [value]=\"item.cultureName\">{{item.displayName}}</option>\r\n                            </ng-container>\r\n                        </select>\r\n                    </div>\r\n                    <div class=\"mb-3 col-6\">\r\n                        <div class=\"input-group\">\r\n                            <input type=\"text\" class=\"form-control\" [(ngModel)]=\"filters.filter\"\r\n                                [placeholder]=\"'Cms::PagerSearch'|abpLocalization\" />\r\n                            <button type=\"button\" class=\"btn btn-primary\" (click)=\"listget()\">\r\n                                <i class=\"bi bi-search\"></i>\r\n                            </button>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                @if(filters.culture&&enablegearchFormEntity&&enableSearchFieldList.length>0){\r\n                <div id=\"entries-advanced-form\" class=\"entries-advanced-form \" [hidden]=\"isexpanded\"\r\n                    (abpInit)=\"abpInitss()\">\r\n                    <form [formGroup]=\"enablegearchFormEntity\">\r\n                        <div class=\"row align-items-end\">\r\n                            <ng-container *ngFor=\"let el of enableSearchFieldList\">\r\n                                <ng-container *ngIf=\"el.field&&enablegearchFormEntity&&el.enableSearch\">\r\n                                    <div class=\"col-3\">\r\n                                        <df-dynamic-search [fields]=\"el\" [parentFiledName]=\"'extraProperties'\"\r\n                                            [culture]=\"filters.culture\"\r\n                                            [entity]=\"enablegearchFormEntity\"></df-dynamic-search>\r\n                                    </div>\r\n                                </ng-container>\r\n                            </ng-container>\r\n                            <div class=\"col-6 mb-3 \">\r\n                                <button type=\"button\" class=\"btn btn-primary\" (click)=\"listget()\">\r\n                                    <span>{{ 'AbpUi::Refresh' | abpLocalization }}</span>\r\n                                </button>\r\n                            </div>\r\n                        </div>\r\n                    </form>\r\n                </div>\r\n                }\r\n            </div>\r\n        </div>\r\n\r\n\r\n\r\n        <div class=\"card mb-0\">\r\n            <div class=\"card-body p-0\">\r\n                @if(SiteOfSectionType!==SectionType.Structure){\r\n                <div class=\"table-responsive table-fixed-header\">\r\n                    <ngx-datatable class=\"material \" [rows]=\"data.items\" [list]=\"list\" [columnMode]=\"ColumnMode.force\"\r\n                        [headerHeight]=\"50\" [footerHeight]=\"50\" rowHeight=\"auto\" [virtualization]=\"false\"\r\n                        [externalPaging]=\"true\" [count]=\"data.totalCount\" [scrollbarH]=\"true\">\r\n                        <ngx-datatable-column [name]=\"'Cms::Title' | abpLocalization\" prop=\"title\" [sortable]=\"false\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                {{ value }}\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        <ngx-datatable-column [name]=\"'Cms::EntryType' | abpLocalization\" prop=\"entryTypeId\"\r\n                            [sortable]=\"false\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                <ng-container *ngFor=\"let item of entryTypeList\">\r\n                                    <ng-container *ngIf=\"item.id === value\">{{item.displayName}}</ng-container>\r\n                                </ng-container>\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        <ngx-datatable-column [name]=\"'Cms::Slug' | abpLocalization\" prop=\"slug\" [sortable]=\"false\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                {{ value }}\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        <ngx-datatable-column [name]=\"'Cms::Status' | abpLocalization\" prop=\"status\" [width]=\"80\"\r\n                            [sortable]=\"false\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                <ng-container *ngFor=\"let item of _entryStatusOptions\">\r\n                                    <ng-container *ngIf=\"item.value=== value\">{{ 'Cms::Enum:EntryStatus:'+item.key |\r\n                                        abpLocalization }}</ng-container>\r\n                                </ng-container>\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        @for (item of showinFieldList; track $index) {\r\n                        <ngx-datatable-column [name]=\"'Cms::'+item.displayName | abpLocalization\"\r\n                            [prop]=\"item?.field?.name\" [sortable]=\"false\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                <df-dynamic-view [type]=\"item.field.formControlName\" [showInList]=\"true\" [fields]=\"item\"\r\n                                    [value]=\"row?.extraProperties[item.field.name]\"></df-dynamic-view>\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        }\r\n                        <ngx-datatable-column [name]=\"'Cms::PublishTime' | abpLocalization\" prop=\"publishTime\"\r\n                            [width]=\"190\" [sortable]=\"false\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                {{value | shortDateTime }}\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        <ngx-datatable-column [sortable]=\"false\" [name]=\"'AbpUi::Actions' | abpLocalization\"\r\n                            [frozenLeft]=\"true\" [width]=\"110\" [maxWidth]=\"110\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                <div ngbDropdown container=\"body\">\r\n                                    <button type=\"button\" class=\"btn btn-primary btn-sm\" ngbDropdownToggle>\r\n                                        <i class=\"me-1 fa fa-cog\"></i> {{'AbpUi::Actions' | abpLocalization}}\r\n                                    </button>\r\n                                    <div ngbDropdownMenu>\r\n                                        <button ngbDropdownItem\r\n                                            routerLink=\"/cms/admin/entries/{{row.id}}/edit\">{{'AbpUi::Edit' |\r\n                                            abpLocalization}}</button>\r\n                                        <button ngbDropdownItem (click)=\"deletefield(row)\">{{'AbpUi::Delete' |\r\n                                            abpLocalization}}</button>\r\n                                    </div>\r\n                                </div>\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n\r\n                    </ngx-datatable>\r\n                </div>\r\n                }\r\n\r\n                @if(SiteOfSectionType===SectionType.Structure){\r\n                <div class=\"table-responsive table-fixed-header\">\r\n                    <table class=\"table overflow-nowrap mb-0\" cdkDropList (cdkDropListDropped)=\"drop($event)\">\r\n                        <thead>\r\n                            <tr>\r\n                                <th class=\"sticky-left-card-bg\">{{'AbpUi::Actions' | abpLocalization}}</th>\r\n                                <th>{{'Cms::Title' | abpLocalization}}</th>\r\n                                <th>{{'Cms::EntryType' | abpLocalization}}</th>\r\n                                <th>{{'Cms::Slug' | abpLocalization}}</th>\r\n                                <th>{{'Cms::Status' | abpLocalization}}</th>\r\n\r\n                                @for (item of showinFieldList; track $index) {\r\n                                <th>{{'Cms::'+item.displayName | abpLocalization}}</th>\r\n                                }\r\n                                <th>{{'Cms::PublishTime' | abpLocalization}}</th>\r\n                            </tr>\r\n                        </thead>\r\n                        <tbody>\r\n                            <tr *ngFor=\"let item of data.items\" cdkDrag>\r\n                                <td class=\"sticky-left-card-bg\">\r\n                                    <div ngbDropdown container=\"body\">\r\n                                        <button type=\"button\" class=\"btn btn-primary btn-sm\" ngbDropdownToggle>\r\n                                            <i class=\"me-1 fa fa-cog\"></i> {{'AbpUi::Actions' | abpLocalization}}\r\n                                        </button>\r\n                                        <div ngbDropdownMenu>\r\n                                            <button ngbDropdownItem\r\n                                                routerLink=\"/cms/admin/entries/{{item.id}}/edit\">{{'AbpUi::Edit' |\r\n                                                abpLocalization}}</button>\r\n                                            <button ngbDropdownItem (click)=\"deletefield(item)\">{{'AbpUi::Delete' |\r\n                                                abpLocalization}}</button>\r\n                                        </div>\r\n                                    </div>\r\n                                </td>\r\n                                <td class=\"white-space-normal\">{{item.title}}</td>\r\n                                <td>\r\n                                    <ng-container *ngFor=\"let item1 of entryTypeList\">\r\n                                        <ng-container\r\n                                            *ngIf=\"item1.id === item.entryTypeId\">{{item1.displayName}}</ng-container>\r\n                                    </ng-container>\r\n                                </td>\r\n                                <td>{{item.slug}}</td>\r\n                                <td>\r\n                                    <ng-container *ngFor=\"let item2 of _entryStatusOptions\">\r\n                                        <ng-container *ngIf=\"item.status=== item2.value\">{{\r\n                                            'Cms::Enum:EntryStatus:'+item2.key |\r\n                                            abpLocalization }}</ng-container>\r\n                                    </ng-container>\r\n                                </td>\r\n                                @for (item1 of showinFieldList; track $index) {\r\n                                <td>\r\n                                    <df-dynamic-view [type]=\"item1.field.formControlName\" [showInList]=\"true\" [fields]=\"item1\"\r\n                                    [value]=\"item?.extraProperties[item1.field.name]\"></df-dynamic-view>\r\n\r\n                                </td>\r\n                                }\r\n                                <td>{{item.publishTime | shortDateTime }}</td>\r\n                            </tr>\r\n                        </tbody>\r\n                        @if(data.items.length === 0){\r\n                        <div class=\"text-muted p-2\">\r\n                            {{ 'Cms::NoDataAvailableInDatatable' | abpLocalization}}\r\n                        </div>\r\n                        }\r\n                    </table>\r\n                </div>\r\n                <div class=\"card-footer py-2\">\r\n                    <small class=\"text-muted\"> {{data.totalCount}} {{ 'Cms::Total' | abpLocalization}}</small>\r\n                </div>\r\n                }\r\n\r\n            </div>\r\n        </div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n    </div>\r\n</abp-page>", styles: ["::ng-deep .sites-page .dignite_page{background:transparent}::ng-deep .sites-page .list-group-flush>.list-group-item:first-child{border-top-width:var(--bs-list-group-border-width)}::ng-deep .sites-page .card-header input{flex:2 1 auto}::ng-deep .sites-page .card-header .form-select{padding:.475rem 3.75rem .475rem 1.25rem}::ng-deep .sites-page .morentr{border:2px solid transparent}::ng-deep .sites-page .borderdrag{border:2px solid var(--ck-color-selector-column-resizer-hover)!important}::ng-deep .sites-page .borderdragtd{background-color:var(--ck-color-selector-column-resizer-hover)!important}::ng-deep .sites-page .testtr{border-color:transparent}::ng-deep .sites-page .testtr td{padding:2px}::ng-deep .sites-page .testtr:hover{background-color:transparent}.cdk-drag-preview{display:table;box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.example-box:last-child{border:0}.example-list.cdk-drop-list-dragging .example-box:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}::ng-deep .sites-modal-form .form-control{padding:.4rem 1.25rem}.white-space-normal{white-space:normal;min-width:150px}.overflow-nowrap{overflow:auto;white-space:nowrap}::ng-deep .sites-page .table th{padding-left:1rem!important;padding-right:1rem!important}::ng-deep .sites-page .table td{padding:.875rem 1rem!important}::ng-deep .sites-page .table .sticky-left-card-bg{position:sticky;left:0;background:var(--bs-card-bg)}::ng-deep .sites-page .entries-advanced-form{transition:all .3s linear}\n"] }]
+        }], ctorParameters: () => [{ type: EntryAdminService }, { type: SectionAdminService }, { type: i3.ToasterService }, { type: i3.ConfirmationService }, { type: i1.ConfigStateService }, { type: i4.Router }, { type: i1.LocalizationService }, { type: FormAdminService }, { type: FieldAdminService }, { type: i0.ChangeDetectorRef }, { type: FormControlsService }] });
 
 class CreateOrUpdateEntryInputBase {
     constructor() {
@@ -426,105 +745,6 @@ class CreateOrUpdateEntryInputBase {
     }
 }
 
-class FieldAdminService {
-    constructor(restService) {
-        this.restService = restService;
-        this.apiName = 'CmsAdmin';
-        this.create = (input, config) => this.restService.request({
-            method: 'POST',
-            url: '/api/cms-admin/fields',
-            body: input,
-        }, { apiName: this.apiName, ...config });
-        this.delete = (id, config) => this.restService.request({
-            method: 'DELETE',
-            url: `/api/cms-admin/fields/${id}`,
-        }, { apiName: this.apiName, ...config });
-        this.get = (id, config) => this.restService.request({
-            method: 'GET',
-            url: `/api/cms-admin/fields/${id}`,
-        }, { apiName: this.apiName, ...config });
-        this.getList = (input, config) => this.restService.request({
-            method: 'GET',
-            url: '/api/cms-admin/fields',
-            params: { filter: input.filter, groupId: input.groupId, sorting: input.sorting, skipCount: input.skipCount, maxResultCount: input.maxResultCount },
-        }, { apiName: this.apiName, ...config });
-        this.nameExists = (name, config) => this.restService.request({
-            method: 'GET',
-            url: `/api/cms-admin/fields/name-exists/${name}`,
-        }, { apiName: this.apiName, ...config });
-        this.update = (id, input, config) => this.restService.request({
-            method: 'PUT',
-            url: `/api/cms-admin/fields/${id}`,
-            body: input,
-        }, { apiName: this.apiName, ...config });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: FieldAdminService, deps: [{ token: i1.RestService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: FieldAdminService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: FieldAdminService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }], ctorParameters: () => [{ type: i1.RestService }] });
-
-class FieldGroupAdminService {
-    constructor(restService) {
-        this.restService = restService;
-        this.apiName = 'CmsAdmin';
-        this.create = (input, config) => this.restService.request({
-            method: 'POST',
-            url: '/api/cms-admin/field-groups',
-            body: input,
-        }, { apiName: this.apiName, ...config });
-        this.delete = (id, config) => this.restService.request({
-            method: 'DELETE',
-            url: `/api/cms-admin/field-groups/${id}`,
-        }, { apiName: this.apiName, ...config });
-        this.get = (id, config) => this.restService.request({
-            method: 'GET',
-            url: `/api/cms-admin/field-groups/${id}`,
-        }, { apiName: this.apiName, ...config });
-        this.getList = (input, config) => this.restService.request({
-            method: 'GET',
-            url: '/api/cms-admin/field-groups',
-            params: { input },
-        }, { apiName: this.apiName, ...config });
-        this.update = (id, input, config) => this.restService.request({
-            method: 'PUT',
-            url: `/api/cms-admin/field-groups/${id}`,
-            body: input,
-        }, { apiName: this.apiName, ...config });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: FieldGroupAdminService, deps: [{ token: i1.RestService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: FieldGroupAdminService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: FieldGroupAdminService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }], ctorParameters: () => [{ type: i1.RestService }] });
-
-class FormAdminService {
-    constructor(restService) {
-        this.restService = restService;
-        this.apiName = 'CmsAdmin';
-        this.getFormControls = (config) => this.restService.request({
-            method: 'GET',
-            url: '/api/cms-admin/dynamic-forms/forms',
-        }, { apiName: this.apiName, ...config });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: FormAdminService, deps: [{ token: i1.RestService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: FormAdminService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: FormAdminService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }], ctorParameters: () => [{ type: i1.RestService }] });
-
 class FieldAbstractsService {
     constructor(_FieldGroupAdminService, _FormAdminService) {
         this._FieldGroupAdminService = _FieldGroupAdminService;
@@ -536,14 +756,14 @@ class FieldAbstractsService {
     }
     /**获取字段分组列表 */
     getfieldGroupList() {
-        this._FieldGroupAdminService.getList({}).subscribe(res => {
+        this._FieldGroupAdminService.getList({}).subscribe((res) => {
             this.fieldGroupList = res.items;
         });
     }
     /**获取表单控件类型 */
     getFromControlList() {
         return new Promise((resolve, reject) => {
-            this._FormAdminService.getFormControls({}).subscribe(res => {
+            this._FormAdminService.getFormControls({}).subscribe((res) => {
                 this.fromControlList = res.items;
                 resolve(res.items);
             });
@@ -591,13 +811,13 @@ class CmsApiService {
      *  */
     chineseToPinyin(value) {
         //去除字符串中所有的空格
-        let val = value.replaceAll(' ', "-");
+        let val = value.replaceAll(' ', '-');
         let array = val.split('');
         let newArray = [];
         array.forEach((el, index) => {
             //转化为小写
             let elChange = el.toLowerCase();
-            let isChinese = (str) => {
+            let isChinese = str => {
                 return /^[\u4e00-\u9fa5]+$/.test(str);
             };
             if (isChinese(elChange)) {
@@ -606,14 +826,13 @@ class CmsApiService {
                 if (index < array.length - 1)
                     elChange += '-';
             }
-            ;
             newArray.push(elChange);
         });
         let pinyinstr = newArray.join('');
         return pinyinstr || val;
     }
     /**
-    * 深拷贝--方法  */
+     * 深拷贝--方法  */
     deepClone(obj) {
         if (typeof obj !== 'object' || obj === null)
             return obj;
@@ -638,13 +857,37 @@ class CmsApiService {
         }
         return result;
     }
+    // this._selected = this.convertKeysToCamelCase(this._selected);
+    /**
+     * 递归将对象属性名首字母转为小写
+     * @param obj 需要处理的对象或数组
+     * @param isInsideFormConfig 标记是否在 FormConfiguration 内部
+     * @returns 处理后的新对象
+     */
+    convertKeysToCamelCase(obj, isInsideFormConfig = false) {
+        if (Array.isArray(obj)) {
+            return obj.map(item => this.convertKeysToCamelCase(item, isInsideFormConfig));
+        }
+        else if (typeof obj === 'object' && obj !== null) {
+            return Object.keys(obj).reduce((acc, key) => {
+                // 判断当前层级是否在 FormConfiguration 内部
+                const currentIsInsideFormConfig = isInsideFormConfig || key === 'MatrixBlockTypes';
+                // 如果在 FormConfiguration 内部，保留原字段名
+                const newKey = currentIsInsideFormConfig ? key : key.charAt(0).toLowerCase() + key.slice(1);
+                // 递归处理子属性，并传递是否在 FormConfiguration 内部的状态
+                acc[newKey] = this.convertKeysToCamelCase(obj[key], key === 'FormConfiguration');
+                return acc;
+            }, {});
+        }
+        return obj;
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: CmsApiService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: CmsApiService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: CmsApiService, decorators: [{
             type: Injectable,
             args: [{
-                    providedIn: 'root'
+                    providedIn: 'root',
                 }]
         }], ctorParameters: () => [] });
 
@@ -838,11 +1081,11 @@ class CreateOrEditEntriesComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: CreateOrEditEntriesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: CreateOrEditEntriesComponent, selector: "cms-create-or-edit-entries", inputs: { isEdit: "isEdit", sectionId: "sectionId", entryTypeId: "entryTypeId", select: "select", entity: "entity" }, viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<form [formGroup]=\"formEntity\">\r\n    <div class=\"row\">\r\n        <div class=\"col-md-8\">\r\n            <div class=\"card\">\r\n                <div class=\"card-body\">\r\n                    <div class=\"mb-3\">\r\n                        <div class=\"form-label\">{{'Cms::Title' | abpLocalization}}</div>\r\n                        <input type=\"text\" class=\"form-control\" formControlName=\"title\"\r\n                            (blur)=\"setTitleToSlugBlur($event)\">\r\n                    </div>\r\n                    <i></i>\r\n                    <ng-container *ngIf=\"isLoad\">\r\n                        <ng-container *ngFor=\"let item of showEntryType?.fieldTabs;let i =index\">\r\n                            <ng-container *ngFor=\"let el of item.fields;let i1 =index\">\r\n                                <ng-container *ngIf=\"el&&formEntity\">\r\n                                    <df-dynamic [fields]=\"el\"\r\n                                        [selected]=\"entryInfo ? entryInfo.extraProperties[el.field.name] : ''\"\r\n                                        [parentFiledName]=\"'extraProperties'\"\r\n                                        [culture]=\"cultureInput.value\"  [entity]=\"formEntity\"></df-dynamic>\r\n                                </ng-container>\r\n                            </ng-container>\r\n                        </ng-container>\r\n                    </ng-container>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"col-md-4\">\r\n            <div class=\"card\">\r\n                <div class=\"card-body\">\r\n                    <div class=\"mb-3\">\r\n                        <div class=\"form-label\">{{'Cms::Slug' | abpLocalization}}</div>\r\n                        <input type=\"text\" class=\"form-control\" formControlName=\"slug\">\r\n                    </div>\r\n                    <div class=\"mb-3\">\r\n                        <div class=\"form-label\">{{'AbpUi::Languages' | abpLocalization}}</div>\r\n                        <select class=\"form-select form-select-multiple\" formControlName=\"culture\">\r\n                            <ng-container *ngFor=\"let item of languagesList;let i =index\">\r\n                                <option [value]=\"item.cultureName\">{{item.displayName}}</option>\r\n                            </ng-container>\r\n                        </select>\r\n                        <div class=\"text-danger\" *ngIf=\"cultureInput.dirty\">\r\n                            {{cultureInput?.errors?.repetition}}\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"mb-3\" *ngIf=\"sectionInfo.type===1\">\r\n                        <label class=\"form-label\" for=\"parentId\">{{'Cms::ParentEntry' | abpLocalization}}</label>\r\n                        <select class=\"form-select \" formControlName=\"parentId\">\r\n                            <option value=\"\"></option>\r\n                            <ng-container *ngFor=\"let item of entryList;let i =index\">\r\n                                <option [value]=\"item.id\">{{item.title}}</option>\r\n                                <ng-container *ngFor=\"let el of item.children\">\r\n                                    <ng-container *ngTemplateOutlet=\"childTemplate; context: {\r\n                                        $implicit: {\r\n                                        value: el,\r\n                                        }\r\n                                    }\"></ng-container>\r\n                                    <ng-template #childTemplate let-data>\r\n                                        <option [value]=\"data.value.id\">\r\n                                            <ng-container *ngFor=\"let item of data.value.layer\">--</ng-container>\r\n                                            {{data.value.title}}\r\n                                        </option>\r\n                                        <ng-container *ngFor=\"let el of data.value.children\">\r\n                                            <ng-container *ngTemplateOutlet=\"childTemplate; context: {\r\n                                                $implicit: {\r\n                                                value: el,\r\n                                                }\r\n                                            }\"></ng-container>\r\n                                        </ng-container>\r\n                                    </ng-template>\r\n                                </ng-container>\r\n                            </ng-container>\r\n                        </select>\r\n                    </div>\r\n                    <div class=\"mb-3\">\r\n                        <label class=\"form-label\" for=\"publishTime\">{{'Cms::PublishTime' | abpLocalization}}</label>\r\n                        <input type=\"datetime-local\" class=\"form-control\" step=\"1\" formControlName=\"publishTime\">\r\n                    </div>\r\n                    <div class=\"mb-3\" *ngIf=\"isEdit\">\r\n                        <label class=\"form-label\" for=\"Version\">{{'Cms::Version' | abpLocalization}}</label>\r\n                        <ul class=\"list-group\">\r\n                            <ng-container *ngFor=\"let item of AllVersionsList\">\r\n                                <li\r\n                                    class=\"list-group-item flex-between d-flex align-items-center justify-content-between\">\r\n                                    <div>\r\n                                        {{item.initialVersionId?(item.creationTime| date: 'YYYY/MM/dd HH:mm:s'):('Cms::InitialVersion' | abpLocalization)}}\r\n                                        <span class=\"badge text-bg-success ms-1\"\r\n                                            *ngIf=\"item.isActivatedVersion\">{{'Cms::IsActive' | abpLocalization}}</span>\r\n                                        <span class=\"badge text-bg-primary ms-1\"\r\n                                            *ngIf=\"item.id === entryVersionId\">{{'Cms::Editing' |\r\n                                            abpLocalization}}</span>\r\n                                    </div>\r\n                                    <div>\r\n                                        <div ngbDropdown class=\"d-inline-block\">\r\n                                            <button type=\"button\" class=\"btn btn-link-primary p-2 \"\r\n                                                style=\"line-height: 0;\" id=\"dropdownBasic1\" ngbDropdownToggle>\r\n                                            </button>\r\n                                            <div ngbDropdownMenu aria-labelledby=\"dropdownBasic1\">\r\n                                                <button ngbDropdownItem type=\"button\" *ngIf=\"!item.isActivatedVersion\"\r\n                                                    (click)=\"ActivatedVersion(item.id)\">\r\n                                                    <i class=\"fas fa-check me-1\"></i>{{'Cms::IsActive' |\r\n                                                    abpLocalization}}\r\n                                                </button>\r\n                                                <button ngbDropdownItem type=\"button\"\r\n                                                    routerLink=\"/cms/admin/entries/create\"\r\n                                                    [queryParams]=\"{entryVersionId:item.id}\">\r\n                                                    <i class=\"fas fa-plus me-1\"></i>{{'Cms::NewVersion' |\r\n                                                    abpLocalization}}\r\n                                                </button>\r\n                                                <button ngbDropdownItem type=\"button\" (click.stop)=\"toEditUrl(item.id)\"\r\n                                                    *ngIf=\"item.id !== entryVersionId\">\r\n                                                    <i class=\"fas fa-edit me-1\"></i>{{'AbpUi::Edit' | abpLocalization}}\r\n                                                </button>\r\n                                                <button ngbDropdownItem type=\"button\"\r\n                                                    (click.stop)=\"delectVersion(item.id)\"\r\n                                                    *ngIf=\"item.initialVersionId&&!item.isActivatedVersion&&item.id !== entryVersionId\">\r\n                                                    <i class=\"fas fa-trash me-1\"></i>{{'AbpUi::Delete' |\r\n                                                    abpLocalization}}\r\n                                                </button>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                </li>\r\n                            </ng-container>\r\n                        </ul>\r\n                    </div>\r\n                    <div class=\"mb-3\" *ngIf=\"entryInfo\">\r\n                        <label class=\"form-label\" for=\"versionNotes\">{{'Cms::RevisionNotes' | abpLocalization}}</label>\r\n                        <textarea class=\"form-control\" formControlName=\"versionNotes\" rows=\"3\"></textarea>\r\n                    </div>\r\n\r\n\r\n\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <button type=\"submit\" style=\"display: none;\" #submitclick></button>\r\n</form>", styles: [""], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$2.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$2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i4.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1.StopPropagationDirective, selector: "[click.stop]", outputs: ["click.stop"] }, { kind: "directive", type: i5.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i5.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "directive", type: i10.NgbDropdown, selector: "[ngbDropdown]", inputs: ["autoClose", "dropdownClass", "open", "placement", "popperOptions", "container", "display"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { kind: "directive", type: i10.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { kind: "directive", type: i10.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { kind: "directive", type: i10.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["tabindex", "disabled"] }, { kind: "directive", type: i10.NgbDropdownButtonItem, selector: "button[ngbDropdownItem]" }, { kind: "component", type: i8$1.DynamicComponent, selector: "df-dynamic", inputs: ["selected", "type", "culture", "parentFiledName", "fields", "entity"] }, { kind: "pipe", type: i1$1.DatePipe, name: "date" }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: CreateOrEditEntriesComponent, selector: "cms-create-or-edit-entries", inputs: { isEdit: "isEdit", sectionId: "sectionId", entryTypeId: "entryTypeId", select: "select", entity: "entity" }, viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<form [formGroup]=\"formEntity\">\r\n    <div class=\"row\">\r\n        <div class=\"col-md-8\">\r\n            <div class=\"card\">\r\n                <div class=\"card-body\">\r\n                    <div class=\"mb-3\">\r\n                        <div class=\"form-label\">{{'Cms::Title' | abpLocalization}}</div>\r\n                        <input type=\"text\" class=\"form-control\" formControlName=\"title\"\r\n                            (blur)=\"setTitleToSlugBlur($event)\">\r\n                    </div>\r\n                    <ng-container *ngIf=\"isLoad\">\r\n                        <ng-container *ngFor=\"let item of showEntryType?.fieldTabs;let i =index\">\r\n                            <ng-container *ngFor=\"let el of item.fields;let i1 =index\">\r\n                                <ng-container *ngIf=\"el&&formEntity\">\r\n                                    <df-dynamic [fields]=\"el\"\r\n                                        [selected]=\"entryInfo ? entryInfo.extraProperties[el.field.name] : ''\"\r\n                                        [parentFiledName]=\"'extraProperties'\"\r\n                                        [culture]=\"cultureInput.value\"  [entity]=\"formEntity\"></df-dynamic>\r\n                                </ng-container>\r\n                            </ng-container>\r\n                        </ng-container>\r\n                    </ng-container>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"col-md-4\">\r\n            <div class=\"card\">\r\n                <div class=\"card-body\">\r\n                    <div class=\"mb-3\">\r\n                        <div class=\"form-label\">{{'Cms::Slug' | abpLocalization}}</div>\r\n                        <input type=\"text\" class=\"form-control\" formControlName=\"slug\">\r\n                    </div>\r\n                    <div class=\"mb-3\">\r\n                        <div class=\"form-label\">{{'AbpUi::Languages' | abpLocalization}}</div>\r\n                        <select class=\"form-select form-select-multiple\" formControlName=\"culture\">\r\n                            <ng-container *ngFor=\"let item of languagesList;let i =index\">\r\n                                <option [value]=\"item.cultureName\">{{item.displayName}}</option>\r\n                            </ng-container>\r\n                        </select>\r\n                        <div class=\"text-danger\" *ngIf=\"cultureInput.dirty\">\r\n                            {{cultureInput?.errors?.repetition}}\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"mb-3\" *ngIf=\"sectionInfo.type===1\">\r\n                        <label class=\"form-label\" for=\"parentId\">{{'Cms::ParentEntry' | abpLocalization}}</label>\r\n                        <select class=\"form-select \" formControlName=\"parentId\">\r\n                            <option value=\"\"></option>\r\n                            <ng-container *ngFor=\"let item of entryList;let i =index\">\r\n                                <option [value]=\"item.id\">{{item.title}}</option>\r\n                                <ng-container *ngFor=\"let el of item.children\">\r\n                                    <ng-container *ngTemplateOutlet=\"childTemplate; context: {\r\n                                        $implicit: {\r\n                                        value: el,\r\n                                        }\r\n                                    }\"></ng-container>\r\n                                    <ng-template #childTemplate let-data>\r\n                                        <option [value]=\"data.value.id\">\r\n                                            <ng-container *ngFor=\"let item of data.value.layer\">--</ng-container>\r\n                                            {{data.value.title}}\r\n                                        </option>\r\n                                        <ng-container *ngFor=\"let el of data.value.children\">\r\n                                            <ng-container *ngTemplateOutlet=\"childTemplate; context: {\r\n                                                $implicit: {\r\n                                                value: el,\r\n                                                }\r\n                                            }\"></ng-container>\r\n                                        </ng-container>\r\n                                    </ng-template>\r\n                                </ng-container>\r\n                            </ng-container>\r\n                        </select>\r\n                    </div>\r\n                    <div class=\"mb-3\">\r\n                        <label class=\"form-label\" for=\"publishTime\">{{'Cms::PublishTime' | abpLocalization}}</label>\r\n                        <input type=\"datetime-local\" class=\"form-control\" step=\"1\" formControlName=\"publishTime\">\r\n                    </div>\r\n                    <div class=\"mb-3\" *ngIf=\"isEdit\">\r\n                        <label class=\"form-label\" for=\"Version\">{{'Cms::Version' | abpLocalization}}</label>\r\n                        <ul class=\"list-group\">\r\n                            <ng-container *ngFor=\"let item of AllVersionsList\">\r\n                                <li\r\n                                    class=\"list-group-item flex-between d-flex align-items-center justify-content-between\">\r\n                                    <div>\r\n                                        {{item.initialVersionId?(item.creationTime| date: 'YYYY/MM/dd HH:mm:s'):('Cms::InitialVersion' | abpLocalization)}}\r\n                                        <span class=\"badge text-bg-success ms-1\"\r\n                                            *ngIf=\"item.isActivatedVersion\">{{'Cms::IsActive' | abpLocalization}}</span>\r\n                                        <span class=\"badge text-bg-primary ms-1\"\r\n                                            *ngIf=\"item.id === entryVersionId\">{{'Cms::Editing' |\r\n                                            abpLocalization}}</span>\r\n                                    </div>\r\n                                    <div>\r\n                                        <div ngbDropdown class=\"d-inline-block\">\r\n                                            <button type=\"button\" class=\"btn btn-link-primary p-2 \"\r\n                                                style=\"line-height: 0;\" id=\"dropdownBasic1\" ngbDropdownToggle>\r\n                                            </button>\r\n                                            <div ngbDropdownMenu aria-labelledby=\"dropdownBasic1\">\r\n                                                <button ngbDropdownItem type=\"button\" *ngIf=\"!item.isActivatedVersion\"\r\n                                                    (click)=\"ActivatedVersion(item.id)\">\r\n                                                    <i class=\"fas fa-check me-1\"></i>{{'Cms::IsActive' |\r\n                                                    abpLocalization}}\r\n                                                </button>\r\n                                                <button ngbDropdownItem type=\"button\"\r\n                                                    routerLink=\"/cms/admin/entries/create\"\r\n                                                    [queryParams]=\"{entryVersionId:item.id}\">\r\n                                                    <i class=\"fas fa-plus me-1\"></i>{{'Cms::NewVersion' |\r\n                                                    abpLocalization}}\r\n                                                </button>\r\n                                                <button ngbDropdownItem type=\"button\" (click.stop)=\"toEditUrl(item.id)\"\r\n                                                    *ngIf=\"item.id !== entryVersionId\">\r\n                                                    <i class=\"fas fa-edit me-1\"></i>{{'AbpUi::Edit' | abpLocalization}}\r\n                                                </button>\r\n                                                <button ngbDropdownItem type=\"button\"\r\n                                                    (click.stop)=\"delectVersion(item.id)\"\r\n                                                    *ngIf=\"item.initialVersionId&&!item.isActivatedVersion&&item.id !== entryVersionId\">\r\n                                                    <i class=\"fas fa-trash me-1\"></i>{{'AbpUi::Delete' |\r\n                                                    abpLocalization}}\r\n                                                </button>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                </li>\r\n                            </ng-container>\r\n                        </ul>\r\n                    </div>\r\n                    <div class=\"mb-3\" *ngIf=\"entryInfo\">\r\n                        <label class=\"form-label\" for=\"versionNotes\">{{'Cms::RevisionNotes' | abpLocalization}}</label>\r\n                        <textarea class=\"form-control\" formControlName=\"versionNotes\" rows=\"3\"></textarea>\r\n                    </div>\r\n\r\n\r\n\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <button type=\"submit\" style=\"display: none;\" #submitclick></button>\r\n</form>", styles: [""], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$2.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$2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i4.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1.StopPropagationDirective, selector: "[click.stop]", outputs: ["click.stop"] }, { kind: "directive", type: i5.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i5.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "directive", type: i11$1.NgbDropdown, selector: "[ngbDropdown]", inputs: ["autoClose", "dropdownClass", "open", "placement", "popperOptions", "container", "display"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { kind: "directive", type: i11$1.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { kind: "directive", type: i11$1.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { kind: "directive", type: i11$1.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["tabindex", "disabled"] }, { kind: "directive", type: i11$1.NgbDropdownButtonItem, selector: "button[ngbDropdownItem]" }, { kind: "component", type: i15.DynamicComponent, selector: "df-dynamic", inputs: ["selected", "type", "culture", "parentFiledName", "fields", "entity"] }, { kind: "pipe", type: i1$1.DatePipe, name: "date" }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: CreateOrEditEntriesComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'cms-create-or-edit-entries', template: "<form [formGroup]=\"formEntity\">\r\n    <div class=\"row\">\r\n        <div class=\"col-md-8\">\r\n            <div class=\"card\">\r\n                <div class=\"card-body\">\r\n                    <div class=\"mb-3\">\r\n                        <div class=\"form-label\">{{'Cms::Title' | abpLocalization}}</div>\r\n                        <input type=\"text\" class=\"form-control\" formControlName=\"title\"\r\n                            (blur)=\"setTitleToSlugBlur($event)\">\r\n                    </div>\r\n                    <i></i>\r\n                    <ng-container *ngIf=\"isLoad\">\r\n                        <ng-container *ngFor=\"let item of showEntryType?.fieldTabs;let i =index\">\r\n                            <ng-container *ngFor=\"let el of item.fields;let i1 =index\">\r\n                                <ng-container *ngIf=\"el&&formEntity\">\r\n                                    <df-dynamic [fields]=\"el\"\r\n                                        [selected]=\"entryInfo ? entryInfo.extraProperties[el.field.name] : ''\"\r\n                                        [parentFiledName]=\"'extraProperties'\"\r\n                                        [culture]=\"cultureInput.value\"  [entity]=\"formEntity\"></df-dynamic>\r\n                                </ng-container>\r\n                            </ng-container>\r\n                        </ng-container>\r\n                    </ng-container>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"col-md-4\">\r\n            <div class=\"card\">\r\n                <div class=\"card-body\">\r\n                    <div class=\"mb-3\">\r\n                        <div class=\"form-label\">{{'Cms::Slug' | abpLocalization}}</div>\r\n                        <input type=\"text\" class=\"form-control\" formControlName=\"slug\">\r\n                    </div>\r\n                    <div class=\"mb-3\">\r\n                        <div class=\"form-label\">{{'AbpUi::Languages' | abpLocalization}}</div>\r\n                        <select class=\"form-select form-select-multiple\" formControlName=\"culture\">\r\n                            <ng-container *ngFor=\"let item of languagesList;let i =index\">\r\n                                <option [value]=\"item.cultureName\">{{item.displayName}}</option>\r\n                            </ng-container>\r\n                        </select>\r\n                        <div class=\"text-danger\" *ngIf=\"cultureInput.dirty\">\r\n                            {{cultureInput?.errors?.repetition}}\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"mb-3\" *ngIf=\"sectionInfo.type===1\">\r\n                        <label class=\"form-label\" for=\"parentId\">{{'Cms::ParentEntry' | abpLocalization}}</label>\r\n                        <select class=\"form-select \" formControlName=\"parentId\">\r\n                            <option value=\"\"></option>\r\n                            <ng-container *ngFor=\"let item of entryList;let i =index\">\r\n                                <option [value]=\"item.id\">{{item.title}}</option>\r\n                                <ng-container *ngFor=\"let el of item.children\">\r\n                                    <ng-container *ngTemplateOutlet=\"childTemplate; context: {\r\n                                        $implicit: {\r\n                                        value: el,\r\n                                        }\r\n                                    }\"></ng-container>\r\n                                    <ng-template #childTemplate let-data>\r\n                                        <option [value]=\"data.value.id\">\r\n                                            <ng-container *ngFor=\"let item of data.value.layer\">--</ng-container>\r\n                                            {{data.value.title}}\r\n                                        </option>\r\n                                        <ng-container *ngFor=\"let el of data.value.children\">\r\n                                            <ng-container *ngTemplateOutlet=\"childTemplate; context: {\r\n                                                $implicit: {\r\n                                                value: el,\r\n                                                }\r\n                                            }\"></ng-container>\r\n                                        </ng-container>\r\n                                    </ng-template>\r\n                                </ng-container>\r\n                            </ng-container>\r\n                        </select>\r\n                    </div>\r\n                    <div class=\"mb-3\">\r\n                        <label class=\"form-label\" for=\"publishTime\">{{'Cms::PublishTime' | abpLocalization}}</label>\r\n                        <input type=\"datetime-local\" class=\"form-control\" step=\"1\" formControlName=\"publishTime\">\r\n                    </div>\r\n                    <div class=\"mb-3\" *ngIf=\"isEdit\">\r\n                        <label class=\"form-label\" for=\"Version\">{{'Cms::Version' | abpLocalization}}</label>\r\n                        <ul class=\"list-group\">\r\n                            <ng-container *ngFor=\"let item of AllVersionsList\">\r\n                                <li\r\n                                    class=\"list-group-item flex-between d-flex align-items-center justify-content-between\">\r\n                                    <div>\r\n                                        {{item.initialVersionId?(item.creationTime| date: 'YYYY/MM/dd HH:mm:s'):('Cms::InitialVersion' | abpLocalization)}}\r\n                                        <span class=\"badge text-bg-success ms-1\"\r\n                                            *ngIf=\"item.isActivatedVersion\">{{'Cms::IsActive' | abpLocalization}}</span>\r\n                                        <span class=\"badge text-bg-primary ms-1\"\r\n                                            *ngIf=\"item.id === entryVersionId\">{{'Cms::Editing' |\r\n                                            abpLocalization}}</span>\r\n                                    </div>\r\n                                    <div>\r\n                                        <div ngbDropdown class=\"d-inline-block\">\r\n                                            <button type=\"button\" class=\"btn btn-link-primary p-2 \"\r\n                                                style=\"line-height: 0;\" id=\"dropdownBasic1\" ngbDropdownToggle>\r\n                                            </button>\r\n                                            <div ngbDropdownMenu aria-labelledby=\"dropdownBasic1\">\r\n                                                <button ngbDropdownItem type=\"button\" *ngIf=\"!item.isActivatedVersion\"\r\n                                                    (click)=\"ActivatedVersion(item.id)\">\r\n                                                    <i class=\"fas fa-check me-1\"></i>{{'Cms::IsActive' |\r\n                                                    abpLocalization}}\r\n                                                </button>\r\n                                                <button ngbDropdownItem type=\"button\"\r\n                                                    routerLink=\"/cms/admin/entries/create\"\r\n                                                    [queryParams]=\"{entryVersionId:item.id}\">\r\n                                                    <i class=\"fas fa-plus me-1\"></i>{{'Cms::NewVersion' |\r\n                                                    abpLocalization}}\r\n                                                </button>\r\n                                                <button ngbDropdownItem type=\"button\" (click.stop)=\"toEditUrl(item.id)\"\r\n                                                    *ngIf=\"item.id !== entryVersionId\">\r\n                                                    <i class=\"fas fa-edit me-1\"></i>{{'AbpUi::Edit' | abpLocalization}}\r\n                                                </button>\r\n                                                <button ngbDropdownItem type=\"button\"\r\n                                                    (click.stop)=\"delectVersion(item.id)\"\r\n                                                    *ngIf=\"item.initialVersionId&&!item.isActivatedVersion&&item.id !== entryVersionId\">\r\n                                                    <i class=\"fas fa-trash me-1\"></i>{{'AbpUi::Delete' |\r\n                                                    abpLocalization}}\r\n                                                </button>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                </li>\r\n                            </ng-container>\r\n                        </ul>\r\n                    </div>\r\n                    <div class=\"mb-3\" *ngIf=\"entryInfo\">\r\n                        <label class=\"form-label\" for=\"versionNotes\">{{'Cms::RevisionNotes' | abpLocalization}}</label>\r\n                        <textarea class=\"form-control\" formControlName=\"versionNotes\" rows=\"3\"></textarea>\r\n                    </div>\r\n\r\n\r\n\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <button type=\"submit\" style=\"display: none;\" #submitclick></button>\r\n</form>" }]
+            args: [{ selector: 'cms-create-or-edit-entries', template: "<form [formGroup]=\"formEntity\">\r\n    <div class=\"row\">\r\n        <div class=\"col-md-8\">\r\n            <div class=\"card\">\r\n                <div class=\"card-body\">\r\n                    <div class=\"mb-3\">\r\n                        <div class=\"form-label\">{{'Cms::Title' | abpLocalization}}</div>\r\n                        <input type=\"text\" class=\"form-control\" formControlName=\"title\"\r\n                            (blur)=\"setTitleToSlugBlur($event)\">\r\n                    </div>\r\n                    <ng-container *ngIf=\"isLoad\">\r\n                        <ng-container *ngFor=\"let item of showEntryType?.fieldTabs;let i =index\">\r\n                            <ng-container *ngFor=\"let el of item.fields;let i1 =index\">\r\n                                <ng-container *ngIf=\"el&&formEntity\">\r\n                                    <df-dynamic [fields]=\"el\"\r\n                                        [selected]=\"entryInfo ? entryInfo.extraProperties[el.field.name] : ''\"\r\n                                        [parentFiledName]=\"'extraProperties'\"\r\n                                        [culture]=\"cultureInput.value\"  [entity]=\"formEntity\"></df-dynamic>\r\n                                </ng-container>\r\n                            </ng-container>\r\n                        </ng-container>\r\n                    </ng-container>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"col-md-4\">\r\n            <div class=\"card\">\r\n                <div class=\"card-body\">\r\n                    <div class=\"mb-3\">\r\n                        <div class=\"form-label\">{{'Cms::Slug' | abpLocalization}}</div>\r\n                        <input type=\"text\" class=\"form-control\" formControlName=\"slug\">\r\n                    </div>\r\n                    <div class=\"mb-3\">\r\n                        <div class=\"form-label\">{{'AbpUi::Languages' | abpLocalization}}</div>\r\n                        <select class=\"form-select form-select-multiple\" formControlName=\"culture\">\r\n                            <ng-container *ngFor=\"let item of languagesList;let i =index\">\r\n                                <option [value]=\"item.cultureName\">{{item.displayName}}</option>\r\n                            </ng-container>\r\n                        </select>\r\n                        <div class=\"text-danger\" *ngIf=\"cultureInput.dirty\">\r\n                            {{cultureInput?.errors?.repetition}}\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"mb-3\" *ngIf=\"sectionInfo.type===1\">\r\n                        <label class=\"form-label\" for=\"parentId\">{{'Cms::ParentEntry' | abpLocalization}}</label>\r\n                        <select class=\"form-select \" formControlName=\"parentId\">\r\n                            <option value=\"\"></option>\r\n                            <ng-container *ngFor=\"let item of entryList;let i =index\">\r\n                                <option [value]=\"item.id\">{{item.title}}</option>\r\n                                <ng-container *ngFor=\"let el of item.children\">\r\n                                    <ng-container *ngTemplateOutlet=\"childTemplate; context: {\r\n                                        $implicit: {\r\n                                        value: el,\r\n                                        }\r\n                                    }\"></ng-container>\r\n                                    <ng-template #childTemplate let-data>\r\n                                        <option [value]=\"data.value.id\">\r\n                                            <ng-container *ngFor=\"let item of data.value.layer\">--</ng-container>\r\n                                            {{data.value.title}}\r\n                                        </option>\r\n                                        <ng-container *ngFor=\"let el of data.value.children\">\r\n                                            <ng-container *ngTemplateOutlet=\"childTemplate; context: {\r\n                                                $implicit: {\r\n                                                value: el,\r\n                                                }\r\n                                            }\"></ng-container>\r\n                                        </ng-container>\r\n                                    </ng-template>\r\n                                </ng-container>\r\n                            </ng-container>\r\n                        </select>\r\n                    </div>\r\n                    <div class=\"mb-3\">\r\n                        <label class=\"form-label\" for=\"publishTime\">{{'Cms::PublishTime' | abpLocalization}}</label>\r\n                        <input type=\"datetime-local\" class=\"form-control\" step=\"1\" formControlName=\"publishTime\">\r\n                    </div>\r\n                    <div class=\"mb-3\" *ngIf=\"isEdit\">\r\n                        <label class=\"form-label\" for=\"Version\">{{'Cms::Version' | abpLocalization}}</label>\r\n                        <ul class=\"list-group\">\r\n                            <ng-container *ngFor=\"let item of AllVersionsList\">\r\n                                <li\r\n                                    class=\"list-group-item flex-between d-flex align-items-center justify-content-between\">\r\n                                    <div>\r\n                                        {{item.initialVersionId?(item.creationTime| date: 'YYYY/MM/dd HH:mm:s'):('Cms::InitialVersion' | abpLocalization)}}\r\n                                        <span class=\"badge text-bg-success ms-1\"\r\n                                            *ngIf=\"item.isActivatedVersion\">{{'Cms::IsActive' | abpLocalization}}</span>\r\n                                        <span class=\"badge text-bg-primary ms-1\"\r\n                                            *ngIf=\"item.id === entryVersionId\">{{'Cms::Editing' |\r\n                                            abpLocalization}}</span>\r\n                                    </div>\r\n                                    <div>\r\n                                        <div ngbDropdown class=\"d-inline-block\">\r\n                                            <button type=\"button\" class=\"btn btn-link-primary p-2 \"\r\n                                                style=\"line-height: 0;\" id=\"dropdownBasic1\" ngbDropdownToggle>\r\n                                            </button>\r\n                                            <div ngbDropdownMenu aria-labelledby=\"dropdownBasic1\">\r\n                                                <button ngbDropdownItem type=\"button\" *ngIf=\"!item.isActivatedVersion\"\r\n                                                    (click)=\"ActivatedVersion(item.id)\">\r\n                                                    <i class=\"fas fa-check me-1\"></i>{{'Cms::IsActive' |\r\n                                                    abpLocalization}}\r\n                                                </button>\r\n                                                <button ngbDropdownItem type=\"button\"\r\n                                                    routerLink=\"/cms/admin/entries/create\"\r\n                                                    [queryParams]=\"{entryVersionId:item.id}\">\r\n                                                    <i class=\"fas fa-plus me-1\"></i>{{'Cms::NewVersion' |\r\n                                                    abpLocalization}}\r\n                                                </button>\r\n                                                <button ngbDropdownItem type=\"button\" (click.stop)=\"toEditUrl(item.id)\"\r\n                                                    *ngIf=\"item.id !== entryVersionId\">\r\n                                                    <i class=\"fas fa-edit me-1\"></i>{{'AbpUi::Edit' | abpLocalization}}\r\n                                                </button>\r\n                                                <button ngbDropdownItem type=\"button\"\r\n                                                    (click.stop)=\"delectVersion(item.id)\"\r\n                                                    *ngIf=\"item.initialVersionId&&!item.isActivatedVersion&&item.id !== entryVersionId\">\r\n                                                    <i class=\"fas fa-trash me-1\"></i>{{'AbpUi::Delete' |\r\n                                                    abpLocalization}}\r\n                                                </button>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                </li>\r\n                            </ng-container>\r\n                        </ul>\r\n                    </div>\r\n                    <div class=\"mb-3\" *ngIf=\"entryInfo\">\r\n                        <label class=\"form-label\" for=\"versionNotes\">{{'Cms::RevisionNotes' | abpLocalization}}</label>\r\n                        <textarea class=\"form-control\" formControlName=\"versionNotes\" rows=\"3\"></textarea>\r\n                    </div>\r\n\r\n\r\n\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <button type=\"submit\" style=\"display: none;\" #submitclick></button>\r\n</form>" }]
         }], propDecorators: { isEdit: [{
                 type: Input
             }], sectionId: [{
@@ -959,7 +1202,7 @@ class CreateComponent {
                 provide: EXTENSIONS_IDENTIFIER,
                 useValue: ECmsComponent.Entries_Create,
             },
-        ], viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<abp-page [title]=\"'Cms::New'| abpLocalization\" [toolbar]=\"true\">\r\n    <form class=\"row g-3 needs-validation\" [formGroup]=\"formEntity\" (keydown.enter)=\"$event.preventDefault()\"\r\n        [class]=\"{'was-validated':formValidation}\" (submit)=\"save()\">\r\n        <button type=\"submit\" style=\"display: none;\" #submitclick></button>\r\n        <ng-container *ngIf=\"formEntity\">\r\n            <ng-container *ngIf=\"entryVersionId; else elseTemplate\">\r\n                <cms-create-or-edit-entries [sectionId]=\"sectionId\" [entryTypeId]=\"entryTypeId\"  [select]=\"entryInfo\"  [entity]=\"formEntity\"></cms-create-or-edit-entries>\r\n            </ng-container>\r\n            <ng-template #elseTemplate>\r\n                <cms-create-or-edit-entries [sectionId]=\"sectionId\" [entryTypeId]=\"entryTypeId\" [entity]=\"formEntity\"></cms-create-or-edit-entries>\r\n            </ng-template>\r\n        </ng-container>\r\n\r\n    </form>\r\n\r\n</abp-page>", styles: [""], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i5.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "component", type: i11.PageComponent, selector: "abp-page", inputs: ["title", "toolbar", "breadcrumb"] }, { kind: "component", type: CreateOrEditEntriesComponent, selector: "cms-create-or-edit-entries", inputs: ["isEdit", "sectionId", "entryTypeId", "select", "entity"] }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] }); }
+        ], viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<abp-page [title]=\"'Cms::New'| abpLocalization\" [toolbar]=\"true\">\r\n    <form class=\"row g-3 needs-validation\" [formGroup]=\"formEntity\" (keydown.enter)=\"$event.preventDefault()\"\r\n        [class]=\"{'was-validated':formValidation}\" (submit)=\"save()\">\r\n        <button type=\"submit\" style=\"display: none;\" #submitclick></button>\r\n        <ng-container *ngIf=\"formEntity\">\r\n            <ng-container *ngIf=\"entryVersionId; else elseTemplate\">\r\n                <cms-create-or-edit-entries [sectionId]=\"sectionId\" [entryTypeId]=\"entryTypeId\"  [select]=\"entryInfo\"  [entity]=\"formEntity\"></cms-create-or-edit-entries>\r\n            </ng-container>\r\n            <ng-template #elseTemplate>\r\n                <cms-create-or-edit-entries [sectionId]=\"sectionId\" [entryTypeId]=\"entryTypeId\" [entity]=\"formEntity\"></cms-create-or-edit-entries>\r\n            </ng-template>\r\n        </ng-container>\r\n\r\n    </form>\r\n\r\n</abp-page>", styles: [""], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i5.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "component", type: i14.PageComponent, selector: "abp-page", inputs: ["title", "toolbar", "breadcrumb"] }, { kind: "component", type: CreateOrEditEntriesComponent, selector: "cms-create-or-edit-entries", inputs: ["isEdit", "sectionId", "entryTypeId", "select", "entity"] }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: CreateComponent, decorators: [{
             type: Component,
@@ -1076,7 +1319,7 @@ class EditComponent {
                 provide: EXTENSIONS_IDENTIFIER,
                 useValue: ECmsComponent.Entries_Edit,
             },
-        ], viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<abp-page [title]=\"'Cms::Edit'| abpLocalization\" [toolbar]=\"true\">\n    <form class=\"row g-3 needs-validation\" [formGroup]=\"formEntity\" (keydown.enter)=\"$event.preventDefault()\"\n        [class]=\"{'was-validated':formValidation}\" (submit)=\"save()\">\n        <button type=\"submit\" style=\"display: none;\" #submitclick></button>\n        <ng-container *ngIf=\"formEntity&&entryInfo\">\n                <cms-create-or-edit-entries  [sectionId]=\"sectionId\" [entryTypeId]=\"entryTypeId\" [isEdit]=\"true\" [select]=\"entryInfo\"  [entity]=\"formEntity\"></cms-create-or-edit-entries>\n        </ng-container>\n    </form>\n</abp-page>", styles: [""], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i5.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "component", type: i11.PageComponent, selector: "abp-page", inputs: ["title", "toolbar", "breadcrumb"] }, { kind: "component", type: CreateOrEditEntriesComponent, selector: "cms-create-or-edit-entries", inputs: ["isEdit", "sectionId", "entryTypeId", "select", "entity"] }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] }); }
+        ], viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<abp-page [title]=\"'Cms::Edit'| abpLocalization\" [toolbar]=\"true\">\n    <form class=\"row g-3 needs-validation\" [formGroup]=\"formEntity\" (keydown.enter)=\"$event.preventDefault()\"\n        [class]=\"{'was-validated':formValidation}\" (submit)=\"save()\">\n        <button type=\"submit\" style=\"display: none;\" #submitclick></button>\n        <ng-container *ngIf=\"formEntity&&entryInfo\">\n                <cms-create-or-edit-entries  [sectionId]=\"sectionId\" [entryTypeId]=\"entryTypeId\" [isEdit]=\"true\" [select]=\"entryInfo\"  [entity]=\"formEntity\"></cms-create-or-edit-entries>\n        </ng-container>\n    </form>\n</abp-page>", styles: [""], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i5.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "component", type: i14.PageComponent, selector: "abp-page", inputs: ["title", "toolbar", "breadcrumb"] }, { kind: "component", type: CreateOrEditEntriesComponent, selector: "cms-create-or-edit-entries", inputs: ["isEdit", "sectionId", "entryTypeId", "select", "entity"] }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: EditComponent, decorators: [{
             type: Component,
@@ -1283,7 +1526,7 @@ class FieldsComponent {
                 provide: EXTENSIONS_IDENTIFIER,
                 useValue: ECmsComponent.Fields,
             },
-        ], ngImport: i0, template: "<abp-page [title]=\"'Cms::Fields' | abpLocalization\" [toolbar]=\"true\">\n    <div class=\"fields-page\">\n        <div class=\"row \">\n            <div class=\"col-3\">\n                <div class=\"card mb-0\" style=\"height: 100%;\">\n                    <cms-field-group (OnGroupClickBack)=\"fieldGroupChange($event)\"></cms-field-group>\n                </div>\n            </div>\n            <div class=\"col-9\">\n                <div class=\"card mb-0\">\n                    <div class=\"card-header px-2 py-sm-2   border-bottom\">\n                        <div class=\"input-group\">\n                            <input type=\"text\" class=\"form-control\" [(ngModel)]=\"filters.filter\"\n                                [placeholder]=\"'AbpUi::Search' | abpLocalization\">\n                            <button class=\"btn btn-primary px-3\" type=\"button\" id=\"button-addon2\"\n                                (click)=\"list.get()\"><i class=\"fa fa-search\"></i></button>\n                        </div>\n                    </div>\n                    <abp-extensible-table [data]=\"data?.items\" [recordsTotal]=\"data?.totalCount\" [list]=\"list\"></abp-extensible-table>\n                </div>\n            </div>\n        </div>\n    </div>\n\n</abp-page>", styles: ["::ng-deep .fields-page .dignite_page{background:transparent}::ng-deep .fields-page .list-group-flush>.list-group-item:first-child{border-top-width:var(--bs-list-group-border-width)}::ng-deep .fields-page .container-height{height:calc(100vh - 200px)}\n"], dependencies: [{ kind: "directive", type: i1$2.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$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i11.PageComponent, selector: "abp-page", inputs: ["title", "toolbar", "breadcrumb"] }, { kind: "component", type: i7.ExtensibleTableComponent, selector: "abp-extensible-table", inputs: ["actionsText", "data", "list", "recordsTotal", "actionsColumnWidth", "actionsTemplate"], outputs: ["tableActivate"], exportAs: ["abpExtensibleTable"] }, { kind: "component", type: FieldGroupComponent, selector: "cms-field-group", outputs: ["OnGroupClickBack"] }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] }); }
+        ], ngImport: i0, template: "<abp-page [title]=\"'Cms::Fields' | abpLocalization\" [toolbar]=\"true\">\n    <div class=\"fields-page\">\n        <div class=\"row \">\n            <div class=\"col-3\">\n                <div class=\"card mb-0\" style=\"height: 100%;\">\n                    <cms-field-group (OnGroupClickBack)=\"fieldGroupChange($event)\"></cms-field-group>\n                </div>\n            </div>\n            <div class=\"col-9\">\n                <div class=\"card mb-0\">\n                    <div class=\"card-header px-2 py-sm-2   border-bottom\">\n                        <div class=\"input-group\">\n                            <input type=\"text\" class=\"form-control\" [(ngModel)]=\"filters.filter\"\n                                [placeholder]=\"'AbpUi::Search' | abpLocalization\">\n                            <button class=\"btn btn-primary px-3\" type=\"button\" id=\"button-addon2\"\n                                (click)=\"list.get()\"><i class=\"fa fa-search\"></i></button>\n                        </div>\n                    </div>\n                    <abp-extensible-table [data]=\"data?.items\" [recordsTotal]=\"data?.totalCount\" [list]=\"list\"></abp-extensible-table>\n                </div>\n            </div>\n        </div>\n    </div>\n\n</abp-page>", styles: ["::ng-deep .fields-page .dignite_page{background:transparent}::ng-deep .fields-page .list-group-flush>.list-group-item:first-child{border-top-width:var(--bs-list-group-border-width)}::ng-deep .fields-page .container-height{height:calc(100vh - 200px)}\n"], dependencies: [{ kind: "directive", type: i1$2.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$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i14.PageComponent, selector: "abp-page", inputs: ["title", "toolbar", "breadcrumb"] }, { kind: "component", type: i7.ExtensibleTableComponent, selector: "abp-extensible-table", inputs: ["actionsText", "data", "list", "recordsTotal", "actionsColumnWidth", "actionsTemplate"], outputs: ["tableActivate"], exportAs: ["abpExtensibleTable"] }, { kind: "component", type: FieldGroupComponent, selector: "cms-field-group", outputs: ["OnGroupClickBack"] }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: FieldsComponent, decorators: [{
             type: Component,
@@ -1346,6 +1589,10 @@ class CreateOrEditFieldComponent {
     }
     set selected(v) {
         if (v) {
+            // let MatrixBlockTypes=v.formConfiguration?.MatrixBlockTypes
+            // if(MatrixBlockTypes){
+            //   v.formConfiguration.MatrixBlockTypes=this.convertKeysToCamelCase(MatrixBlockTypes);
+            // }
             this._selected = v || '';
             this._selected_copy = v;
         }
@@ -1409,17 +1656,15 @@ class CreateOrEditFieldComponent {
         };
     }
     formControlNameChange(event) {
+        console.log('event', event, this._Entity.value.formControlName, this._Entity);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: CreateOrEditFieldComponent, deps: [{ token: FieldAbstractsService }, { token: CmsApiService }, { token: FieldAdminService }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: CreateOrEditFieldComponent, selector: "cms-create-or-edit-field", inputs: { Entity: "Entity", selected: "selected" }, viewQueries: [{ propertyName: "FormDynamicRef", first: true, predicate: ["FormDynamicRef"], descendants: true, read: ViewContainerRef, static: true }, { propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<form [formGroup]=\"_Entity\">\n    <button type=\"submit\" style=\"display: none;\" #submitclick></button>\n    <div class=\"mb-3\">\n        <label class=\"form-label\" for=\"groupId\">{{'Cms::FieldGroup' | abpLocalization}}</label>\n        <select class=\"form-select\" formControlName=\"groupId\">\n            <option value=\"\">{{'Cms::OptionalGrouping' | abpLocalization}}</option>\n            <ng-container *ngFor=\"let item of _FieldAbstractsService.fieldGroupList\">\n                <option [value]=\"item.id\">{{item.name}}</option>\n            </ng-container>\n        </select>\n    </div>\n    <div class=\"mb-3\">\n        <label class=\"form-label\" for=\"displayName\">{{'DigniteAbpForms::FieldDisplayName' | abpLocalization}}</label>\n        <input type=\"text\" class=\"form-control\" formControlName=\"displayName\" required (blur)=\"disPlayNameInputBlur($event)\">\n    </div>\n    <div class=\"mb-3\">\n        <label class=\"form-label\" for=\"name\">{{'DigniteAbpForms::FieldName' | abpLocalization}}</label>\n        <input type=\"text\" class=\"form-control\" formControlName=\"name\" (input)=\"nameInputBlur($event)\">\n        <div class=\"text-danger invalid-feedback\" *ngIf=\"nameInput.errors?.repetition\">\n            {{nameInput.errors?.repetition}}\n        </div>\n        <small class=\"form-text text-muted d-block \">{{'DigniteAbpForms::FieldNameHelpText' | abpLocalization}}</small>\n    </div>\n    <div class=\"mb-3\">\n        <label class=\"form-label\" for=\"description\">{{'Cms::Description' | abpLocalization}}</label>\n        <input type=\"text\" class=\"form-control\" formControlName=\"description\">\n    </div>\n    <div class=\"mb-3\">\n        <label class=\"form-label\" for=\"formControlName\">{{'Cms::FieldType' | abpLocalization}}</label>\n        <select class=\"form-select\" formControlName=\"formControlName\" (change)=\"formControlNameChange($event)\">\n            <ng-container *ngFor=\"let item of _FieldAbstractsService.fromControlList;let i =index\">\n                <option [value]=\"item.name\">{{item.displayName|abpLocalization}}</option>\n            </ng-container>\n        </select>\n    </div>\n    <ng-container *ngIf=\"_Entity.value.formControlName&&_Entity\"> \n        <df-dynamic [type]=\"_Entity.value.formControlName\" [selected]=\"_selected\" [entity]=\"_Entity\" ></df-dynamic>\n    </ng-container>\n</form>", styles: [""], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$2.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$2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i5.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i5.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "component", type: i8$1.DynamicComponent, selector: "df-dynamic", inputs: ["selected", "type", "culture", "parentFiledName", "fields", "entity"] }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: CreateOrEditFieldComponent, selector: "cms-create-or-edit-field", inputs: { Entity: "Entity", selected: "selected" }, viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<form [formGroup]=\"_Entity\">\n    <button type=\"submit\" style=\"display: none;\" #submitclick></button>\n    <div class=\"mb-3\">\n        <label class=\"form-label\" for=\"groupId\">{{'Cms::FieldGroup' | abpLocalization}}</label>\n        <select class=\"form-select\" formControlName=\"groupId\">\n            <option value=\"\">{{'Cms::OptionalGrouping' | abpLocalization}}</option>\n            <ng-container *ngFor=\"let item of _FieldAbstractsService.fieldGroupList\">\n                <option [value]=\"item.id\">{{item.name}}</option>\n            </ng-container>\n        </select>\n    </div>\n    <div class=\"mb-3\">\n        <label class=\"form-label\" for=\"displayName\">{{'DigniteAbpForms::FieldDisplayName' | abpLocalization}}</label>\n        <input type=\"text\" class=\"form-control\" formControlName=\"displayName\" required (blur)=\"disPlayNameInputBlur($event)\">\n    </div>\n    <div class=\"mb-3\">\n        <label class=\"form-label\" for=\"name\">{{'DigniteAbpForms::FieldName' | abpLocalization}}</label>\n        <input type=\"text\" class=\"form-control\" formControlName=\"name\" (input)=\"nameInputBlur($event)\">\n        <div class=\"text-danger invalid-feedback\" *ngIf=\"nameInput.errors?.repetition\">\n            {{nameInput.errors?.repetition}}\n        </div>\n        <small class=\"form-text text-muted d-block \">{{'DigniteAbpForms::FieldNameHelpText' | abpLocalization}}</small>\n    </div>\n    <div class=\"mb-3\">\n        <label class=\"form-label\" for=\"description\">{{'Cms::Description' | abpLocalization}}</label>\n        <input type=\"text\" class=\"form-control\" formControlName=\"description\">\n    </div>\n    <div class=\"mb-3\">\n        <label class=\"form-label\" for=\"formControlName\">{{'Cms::FieldType' | abpLocalization}}</label>\n        <select class=\"form-select\" formControlName=\"formControlName\" (change)=\"formControlNameChange($event)\">\n            <ng-container *ngFor=\"let item of _FieldAbstractsService.fromControlList;let i =index\">\n                <option [value]=\"item.name\">{{item.displayName|abpLocalization}}</option>\n            </ng-container>\n        </select>\n    </div>\n    <ng-container *ngIf=\"_Entity.value.formControlName&&_Entity\"> \n        <df-dynamic [type]=\"_Entity.value.formControlName\" [selected]=\"_selected\" [entity]=\"_Entity\" ></df-dynamic>\n    </ng-container>\n</form>", styles: [""], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$2.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$2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i5.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i5.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "component", type: i15.DynamicComponent, selector: "df-dynamic", inputs: ["selected", "type", "culture", "parentFiledName", "fields", "entity"] }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: CreateOrEditFieldComponent, decorators: [{
             type: Component,
             args: [{ selector: 'cms-create-or-edit-field', template: "<form [formGroup]=\"_Entity\">\n    <button type=\"submit\" style=\"display: none;\" #submitclick></button>\n    <div class=\"mb-3\">\n        <label class=\"form-label\" for=\"groupId\">{{'Cms::FieldGroup' | abpLocalization}}</label>\n        <select class=\"form-select\" formControlName=\"groupId\">\n            <option value=\"\">{{'Cms::OptionalGrouping' | abpLocalization}}</option>\n            <ng-container *ngFor=\"let item of _FieldAbstractsService.fieldGroupList\">\n                <option [value]=\"item.id\">{{item.name}}</option>\n            </ng-container>\n        </select>\n    </div>\n    <div class=\"mb-3\">\n        <label class=\"form-label\" for=\"displayName\">{{'DigniteAbpForms::FieldDisplayName' | abpLocalization}}</label>\n        <input type=\"text\" class=\"form-control\" formControlName=\"displayName\" required (blur)=\"disPlayNameInputBlur($event)\">\n    </div>\n    <div class=\"mb-3\">\n        <label class=\"form-label\" for=\"name\">{{'DigniteAbpForms::FieldName' | abpLocalization}}</label>\n        <input type=\"text\" class=\"form-control\" formControlName=\"name\" (input)=\"nameInputBlur($event)\">\n        <div class=\"text-danger invalid-feedback\" *ngIf=\"nameInput.errors?.repetition\">\n            {{nameInput.errors?.repetition}}\n        </div>\n        <small class=\"form-text text-muted d-block \">{{'DigniteAbpForms::FieldNameHelpText' | abpLocalization}}</small>\n    </div>\n    <div class=\"mb-3\">\n        <label class=\"form-label\" for=\"description\">{{'Cms::Description' | abpLocalization}}</label>\n        <input type=\"text\" class=\"form-control\" formControlName=\"description\">\n    </div>\n    <div class=\"mb-3\">\n        <label class=\"form-label\" for=\"formControlName\">{{'Cms::FieldType' | abpLocalization}}</label>\n        <select class=\"form-select\" formControlName=\"formControlName\" (change)=\"formControlNameChange($event)\">\n            <ng-container *ngFor=\"let item of _FieldAbstractsService.fromControlList;let i =index\">\n                <option [value]=\"item.name\">{{item.displayName|abpLocalization}}</option>\n            </ng-container>\n        </select>\n    </div>\n    <ng-container *ngIf=\"_Entity.value.formControlName&&_Entity\"> \n        <df-dynamic [type]=\"_Entity.value.formControlName\" [selected]=\"_selected\" [entity]=\"_Entity\" ></df-dynamic>\n    </ng-container>\n</form>" }]
-        }], ctorParameters: () => [{ type: FieldAbstractsService }, { type: CmsApiService }, { type: FieldAdminService }, { type: i1.LocalizationService }], propDecorators: { FormDynamicRef: [{
-                type: ViewChild,
-                args: ['FormDynamicRef', { read: ViewContainerRef, static: true }]
-            }], submitclick: [{
+        }], ctorParameters: () => [{ type: FieldAbstractsService }, { type: CmsApiService }, { type: FieldAdminService }, { type: i1.LocalizationService }], propDecorators: { submitclick: [{
                 type: ViewChild,
                 args: ['submitclick', { static: true }]
             }], Entity: [{
@@ -1483,7 +1728,7 @@ class CreateFieldComponent {
                 provide: EXTENSIONS_IDENTIFIER,
                 useValue: ECmsComponent.FieldsCreate,
             },
-        ], viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<form  [formGroup]=\"newEntity\" (keydown.enter)=\"$event.preventDefault()\" [class]=\"{'was-validated':formValidation}\" (submit)=\"save()\">\n    <abp-page [title]=\"'Cms::CreateField' | abpLocalization\" [toolbar]=\"true\">\n        <div class=\"create-field-page\">\n            <button form-type=\"submit\" style=\"display: none;\" #submitclick></button>\n            <div class=\"card\">\n                <div class=\"card-body\">\n                    <cms-create-or-edit-field [Entity]=\"newEntity\"></cms-create-or-edit-field>\n                </div>\n            </div>\n        </div>\n    </abp-page>\n</form>", styles: ["::ng-deep .create-field-page .dignite_page{height:calc(100vh - 125px);overflow:auto}::ng-deep .create-field-page .form-control,::ng-deep .create-field-page .form-select{padding:.475rem 1.25rem}\n"], dependencies: [{ kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i5.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "component", type: i11.PageComponent, selector: "abp-page", inputs: ["title", "toolbar", "breadcrumb"] }, { kind: "component", type: CreateOrEditFieldComponent, selector: "cms-create-or-edit-field", inputs: ["Entity", "selected"] }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] }); }
+        ], viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<form  [formGroup]=\"newEntity\" (keydown.enter)=\"$event.preventDefault()\" [class]=\"{'was-validated':formValidation}\" (submit)=\"save()\">\n    <abp-page [title]=\"'Cms::CreateField' | abpLocalization\" [toolbar]=\"true\">\n        <div class=\"create-field-page\">\n            <button form-type=\"submit\" style=\"display: none;\" #submitclick></button>\n            <div class=\"card\">\n                <div class=\"card-body\">\n                    <cms-create-or-edit-field [Entity]=\"newEntity\"></cms-create-or-edit-field>\n                </div>\n            </div>\n        </div>\n    </abp-page>\n</form>", styles: ["::ng-deep .create-field-page .dignite_page{height:calc(100vh - 125px);overflow:auto}::ng-deep .create-field-page .form-control,::ng-deep .create-field-page .form-select{padding:.475rem 1.25rem}\n"], dependencies: [{ kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i5.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "component", type: i14.PageComponent, selector: "abp-page", inputs: ["title", "toolbar", "breadcrumb"] }, { kind: "component", type: CreateOrEditFieldComponent, selector: "cms-create-or-edit-field", inputs: ["Entity", "selected"] }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: CreateFieldComponent, decorators: [{
             type: Component,
@@ -1574,7 +1819,7 @@ class EditFieldComponent {
                 provide: EXTENSIONS_IDENTIFIER,
                 useValue: ECmsComponent.FieldsEdit,
             },
-        ], viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<form class=\"row g-3 needs-validation\" [formGroup]=\"newEntity\" (keydown.enter)=\"$event.preventDefault()\" [class]=\"{'was-validated':formValidation}\" (submit)=\"save()\">\n    <abp-page [title]=\"'Cms::EditField' | abpLocalization\" [toolbar]=\"true\">\n        <div class=\"create-field-page\">\n            <button type=\"submit\" style=\"display: none;\" #submitclick></button>\n            <div class=\"card\">\n                <div class=\"card-body\">\n                    <ng-container *ngIf=\"newEntity&&fieldDetails\">\n                        <cms-create-or-edit-field  [selected]=\"fieldDetails\"  [Entity]=\"newEntity\"></cms-create-or-edit-field>\n                    </ng-container>\n                </div>\n            </div>\n        </div>\n    </abp-page>\n</form>", styles: [""], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i5.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "component", type: i11.PageComponent, selector: "abp-page", inputs: ["title", "toolbar", "breadcrumb"] }, { kind: "component", type: CreateOrEditFieldComponent, selector: "cms-create-or-edit-field", inputs: ["Entity", "selected"] }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] }); }
+        ], viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<form class=\"row g-3 needs-validation\" [formGroup]=\"newEntity\" (keydown.enter)=\"$event.preventDefault()\" [class]=\"{'was-validated':formValidation}\" (submit)=\"save()\">\n    <abp-page [title]=\"'Cms::EditField' | abpLocalization\" [toolbar]=\"true\">\n        <div class=\"create-field-page\">\n            <button type=\"submit\" style=\"display: none;\" #submitclick></button>\n            <div class=\"card\">\n                <div class=\"card-body\">\n                    <ng-container *ngIf=\"newEntity&&fieldDetails\">\n                        <cms-create-or-edit-field  [selected]=\"fieldDetails\"  [Entity]=\"newEntity\"></cms-create-or-edit-field>\n                    </ng-container>\n                </div>\n            </div>\n        </div>\n    </abp-page>\n</form>", styles: [""], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i5.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "component", type: i14.PageComponent, selector: "abp-page", inputs: ["title", "toolbar", "breadcrumb"] }, { kind: "component", type: CreateOrEditFieldComponent, selector: "cms-create-or-edit-field", inputs: ["Entity", "selected"] }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: EditFieldComponent, decorators: [{
             type: Component,
@@ -1610,14 +1855,6 @@ class CreateOrUpdateSectionsInputBase {
     }
 }
 
-var SectionType;
-(function (SectionType) {
-    SectionType[SectionType["Single"] = 0] = "Single";
-    SectionType[SectionType["Structure"] = 1] = "Structure";
-    SectionType[SectionType["Channel"] = 2] = "Channel";
-})(SectionType || (SectionType = {}));
-const sectionTypeOptions = mapEnumToOptions(SectionType);
-
 class CreateOrEditSectionsModalComponent {
     constructor() {
         this._LocalizationService = inject(LocalizationService);
@@ -1912,7 +2149,7 @@ class SectionsComponent {
                 provide: EXTENSIONS_IDENTIFIER,
                 useValue: ECmsComponent.Sections,
             },
-        ], ngImport: i0, template: "<abp-page [title]=\"'Cms::Sections' | abpLocalization\" [toolbar]=\"true\">\n    <div class=\"sections-page\">\n        <div class=\"card \" >\n            <div class=\"card-body px-2 py-sm-2 border-bottom\">\n                <div class=\"row align-items-end\">\n                    <div class=\"mb-3 col-3\">\n                        <label class=\"form-label\">{{'Cms::IsActive' | abpLocalization}}\uFF1A</label>\n                        <select class=\"form-select col-auto\" [(ngModel)]=\"filters.isActive\" (change)=\"siteIdChange()\">\n                            <option [value]=\"\"></option>\n                            <option [value]=\"true\">{{'AbpUi::Yes'|abpLocalization}}</option>\n                            <option [value]=\"false\">{{'AbpUi::No'|abpLocalization}}</option>\n                        </select>\n                    </div>\n                    <div class=\"mb-3 col-3\">\n                        <label class=\"form-label\">{{'AbpUi::Search' | abpLocalization}}\uFF1A</label>\n                        <input type=\"text\" class=\"form-control\" [(ngModel)]=\"filters.filter\"\n                        [placeholder]=\"'AbpUi::Search' | abpLocalization\" />\n                    </div>\n                    <div class=\"mb-3 col-4\">\n                        <button class=\"btn btn-primary px-3\" type=\"button\" id=\"button-addon2\" (click)=\"list.get()\">\n                            <i class=\"fa fa-search\"></i>\n                        </button>\n                    </div>\n                </div> \n            </div>\n        </div>\n        <div class=\"card mb-0\">\n            <div class=\"card-body p-0\">\n                <div class=\"table-responsive table-fixed-header\">\n                    <ngx-datatable class=\"material \" [rows]=\"data.items\" [list]=\"list\"\n                        [columnMode]=\"ColumnMode.force\" [headerHeight]=\"50\" [footerHeight]=\"50\" rowHeight=\"auto\"\n                        [virtualization]=\"false\" [externalPaging]=\"true\" [count]=\"data.totalCount\" [scrollbarH]=\"true\">\n                        <ngx-datatable-column [name]=\"'Cms::DisplayName' | abpLocalization\" prop=\"displayName\">\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                {{ value }}\n                            </ng-template>\n                        </ngx-datatable-column>\n                        <ngx-datatable-column [name]=\"'Cms::Name' | abpLocalization\" prop=\"name\">\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                {{ value }}\n                            </ng-template>\n                        </ngx-datatable-column>\n                        <ngx-datatable-column [name]=\"'Cms::SectionType' | abpLocalization\" prop=\"type\" [width]=\"80\"  [sortable]=\"false\">\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                {{('Cms::Enum:SectionType:'+_SectionType[value]) | abpLocalization}}\n                            </ng-template>\n                        </ngx-datatable-column>\n                        <ngx-datatable-column [name]=\"'Cms::IsDefault' | abpLocalization\" prop=\"isDefault\" [width]=\"60\"  [sortable]=\"false\">\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                <i class=\"fas fa-check text-success\" *ngIf=\"value\"></i>\n                                <i class=\"fas fa-times text-danger\" *ngIf=\"!value\"></i>\n                            </ng-template>\n                        </ngx-datatable-column>\n                        <ngx-datatable-column [name]=\"'Cms::IsActive' | abpLocalization\" prop=\"isActive\" [width]=\"60\"  [sortable]=\"false\">\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                <i class=\"fas fa-check text-success\" *ngIf=\"value\"></i>\n                                <i class=\"fas fa-times text-danger\" *ngIf=\"!value\"></i>\n                            </ng-template>\n                        </ngx-datatable-column>\n                        <ngx-datatable-column [name]=\"'Cms::EntryType' | abpLocalization\" prop=\"SiteId\" [width]=\"100\"  [sortable]=\"false\"> \n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                <div ngbDropdown container=\"body\">\n                                    <button type=\"button\" class=\"btn btn-link\" ngbDropdownToggle id=\"dropdownBasic1\">\n                                        {{'Cms::EntryType' | abpLocalization}}\n                                    </button>\n                                    <div ngbDropdownMenu aria-labelledby=\"dropdownBasic1\">\n                                        <ng-container *ngFor=\"let item of row.entryTypes;let i =index\">\n                                            <li ngbDropdownItem\n                                                class=\"d-flex align-items-center justify-content-between\" [routerLink]=\"'/cms/admin/sections/'+row.id+'/entry-types/'+item.id+'/edit'\"\n                                                >{{item.displayName}}\n                                                <button class=\"btn btn-light btn-sm p-0\"\n                                                    (click.stop)=\"deleteEntryType(item)\"><i class=\"fas fa-trash p-sm-1\"\n                                                        style=\"font-size: 12px;\" role=\"button\"></i></button>\n                                            </li>\n                                        </ng-container>\n                                        <li ngbDropdownItem [routerLink]=\"'/cms/admin/sections/'+row.id+'/entry-types/create'\"><i\n                                                class=\"fas fa-plus-circle me-2\"></i>{{'Cms::New' |\n                                            abpLocalization}}</li>\n                                    </div>\n                                </div>\n                            </ng-template>\n                        </ngx-datatable-column>\n                        <ngx-datatable-column [name]=\"'Cms::CreationTime' | abpLocalization\" prop=\"creationTime\" [minWidth]=\"190\">\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                {{ value | date : 'yyyy/MM/dd hh:mm:ss' }}\n                            </ng-template>\n                        </ngx-datatable-column>\n                        <ngx-datatable-column [sortable]=\"false\"  [name]=\"'AbpUi::Actions' | abpLocalization\"   [frozenLeft]=\"true\" [width]=\"110\" [maxWidth]=\"110\">\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                <div ngbDropdown container=\"body\">\n                                    <button type=\"button\" class=\"btn btn-primary btn-sm\" ngbDropdownToggle>\n                                        <i class=\"me-1 fa fa-cog\"></i> {{'AbpUi::Actions' | abpLocalization}}\n                                    </button>\n                                    <div ngbDropdownMenu>\n                                        <button ngbDropdownItem (click)=\"editSectionBtn(row)\">{{'AbpUi::Edit' |\n                                            abpLocalization}}</button>\n                                        <button ngbDropdownItem (click)=\"deletefield(row)\">{{'AbpUi::Delete' |\n                                            abpLocalization}}</button>\n                                    </div>\n                                </div>\n                            </ng-template>\n                        </ngx-datatable-column>\n                    </ngx-datatable>\n                </div>\n            </div>\n        </div>\n    </div>\n</abp-page>\n<cms-create-or-edit-sections-modal  (visibleChange)=\"visibleChange($event)\" [formEntity]=\"formEntity\" [visible]=\"isVisibleOpen\"></cms-create-or-edit-sections-modal>\n<!-- <abp-modal [(visible)]=\"visibleOpen\" [busy]=\"modalBusy\" (visibleChange)=\"VisibleChange($event)\">\n    <ng-template #abpHeader>\n        <h3>{{selected?('AbpUi::Edit' | abpLocalization):('Cms::New' | abpLocalization)}}</h3>\n    </ng-template>\n    <ng-template #abpBody>\n        <ng-template #loaderRef>\n            <div class=\"text-center\"><i class=\"fa fa-pulse fa-spinner\" aria-hidden=\"true\"></i></div>\n        </ng-template>\n        <ng-container *ngIf=\"createOrEditForm; else loaderRef\">\n            <form class=\"sites-modal-form\" [formGroup]=\"createOrEditForm\" (keydown.enter)=\"$event.preventDefault()\" [class]=\"{'was-validated':formValidation}\"  (submit)=\"createOrEditSave()\">\n                <button type=\"submit\" #createOrEditModalSubmitBtn style=\"display: none\"></button>\n                <div class=\"mb-3\">\n                    <label class=\"form-label\">{{'Cms::EntryType' | abpLocalization}}</label>\n                    <div>\n                        <ng-container *ngFor=\"let item of _sectionTypeOptions;let i =index\">\n                            <div class=\"form-check form-check-inline\">\n                                <input class=\"form-check-input\" type=\"radio\" [value]=\"item.value\"\n                                    (change)=\"radiochange()\" formControlName=\"type\" id=\"flexRadioDefault{{i}}\">\n                                <label class=\"form-check-label\" for=\"flexRadioDefault{{i}}\">\n                                    {{ 'Cms::Enum:SectionType:'+item.key | abpLocalization }}\n                                </label>\n                            </div>\n                        </ng-container>\n                    </div>\n                </div>\n                <div class=\"mb-3\">\n                    <label class=\"form-label\">{{'Cms::DisplayName' | abpLocalization}}</label>\n                    <input type=\"text\" class=\"form-control\" formControlName=\"displayName\"\n                        (blur)=\"disPlayNameInputBlur($event)\" placeholder=\"\" />\n                </div>\n                <div class=\"mb-3\">\n                    <label class=\"form-label\">{{'Cms::Name' | abpLocalization}}</label>\n                    <input type=\"text\" class=\"form-control\" formControlName=\"name\" placeholder=\"\" />\n                    <div class=\"text-danger invalid-feedback\" *ngIf=\"nameInput.errors?.repetition\">\n                        {{nameInput.errors?.repetition}}\n                    </div>\n                </div>\n                <div class=\"mb-3\">\n                    <label class=\"form-label\">{{'Cms::Route' | abpLocalization}} </label>\n                    <input type=\"text\" class=\"form-control\" formControlName=\"route\" placeholder=\"\" />\n                    <div class=\"text-danger invalid-feedback\" *ngIf=\"routeInput.errors?.repetition\">\n                        {{routeInput.errors?.repetition}}\n                    </div>\n                    <small class=\"form-text text-muted d-block\">\n                        {{'Cms::RouteTips' | abpLocalization}}<br>\n                        &nbsp;&nbsp;blog<br>\n                        &nbsp;&nbsp;{{'blog/{slug}'}}<br>\n                        &nbsp;&nbsp;{{'blog/{publishTime:yyyy}/{publishTime:MM}/{slug}'}}\n                    </small>\n                </div>\n                <div class=\"mb-3\">\n                    <label class=\"form-label\">{{'Cms::Template' | abpLocalization}} </label>\n                    <input type=\"text\" class=\"form-control\" formControlName=\"template\" placeholder=\"\" />\n                    <small class=\"form-text text-muted d-block\">\n                        {{\"Cms::TemplateTips\" | abpLocalization}}\n                    </small>\n                </div>\n                <div class=\"mb-3\">\n                    <div class=\"form-check form-check-inline\">\n                        <input class=\"form-check-input\" type=\"checkbox\" value=\"true\" formControlName=\"isDefault\"\n                            id=\"isDefault\" />\n                        <label class=\"form-check-label\" for=\"isDefault\"> {{'Cms::Default' | abpLocalization}} </label>\n                    </div>\n                </div>\n                <div class=\"mb-3\">\n                    <div class=\"form-check form-check-inline\">\n                        <input class=\"form-check-input\" type=\"checkbox\" value=\"true\" formControlName=\"isActive\"\n                            id=\"isActive\" />\n                        <label class=\"form-check-label\" for=\"isActive\"> {{'Cms::IsActive' | abpLocalization}}</label>\n                    </div>\n                </div>\n            </form>\n        </ng-container>\n    </ng-template>\n    <ng-template #abpFooter>\n        <button type=\"button\" class=\"btn btn-secondary\" abpClose>{{'AbpUi::Close' | abpLocalization}}</button>\n        <abp-button iconClass=\"fa fa-check\" (click)=\"createOrEditModalSubmitBtn.nativeElement.click()\">{{'AbpUi::Save' |\n            abpLocalization}}</abp-button>\n    </ng-template>\n</abp-modal> -->", styles: ["::ng-deep .sections-page .dignite_page{background:transparent}::ng-deep .sections-page .list-group-flush>.list-group-item:first-child{border-top-width:var(--bs-list-group-border-width)}::ng-deep .sections-page .card-header input{flex:2 1 auto}::ng-deep .sections-page .card-header .form-select{padding:.475rem 3.75rem .475rem 1.25rem}::ng-deep .sites-modal-form .form-control{padding:.4rem 1.25rem}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$2.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$2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i4.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1.StopPropagationDirective, selector: "[click.stop]", outputs: ["click.stop"] }, { kind: "component", type: i8.DatatableComponent, selector: "ngx-datatable", inputs: ["targetMarkerTemplate", "rows", "groupRowsBy", "groupedRows", "columns", "selected", "scrollbarV", "scrollbarH", "rowHeight", "columnMode", "headerHeight", "footerHeight", "externalPaging", "externalSorting", "limit", "count", "offset", "loadingIndicator", "selectionType", "reorderable", "swapColumns", "sortType", "sorts", "cssClasses", "messages", "rowClass", "selectCheck", "displayCheck", "groupExpansionDefault", "trackByProp", "selectAllRowsOnPage", "virtualization", "treeFromRelation", "treeToRelation", "summaryRow", "summaryHeight", "summaryPosition", "rowIdentity"], outputs: ["scroll", "activate", "select", "sort", "page", "reorder", "resize", "tableContextmenu", "treeAction"] }, { kind: "directive", type: i8.DataTableColumnDirective, selector: "ngx-datatable-column", inputs: ["name", "prop", "frozenLeft", "frozenRight", "flexGrow", "resizeable", "comparator", "pipe", "sortable", "draggable", "canAutoResize", "minWidth", "width", "maxWidth", "checkboxable", "headerCheckboxable", "headerClass", "cellClass", "isTreeColumn", "treeLevelIndent", "summaryFunc", "summaryTemplate", "cellTemplate", "headerTemplate", "treeToggleTemplate"] }, { kind: "directive", type: i8.DataTableColumnCellDirective, selector: "[ngx-datatable-cell-template]" }, { kind: "directive", type: i3.NgxDatatableListDirective, selector: "ngx-datatable[list]", inputs: ["list"], exportAs: ["ngxDatatableList"] }, { kind: "directive", type: i10.NgbDropdown, selector: "[ngbDropdown]", inputs: ["autoClose", "dropdownClass", "open", "placement", "popperOptions", "container", "display"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { kind: "directive", type: i10.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { kind: "directive", type: i10.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { kind: "directive", type: i10.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["tabindex", "disabled"] }, { kind: "directive", type: i10.NgbDropdownButtonItem, selector: "button[ngbDropdownItem]" }, { kind: "component", type: i11.PageComponent, selector: "abp-page", inputs: ["title", "toolbar", "breadcrumb"] }, { kind: "component", type: CreateOrEditSectionsModalComponent, selector: "cms-create-or-edit-sections-modal", inputs: ["visible", "formEntity"], outputs: ["visibleChange"] }, { kind: "pipe", type: i1$1.DatePipe, name: "date" }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] }); }
+        ], ngImport: i0, template: "<abp-page [title]=\"'Cms::Sections' | abpLocalization\" [toolbar]=\"true\">\n    <div class=\"sections-page\">\n        <div class=\"card \" >\n            <div class=\"card-body px-2 py-sm-2 border-bottom\">\n                <div class=\"row align-items-end\">\n                    <div class=\"mb-3 col-3\">\n                        <label class=\"form-label\">{{'Cms::IsActive' | abpLocalization}}\uFF1A</label>\n                        <select class=\"form-select col-auto\" [(ngModel)]=\"filters.isActive\" (change)=\"siteIdChange()\">\n                            <option [value]=\"\"></option>\n                            <option [value]=\"true\">{{'AbpUi::Yes'|abpLocalization}}</option>\n                            <option [value]=\"false\">{{'AbpUi::No'|abpLocalization}}</option>\n                        </select>\n                    </div>\n                    <div class=\"mb-3 col-3\">\n                        <label class=\"form-label\">{{'AbpUi::Search' | abpLocalization}}\uFF1A</label>\n                        <input type=\"text\" class=\"form-control\" [(ngModel)]=\"filters.filter\"\n                        [placeholder]=\"'AbpUi::Search' | abpLocalization\" />\n                    </div>\n                    <div class=\"mb-3 col-4\">\n                        <button class=\"btn btn-primary px-3\" type=\"button\" id=\"button-addon2\" (click)=\"list.get()\">\n                            <i class=\"fa fa-search\"></i>\n                        </button>\n                    </div>\n                </div> \n            </div>\n        </div>\n        <div class=\"card mb-0\">\n            <div class=\"card-body p-0\">\n                <div class=\"table-responsive table-fixed-header\">\n                    <ngx-datatable class=\"material \" [rows]=\"data.items\" [list]=\"list\"\n                        [columnMode]=\"ColumnMode.force\" [headerHeight]=\"50\" [footerHeight]=\"50\" rowHeight=\"auto\"\n                        [virtualization]=\"false\" [externalPaging]=\"true\" [count]=\"data.totalCount\" [scrollbarH]=\"true\">\n                        <ngx-datatable-column [name]=\"'Cms::DisplayName' | abpLocalization\" prop=\"displayName\">\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                {{ value }}\n                            </ng-template>\n                        </ngx-datatable-column>\n                        <ngx-datatable-column [name]=\"'Cms::Name' | abpLocalization\" prop=\"name\">\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                {{ value }}\n                            </ng-template>\n                        </ngx-datatable-column>\n                        <ngx-datatable-column [name]=\"'Cms::SectionType' | abpLocalization\" prop=\"type\" [width]=\"80\"  [sortable]=\"false\">\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                {{('Cms::Enum:SectionType:'+_SectionType[value]) | abpLocalization}}\n                            </ng-template>\n                        </ngx-datatable-column>\n                        <ngx-datatable-column [name]=\"'Cms::IsDefault' | abpLocalization\" prop=\"isDefault\" [width]=\"60\"  [sortable]=\"false\">\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                <i class=\"fas fa-check text-success\" *ngIf=\"value\"></i>\n                                <i class=\"fas fa-times text-danger\" *ngIf=\"!value\"></i>\n                            </ng-template>\n                        </ngx-datatable-column>\n                        <ngx-datatable-column [name]=\"'Cms::IsActive' | abpLocalization\" prop=\"isActive\" [width]=\"60\"  [sortable]=\"false\">\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                <i class=\"fas fa-check text-success\" *ngIf=\"value\"></i>\n                                <i class=\"fas fa-times text-danger\" *ngIf=\"!value\"></i>\n                            </ng-template>\n                        </ngx-datatable-column>\n                        <ngx-datatable-column [name]=\"'Cms::EntryType' | abpLocalization\" prop=\"SiteId\" [width]=\"100\"  [sortable]=\"false\"> \n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                <div ngbDropdown container=\"body\">\n                                    <button type=\"button\" class=\"btn btn-link\" ngbDropdownToggle id=\"dropdownBasic1\">\n                                        {{'Cms::EntryType' | abpLocalization}}\n                                    </button>\n                                    <div ngbDropdownMenu aria-labelledby=\"dropdownBasic1\">\n                                        <ng-container *ngFor=\"let item of row.entryTypes;let i =index\">\n                                            <li ngbDropdownItem\n                                                class=\"d-flex align-items-center justify-content-between\" [routerLink]=\"'/cms/admin/sections/'+row.id+'/entry-types/'+item.id+'/edit'\"\n                                                >{{item.displayName}}\n                                                <button class=\"btn btn-light btn-sm p-0\"\n                                                    (click.stop)=\"deleteEntryType(item)\"><i class=\"fas fa-trash p-sm-1\"\n                                                        style=\"font-size: 12px;\" role=\"button\"></i></button>\n                                            </li>\n                                        </ng-container>\n                                        <li ngbDropdownItem [routerLink]=\"'/cms/admin/sections/'+row.id+'/entry-types/create'\"><i\n                                                class=\"fas fa-plus-circle me-2\"></i>{{'Cms::New' |\n                                            abpLocalization}}</li>\n                                    </div>\n                                </div>\n                            </ng-template>\n                        </ngx-datatable-column>\n                        <ngx-datatable-column [name]=\"'Cms::CreationTime' | abpLocalization\" prop=\"creationTime\" [minWidth]=\"190\">\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                {{ value | date : 'yyyy/MM/dd hh:mm:ss' }}\n                            </ng-template>\n                        </ngx-datatable-column>\n                        <ngx-datatable-column [sortable]=\"false\"  [name]=\"'AbpUi::Actions' | abpLocalization\"   [frozenLeft]=\"true\" [width]=\"110\" [maxWidth]=\"110\">\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                <div ngbDropdown container=\"body\">\n                                    <button type=\"button\" class=\"btn btn-primary btn-sm\" ngbDropdownToggle>\n                                        <i class=\"me-1 fa fa-cog\"></i> {{'AbpUi::Actions' | abpLocalization}}\n                                    </button>\n                                    <div ngbDropdownMenu>\n                                        <button ngbDropdownItem (click)=\"editSectionBtn(row)\">{{'AbpUi::Edit' |\n                                            abpLocalization}}</button>\n                                        <button ngbDropdownItem (click)=\"deletefield(row)\">{{'AbpUi::Delete' |\n                                            abpLocalization}}</button>\n                                    </div>\n                                </div>\n                            </ng-template>\n                        </ngx-datatable-column>\n                    </ngx-datatable>\n                </div>\n            </div>\n        </div>\n    </div>\n</abp-page>\n<cms-create-or-edit-sections-modal  (visibleChange)=\"visibleChange($event)\" [formEntity]=\"formEntity\" [visible]=\"isVisibleOpen\"></cms-create-or-edit-sections-modal>\n<!-- <abp-modal [(visible)]=\"visibleOpen\" [busy]=\"modalBusy\" (visibleChange)=\"VisibleChange($event)\">\n    <ng-template #abpHeader>\n        <h3>{{selected?('AbpUi::Edit' | abpLocalization):('Cms::New' | abpLocalization)}}</h3>\n    </ng-template>\n    <ng-template #abpBody>\n        <ng-template #loaderRef>\n            <div class=\"text-center\"><i class=\"fa fa-pulse fa-spinner\" aria-hidden=\"true\"></i></div>\n        </ng-template>\n        <ng-container *ngIf=\"createOrEditForm; else loaderRef\">\n            <form class=\"sites-modal-form\" [formGroup]=\"createOrEditForm\" (keydown.enter)=\"$event.preventDefault()\" [class]=\"{'was-validated':formValidation}\"  (submit)=\"createOrEditSave()\">\n                <button type=\"submit\" #createOrEditModalSubmitBtn style=\"display: none\"></button>\n                <div class=\"mb-3\">\n                    <label class=\"form-label\">{{'Cms::EntryType' | abpLocalization}}</label>\n                    <div>\n                        <ng-container *ngFor=\"let item of _sectionTypeOptions;let i =index\">\n                            <div class=\"form-check form-check-inline\">\n                                <input class=\"form-check-input\" type=\"radio\" [value]=\"item.value\"\n                                    (change)=\"radiochange()\" formControlName=\"type\" id=\"flexRadioDefault{{i}}\">\n                                <label class=\"form-check-label\" for=\"flexRadioDefault{{i}}\">\n                                    {{ 'Cms::Enum:SectionType:'+item.key | abpLocalization }}\n                                </label>\n                            </div>\n                        </ng-container>\n                    </div>\n                </div>\n                <div class=\"mb-3\">\n                    <label class=\"form-label\">{{'Cms::DisplayName' | abpLocalization}}</label>\n                    <input type=\"text\" class=\"form-control\" formControlName=\"displayName\"\n                        (blur)=\"disPlayNameInputBlur($event)\" placeholder=\"\" />\n                </div>\n                <div class=\"mb-3\">\n                    <label class=\"form-label\">{{'Cms::Name' | abpLocalization}}</label>\n                    <input type=\"text\" class=\"form-control\" formControlName=\"name\" placeholder=\"\" />\n                    <div class=\"text-danger invalid-feedback\" *ngIf=\"nameInput.errors?.repetition\">\n                        {{nameInput.errors?.repetition}}\n                    </div>\n                </div>\n                <div class=\"mb-3\">\n                    <label class=\"form-label\">{{'Cms::Route' | abpLocalization}} </label>\n                    <input type=\"text\" class=\"form-control\" formControlName=\"route\" placeholder=\"\" />\n                    <div class=\"text-danger invalid-feedback\" *ngIf=\"routeInput.errors?.repetition\">\n                        {{routeInput.errors?.repetition}}\n                    </div>\n                    <small class=\"form-text text-muted d-block\">\n                        {{'Cms::RouteTips' | abpLocalization}}<br>\n                        &nbsp;&nbsp;blog<br>\n                        &nbsp;&nbsp;{{'blog/{slug}'}}<br>\n                        &nbsp;&nbsp;{{'blog/{publishTime:yyyy}/{publishTime:MM}/{slug}'}}\n                    </small>\n                </div>\n                <div class=\"mb-3\">\n                    <label class=\"form-label\">{{'Cms::Template' | abpLocalization}} </label>\n                    <input type=\"text\" class=\"form-control\" formControlName=\"template\" placeholder=\"\" />\n                    <small class=\"form-text text-muted d-block\">\n                        {{\"Cms::TemplateTips\" | abpLocalization}}\n                    </small>\n                </div>\n                <div class=\"mb-3\">\n                    <div class=\"form-check form-check-inline\">\n                        <input class=\"form-check-input\" type=\"checkbox\" value=\"true\" formControlName=\"isDefault\"\n                            id=\"isDefault\" />\n                        <label class=\"form-check-label\" for=\"isDefault\"> {{'Cms::Default' | abpLocalization}} </label>\n                    </div>\n                </div>\n                <div class=\"mb-3\">\n                    <div class=\"form-check form-check-inline\">\n                        <input class=\"form-check-input\" type=\"checkbox\" value=\"true\" formControlName=\"isActive\"\n                            id=\"isActive\" />\n                        <label class=\"form-check-label\" for=\"isActive\"> {{'Cms::IsActive' | abpLocalization}}</label>\n                    </div>\n                </div>\n            </form>\n        </ng-container>\n    </ng-template>\n    <ng-template #abpFooter>\n        <button type=\"button\" class=\"btn btn-secondary\" abpClose>{{'AbpUi::Close' | abpLocalization}}</button>\n        <abp-button iconClass=\"fa fa-check\" (click)=\"createOrEditModalSubmitBtn.nativeElement.click()\">{{'AbpUi::Save' |\n            abpLocalization}}</abp-button>\n    </ng-template>\n</abp-modal> -->", styles: ["::ng-deep .sections-page .dignite_page{background:transparent}::ng-deep .sections-page .list-group-flush>.list-group-item:first-child{border-top-width:var(--bs-list-group-border-width)}::ng-deep .sections-page .card-header input{flex:2 1 auto}::ng-deep .sections-page .card-header .form-select{padding:.475rem 3.75rem .475rem 1.25rem}::ng-deep .sites-modal-form .form-control{padding:.4rem 1.25rem}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$2.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$2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i4.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1.StopPropagationDirective, selector: "[click.stop]", outputs: ["click.stop"] }, { kind: "component", type: i11.DatatableComponent, selector: "ngx-datatable", inputs: ["targetMarkerTemplate", "rows", "groupRowsBy", "groupedRows", "columns", "selected", "scrollbarV", "scrollbarH", "rowHeight", "columnMode", "headerHeight", "footerHeight", "externalPaging", "externalSorting", "limit", "count", "offset", "loadingIndicator", "selectionType", "reorderable", "swapColumns", "sortType", "sorts", "cssClasses", "messages", "rowClass", "selectCheck", "displayCheck", "groupExpansionDefault", "trackByProp", "selectAllRowsOnPage", "virtualization", "treeFromRelation", "treeToRelation", "summaryRow", "summaryHeight", "summaryPosition", "rowIdentity"], outputs: ["scroll", "activate", "select", "sort", "page", "reorder", "resize", "tableContextmenu", "treeAction"] }, { kind: "directive", type: i11.DataTableColumnDirective, selector: "ngx-datatable-column", inputs: ["name", "prop", "frozenLeft", "frozenRight", "flexGrow", "resizeable", "comparator", "pipe", "sortable", "draggable", "canAutoResize", "minWidth", "width", "maxWidth", "checkboxable", "headerCheckboxable", "headerClass", "cellClass", "isTreeColumn", "treeLevelIndent", "summaryFunc", "summaryTemplate", "cellTemplate", "headerTemplate", "treeToggleTemplate"] }, { kind: "directive", type: i11.DataTableColumnCellDirective, selector: "[ngx-datatable-cell-template]" }, { kind: "directive", type: i3.NgxDatatableListDirective, selector: "ngx-datatable[list]", inputs: ["list"], exportAs: ["ngxDatatableList"] }, { kind: "directive", type: i11$1.NgbDropdown, selector: "[ngbDropdown]", inputs: ["autoClose", "dropdownClass", "open", "placement", "popperOptions", "container", "display"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { kind: "directive", type: i11$1.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { kind: "directive", type: i11$1.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { kind: "directive", type: i11$1.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["tabindex", "disabled"] }, { kind: "directive", type: i11$1.NgbDropdownButtonItem, selector: "button[ngbDropdownItem]" }, { kind: "component", type: i14.PageComponent, selector: "abp-page", inputs: ["title", "toolbar", "breadcrumb"] }, { kind: "component", type: CreateOrEditSectionsModalComponent, selector: "cms-create-or-edit-sections-modal", inputs: ["visible", "formEntity"], outputs: ["visibleChange"] }, { kind: "pipe", type: i1$1.DatePipe, name: "date" }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: SectionsComponent, decorators: [{
             type: Component,
@@ -1962,7 +2199,7 @@ class fieldTabsBase {
     }
 }
 class fieldsBase {
-    constructor(data) {
+    constructor() {
         /**字段id Unique Name*/
         this.fieldId = ['', [Validators.required]];
         /**显示名称 Unique Name*/
@@ -1970,38 +2207,14 @@ class fieldsBase {
         /**必填 Unique Name*/
         this.required = [false, []];
         /**是否在列表中显示 Unique Name*/
-        this.showOnList = [false, []];
-        if (data) {
-            for (const key in data) {
-                if (data.hasOwnProperty(key)) {
-                    this[key] = data[key];
-                }
-            }
-        }
-    }
-}
-class fieldsInputBase {
-    constructor(data) {
-        /**字段id */
-        this.fieldId = ['', [Validators.required]];
-        /**显示名称 Display name of this field */
-        this.displayName = ['', [Validators.required]];
-        /**是否必填 Unique Name*/
-        this.required = [false, []];
-        /**在列表中展示 Unique Name*/
-        this.showOnList = [false, []];
-        if (data) {
-            for (const key in data) {
-                if (data.hasOwnProperty(key)) {
-                    this[key] = data[key];
-                }
-            }
-        }
+        this.showInList = [false, []];
+        /**是否启用搜索 */
+        this.enableSearch = [false, []];
     }
 }
 
 class CreateOrEditComponent {
-    constructor(toaster, _location, route, _FieldGroupAdminService, _FieldAdminService, _EntryTypeAdminService, _LocalizationService, _CmsApiService) {
+    constructor(toaster, _location, route, _FieldGroupAdminService, _FieldAdminService, _EntryTypeAdminService, _LocalizationService, _CmsApiService, _FormControlsService) {
         this.toaster = toaster;
         this._location = _location;
         this.route = route;
@@ -2010,6 +2223,7 @@ class CreateOrEditComponent {
         this._EntryTypeAdminService = _EntryTypeAdminService;
         this._LocalizationService = _LocalizationService;
         this._CmsApiService = _CmsApiService;
+        this._FormControlsService = _FormControlsService;
         this.fb = inject(FormBuilder);
         this._UpdateListService = inject(UpdateListService);
         /**表单实体 */
@@ -2018,6 +2232,10 @@ class CreateOrEditComponent {
         this.sectionId = '';
         /**条目类型id */
         this.entryTypesId = '';
+        /**需要查询的动态表单类型 */
+        this.enableSearchTypeList = [];
+        /**不需要展示的动态表单类型 */
+        this.disableshowinTypeList = [];
         /**
          * 拖拽 功能*/
         /**数据源 */
@@ -2045,17 +2263,22 @@ class CreateOrEditComponent {
         this.navActive = 0;
         /**编辑字段模态框状态 */
         this.visibleEditFieldOpen = false;
+        this.isShowInList = true;
+        this.isEnableSearch = true;
     }
     get fieldTabs() {
-        return this.newEntity.get('fieldTabs');
+        return this.newEntity?.get('fieldTabs');
     }
     /**触发提交按钮 */
     submitclickBtn() {
         this.submitclick.nativeElement.click();
     }
-    ngOnInit() {
+    async ngOnInit() {
         let sectionId = this.route.snapshot.params.sectionsId;
         this.entryTypesId = this.route.snapshot.params.entryTypesId || '';
+        // this.enableSearchTypeList=await this._FormControlsService.getEnableSearchTypeList();
+        // this.disableshowinTypeList= this._FormControlsService.getdisableshowinTypeList();
+        console.log(this.enableSearchTypeList, 'enableSearchTypeList', this.disableshowinTypeList);
         if (sectionId) {
             this.sectionId = sectionId;
             this.addControlToFieldTabs();
@@ -2110,7 +2333,7 @@ class CreateOrEditComponent {
             this.fieldGroupList.forEach((el, index) => {
                 el.fields = fieldList.filter(els => els.groupId === el.id);
             });
-            this.newEntity.patchValue(res);
+            this.newEntity?.patchValue(res);
             this.entryTypesSelect = res;
             this.resultSource = res.fieldTabs;
         });
@@ -2155,7 +2378,8 @@ class CreateOrEditComponent {
                 .subscribe((res) => {
                 res.items.forEach(el => {
                     el.required = false;
-                    el.showOnList = false;
+                    el.showInList = false;
+                    el.enableSearch = false;
                 });
                 resolve(res.items);
             });
@@ -2208,7 +2432,7 @@ class CreateOrEditComponent {
         const _fromDataSourceDragEl = this.fromDataSourceDragEl;
         //从数据源拖拽到目标源
         if (_fromDataSourceDragEl) {
-            this.fieldGroupList[this.DataSourceGroupIndex].fields.splice(this.DataSourceFieldIndex, 1);
+            this.fieldGroupList[this.DataSourceGroupIndex || 0].fields.splice(this.DataSourceFieldIndex, 1);
             this.resultSource[fieldTabsIndex].fields.push(_fromDataSourceDragEl);
             this.formRightGroup.push(_fromDataSourceDragEl);
         }
@@ -2236,7 +2460,8 @@ class CreateOrEditComponent {
                     fieldId: item.id || item.fieldId,
                     displayName: item.displayName,
                     required: item?.required,
-                    showOnList: item?.showOnList,
+                    showInList: item?.showInList,
+                    enableSearch: item?.enableSearch,
                 });
             });
             setArray.push({
@@ -2244,7 +2469,7 @@ class CreateOrEditComponent {
                 fields: fieldsArray,
             });
         });
-        this.newEntity.patchValue({
+        this.newEntity?.patchValue({
             fieldTabs: setArray,
         });
     }
@@ -2253,7 +2478,7 @@ class CreateOrEditComponent {
         if (this.isSubmit)
             return;
         this.isSubmit = true;
-        let input = this.newEntity.value;
+        let input = this.newEntity?.value;
         this.formValidation = this._ValidatorsService.getFormValidationStatus(this.newEntity);
         if (this._ValidatorsService.isCheckForm(this.formValidation, 'Cms'))
             return this.isSubmit = false;
@@ -2261,7 +2486,7 @@ class CreateOrEditComponent {
             this._EntryTypeAdminService.update(this.entryTypesSelect.id, input).pipe(finalize(() => {
                 this.isSubmit = false;
             })).subscribe(res => {
-                this.toaster.success(this._LocalizationService.instant(`AbpUi::SavedSuccessfully`));
+                this.toaster.success(this._LocalizationService.instant(`Cms::SavedSuccessfully`));
                 this._location.back();
                 this._UpdateListService.updateList();
             });
@@ -2271,7 +2496,7 @@ class CreateOrEditComponent {
         this._EntryTypeAdminService.create(input).pipe(finalize(() => {
             this.isSubmit = false;
         })).subscribe(res => {
-            this.toaster.success(this._LocalizationService.instant(`AbpUi::SavedSuccessfully`));
+            this.toaster.success(this._LocalizationService.instant(`Cms::SavedSuccessfully`));
             this._location.back();
             this._UpdateListService.updateList();
         });
@@ -2333,14 +2558,20 @@ class CreateOrEditComponent {
         this.visibleEditFieldOpen = true;
         this.EditFieldIndex = elIndex;
         this.editFieldFrom = this.fb.group(new fieldsBase());
-        this.editFieldFrom.patchValue(this.fieldTabs.value[this.navActive].fields[elIndex]);
+        let fieldsOptions = this.fieldTabs.value[this.navActive].fields[elIndex];
+        // console.log(fieldsOptions,'this.fieldTabs.value[this.navActive].fields[elIndex]')
+        // this.isShowInList = !this.disableshowinTypeList.includes(fieldsOptions.field.formControlName);
+        // this.isEnableSearch = this.enableSearchTypeList.includes(fieldsOptions.field.formControlName);
+        this.editFieldFrom.patchValue(fieldsOptions);
+        // this.disableshowinTypeList
     }
     /**保存编辑字段 */
     editFieldSave() {
         let input = this.editFieldFrom.value;
         this.resultSource[this.navActive].fields[this.EditFieldIndex].displayName = input.displayName;
         this.resultSource[this.navActive].fields[this.EditFieldIndex].required = input.required;
-        this.resultSource[this.navActive].fields[this.EditFieldIndex].showOnList = input.showOnList;
+        this.resultSource[this.navActive].fields[this.EditFieldIndex].showInList = input.showInList;
+        this.resultSource[this.navActive].fields[this.EditFieldIndex].enableSearch = input.enableSearch;
         this.visibleEditFieldOpen = false;
         this.setfieldTabsFrom();
     }
@@ -2357,13 +2588,13 @@ class CreateOrEditComponent {
             return;
         nameInput.patchValue(pinyin);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: CreateOrEditComponent, deps: [{ token: i3.ToasterService }, { token: i1$1.Location }, { token: i4.ActivatedRoute }, { token: FieldGroupAdminService }, { token: FieldAdminService }, { token: EntryTypeAdminService }, { token: i1.LocalizationService }, { token: CmsApiService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: CreateOrEditComponent, selector: "cms-create-or-edit", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: CreateOrEditComponent, deps: [{ token: i3.ToasterService }, { token: i1$1.Location }, { token: i4.ActivatedRoute }, { token: FieldGroupAdminService }, { token: FieldAdminService }, { token: EntryTypeAdminService }, { token: i1.LocalizationService }, { token: CmsApiService }, { token: FormControlsService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.5", type: CreateOrEditComponent, selector: "cms-create-or-edit", providers: [
             {
                 provide: EXTENSIONS_IDENTIFIER,
                 useValue: ECmsComponent.SectionsCreateOrEdit,
             },
-        ], viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }, { propertyName: "editFieldTabsModalSubmitBtn", first: true, predicate: ["editFieldTabsModalSubmitBtn"], descendants: true }, { propertyName: "editFieldModalSubmitBtn", first: true, predicate: ["editFieldModalSubmitBtn"], descendants: true }], ngImport: i0, template: "<form class=\"row g-3 needs-validation\" [formGroup]=\"newEntity\" (keydown.enter)=\"$event.preventDefault()\" [class]=\"{'was-validated':formValidation}\"  (submit)=\"save()\">\n    <abp-page [title]=\"entryTypesId ? ('AbpUi::Edit' | abpLocalization):('Cms::New' | abpLocalization)\"\n        [toolbar]=\"true\">\n        <div class=\"create-or-edit-entry-type-page\">\n            <div class=\"card\">\n                <button type=\"submit\" style=\"display: none;\" #submitclick></button>\n                <div class=\"card-body\">\n                    <div class=\"\">\n                        <div class=\"mb-3\">\n                            <label class=\"form-label\">{{'Cms::DisplayName' | abpLocalization}}</label>\n                            <input type=\"text\" class=\"form-control\" formControlName=\"displayName\"\n                                (blur)=\"disPlayNameInputBlur($event)\" placeholder=\"\" />\n                        </div>\n                        <div class=\"mb-3\">\n                            <label class=\"form-label\">{{'Cms::Name' | abpLocalization}}</label>\n                            <input type=\"text\" class=\"form-control\" formControlName=\"name\" placeholder=\"\" />\n                        </div>\n                        <div formArrayName=\"fieldTabs\">\n                            <div class=\"mb-3\">\n                                <label class=\"form-label\">{{'Cms::FieldLayout' | abpLocalization}}</label>\n                                <div class=\"container\">\n                                    <div class=\"row\">\n                                        <div class=\"col-sm-8\">\n                                            <ul ngbNav #nav=\"ngbNav\" [(activeId)]=\"navActive\" class=\"nav nav-tabs\">\n                                                <ng-container *ngFor=\"let item of resultSource; let i = index\">\n                                                    <li [ngbNavItem]=\"i\">\n                                                        <button type=\"button\" ngbDropdown ngbNavLink>\n                                                            {{ item.name }}\n                                                            <span class=\"ms-1\" (click.stop)=\"$event.stopPropagation()\"\n                                                                ngbDropdownToggle></span>\n                                                            <div ngbDropdownMenu style=\"z-index: 999;\">\n                                                    <li ngbDropdownItem type=\"button\"\n                                                        (click.stop)=\"editFieldTabs(item,i)\">\n                                                        <i class=\"fas fa-edit\"></i>\n                                                        {{'AbpUi::Edit' | abpLocalization}}\n                                                    </li>\n                                                    <li ngbDropdownItem *ngIf=\"resultSource.length !== 1\" type=\"button\"\n                                                        (click.stop)=\"deleteFieldTabs(i)\">\n                                                        <i class=\"fas fa-trash\"></i>\n                                                        {{'AbpUi::Delete' | abpLocalization}}\n                                                    </li>\n                                        </div>\n                                        </button>\n                                        <ng-template ngbNavContent>\n                                            <div class=\"p-2\" ondragover=\"event.preventDefault();\"\n                                                (drop)=\"dragToResultSourceDropped(item,i)\" style=\"height: 100%;\">\n                                                <p  class=\"form-text text-muted\" *ngIf=\"item.fields.length === 0\">\n                                                    {{'Cms::DragAndDropFieldTips' | abpLocalization}}\n                                                </p>\n                                                <ul class=\"list-group\" style=\"height: 100%;\">\n                                                    <ng-container *ngFor=\"let el of item.fields; let iel = index\">\n                                                        <li draggable=\"true\" (dragstart)=\"fromResultSourceDragStart(el)\"\n                                                            (drop)=\"dragToResultSourceItemDropped(iel)\"\n                                                            class=\"list-group-item d-flex align-items-center justify-content-between py-1\"\n                                                            style=\"position: unset;\">\n                                                            {{ el.displayName }}\n                                                            <button class=\"p-0 btn btn-sm btn-light\"\n                                                                (click.stop)=\"EditFieldModalOpen(el,iel)\"\n                                                                type=\"button\"><i class=\"fas fa-wrench p-sm-1\"\n                                                                    role=\"button\"></i></button>\n                                                        </li>\n                                                    </ng-container>\n                                                </ul>\n\n                                            </div>\n                                        </ng-template>\n                                        </li>\n                                        </ng-container>\n                                        <li class=\"nav-item\" role=\"presentation\">\n                                            <button type=\"button\" class=\"nav-link\" (click.stop)=\"addFieldTabs()\">\n                                                <i class=\"fas fa-plus-circle\"></i>\n                                                {{'Cms::NewTab' | abpLocalization}}\n                                            </button>\n                                        </li>\n                                        </ul>\n                                        <div [ngbNavOutlet]=\"nav\" class=\"mt-2 bordernNavs p-0\"></div>\n                                    </div>\n                                    <div class=\"col-sm-4\">\n                                        <div ngbAccordion #accordion=\"ngbAccordion\" ondragover=\"event.preventDefault();\"\n                                            (drop)=\"dragToDataSourceDropped()\" style=\"min-height: 80px;\">\n                                            <ng-container *ngFor=\"let item of fieldGroupList; let i = index\">\n                                                <div [ngbAccordionItem]=\"item.name\" *ngIf=\"item.fields.length > 0\">\n                                                    <h2 ngbAccordionHeader>\n                                                        <button ngbAccordionButton>{{\n                                                            ('Cms::'+item.name) | abpLocalization }}</button>\n                                                    </h2>\n                                                    <div ngbAccordionCollapse>\n                                                        <div ngbAccordionBody>\n                                                            <ng-template>\n                                                                <ul class=\"list-group\">\n                                                                    <ng-container\n                                                                        *ngFor=\"let el of item.fields; let ii = index\">\n                                                                        <li draggable=\"true\"\n                                                                            (dragstart)=\"fromDataSourceDragStart(el,ii,i)\"\n                                                                            class=\"list-group-item\">\n                                                                            {{ el.displayName }}\n                                                                        </li>\n                                                                    </ng-container>\n                                                                </ul>\n                                                            </ng-template>\n                                                        </div>\n                                                    </div>\n                                                </div>\n                                            </ng-container>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n\n            </div>\n        </div>\n\n\n        </div>\n    </abp-page>\n\n</form>\n\n<abp-modal [(visible)]=\"visibleTabsOpen\" [busy]=\"modalBusy\" (visibleChange)=\"VisibleTabsChange($event)\">\n    <ng-template #abpHeader>\n        <h3>{{ editFieldTabsSelect ? ('AbpUi::Edit' | abpLocalization):('Cms::New' | abpLocalization)}}</h3>22\n    </ng-template>\n    <ng-template #abpBody>\n        <ng-template #loaderRef>\n            <div class=\"text-center\"><i class=\"fa fa-pulse fa-spinner\" aria-hidden=\"true\"></i></div>\n        </ng-template>\n        <ng-container *ngIf=\"editFieldTabsFrom; else loaderRef\">\n            <form class=\"sites-modal-form\" [formGroup]=\"editFieldTabsFrom\" (keydown.enter)=\"$event.preventDefault()\" [class]=\"{'was-validated':formValidation}\" (submit)=\"editFieldTabsSave()\">\n                <button type=\"submit\" #editFieldTabsModalSubmitBtn style=\"display: none\"></button>\n                <div class=\"mb-3\">\n                    <label class=\"form-label\">{{'Cms::Name' | abpLocalization}}</label>\n                    <input type=\"text\" class=\"form-control\" formControlName=\"name\" placeholder=\"\" />\n                </div>\n            </form>\n        </ng-container>\n    </ng-template>\n    <ng-template #abpFooter>\n        <button type=\"button\" class=\"btn btn-secondary\" abpClose>{{'AbpUi::Close' | abpLocalization}}</button>\n        <abp-button iconClass=\"fa fa-check\" \n            (click)=\"editFieldTabsModalSubmitBtn.nativeElement.click()\">{{'AbpUi::Save' | abpLocalization}}</abp-button>\n    </ng-template>\n</abp-modal>\n\n\n<abp-modal [(visible)]=\"visibleEditFieldOpen\" [busy]=\"modalBusy\" (visibleChange)=\"VisibleEditFieldChange($event)\">\n    <ng-template #abpHeader>\n        <h3>{{'AbpUi::Edit' | abpLocalization}}</h3>\n    </ng-template>\n    <ng-template #abpBody>\n        <ng-template #loaderRef>\n            <div class=\"text-center\"><i class=\"fa fa-pulse fa-spinner\" aria-hidden=\"true\"></i></div>\n        </ng-template>\n        <ng-container *ngIf=\"editFieldFrom; else loaderRef\">\n            <form class=\"sites-modal-form\" [formGroup]=\"editFieldFrom\" (keydown.enter)=\"$event.preventDefault()\" (submit)=\"editFieldSave()\">\n                <button type=\"submit\" #editFieldModalSubmitBtn style=\"display: none\"></button>\n                <div class=\"mb-3\">\n                    <label class=\"form-label\">{{'Cms::DisplayName' | abpLocalization}}</label>\n                    <input type=\"text\" class=\"form-control\" formControlName=\"displayName\" placeholder=\"\" />\n                </div>\n                <div class=\"mb-3\">\n                    <div class=\"form-check form-check-inline\">\n                        <input class=\"form-check-input\" type=\"checkbox\" value=\"true\" formControlName=\"required\"\n                            id=\"required\" />\n                        <label class=\"form-check-label\" for=\"required\"> {{'Cms::Required' | abpLocalization}} </label>\n                    </div>\n                </div>\n                <div class=\"mb-3\">\n                    <div class=\"form-check form-check-inline\">\n                        <input class=\"form-check-input\" type=\"checkbox\" value=\"true\" formControlName=\"showOnList\"\n                            id=\"showOnList\" />\n                        <label class=\"form-check-label\" for=\"showOnList\"> {{'Cms::ShowOnList' | abpLocalization}}\n                        </label>\n                    </div>\n                </div>\n            </form>\n        </ng-container>\n    </ng-template>\n    <ng-template #abpFooter>\n        <button type=\"button\" class=\"btn btn-secondary\" abpClose>{{'AbpUi::Close' | abpLocalization}}</button>\n        <abp-button iconClass=\"fa fa-check\" [disabled]=\"!editFieldFrom.valid\"\n            (click)=\"editFieldModalSubmitBtn.nativeElement.click()\">{{'AbpUi::Save' | abpLocalization}}</abp-button>\n    </ng-template>\n</abp-modal>", styles: ["::ng-deep .create-or-edit-entry-type-page .dignite_page{height:calc(100vh - 125px);overflow:auto}::ng-deep .create-or-edit-entry-type-page .form-control,::ng-deep .create-or-edit-entry-type-page .form-select{padding:.475rem 1.25rem}::ng-deep .create-or-edit-entry-type-page .cursor-move{cursor:move}::ng-deep .create-or-edit-entry-type-page .bordernNavs{border:var(--bs-border-width) solid var(--lpx-border-color);padding-left:inherit;padding-right:inherit;height:calc(100% - 60px)}::ng-deep .create-or-edit-entry-type-page .tab-pane{height:100%}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.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$2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$2.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "directive", type: i1.StopPropagationDirective, selector: "[click.stop]", outputs: ["click.stop"] }, { kind: "directive", type: i5.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i5.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "component", type: i3.ButtonComponent, selector: "abp-button", inputs: ["buttonId", "buttonClass", "buttonType", "formName", "iconClass", "loading", "disabled", "attributes"], outputs: ["click", "focus", "blur", "abpClick", "abpFocus", "abpBlur"] }, { kind: "component", type: i3.ModalComponent, selector: "abp-modal", inputs: ["visible", "busy", "options", "suppressUnsavedChangesWarning"], outputs: ["visibleChange", "init", "appear", "disappear"] }, { kind: "directive", type: i3.ModalCloseDirective, selector: "[abpClose]" }, { kind: "directive", type: i10.NgbNavContent, selector: "ng-template[ngbNavContent]" }, { kind: "directive", type: i10.NgbNav, selector: "[ngbNav]", inputs: ["activeId", "animation", "destroyOnHide", "orientation", "roles", "keyboard"], outputs: ["activeIdChange", "shown", "hidden", "navChange"], exportAs: ["ngbNav"] }, { kind: "directive", type: i10.NgbNavItem, selector: "[ngbNavItem]", inputs: ["destroyOnHide", "disabled", "domId", "ngbNavItem"], outputs: ["shown", "hidden"], exportAs: ["ngbNavItem"] }, { kind: "directive", type: i10.NgbNavItemRole, selector: "[ngbNavItem]:not(ng-container)" }, { kind: "directive", type: i10.NgbNavLinkButton, selector: "button[ngbNavLink]" }, { kind: "directive", type: i10.NgbNavLinkBase, selector: "[ngbNavLink]" }, { kind: "component", type: i10.NgbNavOutlet, selector: "[ngbNavOutlet]", inputs: ["paneRole", "ngbNavOutlet"] }, { kind: "directive", type: i10.NgbAccordionButton, selector: "button[ngbAccordionButton]" }, { kind: "directive", type: i10.NgbAccordionDirective, selector: "[ngbAccordion]", inputs: ["animation", "closeOthers", "destroyOnHide"], outputs: ["show", "shown", "hide", "hidden"], exportAs: ["ngbAccordion"] }, { kind: "directive", type: i10.NgbAccordionItem, selector: "[ngbAccordionItem]", inputs: ["ngbAccordionItem", "destroyOnHide", "disabled", "collapsed"], outputs: ["show", "shown", "hide", "hidden"], exportAs: ["ngbAccordionItem"] }, { kind: "directive", type: i10.NgbAccordionHeader, selector: "[ngbAccordionHeader]" }, { kind: "directive", type: i10.NgbAccordionBody, selector: "[ngbAccordionBody]" }, { kind: "directive", type: i10.NgbAccordionCollapse, selector: "[ngbAccordionCollapse]", exportAs: ["ngbAccordionCollapse"] }, { kind: "directive", type: i10.NgbDropdown, selector: "[ngbDropdown]", inputs: ["autoClose", "dropdownClass", "open", "placement", "popperOptions", "container", "display"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { kind: "directive", type: i10.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { kind: "directive", type: i10.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { kind: "directive", type: i10.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["tabindex", "disabled"] }, { kind: "component", type: i11.PageComponent, selector: "abp-page", inputs: ["title", "toolbar", "breadcrumb"] }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] }); }
+        ], viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }, { propertyName: "editFieldTabsModalSubmitBtn", first: true, predicate: ["editFieldTabsModalSubmitBtn"], descendants: true }, { propertyName: "editFieldModalSubmitBtn", first: true, predicate: ["editFieldModalSubmitBtn"], descendants: true }], ngImport: i0, template: "<form class=\"row g-3 needs-validation\" [formGroup]=\"newEntity\" (keydown.enter)=\"$event.preventDefault()\" [class]=\"{'was-validated':formValidation}\"  (submit)=\"save()\">\n    <abp-page [title]=\"entryTypesId ? ('AbpUi::Edit' | abpLocalization):('Cms::New' | abpLocalization)\"\n        [toolbar]=\"true\">\n        <div class=\"create-or-edit-entry-type-page\">\n            <div class=\"card\">\n                <button type=\"submit\" style=\"display: none;\" #submitclick></button>\n                <div class=\"card-body\">\n                    <div class=\"\">\n                        <div class=\"mb-3\">\n                            <label class=\"form-label\">{{'Cms::DisplayName' | abpLocalization}}</label>\n                            <input type=\"text\" class=\"form-control\" formControlName=\"displayName\"\n                                (blur)=\"disPlayNameInputBlur($event)\" placeholder=\"\" />\n                        </div>\n                        <div class=\"mb-3\">\n                            <label class=\"form-label\">{{'Cms::Name' | abpLocalization}}</label>\n                            <input type=\"text\" class=\"form-control\" formControlName=\"name\" placeholder=\"\" />\n                        </div>\n                        <div formArrayName=\"fieldTabs\">\n                            <div class=\"mb-3\">\n                                <label class=\"form-label\">{{'Cms::FieldLayout' | abpLocalization}}</label>\n                                <div class=\"container\">\n                                    <div class=\"row\">\n                                        <div class=\"col-sm-8\">\n                                            <ul ngbNav #nav=\"ngbNav\" [(activeId)]=\"navActive\" class=\"nav nav-tabs\">\n                                                <ng-container *ngFor=\"let item of resultSource; let i = index\">\n                                                    <li [ngbNavItem]=\"i\">\n                                                        <button type=\"button\" ngbDropdown ngbNavLink>\n                                                            {{ item.name }}\n                                                            <span class=\"ms-1\" (click.stop)=\"$event.stopPropagation()\"\n                                                                ngbDropdownToggle></span>\n                                                            <div ngbDropdownMenu style=\"z-index: 999;\">\n                                                    <li ngbDropdownItem type=\"button\"\n                                                        (click.stop)=\"editFieldTabs(item,i)\">\n                                                        <i class=\"fas fa-edit\"></i>\n                                                        {{'AbpUi::Edit' | abpLocalization}}\n                                                    </li>\n                                                    <li ngbDropdownItem *ngIf=\"resultSource.length !== 1\" type=\"button\"\n                                                        (click.stop)=\"deleteFieldTabs(i)\">\n                                                        <i class=\"fas fa-trash\"></i>\n                                                        {{'AbpUi::Delete' | abpLocalization}}\n                                                    </li>\n                                        </div>\n                                        </button>\n                                        <ng-template ngbNavContent>\n                                            <div class=\"p-2\" ondragover=\"event.preventDefault();\"\n                                                (drop)=\"dragToResultSourceDropped(item,i)\" style=\"height: 100%;\">\n                                                <p  class=\"form-text text-muted\" *ngIf=\"item.fields.length === 0\">\n                                                    {{'Cms::DragAndDropFieldTips' | abpLocalization}}\n                                                </p>\n                                                <ul class=\"list-group\" style=\"height: 100%;\">\n                                                    <ng-container *ngFor=\"let el of item.fields; let iel = index\">\n                                                        <li draggable=\"true\" (dragstart)=\"fromResultSourceDragStart(el)\"\n                                                            (drop)=\"dragToResultSourceItemDropped(iel)\"\n                                                            class=\"list-group-item d-flex align-items-center justify-content-between py-1\"\n                                                            style=\"position: unset;\">\n                                                            {{ el.displayName }}\n                                                            <button class=\"p-0 btn btn-sm btn-light\"\n                                                                (click.stop)=\"EditFieldModalOpen(el,iel)\"\n                                                                type=\"button\"><i class=\"fas fa-wrench p-sm-1\"\n                                                                    role=\"button\"></i></button>\n                                                        </li>\n                                                    </ng-container>\n                                                </ul>\n\n                                            </div>\n                                        </ng-template>\n                                        </li>\n                                        </ng-container>\n                                        <li class=\"nav-item\" role=\"presentation\">\n                                            <button type=\"button\" class=\"nav-link\" (click.stop)=\"addFieldTabs()\">\n                                                <i class=\"fas fa-plus-circle\"></i>\n                                                {{'Cms::NewTab' | abpLocalization}}\n                                            </button>\n                                        </li>\n                                        </ul>\n                                        <div [ngbNavOutlet]=\"nav\" class=\"mt-2 bordernNavs p-0\"></div>\n                                    </div>\n                                    <div class=\"col-sm-4\">\n                                        <div ngbAccordion #accordion=\"ngbAccordion\" ondragover=\"event.preventDefault();\"\n                                            (drop)=\"dragToDataSourceDropped()\" style=\"min-height: 80px;\">\n                                            <ng-container *ngFor=\"let item of fieldGroupList; let i = index\">\n                                                <div [ngbAccordionItem]=\"item.name\" *ngIf=\"item.fields.length > 0\">\n                                                    <h2 ngbAccordionHeader>\n                                                        <button ngbAccordionButton>{{\n                                                            ('Cms::'+item.name) | abpLocalization }}</button>\n                                                    </h2>\n                                                    <div ngbAccordionCollapse>\n                                                        <div ngbAccordionBody>\n                                                            <ng-template>\n                                                                <ul class=\"list-group\">\n                                                                    <ng-container\n                                                                        *ngFor=\"let el of item.fields; let ii = index\">\n                                                                        <li draggable=\"true\"\n                                                                            (dragstart)=\"fromDataSourceDragStart(el,ii,i)\"\n                                                                            class=\"list-group-item\">\n                                                                            {{ el.displayName }}\n                                                                        </li>\n                                                                    </ng-container>\n                                                                </ul>\n                                                            </ng-template>\n                                                        </div>\n                                                    </div>\n                                                </div>\n                                            </ng-container>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n\n            </div>\n        </div>\n\n\n        </div>\n    </abp-page>\n\n</form>\n\n<abp-modal [(visible)]=\"visibleTabsOpen\" [busy]=\"modalBusy\" (visibleChange)=\"VisibleTabsChange($event)\">\n    <ng-template #abpHeader>\n        <h3>{{ editFieldTabsSelect ? ('AbpUi::Edit' | abpLocalization):('Cms::New' | abpLocalization)}}</h3>22\n    </ng-template>\n    <ng-template #abpBody>\n        <ng-template #loaderRef>\n            <div class=\"text-center\"><i class=\"fa fa-pulse fa-spinner\" aria-hidden=\"true\"></i></div>\n        </ng-template>\n        <ng-container *ngIf=\"editFieldTabsFrom; else loaderRef\">\n            <form class=\"sites-modal-form\" [formGroup]=\"editFieldTabsFrom\" (keydown.enter)=\"$event.preventDefault()\" [class]=\"{'was-validated':formValidation}\" (submit)=\"editFieldTabsSave()\">\n                <button type=\"submit\" #editFieldTabsModalSubmitBtn style=\"display: none\"></button>\n                <div class=\"mb-3\">\n                    <label class=\"form-label\">{{'Cms::Name' | abpLocalization}}</label>\n                    <input type=\"text\" class=\"form-control\" formControlName=\"name\" placeholder=\"\" />\n                </div>\n            </form>\n        </ng-container>\n    </ng-template>\n    <ng-template #abpFooter>\n        <button type=\"button\" class=\"btn btn-secondary\" abpClose>{{'AbpUi::Close' | abpLocalization}}</button>\n        <abp-button iconClass=\"fa fa-check\" \n            (click)=\"editFieldTabsModalSubmitBtn.nativeElement.click()\">{{'AbpUi::Save' | abpLocalization}}</abp-button>\n    </ng-template>\n</abp-modal>\n\n\n<abp-modal [(visible)]=\"visibleEditFieldOpen\" [busy]=\"modalBusy\" (visibleChange)=\"VisibleEditFieldChange($event)\">\n    <ng-template #abpHeader>\n        <h3>{{'AbpUi::Edit' | abpLocalization}}</h3>\n    </ng-template>\n    <ng-template #abpBody>\n        <ng-template #loaderRef>\n            <div class=\"text-center\"><i class=\"fa fa-pulse fa-spinner\" aria-hidden=\"true\"></i></div>\n        </ng-template>\n        <ng-container *ngIf=\"editFieldFrom; else loaderRef\">\n            <form class=\"sites-modal-form\" [formGroup]=\"editFieldFrom\" (keydown.enter)=\"$event.preventDefault()\" (submit)=\"editFieldSave()\">\n                <button type=\"submit\" #editFieldModalSubmitBtn style=\"display: none\"></button>\n                <div class=\"mb-3\">\n                    <label class=\"form-label\">{{'Cms::DisplayName' | abpLocalization}}</label>\n                    <input type=\"text\" class=\"form-control\" formControlName=\"displayName\" placeholder=\"\" />\n                </div>\n                <div class=\"mb-3\">\n                    <div class=\"form-check form-check-inline\">\n                        <input class=\"form-check-input\" type=\"checkbox\" value=\"true\" formControlName=\"required\"\n                            id=\"required\" />\n                        <label class=\"form-check-label\" for=\"required\"> {{'Cms::Required' | abpLocalization}} </label>\n                    </div>\n                </div>\n                @if(isShowInList){\n                    <div class=\"mb-3\">\n                        <div class=\"form-check form-check-inline\">\n                            <input class=\"form-check-input\" type=\"checkbox\" value=\"true\" formControlName=\"showInList\"\n                                id=\"showInList\" />\n                            <label class=\"form-check-label\" for=\"showInList\"> {{'Cms::ShowInList' | abpLocalization}}\n                            </label>\n                        </div>\n                    </div>\n                }\n                @if(isEnableSearch){\n                <div class=\"mb-3\">\n                    <div class=\"form-check form-check-inline\">\n                        <input class=\"form-check-input\" type=\"checkbox\" value=\"true\" formControlName=\"enableSearch\"\n                            id=\"enableSearch\" />\n                        <label class=\"form-check-label\" for=\"enableSearch\"> {{'Cms::EnableSearch' | abpLocalization}}\n                        </label>\n                    </div>\n                </div>\n            }\n            </form>\n        </ng-container>\n    </ng-template>\n    <ng-template #abpFooter>\n        <button type=\"button\" class=\"btn btn-secondary\" abpClose>{{'AbpUi::Close' | abpLocalization}}</button>\n        <abp-button iconClass=\"fa fa-check\" [disabled]=\"!editFieldFrom.valid\"\n            (click)=\"editFieldModalSubmitBtn.nativeElement.click()\">{{'AbpUi::Save' | abpLocalization}}</abp-button>\n    </ng-template>\n</abp-modal>", styles: ["::ng-deep .create-or-edit-entry-type-page .dignite_page{height:calc(100vh - 125px);overflow:auto}::ng-deep .create-or-edit-entry-type-page .form-control,::ng-deep .create-or-edit-entry-type-page .form-select{padding:.475rem 1.25rem}::ng-deep .create-or-edit-entry-type-page .cursor-move{cursor:move}::ng-deep .create-or-edit-entry-type-page .bordernNavs{border:var(--bs-border-width) solid var(--lpx-border-color);padding-left:inherit;padding-right:inherit;height:calc(100% - 60px)}::ng-deep .create-or-edit-entry-type-page .tab-pane{height:100%}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.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$2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$2.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "directive", type: i1.StopPropagationDirective, selector: "[click.stop]", outputs: ["click.stop"] }, { kind: "directive", type: i5.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i5.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "component", type: i3.ButtonComponent, selector: "abp-button", inputs: ["buttonId", "buttonClass", "buttonType", "formName", "iconClass", "loading", "disabled", "attributes"], outputs: ["click", "focus", "blur", "abpClick", "abpFocus", "abpBlur"] }, { kind: "component", type: i3.ModalComponent, selector: "abp-modal", inputs: ["visible", "busy", "options", "suppressUnsavedChangesWarning"], outputs: ["visibleChange", "init", "appear", "disappear"] }, { kind: "directive", type: i3.ModalCloseDirective, selector: "[abpClose]" }, { kind: "directive", type: i11$1.NgbNavContent, selector: "ng-template[ngbNavContent]" }, { kind: "directive", type: i11$1.NgbNav, selector: "[ngbNav]", inputs: ["activeId", "animation", "destroyOnHide", "orientation", "roles", "keyboard"], outputs: ["activeIdChange", "shown", "hidden", "navChange"], exportAs: ["ngbNav"] }, { kind: "directive", type: i11$1.NgbNavItem, selector: "[ngbNavItem]", inputs: ["destroyOnHide", "disabled", "domId", "ngbNavItem"], outputs: ["shown", "hidden"], exportAs: ["ngbNavItem"] }, { kind: "directive", type: i11$1.NgbNavItemRole, selector: "[ngbNavItem]:not(ng-container)" }, { kind: "directive", type: i11$1.NgbNavLinkButton, selector: "button[ngbNavLink]" }, { kind: "directive", type: i11$1.NgbNavLinkBase, selector: "[ngbNavLink]" }, { kind: "component", type: i11$1.NgbNavOutlet, selector: "[ngbNavOutlet]", inputs: ["paneRole", "ngbNavOutlet"] }, { kind: "directive", type: i11$1.NgbAccordionButton, selector: "button[ngbAccordionButton]" }, { kind: "directive", type: i11$1.NgbAccordionDirective, selector: "[ngbAccordion]", inputs: ["animation", "closeOthers", "destroyOnHide"], outputs: ["show", "shown", "hide", "hidden"], exportAs: ["ngbAccordion"] }, { kind: "directive", type: i11$1.NgbAccordionItem, selector: "[ngbAccordionItem]", inputs: ["ngbAccordionItem", "destroyOnHide", "disabled", "collapsed"], outputs: ["show", "shown", "hide", "hidden"], exportAs: ["ngbAccordionItem"] }, { kind: "directive", type: i11$1.NgbAccordionHeader, selector: "[ngbAccordionHeader]" }, { kind: "directive", type: i11$1.NgbAccordionBody, selector: "[ngbAccordionBody]" }, { kind: "directive", type: i11$1.NgbAccordionCollapse, selector: "[ngbAccordionCollapse]", exportAs: ["ngbAccordionCollapse"] }, { kind: "directive", type: i11$1.NgbDropdown, selector: "[ngbDropdown]", inputs: ["autoClose", "dropdownClass", "open", "placement", "popperOptions", "container", "display"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { kind: "directive", type: i11$1.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { kind: "directive", type: i11$1.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { kind: "directive", type: i11$1.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["tabindex", "disabled"] }, { kind: "component", type: i14.PageComponent, selector: "abp-page", inputs: ["title", "toolbar", "breadcrumb"] }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: CreateOrEditComponent, decorators: [{
             type: Component,
@@ -2372,8 +2603,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImpor
                             provide: EXTENSIONS_IDENTIFIER,
                             useValue: ECmsComponent.SectionsCreateOrEdit,
                         },
-                    ], template: "<form class=\"row g-3 needs-validation\" [formGroup]=\"newEntity\" (keydown.enter)=\"$event.preventDefault()\" [class]=\"{'was-validated':formValidation}\"  (submit)=\"save()\">\n    <abp-page [title]=\"entryTypesId ? ('AbpUi::Edit' | abpLocalization):('Cms::New' | abpLocalization)\"\n        [toolbar]=\"true\">\n        <div class=\"create-or-edit-entry-type-page\">\n            <div class=\"card\">\n                <button type=\"submit\" style=\"display: none;\" #submitclick></button>\n                <div class=\"card-body\">\n                    <div class=\"\">\n                        <div class=\"mb-3\">\n                            <label class=\"form-label\">{{'Cms::DisplayName' | abpLocalization}}</label>\n                            <input type=\"text\" class=\"form-control\" formControlName=\"displayName\"\n                                (blur)=\"disPlayNameInputBlur($event)\" placeholder=\"\" />\n                        </div>\n                        <div class=\"mb-3\">\n                            <label class=\"form-label\">{{'Cms::Name' | abpLocalization}}</label>\n                            <input type=\"text\" class=\"form-control\" formControlName=\"name\" placeholder=\"\" />\n                        </div>\n                        <div formArrayName=\"fieldTabs\">\n                            <div class=\"mb-3\">\n                                <label class=\"form-label\">{{'Cms::FieldLayout' | abpLocalization}}</label>\n                                <div class=\"container\">\n                                    <div class=\"row\">\n                                        <div class=\"col-sm-8\">\n                                            <ul ngbNav #nav=\"ngbNav\" [(activeId)]=\"navActive\" class=\"nav nav-tabs\">\n                                                <ng-container *ngFor=\"let item of resultSource; let i = index\">\n                                                    <li [ngbNavItem]=\"i\">\n                                                        <button type=\"button\" ngbDropdown ngbNavLink>\n                                                            {{ item.name }}\n                                                            <span class=\"ms-1\" (click.stop)=\"$event.stopPropagation()\"\n                                                                ngbDropdownToggle></span>\n                                                            <div ngbDropdownMenu style=\"z-index: 999;\">\n                                                    <li ngbDropdownItem type=\"button\"\n                                                        (click.stop)=\"editFieldTabs(item,i)\">\n                                                        <i class=\"fas fa-edit\"></i>\n                                                        {{'AbpUi::Edit' | abpLocalization}}\n                                                    </li>\n                                                    <li ngbDropdownItem *ngIf=\"resultSource.length !== 1\" type=\"button\"\n                                                        (click.stop)=\"deleteFieldTabs(i)\">\n                                                        <i class=\"fas fa-trash\"></i>\n                                                        {{'AbpUi::Delete' | abpLocalization}}\n                                                    </li>\n                                        </div>\n                                        </button>\n                                        <ng-template ngbNavContent>\n                                            <div class=\"p-2\" ondragover=\"event.preventDefault();\"\n                                                (drop)=\"dragToResultSourceDropped(item,i)\" style=\"height: 100%;\">\n                                                <p  class=\"form-text text-muted\" *ngIf=\"item.fields.length === 0\">\n                                                    {{'Cms::DragAndDropFieldTips' | abpLocalization}}\n                                                </p>\n                                                <ul class=\"list-group\" style=\"height: 100%;\">\n                                                    <ng-container *ngFor=\"let el of item.fields; let iel = index\">\n                                                        <li draggable=\"true\" (dragstart)=\"fromResultSourceDragStart(el)\"\n                                                            (drop)=\"dragToResultSourceItemDropped(iel)\"\n                                                            class=\"list-group-item d-flex align-items-center justify-content-between py-1\"\n                                                            style=\"position: unset;\">\n                                                            {{ el.displayName }}\n                                                            <button class=\"p-0 btn btn-sm btn-light\"\n                                                                (click.stop)=\"EditFieldModalOpen(el,iel)\"\n                                                                type=\"button\"><i class=\"fas fa-wrench p-sm-1\"\n                                                                    role=\"button\"></i></button>\n                                                        </li>\n                                                    </ng-container>\n                                                </ul>\n\n                                            </div>\n                                        </ng-template>\n                                        </li>\n                                        </ng-container>\n                                        <li class=\"nav-item\" role=\"presentation\">\n                                            <button type=\"button\" class=\"nav-link\" (click.stop)=\"addFieldTabs()\">\n                                                <i class=\"fas fa-plus-circle\"></i>\n                                                {{'Cms::NewTab' | abpLocalization}}\n                                            </button>\n                                        </li>\n                                        </ul>\n                                        <div [ngbNavOutlet]=\"nav\" class=\"mt-2 bordernNavs p-0\"></div>\n                                    </div>\n                                    <div class=\"col-sm-4\">\n                                        <div ngbAccordion #accordion=\"ngbAccordion\" ondragover=\"event.preventDefault();\"\n                                            (drop)=\"dragToDataSourceDropped()\" style=\"min-height: 80px;\">\n                                            <ng-container *ngFor=\"let item of fieldGroupList; let i = index\">\n                                                <div [ngbAccordionItem]=\"item.name\" *ngIf=\"item.fields.length > 0\">\n                                                    <h2 ngbAccordionHeader>\n                                                        <button ngbAccordionButton>{{\n                                                            ('Cms::'+item.name) | abpLocalization }}</button>\n                                                    </h2>\n                                                    <div ngbAccordionCollapse>\n                                                        <div ngbAccordionBody>\n                                                            <ng-template>\n                                                                <ul class=\"list-group\">\n                                                                    <ng-container\n                                                                        *ngFor=\"let el of item.fields; let ii = index\">\n                                                                        <li draggable=\"true\"\n                                                                            (dragstart)=\"fromDataSourceDragStart(el,ii,i)\"\n                                                                            class=\"list-group-item\">\n                                                                            {{ el.displayName }}\n                                                                        </li>\n                                                                    </ng-container>\n                                                                </ul>\n                                                            </ng-template>\n                                                        </div>\n                                                    </div>\n                                                </div>\n                                            </ng-container>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n\n            </div>\n        </div>\n\n\n        </div>\n    </abp-page>\n\n</form>\n\n<abp-modal [(visible)]=\"visibleTabsOpen\" [busy]=\"modalBusy\" (visibleChange)=\"VisibleTabsChange($event)\">\n    <ng-template #abpHeader>\n        <h3>{{ editFieldTabsSelect ? ('AbpUi::Edit' | abpLocalization):('Cms::New' | abpLocalization)}}</h3>22\n    </ng-template>\n    <ng-template #abpBody>\n        <ng-template #loaderRef>\n            <div class=\"text-center\"><i class=\"fa fa-pulse fa-spinner\" aria-hidden=\"true\"></i></div>\n        </ng-template>\n        <ng-container *ngIf=\"editFieldTabsFrom; else loaderRef\">\n            <form class=\"sites-modal-form\" [formGroup]=\"editFieldTabsFrom\" (keydown.enter)=\"$event.preventDefault()\" [class]=\"{'was-validated':formValidation}\" (submit)=\"editFieldTabsSave()\">\n                <button type=\"submit\" #editFieldTabsModalSubmitBtn style=\"display: none\"></button>\n                <div class=\"mb-3\">\n                    <label class=\"form-label\">{{'Cms::Name' | abpLocalization}}</label>\n                    <input type=\"text\" class=\"form-control\" formControlName=\"name\" placeholder=\"\" />\n                </div>\n            </form>\n        </ng-container>\n    </ng-template>\n    <ng-template #abpFooter>\n        <button type=\"button\" class=\"btn btn-secondary\" abpClose>{{'AbpUi::Close' | abpLocalization}}</button>\n        <abp-button iconClass=\"fa fa-check\" \n            (click)=\"editFieldTabsModalSubmitBtn.nativeElement.click()\">{{'AbpUi::Save' | abpLocalization}}</abp-button>\n    </ng-template>\n</abp-modal>\n\n\n<abp-modal [(visible)]=\"visibleEditFieldOpen\" [busy]=\"modalBusy\" (visibleChange)=\"VisibleEditFieldChange($event)\">\n    <ng-template #abpHeader>\n        <h3>{{'AbpUi::Edit' | abpLocalization}}</h3>\n    </ng-template>\n    <ng-template #abpBody>\n        <ng-template #loaderRef>\n            <div class=\"text-center\"><i class=\"fa fa-pulse fa-spinner\" aria-hidden=\"true\"></i></div>\n        </ng-template>\n        <ng-container *ngIf=\"editFieldFrom; else loaderRef\">\n            <form class=\"sites-modal-form\" [formGroup]=\"editFieldFrom\" (keydown.enter)=\"$event.preventDefault()\" (submit)=\"editFieldSave()\">\n                <button type=\"submit\" #editFieldModalSubmitBtn style=\"display: none\"></button>\n                <div class=\"mb-3\">\n                    <label class=\"form-label\">{{'Cms::DisplayName' | abpLocalization}}</label>\n                    <input type=\"text\" class=\"form-control\" formControlName=\"displayName\" placeholder=\"\" />\n                </div>\n                <div class=\"mb-3\">\n                    <div class=\"form-check form-check-inline\">\n                        <input class=\"form-check-input\" type=\"checkbox\" value=\"true\" formControlName=\"required\"\n                            id=\"required\" />\n                        <label class=\"form-check-label\" for=\"required\"> {{'Cms::Required' | abpLocalization}} </label>\n                    </div>\n                </div>\n                <div class=\"mb-3\">\n                    <div class=\"form-check form-check-inline\">\n                        <input class=\"form-check-input\" type=\"checkbox\" value=\"true\" formControlName=\"showOnList\"\n                            id=\"showOnList\" />\n                        <label class=\"form-check-label\" for=\"showOnList\"> {{'Cms::ShowOnList' | abpLocalization}}\n                        </label>\n                    </div>\n                </div>\n            </form>\n        </ng-container>\n    </ng-template>\n    <ng-template #abpFooter>\n        <button type=\"button\" class=\"btn btn-secondary\" abpClose>{{'AbpUi::Close' | abpLocalization}}</button>\n        <abp-button iconClass=\"fa fa-check\" [disabled]=\"!editFieldFrom.valid\"\n            (click)=\"editFieldModalSubmitBtn.nativeElement.click()\">{{'AbpUi::Save' | abpLocalization}}</abp-button>\n    </ng-template>\n</abp-modal>", styles: ["::ng-deep .create-or-edit-entry-type-page .dignite_page{height:calc(100vh - 125px);overflow:auto}::ng-deep .create-or-edit-entry-type-page .form-control,::ng-deep .create-or-edit-entry-type-page .form-select{padding:.475rem 1.25rem}::ng-deep .create-or-edit-entry-type-page .cursor-move{cursor:move}::ng-deep .create-or-edit-entry-type-page .bordernNavs{border:var(--bs-border-width) solid var(--lpx-border-color);padding-left:inherit;padding-right:inherit;height:calc(100% - 60px)}::ng-deep .create-or-edit-entry-type-page .tab-pane{height:100%}\n"] }]
-        }], ctorParameters: () => [{ type: i3.ToasterService }, { type: i1$1.Location }, { type: i4.ActivatedRoute }, { type: FieldGroupAdminService }, { type: FieldAdminService }, { type: EntryTypeAdminService }, { type: i1.LocalizationService }, { type: CmsApiService }], propDecorators: { submitclick: [{
+                    ], template: "<form class=\"row g-3 needs-validation\" [formGroup]=\"newEntity\" (keydown.enter)=\"$event.preventDefault()\" [class]=\"{'was-validated':formValidation}\"  (submit)=\"save()\">\n    <abp-page [title]=\"entryTypesId ? ('AbpUi::Edit' | abpLocalization):('Cms::New' | abpLocalization)\"\n        [toolbar]=\"true\">\n        <div class=\"create-or-edit-entry-type-page\">\n            <div class=\"card\">\n                <button type=\"submit\" style=\"display: none;\" #submitclick></button>\n                <div class=\"card-body\">\n                    <div class=\"\">\n                        <div class=\"mb-3\">\n                            <label class=\"form-label\">{{'Cms::DisplayName' | abpLocalization}}</label>\n                            <input type=\"text\" class=\"form-control\" formControlName=\"displayName\"\n                                (blur)=\"disPlayNameInputBlur($event)\" placeholder=\"\" />\n                        </div>\n                        <div class=\"mb-3\">\n                            <label class=\"form-label\">{{'Cms::Name' | abpLocalization}}</label>\n                            <input type=\"text\" class=\"form-control\" formControlName=\"name\" placeholder=\"\" />\n                        </div>\n                        <div formArrayName=\"fieldTabs\">\n                            <div class=\"mb-3\">\n                                <label class=\"form-label\">{{'Cms::FieldLayout' | abpLocalization}}</label>\n                                <div class=\"container\">\n                                    <div class=\"row\">\n                                        <div class=\"col-sm-8\">\n                                            <ul ngbNav #nav=\"ngbNav\" [(activeId)]=\"navActive\" class=\"nav nav-tabs\">\n                                                <ng-container *ngFor=\"let item of resultSource; let i = index\">\n                                                    <li [ngbNavItem]=\"i\">\n                                                        <button type=\"button\" ngbDropdown ngbNavLink>\n                                                            {{ item.name }}\n                                                            <span class=\"ms-1\" (click.stop)=\"$event.stopPropagation()\"\n                                                                ngbDropdownToggle></span>\n                                                            <div ngbDropdownMenu style=\"z-index: 999;\">\n                                                    <li ngbDropdownItem type=\"button\"\n                                                        (click.stop)=\"editFieldTabs(item,i)\">\n                                                        <i class=\"fas fa-edit\"></i>\n                                                        {{'AbpUi::Edit' | abpLocalization}}\n                                                    </li>\n                                                    <li ngbDropdownItem *ngIf=\"resultSource.length !== 1\" type=\"button\"\n                                                        (click.stop)=\"deleteFieldTabs(i)\">\n                                                        <i class=\"fas fa-trash\"></i>\n                                                        {{'AbpUi::Delete' | abpLocalization}}\n                                                    </li>\n                                        </div>\n                                        </button>\n                                        <ng-template ngbNavContent>\n                                            <div class=\"p-2\" ondragover=\"event.preventDefault();\"\n                                                (drop)=\"dragToResultSourceDropped(item,i)\" style=\"height: 100%;\">\n                                                <p  class=\"form-text text-muted\" *ngIf=\"item.fields.length === 0\">\n                                                    {{'Cms::DragAndDropFieldTips' | abpLocalization}}\n                                                </p>\n                                                <ul class=\"list-group\" style=\"height: 100%;\">\n                                                    <ng-container *ngFor=\"let el of item.fields; let iel = index\">\n                                                        <li draggable=\"true\" (dragstart)=\"fromResultSourceDragStart(el)\"\n                                                            (drop)=\"dragToResultSourceItemDropped(iel)\"\n                                                            class=\"list-group-item d-flex align-items-center justify-content-between py-1\"\n                                                            style=\"position: unset;\">\n                                                            {{ el.displayName }}\n                                                            <button class=\"p-0 btn btn-sm btn-light\"\n                                                                (click.stop)=\"EditFieldModalOpen(el,iel)\"\n                                                                type=\"button\"><i class=\"fas fa-wrench p-sm-1\"\n                                                                    role=\"button\"></i></button>\n                                                        </li>\n                                                    </ng-container>\n                                                </ul>\n\n                                            </div>\n                                        </ng-template>\n                                        </li>\n                                        </ng-container>\n                                        <li class=\"nav-item\" role=\"presentation\">\n                                            <button type=\"button\" class=\"nav-link\" (click.stop)=\"addFieldTabs()\">\n                                                <i class=\"fas fa-plus-circle\"></i>\n                                                {{'Cms::NewTab' | abpLocalization}}\n                                            </button>\n                                        </li>\n                                        </ul>\n                                        <div [ngbNavOutlet]=\"nav\" class=\"mt-2 bordernNavs p-0\"></div>\n                                    </div>\n                                    <div class=\"col-sm-4\">\n                                        <div ngbAccordion #accordion=\"ngbAccordion\" ondragover=\"event.preventDefault();\"\n                                            (drop)=\"dragToDataSourceDropped()\" style=\"min-height: 80px;\">\n                                            <ng-container *ngFor=\"let item of fieldGroupList; let i = index\">\n                                                <div [ngbAccordionItem]=\"item.name\" *ngIf=\"item.fields.length > 0\">\n                                                    <h2 ngbAccordionHeader>\n                                                        <button ngbAccordionButton>{{\n                                                            ('Cms::'+item.name) | abpLocalization }}</button>\n                                                    </h2>\n                                                    <div ngbAccordionCollapse>\n                                                        <div ngbAccordionBody>\n                                                            <ng-template>\n                                                                <ul class=\"list-group\">\n                                                                    <ng-container\n                                                                        *ngFor=\"let el of item.fields; let ii = index\">\n                                                                        <li draggable=\"true\"\n                                                                            (dragstart)=\"fromDataSourceDragStart(el,ii,i)\"\n                                                                            class=\"list-group-item\">\n                                                                            {{ el.displayName }}\n                                                                        </li>\n                                                                    </ng-container>\n                                                                </ul>\n                                                            </ng-template>\n                                                        </div>\n                                                    </div>\n                                                </div>\n                                            </ng-container>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n\n            </div>\n        </div>\n\n\n        </div>\n    </abp-page>\n\n</form>\n\n<abp-modal [(visible)]=\"visibleTabsOpen\" [busy]=\"modalBusy\" (visibleChange)=\"VisibleTabsChange($event)\">\n    <ng-template #abpHeader>\n        <h3>{{ editFieldTabsSelect ? ('AbpUi::Edit' | abpLocalization):('Cms::New' | abpLocalization)}}</h3>22\n    </ng-template>\n    <ng-template #abpBody>\n        <ng-template #loaderRef>\n            <div class=\"text-center\"><i class=\"fa fa-pulse fa-spinner\" aria-hidden=\"true\"></i></div>\n        </ng-template>\n        <ng-container *ngIf=\"editFieldTabsFrom; else loaderRef\">\n            <form class=\"sites-modal-form\" [formGroup]=\"editFieldTabsFrom\" (keydown.enter)=\"$event.preventDefault()\" [class]=\"{'was-validated':formValidation}\" (submit)=\"editFieldTabsSave()\">\n                <button type=\"submit\" #editFieldTabsModalSubmitBtn style=\"display: none\"></button>\n                <div class=\"mb-3\">\n                    <label class=\"form-label\">{{'Cms::Name' | abpLocalization}}</label>\n                    <input type=\"text\" class=\"form-control\" formControlName=\"name\" placeholder=\"\" />\n                </div>\n            </form>\n        </ng-container>\n    </ng-template>\n    <ng-template #abpFooter>\n        <button type=\"button\" class=\"btn btn-secondary\" abpClose>{{'AbpUi::Close' | abpLocalization}}</button>\n        <abp-button iconClass=\"fa fa-check\" \n            (click)=\"editFieldTabsModalSubmitBtn.nativeElement.click()\">{{'AbpUi::Save' | abpLocalization}}</abp-button>\n    </ng-template>\n</abp-modal>\n\n\n<abp-modal [(visible)]=\"visibleEditFieldOpen\" [busy]=\"modalBusy\" (visibleChange)=\"VisibleEditFieldChange($event)\">\n    <ng-template #abpHeader>\n        <h3>{{'AbpUi::Edit' | abpLocalization}}</h3>\n    </ng-template>\n    <ng-template #abpBody>\n        <ng-template #loaderRef>\n            <div class=\"text-center\"><i class=\"fa fa-pulse fa-spinner\" aria-hidden=\"true\"></i></div>\n        </ng-template>\n        <ng-container *ngIf=\"editFieldFrom; else loaderRef\">\n            <form class=\"sites-modal-form\" [formGroup]=\"editFieldFrom\" (keydown.enter)=\"$event.preventDefault()\" (submit)=\"editFieldSave()\">\n                <button type=\"submit\" #editFieldModalSubmitBtn style=\"display: none\"></button>\n                <div class=\"mb-3\">\n                    <label class=\"form-label\">{{'Cms::DisplayName' | abpLocalization}}</label>\n                    <input type=\"text\" class=\"form-control\" formControlName=\"displayName\" placeholder=\"\" />\n                </div>\n                <div class=\"mb-3\">\n                    <div class=\"form-check form-check-inline\">\n                        <input class=\"form-check-input\" type=\"checkbox\" value=\"true\" formControlName=\"required\"\n                            id=\"required\" />\n                        <label class=\"form-check-label\" for=\"required\"> {{'Cms::Required' | abpLocalization}} </label>\n                    </div>\n                </div>\n                @if(isShowInList){\n                    <div class=\"mb-3\">\n                        <div class=\"form-check form-check-inline\">\n                            <input class=\"form-check-input\" type=\"checkbox\" value=\"true\" formControlName=\"showInList\"\n                                id=\"showInList\" />\n                            <label class=\"form-check-label\" for=\"showInList\"> {{'Cms::ShowInList' | abpLocalization}}\n                            </label>\n                        </div>\n                    </div>\n                }\n                @if(isEnableSearch){\n                <div class=\"mb-3\">\n                    <div class=\"form-check form-check-inline\">\n                        <input class=\"form-check-input\" type=\"checkbox\" value=\"true\" formControlName=\"enableSearch\"\n                            id=\"enableSearch\" />\n                        <label class=\"form-check-label\" for=\"enableSearch\"> {{'Cms::EnableSearch' | abpLocalization}}\n                        </label>\n                    </div>\n                </div>\n            }\n            </form>\n        </ng-container>\n    </ng-template>\n    <ng-template #abpFooter>\n        <button type=\"button\" class=\"btn btn-secondary\" abpClose>{{'AbpUi::Close' | abpLocalization}}</button>\n        <abp-button iconClass=\"fa fa-check\" [disabled]=\"!editFieldFrom.valid\"\n            (click)=\"editFieldModalSubmitBtn.nativeElement.click()\">{{'AbpUi::Save' | abpLocalization}}</abp-button>\n    </ng-template>\n</abp-modal>", styles: ["::ng-deep .create-or-edit-entry-type-page .dignite_page{height:calc(100vh - 125px);overflow:auto}::ng-deep .create-or-edit-entry-type-page .form-control,::ng-deep .create-or-edit-entry-type-page .form-select{padding:.475rem 1.25rem}::ng-deep .create-or-edit-entry-type-page .cursor-move{cursor:move}::ng-deep .create-or-edit-entry-type-page .bordernNavs{border:var(--bs-border-width) solid var(--lpx-border-color);padding-left:inherit;padding-right:inherit;height:calc(100% - 60px)}::ng-deep .create-or-edit-entry-type-page .tab-pane{height:100%}\n"] }]
+        }], ctorParameters: () => [{ type: i3.ToasterService }, { type: i1$1.Location }, { type: i4.ActivatedRoute }, { type: FieldGroupAdminService }, { type: FieldAdminService }, { type: EntryTypeAdminService }, { type: i1.LocalizationService }, { type: CmsApiService }, { type: FormControlsService }], propDecorators: { submitclick: [{
                 type: ViewChild,
                 args: ['submitclick', { static: true }]
             }], editFieldTabsModalSubmitBtn: [{
@@ -2522,6 +2753,7 @@ class EntryControlComponent {
         /** */
         this.listOfOption = [];
         this.cdr = inject(ChangeDetectorRef);
+        this.listOfSelectedValue = '';
     }
     set entity(v) {
         this._entity = v;
@@ -2557,12 +2789,21 @@ class EntryControlComponent {
             if (this._fields.required) {
                 ValidatorsArray.push(Validators.required);
             }
+            if (!this._fields.field.formConfiguration['Entry.Multiple']) {
+                this.listOfSelectedValue = this._selected[0];
+            }
             let newControl = this.fb.control(this._selected, ValidatorsArray);
             let extraProperties = this._entity.get(this._parentFiledName);
             extraProperties.setControl(this._fields.field.name, newControl);
             resolve(true);
         });
     }
+    get selectInput() {
+        return this._entity?.get(this._parentFiledName)?.get(this._fields.field.name);
+    }
+    ModelChange(event) {
+        this.selectInput.patchValue([event]);
+    }
     /**获取对应的条目 */
     getEntryAssignList(filter = '') {
         return new Promise((resolve, rejects) => {
@@ -2575,7 +2816,7 @@ class EntryControlComponent {
                 status: EntryStatus.Published,
                 filter: filter,
             })
-                .subscribe(res => {
+                .subscribe((res) => {
                 this.listOfOption = res.items;
                 resolve(true);
             });
@@ -2586,11 +2827,11 @@ class EntryControlComponent {
         await this.getEntryAssignList(event);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: EntryControlComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: EntryControlComponent, selector: "cms-entry-control", inputs: { entity: "entity", fields: "fields", parentFiledName: "parentFiledName", selected: "selected", culture: "culture" }, viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<form [formGroup]=\"_entity\">\r\n    <div [formGroupName]=\"_parentFiledName\" class=\"entry-control-page\">\r\n        <div class=\"mb-3\">\r\n            <label class=\"form-label\" *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\r\n            <ng-container *ngIf=\"_fields.field.formConfiguration['Entry.Multiple']; else elseTemplate\">\r\n                    <nz-select class=\"form-select form-select-multiple\" [nzMaxTagCount]=\"5\" (nzOnSearch)=\"SelectChange($event)\" nzShowSearch  nzMode=\"multiple\"  [nzPlaceHolder]=\"_fields.field.formConfiguration['Entry.Placeholder']\"\r\n                    formControlName=\"{{_fields.field.name}}\">\r\n                        <nz-option *ngFor=\"let item of listOfOption\" [nzLabel]=\"item.title\" [nzValue]=\"item.id\"></nz-option>\r\n                    </nz-select>\r\n            </ng-container>\r\n            <ng-template #elseTemplate>\r\n                <div class=\"form-select\">\r\n                    <nz-select class=\"form-select  form-select-multiple \" nzShowSearch\r\n                    (ngModelChange)=\"SelectChange($event)\"\r\n                    [nzPlaceHolder]=\"_fields.field.formConfiguration['Entry.Placeholder']\" [ngModel]=\"listOfSelectedValue\" [ngModelOptions]=\"{standalone: true}\"> \r\n                    <nz-option *ngFor=\"let item of listOfOption\" [nzLabel]=\"item.name\" [nzValue]=\"item.id\"></nz-option>\r\n                </nz-select>\r\n                </div>\r\n            </ng-template>\r\n\r\n            <small class=\"form-text text-muted d-block\" *ngIf=\"_fields.field.description\">{{_fields.field.description}}</small>\r\n        </div>\r\n    </div>\r\n    <button type=\"submit\" style=\"display: none;\" #submitclick></button>\r\n</form>", styles: ["::ng-deep .entry-control-page .form-select{padding:0}::ng-deep .entry-control-page nz-select{width:100%}::ng-deep .entry-control-page nz-select .ant-select-selector{background:transparent!important;border:none!important;padding:.275rem 1.25rem!important;box-shadow:none!important;height:auto!important}::ng-deep .entry-control-page nz-select .anticon-search,::ng-deep .entry-control-page nz-select .anticon-down{display:none}::ng-deep .was-validated .form-select-multiple{border-color:#4fbf67;padding-right:calc(1.5em + 1.35rem);background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%234fbf67' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e\");background-repeat:no-repeat;background-position:right calc(.375em + .3375rem) center;background-size:calc(.75em + .675rem) calc(.75em + .675rem)}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$2.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i5.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i5.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "component", type: i4$1.NzOptionComponent, selector: "nz-option", inputs: ["nzTitle", "nzLabel", "nzValue", "nzKey", "nzDisabled", "nzHide", "nzCustomContent"], exportAs: ["nzOption"] }, { kind: "component", type: i4$1.NzSelectComponent, selector: "nz-select", inputs: ["nzId", "nzSize", "nzStatus", "nzOptionHeightPx", "nzOptionOverflowSize", "nzDropdownClassName", "nzDropdownMatchSelectWidth", "nzDropdownStyle", "nzNotFoundContent", "nzPlaceHolder", "nzPlacement", "nzMaxTagCount", "nzDropdownRender", "nzCustomTemplate", "nzSuffixIcon", "nzClearIcon", "nzRemoveIcon", "nzMenuItemSelectedIcon", "nzTokenSeparators", "nzMaxTagPlaceholder", "nzMaxMultipleCount", "nzMode", "nzFilterOption", "compareWith", "nzAllowClear", "nzBorderless", "nzShowSearch", "nzLoading", "nzAutoFocus", "nzAutoClearSearchValue", "nzServerSearch", "nzDisabled", "nzOpen", "nzSelectOnTab", "nzBackdrop", "nzOptions", "nzShowArrow"], outputs: ["nzOnSearch", "nzScrollToBottom", "nzOpenChange", "nzBlur", "nzFocus"], exportAs: ["nzSelect"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: EntryControlComponent, selector: "cms-entry-control", inputs: { entity: "entity", fields: "fields", parentFiledName: "parentFiledName", selected: "selected", culture: "culture" }, viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<form [formGroup]=\"_entity\">\r\n    <div [formGroupName]=\"_parentFiledName\" class=\"entry-control-page\">\r\n        <div class=\"mb-3\">\r\n            <label class=\"form-label\" *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\r\n            <ng-container *ngIf=\"_fields.field.formConfiguration['Entry.Multiple']; else elseTemplate\">\r\n                    <nz-select class=\"form-select form-select-multiple\" [nzMaxTagCount]=\"1\" (nzOnSearch)=\"SelectChange($event)\" nzShowSearch  nzMode=\"multiple\"  [nzPlaceHolder]=\"_fields.field.formConfiguration['Entry.Placeholder']\"\r\n                    formControlName=\"{{_fields.field.name}}\">\r\n                        <nz-option *ngFor=\"let item of listOfOption\" [nzLabel]=\"item.title\" [nzValue]=\"item.id\"></nz-option>\r\n                    </nz-select>\r\n            </ng-container>\r\n            <ng-template #elseTemplate>\r\n                    <nz-select class=\"form-select form-select-multiple\" [nzMaxTagCount]=\"1\" (nzOnSearch)=\"SelectChange($event)\" nzShowSearch    [nzPlaceHolder]=\"_fields.field.formConfiguration['Entry.Placeholder']\"\r\n                    [ngModel]=\"listOfSelectedValue\" [ngModelOptions]=\"{standalone: true}\" (ngModelChange)=\"ModelChange($event)\">\r\n                        <nz-option *ngFor=\"let item of listOfOption\" [nzLabel]=\"item.title\" [nzValue]=\"item.id\"></nz-option>\r\n                    </nz-select>\r\n            </ng-template>\r\n            <small class=\"form-text text-muted d-block\" *ngIf=\"_fields.field.description\">{{_fields.field.description}}</small>\r\n        </div>\r\n    </div>\r\n    <button type=\"submit\" style=\"display: none;\" #submitclick></button>\r\n</form>", styles: ["::ng-deep .entry-control-page nz-select.form-select{padding:0}::ng-deep .entry-control-page nz-select{width:100%}::ng-deep .entry-control-page nz-select .ant-select-selector{background:transparent!important;border:none!important;padding:.475rem 1.25rem!important;box-shadow:none!important;height:auto!important}::ng-deep .entry-control-page nz-select .anticon-search,::ng-deep .entry-control-page nz-select .anticon-down{display:none}::ng-deep .entry-control-page .ant-select-multiple .ant-select-selection-item{max-width:40%!important}::ng-deep .was-validated .form-select-multiple{border-color:#4fbf67;padding-right:calc(1.5em + 1.35rem);background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%234fbf67' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e\");background-repeat:no-repeat;background-position:right calc(.375em + .3375rem) center;background-size:calc(.75em + .675rem) calc(.75em + .675rem)}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$2.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i5.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i5.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "component", type: i4$1.NzOptionComponent, selector: "nz-option", inputs: ["nzTitle", "nzLabel", "nzValue", "nzKey", "nzDisabled", "nzHide", "nzCustomContent"], exportAs: ["nzOption"] }, { kind: "component", type: i4$1.NzSelectComponent, selector: "nz-select", inputs: ["nzId", "nzSize", "nzStatus", "nzOptionHeightPx", "nzOptionOverflowSize", "nzDropdownClassName", "nzDropdownMatchSelectWidth", "nzDropdownStyle", "nzNotFoundContent", "nzPlaceHolder", "nzPlacement", "nzMaxTagCount", "nzDropdownRender", "nzCustomTemplate", "nzSuffixIcon", "nzClearIcon", "nzRemoveIcon", "nzMenuItemSelectedIcon", "nzTokenSeparators", "nzMaxTagPlaceholder", "nzMaxMultipleCount", "nzMode", "nzFilterOption", "compareWith", "nzAllowClear", "nzBorderless", "nzShowSearch", "nzLoading", "nzAutoFocus", "nzAutoClearSearchValue", "nzServerSearch", "nzDisabled", "nzOpen", "nzSelectOnTab", "nzBackdrop", "nzOptions", "nzShowArrow"], outputs: ["nzOnSearch", "nzScrollToBottom", "nzOpenChange", "nzBlur", "nzFocus"], exportAs: ["nzSelect"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: EntryControlComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'cms-entry-control', template: "<form [formGroup]=\"_entity\">\r\n    <div [formGroupName]=\"_parentFiledName\" class=\"entry-control-page\">\r\n        <div class=\"mb-3\">\r\n            <label class=\"form-label\" *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\r\n            <ng-container *ngIf=\"_fields.field.formConfiguration['Entry.Multiple']; else elseTemplate\">\r\n                    <nz-select class=\"form-select form-select-multiple\" [nzMaxTagCount]=\"5\" (nzOnSearch)=\"SelectChange($event)\" nzShowSearch  nzMode=\"multiple\"  [nzPlaceHolder]=\"_fields.field.formConfiguration['Entry.Placeholder']\"\r\n                    formControlName=\"{{_fields.field.name}}\">\r\n                        <nz-option *ngFor=\"let item of listOfOption\" [nzLabel]=\"item.title\" [nzValue]=\"item.id\"></nz-option>\r\n                    </nz-select>\r\n            </ng-container>\r\n            <ng-template #elseTemplate>\r\n                <div class=\"form-select\">\r\n                    <nz-select class=\"form-select  form-select-multiple \" nzShowSearch\r\n                    (ngModelChange)=\"SelectChange($event)\"\r\n                    [nzPlaceHolder]=\"_fields.field.formConfiguration['Entry.Placeholder']\" [ngModel]=\"listOfSelectedValue\" [ngModelOptions]=\"{standalone: true}\"> \r\n                    <nz-option *ngFor=\"let item of listOfOption\" [nzLabel]=\"item.name\" [nzValue]=\"item.id\"></nz-option>\r\n                </nz-select>\r\n                </div>\r\n            </ng-template>\r\n\r\n            <small class=\"form-text text-muted d-block\" *ngIf=\"_fields.field.description\">{{_fields.field.description}}</small>\r\n        </div>\r\n    </div>\r\n    <button type=\"submit\" style=\"display: none;\" #submitclick></button>\r\n</form>", styles: ["::ng-deep .entry-control-page .form-select{padding:0}::ng-deep .entry-control-page nz-select{width:100%}::ng-deep .entry-control-page nz-select .ant-select-selector{background:transparent!important;border:none!important;padding:.275rem 1.25rem!important;box-shadow:none!important;height:auto!important}::ng-deep .entry-control-page nz-select .anticon-search,::ng-deep .entry-control-page nz-select .anticon-down{display:none}::ng-deep .was-validated .form-select-multiple{border-color:#4fbf67;padding-right:calc(1.5em + 1.35rem);background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%234fbf67' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e\");background-repeat:no-repeat;background-position:right calc(.375em + .3375rem) center;background-size:calc(.75em + .675rem) calc(.75em + .675rem)}\n"] }]
+            args: [{ selector: 'cms-entry-control', template: "<form [formGroup]=\"_entity\">\r\n    <div [formGroupName]=\"_parentFiledName\" class=\"entry-control-page\">\r\n        <div class=\"mb-3\">\r\n            <label class=\"form-label\" *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\r\n            <ng-container *ngIf=\"_fields.field.formConfiguration['Entry.Multiple']; else elseTemplate\">\r\n                    <nz-select class=\"form-select form-select-multiple\" [nzMaxTagCount]=\"1\" (nzOnSearch)=\"SelectChange($event)\" nzShowSearch  nzMode=\"multiple\"  [nzPlaceHolder]=\"_fields.field.formConfiguration['Entry.Placeholder']\"\r\n                    formControlName=\"{{_fields.field.name}}\">\r\n                        <nz-option *ngFor=\"let item of listOfOption\" [nzLabel]=\"item.title\" [nzValue]=\"item.id\"></nz-option>\r\n                    </nz-select>\r\n            </ng-container>\r\n            <ng-template #elseTemplate>\r\n                    <nz-select class=\"form-select form-select-multiple\" [nzMaxTagCount]=\"1\" (nzOnSearch)=\"SelectChange($event)\" nzShowSearch    [nzPlaceHolder]=\"_fields.field.formConfiguration['Entry.Placeholder']\"\r\n                    [ngModel]=\"listOfSelectedValue\" [ngModelOptions]=\"{standalone: true}\" (ngModelChange)=\"ModelChange($event)\">\r\n                        <nz-option *ngFor=\"let item of listOfOption\" [nzLabel]=\"item.title\" [nzValue]=\"item.id\"></nz-option>\r\n                    </nz-select>\r\n            </ng-template>\r\n            <small class=\"form-text text-muted d-block\" *ngIf=\"_fields.field.description\">{{_fields.field.description}}</small>\r\n        </div>\r\n    </div>\r\n    <button type=\"submit\" style=\"display: none;\" #submitclick></button>\r\n</form>", styles: ["::ng-deep .entry-control-page nz-select.form-select{padding:0}::ng-deep .entry-control-page nz-select{width:100%}::ng-deep .entry-control-page nz-select .ant-select-selector{background:transparent!important;border:none!important;padding:.475rem 1.25rem!important;box-shadow:none!important;height:auto!important}::ng-deep .entry-control-page nz-select .anticon-search,::ng-deep .entry-control-page nz-select .anticon-down{display:none}::ng-deep .entry-control-page .ant-select-multiple .ant-select-selection-item{max-width:40%!important}::ng-deep .was-validated .form-select-multiple{border-color:#4fbf67;padding-right:calc(1.5em + 1.35rem);background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%234fbf67' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e\");background-repeat:no-repeat;background-position:right calc(.375em + .3375rem) center;background-size:calc(.75em + .675rem) calc(.75em + .675rem)}\n"] }]
         }], ctorParameters: () => [], propDecorators: { entity: [{
                 type: Input
             }], fields: [{
@@ -2606,6 +2847,160 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImpor
                 args: ['submitclick', { static: true }]
             }] } });
 
+class EntryViewComponent {
+    constructor(_EntryAdminService) {
+        this._EntryAdminService = _EntryAdminService;
+        /**展示则内容 */
+        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.
+        if (this.type && this._value) {
+            if (Array.isArray(this._value)) {
+                this.showValue = await this.getListByIds(this._value);
+            }
+            else {
+                this.showValue = this._value;
+            }
+        }
+    }
+    /**获取条目详情 */
+    getListByIds(ids) {
+        return new Promise((resolve, reject) => {
+            this._EntryAdminService
+                .getListByIds(this.fields.field.formConfiguration['Entry.SectionId'], ids)
+                .subscribe((res) => {
+                let result = res.items
+                    .map((item) => {
+                    return item.title;
+                })
+                    .join(',');
+                resolve(result);
+            });
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: EntryViewComponent, deps: [{ token: EntryAdminService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.5", type: EntryViewComponent, selector: "cms-entry-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$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: EntryViewComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cms-entry-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}" }]
+        }], ctorParameters: () => [{ type: EntryAdminService }], propDecorators: { showInList: [{
+                type: Input
+            }], fields: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }] } });
+
+class EntrySearchComponent {
+    constructor() {
+        this.fb = inject(FormBuilder);
+        this._EntryAdminService = inject(EntryAdminService);
+        /**字段配置列表 */
+        this._fields = '';
+        /** */
+        this.listOfOption = [];
+        this.cdr = inject(ChangeDetectorRef);
+        this.listOfSelectedValue = '';
+    }
+    set entity(v) {
+        this._entity = v;
+        if (v)
+            this.dataLoaded();
+    }
+    set fields(v) {
+        this._fields = v;
+    }
+    set parentFiledName(v) {
+        this._parentFiledName = v;
+    }
+    set culture(v) {
+        if (v) {
+            this._culture = v;
+            // this.dataLoaded()
+        }
+    }
+    async dataLoaded() {
+        if (this._fields && this._entity && this._parentFiledName && this._culture) {
+            await this.AfterInit();
+            await this.getEntryAssignList();
+            this.cdr.detectChanges(); // 手动触发变更检测
+            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['Entry.Multiple']) {
+            //   this.listOfSelectedValue = this._selected[0];
+            // }
+            let newControl = this.fb.control([], ValidatorsArray);
+            let extraProperties = this._entity.get(this._parentFiledName);
+            extraProperties.setControl(this._fields.field.name, newControl);
+            resolve(true);
+        });
+    }
+    get selectInput() {
+        return this._entity?.get(this._parentFiledName)?.get(this._fields.field.name);
+    }
+    ModelChange(event) {
+        this.selectInput.patchValue(event ? [event] : '');
+    }
+    /**获取对应的条目 */
+    getEntryAssignList(filter = '') {
+        return new Promise((resolve, rejects) => {
+            this._EntryAdminService
+                .getList({
+                culture: this._culture,
+                sectionId: this._fields.field.formConfiguration['Entry.SectionId'],
+                skipCount: 0,
+                maxResultCount: 30,
+                status: EntryStatus.Published,
+                filter: filter,
+            })
+                .subscribe((res) => {
+                this.listOfOption = res.items;
+                resolve(true);
+            });
+        });
+    }
+    /** */
+    async SelectChange(event) {
+        await this.getEntryAssignList(event);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: EntrySearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: EntrySearchComponent, selector: "cms-entry-search", inputs: { entity: "entity", fields: "fields", parentFiledName: "parentFiledName", culture: "culture" }, viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<form [formGroup]=\"_entity\">\r\n    <div [formGroupName]=\"_parentFiledName\" class=\"entry-control-page\">\r\n        <div class=\"mb-3\">\r\n            <label class=\"form-label\" *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\r\n            <ng-container *ngIf=\"_fields.field.formConfiguration['Entry.Multiple']; else elseTemplate\">\r\n                    <nz-select class=\"form-select form-select-multiple\" [nzMaxTagCount]=\"1\" (nzOnSearch)=\"SelectChange($event)\" nzShowSearch  nzMode=\"multiple\"  [nzPlaceHolder]=\"_fields.field.formConfiguration['Entry.Placeholder']\"\r\n                    formControlName=\"{{_fields.field.name}}\">\r\n                        <nz-option *ngFor=\"let item of listOfOption\" [nzLabel]=\"item.title\" [nzValue]=\"item.id\"></nz-option>\r\n                    </nz-select>\r\n            </ng-container>\r\n            <ng-template #elseTemplate>\r\n                    <nz-select class=\"form-select form-select-multiple\" [nzMaxTagCount]=\"1\" (nzOnSearch)=\"SelectChange($event)\" nzShowSearch    [nzPlaceHolder]=\"_fields.field.formConfiguration['Entry.Placeholder']\"\r\n                    [ngModel]=\"listOfSelectedValue\" [ngModelOptions]=\"{standalone: true}\" (ngModelChange)=\"ModelChange($event)\">\r\n                    <nz-option [nzLabel]=\"\" [nzValue]=\"''\"></nz-option>\r\n                        <nz-option *ngFor=\"let item of listOfOption\" [nzLabel]=\"item.title\" [nzValue]=\"item.id\"></nz-option>\r\n                    </nz-select>\r\n            </ng-template>\r\n            <small class=\"form-text text-muted d-block\" *ngIf=\"_fields.field.description\">{{_fields.field.description}}</small>\r\n        </div>\r\n    </div>\r\n    <button type=\"submit\" style=\"display: none;\" #submitclick></button>\r\n</form>", styles: ["::ng-deep .entry-control-page nz-select.form-select{padding:0}::ng-deep .entry-control-page nz-select{width:100%}::ng-deep .entry-control-page nz-select .ant-select-selector{background:transparent!important;border:none!important;padding:.475rem 1.25rem!important;box-shadow:none!important;height:auto!important}::ng-deep .entry-control-page nz-select .anticon-search,::ng-deep .entry-control-page nz-select .anticon-down{display:none}::ng-deep .entry-control-page nz-select .ant-select-selection-search-input{height:100%!important}::ng-deep .entry-control-page .ant-select-multiple .ant-select-selection-item{max-width:40%!important}::ng-deep .was-validated .form-select-multiple{border-color:#4fbf67;padding-right:calc(1.5em + 1.35rem);background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%234fbf67' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e\");background-repeat:no-repeat;background-position:right calc(.375em + .3375rem) center;background-size:calc(.75em + .675rem) calc(.75em + .675rem)}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$2.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i5.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i5.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "component", type: i4$1.NzOptionComponent, selector: "nz-option", inputs: ["nzTitle", "nzLabel", "nzValue", "nzKey", "nzDisabled", "nzHide", "nzCustomContent"], exportAs: ["nzOption"] }, { kind: "component", type: i4$1.NzSelectComponent, selector: "nz-select", inputs: ["nzId", "nzSize", "nzStatus", "nzOptionHeightPx", "nzOptionOverflowSize", "nzDropdownClassName", "nzDropdownMatchSelectWidth", "nzDropdownStyle", "nzNotFoundContent", "nzPlaceHolder", "nzPlacement", "nzMaxTagCount", "nzDropdownRender", "nzCustomTemplate", "nzSuffixIcon", "nzClearIcon", "nzRemoveIcon", "nzMenuItemSelectedIcon", "nzTokenSeparators", "nzMaxTagPlaceholder", "nzMaxMultipleCount", "nzMode", "nzFilterOption", "compareWith", "nzAllowClear", "nzBorderless", "nzShowSearch", "nzLoading", "nzAutoFocus", "nzAutoClearSearchValue", "nzServerSearch", "nzDisabled", "nzOpen", "nzSelectOnTab", "nzBackdrop", "nzOptions", "nzShowArrow"], outputs: ["nzOnSearch", "nzScrollToBottom", "nzOpenChange", "nzBlur", "nzFocus"], exportAs: ["nzSelect"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: EntrySearchComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cms-entry-search', template: "<form [formGroup]=\"_entity\">\r\n    <div [formGroupName]=\"_parentFiledName\" class=\"entry-control-page\">\r\n        <div class=\"mb-3\">\r\n            <label class=\"form-label\" *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\r\n            <ng-container *ngIf=\"_fields.field.formConfiguration['Entry.Multiple']; else elseTemplate\">\r\n                    <nz-select class=\"form-select form-select-multiple\" [nzMaxTagCount]=\"1\" (nzOnSearch)=\"SelectChange($event)\" nzShowSearch  nzMode=\"multiple\"  [nzPlaceHolder]=\"_fields.field.formConfiguration['Entry.Placeholder']\"\r\n                    formControlName=\"{{_fields.field.name}}\">\r\n                        <nz-option *ngFor=\"let item of listOfOption\" [nzLabel]=\"item.title\" [nzValue]=\"item.id\"></nz-option>\r\n                    </nz-select>\r\n            </ng-container>\r\n            <ng-template #elseTemplate>\r\n                    <nz-select class=\"form-select form-select-multiple\" [nzMaxTagCount]=\"1\" (nzOnSearch)=\"SelectChange($event)\" nzShowSearch    [nzPlaceHolder]=\"_fields.field.formConfiguration['Entry.Placeholder']\"\r\n                    [ngModel]=\"listOfSelectedValue\" [ngModelOptions]=\"{standalone: true}\" (ngModelChange)=\"ModelChange($event)\">\r\n                    <nz-option [nzLabel]=\"\" [nzValue]=\"''\"></nz-option>\r\n                        <nz-option *ngFor=\"let item of listOfOption\" [nzLabel]=\"item.title\" [nzValue]=\"item.id\"></nz-option>\r\n                    </nz-select>\r\n            </ng-template>\r\n            <small class=\"form-text text-muted d-block\" *ngIf=\"_fields.field.description\">{{_fields.field.description}}</small>\r\n        </div>\r\n    </div>\r\n    <button type=\"submit\" style=\"display: none;\" #submitclick></button>\r\n</form>", styles: ["::ng-deep .entry-control-page nz-select.form-select{padding:0}::ng-deep .entry-control-page nz-select{width:100%}::ng-deep .entry-control-page nz-select .ant-select-selector{background:transparent!important;border:none!important;padding:.475rem 1.25rem!important;box-shadow:none!important;height:auto!important}::ng-deep .entry-control-page nz-select .anticon-search,::ng-deep .entry-control-page nz-select .anticon-down{display:none}::ng-deep .entry-control-page nz-select .ant-select-selection-search-input{height:100%!important}::ng-deep .entry-control-page .ant-select-multiple .ant-select-selection-item{max-width:40%!important}::ng-deep .was-validated .form-select-multiple{border-color:#4fbf67;padding-right:calc(1.5em + 1.35rem);background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%234fbf67' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e\");background-repeat:no-repeat;background-position:right calc(.375em + .3375rem) center;background-size:calc(.75em + .675rem) calc(.75em + .675rem)}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { entity: [{
+                type: Input
+            }], fields: [{
+                type: Input
+            }], parentFiledName: [{
+                type: Input
+            }], culture: [{
+                type: Input
+            }], submitclick: [{
+                type: ViewChild,
+                args: ['submitclick', { static: true }]
+            }] } });
+
 class MatrixConfig {
     constructor(data) {
         // 矩阵类型
@@ -2678,6 +3073,11 @@ class MatrixConfigComponent {
     }
     set selected(v) {
         if (v) {
+            for (const key in v.formConfiguration) {
+                if (Array.isArray(v.formConfiguration[key])) {
+                    v.formConfiguration[key] = this._CmsApiService.convertKeysToCamelCase(v.formConfiguration[key]);
+                }
+            }
             this._selected = v;
         }
     }
@@ -2838,7 +3238,7 @@ class MatrixConfigComponent {
         FieldnameInput.patchValue(pinyin);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: MatrixConfigComponent, deps: [{ token: i1$2.FormBuilder }, { token: CmsApiService }, { token: FieldAbstractsService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: MatrixConfigComponent, selector: "df-matrix-config", inputs: { type: "type", selected: "selected", Entity: "Entity" }, viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }, { propertyName: "matrixModalModalSubmit", first: true, predicate: ["matrixModalModalSubmit"], descendants: true }], ngImport: i0, template: "<form [formGroup]=\"_Entity\">\n    <div formGroupName=\"formConfiguration\">\n        <div class=\"mb-3\">\n            <label class=\"form-label\">{{'Cms::::FormControl:Matrix' | abpLocalization}}</label>\n            <div class=\"row\">\n                <div class=\"col-md-3\">\n                    <div class=\"list-group\">\n                        <li class=\"list-group-item d-flex align-items-center justify-content-between\"\n                            aria-current=\"true\">\n                            {{'Cms::MatrixBlockType' | abpLocalization}}\n                            <button class=\"btn btn-light btn-sm p-0\" (click.stop)=\"addMatrixBlockType()\">\n                                <i class=\"fas fa-plus-circle p-1\"></i>\n                            </button>\n                        </li>\n                        <ng-container *ngFor=\"let item of MatrixBlockTypes.controls;let i =index\">\n                            <button type=\"button\" (click.stop)=\"selectMatrixBlockChange(i)\"\n                                class=\"list-group-item d-flex align-items-center justify-content-between list-group-item-action \"\n                                [class.active]=\"i===selectMatrixBlockIndex\">\n                                <div>\n                                    <div>{{item.value.displayName}}</div>\n                                    <div>{{item.value.name}}</div>\n                                </div>\n                                <div ngbDropdown class=\"d-inline-block\">\n                                    <button type=\"button\" class=\"btn btn-light btn-sm\" id=\"dropdownBasic1\"\n                                        style=\"z-index: 8;\" ngbDropdownToggle></button>\n                                    <div ngbDropdownMenu aria-labelledby=\"dropdownBasic1\" style=\"z-index: 9;\">\n                                        <button ngbDropdownItem\n                                            (click.stop)=\"EditMatrixBlock(item.value)\">{{'AbpUi::Edit' | abpLocalization}}</button>\n                                        <button ngbDropdownItem\n                                            (click.stop)=\"DeleteMatrixBlock(i)\">{{'AbpUi::Delete' | abpLocalization}}</button>\n                                    </div>\n                                </div>\n                            </button>\n                        </ng-container>\n                    </div>\n                </div>\n                <div class=\"col-md-3\">\n                    <div class=\"list-group\" *ngIf=\"MatrixBlockTypes?.controls.length>0\">\n                        <li class=\"list-group-item d-flex align-items-center justify-content-between\"\n                            aria-current=\"true\">\n                            {{'Cms::Fields' | abpLocalization}}\n                            <button class=\"btn btn-light btn-sm p-0\" (click.stop)=\"addMatrixField()\">\n                                <i class=\"fas fa-plus-circle p-1\"></i>\n                            </button>\n                        </li>\n                        <ng-container *ngFor=\"let item of MatrixBlockTypes.controls;let i =index\">\n                            <ng-container *ngIf=\"i === selectMatrixBlockIndex\">\n                                <ng-container *ngFor=\"let el of item.controls['fields'].controls;let fi =index\">\n                                    <button type=\"button\" (click.stop)=\"selectMatrixFieldChange(i,fi)\"\n                                        class=\"list-group-item d-flex align-items-center justify-content-between list-group-item-action \"\n                                        [class.active]=\"fi===selectMatrixFieldIndex\">\n                                        <div>\n                                            <div>{{el.value.displayName}}</div>\n                                            <div>{{el.value.name}}</div>\n                                        </div>\n                                        <button type=\"button\"\n                                            (click.stop)=\"deleteMatrixField(item.controls['fields'],fi)\"\n                                            class=\"btn btn-sm btn-li\">{{'AbpUi::Delete' | abpLocalization}}</button>\n                                    </button>\n                                </ng-container>\n                            </ng-container>\n                        </ng-container>\n                    </div>\n                </div>\n                <div class=\"col-md-6\" formArrayName=\"MatrixBlockTypes\">\n                    <ng-container *ngFor=\"let item of MatrixBlockTypes.controls;let i =index\">\n                        <div [formGroupName]=\"i\" [hidden]=\"i !== selectMatrixBlockIndex\">\n                            <div formArrayName=\"fields\">\n                                <ng-container *ngFor=\"let itemf of item.controls['fields'].controls;let fi =index\">\n                                    <div [formGroupName]=\"fi\" [hidden]=\"fi !== selectMatrixFieldIndex\">\n                                        <div class=\"mb-3\">\n                                            <label class=\"form-label\"\n                                                for=\"displayName\">{{'Cms::DisplayName' | abpLocalization}}</label>\n                                            <input type=\"text\" class=\"form-control\" formControlName=\"displayName\"\n                                                (blur)=\"MatrixFieldDisplayNameInputBlur($event)\">\n                                        </div>\n                                        <div class=\"mb-3\">\n                                            <label class=\"form-label\"\n                                                for=\"name\">{{'DigniteAbpForms::FieldName' | abpLocalization}}</label>\n                                            <input type=\"text\" class=\"form-control\" formControlName=\"name\">\n                                            <small class=\"form-text text-muted d-block\">\n                                                {{'DigniteAbpForms::FieldNameHelpText' | abpLocalization}}</small>\n                                        </div>\n                                        <div class=\"mb-3\">\n                                            <label class=\"form-label\"\n                                                for=\"description\">{{'Cms::Description' | abpLocalization}}</label>\n                                            <input type=\"text\" class=\"form-control\" formControlName=\"description\">\n                                        </div>\n                                        <div class=\"mb-3\">\n                                            <label class=\"form-label\"\n                                                for=\"formControlName\">{{'Cms::FieldType' | abpLocalization}}</label>\n                                            <select class=\"form-select\" formControlName=\"formControlName\" (change)=\"setConfigComponent()\">\n                                                <ng-container *ngFor=\"let itemC of _FieldControlGroup;let i =index\">\n                                                    <option [value]=\"itemC.name\">{{itemC.displayName}}</option>\n                                                </ng-container>\n                                            </select>\n                                        </div>\n                                        <ng-container *ngIf=\"itemf.value.formControlName&&itemf\">\n                                            <df-dynamic [type]=\"itemf.value.formControlName\" \n                                                [selected]=\"_selected?_selected.formConfiguration?.MatrixBlockTypes[i]?.fields[fi]:''\" [entity]=\"itemf\"></df-dynamic>\n                                                \n                                        </ng-container>\n                                    </div>\n                                </ng-container>\n                            </div>\n                        </div>\n                    </ng-container>\n                </div>\n\n            </div>\n        </div>\n        <button type=\"submit\" (abpInit)=\"submitclick?.nativeElement?.click()\" style=\"display: none;\"\n            #submitclick></button>\n    </div>\n</form>\n\n\n\n<abp-modal [(visible)]=\"matrixModalOpen\" [busy]=\"modalBusy\" (visibleChange)=\"matrixModalVisibleChange($event)\" >\n    <ng-template #abpHeader>\n        <h3>{{isMatrixEdit?('AbpUi::Edit' | abpLocalization):('Cms::New' | abpLocalization)}}</h3>\n    </ng-template>\n    <ng-template #abpBody>\n        <ng-template #loaderRef>\n            <div class=\"text-center\"><i class=\"fa fa-pulse fa-spinner\" aria-hidden=\"true\"></i></div>\n        </ng-template>\n        <ng-container *ngIf=\"matrixModalForm; else loaderRef\">\n            <form class=\"sites-modal-form\" #myForm=\"ngForm\" [formGroup]=\"matrixModalForm\"\n                (keydown.enter)=\"$event.preventDefault()\" (submit)=\"createOrEditSave()\">\n                <button type=\"submit\" #matrixModalModalSubmit style=\"display: none\"></button>\n                <div class=\"mb-3\">\n                    <label class=\"form-label\" for=\"displayName\">{{'Cms::DisplayName' | abpLocalization}}</label>\n                    <input type=\"text\" class=\"form-control\" formControlName=\"displayName\"\n                        (blur)=\"displayNameInputBlur($event)\">\n                </div>\n                <div class=\"mb-3\">\n                    <label class=\"form-label\" for=\"name\">{{'Cms::Name' | abpLocalization}}</label>\n                    <input type=\"text\" class=\"form-control\" formControlName=\"name\">\n                </div>\n            </form>\n        </ng-container>\n    </ng-template>\n    <ng-template #abpFooter>\n        <button type=\"button\" class=\"btn btn-secondary\" abpClose>{{'AbpUi::Close' | abpLocalization}}</button>\n        <abp-button iconClass=\"fa fa-check\"\n            (click)=\"matrixModalModalSubmit.nativeElement.click()\">{{'AbpUi::Save' | abpLocalization}}</abp-button>\n    </ng-template>\n</abp-modal>", styles: [""], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$2.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$2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$2.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i1$2.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "directive", type: i1.InitDirective, selector: "[abpInit]", outputs: ["abpInit"] }, { kind: "directive", type: i1.StopPropagationDirective, selector: "[click.stop]", outputs: ["click.stop"] }, { kind: "directive", type: i5.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i5.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "component", type: i3.ButtonComponent, selector: "abp-button", inputs: ["buttonId", "buttonClass", "buttonType", "formName", "iconClass", "loading", "disabled", "attributes"], outputs: ["click", "focus", "blur", "abpClick", "abpFocus", "abpBlur"] }, { kind: "component", type: i3.ModalComponent, selector: "abp-modal", inputs: ["visible", "busy", "options", "suppressUnsavedChangesWarning"], outputs: ["visibleChange", "init", "appear", "disappear"] }, { kind: "directive", type: i3.ModalCloseDirective, selector: "[abpClose]" }, { kind: "directive", type: i10.NgbDropdown, selector: "[ngbDropdown]", inputs: ["autoClose", "dropdownClass", "open", "placement", "popperOptions", "container", "display"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { kind: "directive", type: i10.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { kind: "directive", type: i10.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { kind: "directive", type: i10.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["tabindex", "disabled"] }, { kind: "directive", type: i10.NgbDropdownButtonItem, selector: "button[ngbDropdownItem]" }, { kind: "component", type: i8$1.DynamicComponent, selector: "df-dynamic", inputs: ["selected", "type", "culture", "parentFiledName", "fields", "entity"] }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: MatrixConfigComponent, selector: "df-matrix-config", inputs: { type: "type", selected: "selected", Entity: "Entity" }, viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }, { propertyName: "matrixModalModalSubmit", first: true, predicate: ["matrixModalModalSubmit"], descendants: true }], ngImport: i0, template: "<form [formGroup]=\"_Entity\">\n    <div formGroupName=\"formConfiguration\">\n        <div class=\"mb-3\">\n            <label class=\"form-label\">{{'Cms::::FormControl:Matrix' | abpLocalization}}</label>\n            <div class=\"row\">\n                <div class=\"col-md-3\">\n                    <div class=\"list-group\">\n                        <li class=\"list-group-item d-flex align-items-center justify-content-between\"\n                            aria-current=\"true\">\n                            {{'Cms::MatrixBlockType' | abpLocalization}}\n                            <button class=\"btn btn-light btn-sm p-0\" (click.stop)=\"addMatrixBlockType()\">\n                                <i class=\"fas fa-plus-circle p-1\"></i>\n                            </button>\n                        </li>\n                        <ng-container *ngFor=\"let item of MatrixBlockTypes.controls;let i =index\">\n                            <button type=\"button\" (click.stop)=\"selectMatrixBlockChange(i)\"\n                                class=\"list-group-item d-flex align-items-center justify-content-between list-group-item-action \"\n                                [class.active]=\"i===selectMatrixBlockIndex\">\n                                <div>\n                                    <div>{{item.value.displayName}}</div>\n                                    <div>{{item.value.name}}</div>\n                                </div>\n                                <div ngbDropdown class=\"d-inline-block\">\n                                    <button type=\"button\" class=\"btn btn-light btn-sm\" id=\"dropdownBasic1\"\n                                        style=\"z-index: 8;\" ngbDropdownToggle></button>\n                                    <div ngbDropdownMenu aria-labelledby=\"dropdownBasic1\" style=\"z-index: 9;\">\n                                        <button ngbDropdownItem\n                                            (click.stop)=\"EditMatrixBlock(item.value)\">{{'AbpUi::Edit' | abpLocalization}}</button>\n                                        <button ngbDropdownItem\n                                            (click.stop)=\"DeleteMatrixBlock(i)\">{{'AbpUi::Delete' | abpLocalization}}</button>\n                                    </div>\n                                </div>\n                            </button>\n                        </ng-container>\n                    </div>\n                </div>\n                <div class=\"col-md-3\">\n                    <div class=\"list-group\" *ngIf=\"MatrixBlockTypes?.controls.length>0\">\n                        <li class=\"list-group-item d-flex align-items-center justify-content-between\"\n                            aria-current=\"true\">\n                            {{'Cms::Fields' | abpLocalization}}\n                            <button class=\"btn btn-light btn-sm p-0\" (click.stop)=\"addMatrixField()\">\n                                <i class=\"fas fa-plus-circle p-1\"></i>\n                            </button>\n                        </li>\n                        <ng-container *ngFor=\"let item of MatrixBlockTypes.controls;let i =index\">\n                            <ng-container *ngIf=\"i === selectMatrixBlockIndex\">\n                                <ng-container *ngFor=\"let el of item.controls['fields'].controls;let fi =index\">\n                                    <button type=\"button\" (click.stop)=\"selectMatrixFieldChange(i,fi)\"\n                                        class=\"list-group-item d-flex align-items-center justify-content-between list-group-item-action \"\n                                        [class.active]=\"fi===selectMatrixFieldIndex\">\n                                        <div>\n                                            <div>{{el.value.displayName}}</div>\n                                            <div>{{el.value.name}}</div>\n                                        </div>\n                                        <button type=\"button\"\n                                            (click.stop)=\"deleteMatrixField(item.controls['fields'],fi)\"\n                                            class=\"btn btn-sm btn-li\">{{'AbpUi::Delete' | abpLocalization}}</button>\n                                    </button>\n                                </ng-container>\n                            </ng-container>\n                        </ng-container>\n                    </div>\n                </div>\n                <div class=\"col-md-6\" formArrayName=\"MatrixBlockTypes\">\n                    <ng-container *ngFor=\"let item of MatrixBlockTypes.controls;let i =index\">\n                        <div [formGroupName]=\"i\" [hidden]=\"i !== selectMatrixBlockIndex\">\n                            <div formArrayName=\"fields\">\n                                <ng-container *ngFor=\"let itemf of item.controls['fields'].controls;let fi =index\">\n                                    <div [formGroupName]=\"fi\" [hidden]=\"fi !== selectMatrixFieldIndex\">\n                                        <div class=\"mb-3\">\n                                            <label class=\"form-label\"\n                                                for=\"displayName\">{{'Cms::DisplayName' | abpLocalization}}</label>\n                                            <input type=\"text\" class=\"form-control\" formControlName=\"displayName\"\n                                                (blur)=\"MatrixFieldDisplayNameInputBlur($event)\">\n                                        </div>\n                                        <div class=\"mb-3\">\n                                            <label class=\"form-label\"\n                                                for=\"name\">{{'DigniteAbpForms::FieldName' | abpLocalization}}</label>\n                                            <input type=\"text\" class=\"form-control\" formControlName=\"name\">\n                                            <small class=\"form-text text-muted d-block\">\n                                                {{'DigniteAbpForms::FieldNameHelpText' | abpLocalization}}</small>\n                                        </div>\n                                        <div class=\"mb-3\">\n                                            <label class=\"form-label\"\n                                                for=\"description\">{{'Cms::Description' | abpLocalization}}</label>\n                                            <input type=\"text\" class=\"form-control\" formControlName=\"description\">\n                                        </div>\n                                        <div class=\"mb-3\">\n                                            <label class=\"form-label\"\n                                                for=\"formControlName\">{{'Cms::FieldType' | abpLocalization}}</label>\n                                            <select class=\"form-select\" formControlName=\"formControlName\" (change)=\"setConfigComponent()\">\n                                                <ng-container *ngFor=\"let itemC of _FieldControlGroup;let i =index\">\n                                                    <option [value]=\"itemC.name\">{{itemC.displayName}}</option>\n                                                </ng-container>\n                                            </select>\n                                        </div>\n                                        <ng-container *ngIf=\"itemf.value.formControlName&&itemf\">\n                                            <df-dynamic [type]=\"itemf.value.formControlName\" \n                                                [selected]=\"_selected?_selected.formConfiguration?.MatrixBlockTypes[i]?.fields[fi]:''\" [entity]=\"itemf\"></df-dynamic>\n                                                \n                                        </ng-container>\n                                    </div>\n                                </ng-container>\n                            </div>\n                        </div>\n                    </ng-container>\n                </div>\n\n            </div>\n        </div>\n        <button type=\"submit\" (abpInit)=\"submitclick?.nativeElement?.click()\" style=\"display: none;\"\n            #submitclick></button>\n    </div>\n</form>\n\n\n\n<abp-modal [(visible)]=\"matrixModalOpen\" [busy]=\"modalBusy\" (visibleChange)=\"matrixModalVisibleChange($event)\" >\n    <ng-template #abpHeader>\n        <h3>{{isMatrixEdit?('AbpUi::Edit' | abpLocalization):('Cms::New' | abpLocalization)}}</h3>\n    </ng-template>\n    <ng-template #abpBody>\n        <ng-template #loaderRef>\n            <div class=\"text-center\"><i class=\"fa fa-pulse fa-spinner\" aria-hidden=\"true\"></i></div>\n        </ng-template>\n        <ng-container *ngIf=\"matrixModalForm; else loaderRef\">\n            <form class=\"sites-modal-form\" #myForm=\"ngForm\" [formGroup]=\"matrixModalForm\"\n                (keydown.enter)=\"$event.preventDefault()\" (submit)=\"createOrEditSave()\">\n                <button type=\"submit\" #matrixModalModalSubmit style=\"display: none\"></button>\n                <div class=\"mb-3\">\n                    <label class=\"form-label\" for=\"displayName\">{{'Cms::DisplayName' | abpLocalization}}</label>\n                    <input type=\"text\" class=\"form-control\" formControlName=\"displayName\"\n                        (blur)=\"displayNameInputBlur($event)\">\n                </div>\n                <div class=\"mb-3\">\n                    <label class=\"form-label\" for=\"name\">{{'Cms::Name' | abpLocalization}}</label>\n                    <input type=\"text\" class=\"form-control\" formControlName=\"name\">\n                </div>\n            </form>\n        </ng-container>\n    </ng-template>\n    <ng-template #abpFooter>\n        <button type=\"button\" class=\"btn btn-secondary\" abpClose>{{'AbpUi::Close' | abpLocalization}}</button>\n        <abp-button iconClass=\"fa fa-check\"\n            (click)=\"matrixModalModalSubmit.nativeElement.click()\">{{'AbpUi::Save' | abpLocalization}}</abp-button>\n    </ng-template>\n</abp-modal>", styles: [""], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$2.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$2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$2.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i1$2.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "directive", type: i1.InitDirective, selector: "[abpInit]", outputs: ["abpInit"] }, { kind: "directive", type: i1.StopPropagationDirective, selector: "[click.stop]", outputs: ["click.stop"] }, { kind: "directive", type: i5.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i5.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "component", type: i3.ButtonComponent, selector: "abp-button", inputs: ["buttonId", "buttonClass", "buttonType", "formName", "iconClass", "loading", "disabled", "attributes"], outputs: ["click", "focus", "blur", "abpClick", "abpFocus", "abpBlur"] }, { kind: "component", type: i3.ModalComponent, selector: "abp-modal", inputs: ["visible", "busy", "options", "suppressUnsavedChangesWarning"], outputs: ["visibleChange", "init", "appear", "disappear"] }, { kind: "directive", type: i3.ModalCloseDirective, selector: "[abpClose]" }, { kind: "directive", type: i11$1.NgbDropdown, selector: "[ngbDropdown]", inputs: ["autoClose", "dropdownClass", "open", "placement", "popperOptions", "container", "display"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { kind: "directive", type: i11$1.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { kind: "directive", type: i11$1.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { kind: "directive", type: i11$1.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["tabindex", "disabled"] }, { kind: "directive", type: i11$1.NgbDropdownButtonItem, selector: "button[ngbDropdownItem]" }, { kind: "component", type: i15.DynamicComponent, selector: "df-dynamic", inputs: ["selected", "type", "culture", "parentFiledName", "fields", "entity"] }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: MatrixConfigComponent, decorators: [{
             type: Component,
@@ -2859,8 +3259,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImpor
 
 /* eslint-disable @angular-eslint/component-selector */
 class MatrixControlComponent {
-    constructor(fb) {
+    constructor(fb, _CmsApiService) {
         this.fb = fb;
+        this._CmsApiService = _CmsApiService;
         /**字段配置列表 */
         this._fields = '';
         this.cdr = inject(ChangeDetectorRef);
@@ -2868,13 +3269,23 @@ class MatrixControlComponent {
         this.MatrixBlockTypesList = [];
     }
     set fields(v) {
-        this._fields = v;
+        if (v) {
+            for (const key in v.field?.formConfiguration) {
+                if (Array.isArray(v.field?.formConfiguration[key])) {
+                    v.field.formConfiguration[key] = this._CmsApiService.convertKeysToCamelCase(v.field?.formConfiguration[key]);
+                }
+            }
+            this._fields = v;
+        }
     }
     set parentFiledName(v) {
         this._parentFiledName = v;
     }
     set selected(v) {
-        this._selected = v;
+        if (v) {
+            v = this._CmsApiService.convertKeysToCamelCase(v);
+            this._selected = v;
+        }
     }
     set culture(v) {
         this._culture = v;
@@ -2924,13 +3335,13 @@ class MatrixControlComponent {
     deleteMatrixControl(index, item) {
         this.fieldNameControl.removeAt(index);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: MatrixControlComponent, deps: [{ token: i1$2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: MatrixControlComponent, selector: "df-matrix-control", inputs: { fields: "fields", parentFiledName: "parentFiledName", selected: "selected", culture: "culture", 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            <div [class]=\"fieldNameControl?.controls?.length>0?'border p-2 rounded-2':''\">\n                <div [formArrayName]=\"_fields.field.name\">\n                    <ng-container *ngFor=\"let item of fieldNameControl.controls;let i=index\">\n                        <div class=\"card mb-3 border \" [formGroupName]=\"i\">\n                            <div class=\"card-header d-flex align-items-center justify-content-between border-bottom pt-1\">\n                                <div>{{item.value.displayName}}</div>\n                                <button class=\"btn btn-sm btn-light p-0\" (click.stop)=\"deleteMatrixControl(i,item)\"><i\n                                        class=\"fas fa-trash p-2\"></i></button>\n                            </div>\n                            <div class=\"card-body\">\n                                <ng-container *ngFor=\"let el of MatrixBlockTypesList;let il =index\">\n                                    <ng-container *ngIf=\"el.name===item.value.matrixBlockTypeName\">\n                                        <ng-container *ngFor=\"let elf of el.fields; let fi=index\">\n                                            <ng-container *ngIf=\"item&&elf&&_culture\">\n                                                <df-dynamic \n                                                    [fields]=\"{ field: elf,displayName:elf.displayName }\"\n                                                    [selected]=\"_selected ? _selected[i]?_selected[i][_parentFiledName][elf.name]:'': ''\"\n                                                    [parentFiledName]=\"'extraProperties'\" [culture]=\"_culture\" [entity]=\"item\"></df-dynamic>\n                                            </ng-container>\n                                        </ng-container>\n                                    </ng-container>\n                                </ng-container>\n                            </div>\n                        </div>\n                    </ng-container>\n                </div>\n                <div class=\"btn-group\" role=\"group\" aria-label=\"Basic example\">\n                    <ng-container *ngFor=\"let item of MatrixBlockTypesList;let i =index\">\n                        <button type=\"button\" class=\"btn btn-primary btn-sm\" (click.stop)=\"addMatrixControl(item)\"><i\n                                class=\"fas fa-plus me-1\"></i>{{item.displayName}}</button>\n                    </ng-container>\n                </div>\n                <small class=\"form-text text-muted d-block\" *ngIf=\"_fields.field.description\">{{_fields.field.description}}</small>\n            </div>\n        </div>\n    </div>\n    <button type=\"submit\" style=\"display: none\" #submitclick></button>\n</form>", styles: [""], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i1$2.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "directive", type: i1.StopPropagationDirective, selector: "[click.stop]", outputs: ["click.stop"] }, { kind: "directive", type: i5.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "component", type: i8$1.DynamicComponent, selector: "df-dynamic", inputs: ["selected", "type", "culture", "parentFiledName", "fields", "entity"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: MatrixControlComponent, deps: [{ token: i1$2.FormBuilder }, { token: CmsApiService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: MatrixControlComponent, selector: "df-matrix-control", inputs: { fields: "fields", parentFiledName: "parentFiledName", selected: "selected", culture: "culture", 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            <div [class]=\"fieldNameControl?.controls?.length>0?'border p-2 rounded-2':''\">\n                <div [formArrayName]=\"_fields.field.name\">\n                    <ng-container *ngFor=\"let item of fieldNameControl.controls;let i=index\">\n                        <div class=\"card mb-3 border \" [formGroupName]=\"i\">\n                            <div class=\"card-header d-flex align-items-center justify-content-between border-bottom pt-1\">\n                                <div>{{item.value.displayName}}</div>\n                                <button class=\"btn btn-sm btn-light p-0\" (click.stop)=\"deleteMatrixControl(i,item)\"><i\n                                        class=\"fas fa-trash p-2\"></i></button>\n                            </div>\n                            <div class=\"card-body\">\n                                <ng-container *ngFor=\"let el of MatrixBlockTypesList;let il =index\">\n                                    <ng-container *ngIf=\"el.name===item.value.matrixBlockTypeName\">\n                                        <ng-container *ngFor=\"let elf of el.fields; let fi=index\">\n                                            <ng-container *ngIf=\"item&&elf&&_culture\">\n                                                <df-dynamic \n                                                    [fields]=\"{ field: elf,displayName:elf.displayName }\"\n                                                    [selected]=\"_selected ? _selected[i]?_selected[i][_parentFiledName][elf.name]:'': ''\"\n                                                    [parentFiledName]=\"'extraProperties'\" [culture]=\"_culture\" [entity]=\"item\"></df-dynamic>\n                                            </ng-container>\n                                        </ng-container>\n                                    </ng-container>\n                                </ng-container>\n                            </div>\n                        </div>\n                    </ng-container>\n                </div>\n                <div class=\"btn-group\" role=\"group\" aria-label=\"Basic example\">\n                    <ng-container *ngFor=\"let item of MatrixBlockTypesList;let i =index\">\n                        <button type=\"button\" class=\"btn btn-primary btn-sm\" (click.stop)=\"addMatrixControl(item)\"><i\n                                class=\"fas fa-plus me-1\"></i>{{item.displayName}}</button>\n                    </ng-container>\n                </div>\n                <small class=\"form-text text-muted d-block\" *ngIf=\"_fields.field.description\">{{_fields.field.description}}</small>\n            </div>\n        </div>\n    </div>\n    <button type=\"submit\" style=\"display: none\" #submitclick></button>\n</form>", styles: [""], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i1$2.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "directive", type: i1.StopPropagationDirective, selector: "[click.stop]", outputs: ["click.stop"] }, { kind: "directive", type: i5.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "component", type: i15.DynamicComponent, selector: "df-dynamic", inputs: ["selected", "type", "culture", "parentFiledName", "fields", "entity"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: MatrixControlComponent, decorators: [{
             type: Component,
             args: [{ selector: 'df-matrix-control', template: "<form [formGroup]=\"_entity\">\n    <div formGroupName=\"extraProperties\">   \n        <div class=\"mb-3\">\n            <label class=\"form-label\" *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\n            <div [class]=\"fieldNameControl?.controls?.length>0?'border p-2 rounded-2':''\">\n                <div [formArrayName]=\"_fields.field.name\">\n                    <ng-container *ngFor=\"let item of fieldNameControl.controls;let i=index\">\n                        <div class=\"card mb-3 border \" [formGroupName]=\"i\">\n                            <div class=\"card-header d-flex align-items-center justify-content-between border-bottom pt-1\">\n                                <div>{{item.value.displayName}}</div>\n                                <button class=\"btn btn-sm btn-light p-0\" (click.stop)=\"deleteMatrixControl(i,item)\"><i\n                                        class=\"fas fa-trash p-2\"></i></button>\n                            </div>\n                            <div class=\"card-body\">\n                                <ng-container *ngFor=\"let el of MatrixBlockTypesList;let il =index\">\n                                    <ng-container *ngIf=\"el.name===item.value.matrixBlockTypeName\">\n                                        <ng-container *ngFor=\"let elf of el.fields; let fi=index\">\n                                            <ng-container *ngIf=\"item&&elf&&_culture\">\n                                                <df-dynamic \n                                                    [fields]=\"{ field: elf,displayName:elf.displayName }\"\n                                                    [selected]=\"_selected ? _selected[i]?_selected[i][_parentFiledName][elf.name]:'': ''\"\n                                                    [parentFiledName]=\"'extraProperties'\" [culture]=\"_culture\" [entity]=\"item\"></df-dynamic>\n                                            </ng-container>\n                                        </ng-container>\n                                    </ng-container>\n                                </ng-container>\n                            </div>\n                        </div>\n                    </ng-container>\n                </div>\n                <div class=\"btn-group\" role=\"group\" aria-label=\"Basic example\">\n                    <ng-container *ngFor=\"let item of MatrixBlockTypesList;let i =index\">\n                        <button type=\"button\" class=\"btn btn-primary btn-sm\" (click.stop)=\"addMatrixControl(item)\"><i\n                                class=\"fas fa-plus me-1\"></i>{{item.displayName}}</button>\n                    </ng-container>\n                </div>\n                <small class=\"form-text text-muted d-block\" *ngIf=\"_fields.field.description\">{{_fields.field.description}}</small>\n            </div>\n        </div>\n    </div>\n    <button type=\"submit\" style=\"display: none\" #submitclick></button>\n</form>" }]
-        }], ctorParameters: () => [{ type: i1$2.FormBuilder }], propDecorators: { fields: [{
+        }], ctorParameters: () => [{ type: i1$2.FormBuilder }, { type: CmsApiService }], propDecorators: { fields: [{
                 type: Input
             }], parentFiledName: [{
                 type: Input
@@ -2945,6 +3356,42 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImpor
                 args: ['submitclick', { static: true }]
             }] } });
 
+class MatrixViewComponent {
+    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: MatrixViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.5", type: MatrixViewComponent, selector: "cms-matrix-view", inputs: { showInList: "showInList", fields: "fields", type: "type", value: "value" }, ngImport: i0, template: "@if(showInList){\r\n{{'Cms::NotShowInList'|abpLocalization}}\r\n} @else{\r\n<div class=\"mb-3\">\r\n    <label class=\"form-label\" *ngIf=\"fields.displayName\">{{ fields.displayName }}</label>\r\n</div>\r\n}", styles: [""], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: MatrixViewComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cms-matrix-view', template: "@if(showInList){\r\n{{'Cms::NotShowInList'|abpLocalization}}\r\n} @else{\r\n<div class=\"mb-3\">\r\n    <label class=\"form-label\" *ngIf=\"fields.displayName\">{{ fields.displayName }}</label>\r\n</div>\r\n}" }]
+        }], propDecorators: { showInList: [{
+                type: Input
+            }], fields: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }] } });
+
 class TableConfig {
     constructor(data) {
         // 选项
@@ -2959,7 +3406,7 @@ class TableConfig {
     }
 }
 class TableFormControl {
-    constructor(data) {
+    constructor() {
         /**列标题 */
         this.displayName = ['', [Validators.required]];
         /**空间配置 */
@@ -2972,13 +3419,6 @@ class TableFormControl {
         this.required = [false];
         /**描述 */
         this.description = [''];
-        if (data) {
-            for (const key in data) {
-                if (data.hasOwnProperty(key)) {
-                    this[key] = data[key];
-                }
-            }
-        }
     }
 }
 
@@ -3000,6 +3440,11 @@ class TableConfigComponent {
     }
     set selected(v) {
         if (v) {
+            for (const key in v.formConfiguration) {
+                if (Array.isArray(v.formConfiguration[key])) {
+                    v.formConfiguration[key] = this._CmsApiService.convertKeysToCamelCase(v.formConfiguration[key]);
+                }
+            }
             this._selected = v;
             this.dataLoaded();
         }
@@ -3009,7 +3454,7 @@ class TableConfigComponent {
         this.dataLoaded();
     }
     get formConfiguration() {
-        return this._Entity.get('formConfiguration');
+        return this._Entity?.get('formConfiguration');
     }
     get TableColumns() {
         return this.formConfiguration.controls['TableColumns'];
@@ -3034,7 +3479,7 @@ class TableConfigComponent {
     }
     AfterInit() {
         return new Promise((resolve, rejects) => {
-            this._Entity.setControl('formConfiguration', this.fb.group(new TableConfig()));
+            this._Entity?.setControl('formConfiguration', this.fb.group(new TableConfig()));
             this._fieldControlGroup = this._FieldAbstractsService.getExcludeAssignControl(this._type);
             if (this._selected && this._selected.formControlName == this._type) {
                 this._selected.formConfiguration['TableColumns'].forEach(el => {
@@ -3071,7 +3516,7 @@ class TableConfigComponent {
         const formGroup = this.TableColumns.at(this.TableColumnsIndex);
         let formConfigurationgroup = formGroup.get('formConfiguration');
         formConfigurationgroup.setValue({
-            ...this.tableSelectForm.value['formConfiguration'],
+            ...this.tableSelectForm?.value['formConfiguration'],
         });
         this.tableSelectOpen = false;
     }
@@ -3082,7 +3527,7 @@ class TableConfigComponent {
         this.tableSelectForm.patchValue({
             ...rows.value
         });
-        this.tableSelectForm.get('formConfiguration').patchValue({
+        this.tableSelectForm.get('formConfiguration')?.patchValue({
             ...rows.value['formConfiguration']
         });
         this._tableSelected = rows.value;
@@ -3106,7 +3551,7 @@ class TableConfigComponent {
         nameInput.patchValue(pinyin);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: TableConfigComponent, deps: [{ token: i1$2.FormBuilder }, { token: CmsApiService }, { token: FieldAbstractsService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: TableConfigComponent, selector: "df-table-config", inputs: { Entity: "Entity", selected: "selected", type: "type" }, viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }, { propertyName: "tableSelectModalSubmit", first: true, predicate: ["tableSelectModalSubmit"], descendants: true }], ngImport: i0, template: "<form [formGroup]=\"_Entity\">\n    <div formGroupName=\"formConfiguration\">\n        <div class=\"mb-3\">\n            <label class=\"form-label\">{{'DigniteAbpForms::SelectListItem' | abpLocalization}}</label>\n            <table class=\"table\">\n                <thead>\n                    <tr>\n                        <th scope=\"col\">{{'Cms::TableColumnDisplayName' | abpLocalization}}</th>\n                        <th scope=\"col\">{{'Cms::TableColumnName' | abpLocalization}}</th>\n                        <th scope=\"col\">{{'Cms::TableColumnForm' | abpLocalization}}</th>\n                        <th scope=\"col\" class=\"flex-end\">\n                            <button class=\"btn btn-light btn-sm\" (click.stop)=\"addTableColumns()\">\n                                <i class=\"fas fa-plus-circle\"></i>\n                            </button>\n                        </th>\n                    </tr>\n                </thead>\n                <tbody formArrayName=\"TableColumns\">\n                    <ng-container *ngFor=\"let item of TableColumns.controls;let i=index\">\n                        <tr [formGroupName]=\"i\">\n                            <td><input type=\"text\" class=\"form-control\" formControlName=\"displayName\"  (blur)=\"disPlayNameInputBlur($event,item)\" ></td>\n                            <td><input type=\"text\" class=\"form-control\" formControlName=\"name\"></td>\n                            <td>\n                                <select class=\"form-select\" formControlName=\"formControlName\"\n                                    (change)=\"selectTableControl($event,i,item)\">\n                                    <option value=\"\">SelectFrom</option>\n                                    <ng-container *ngFor=\"let item_f of _fieldControlGroup;let i_f =index\">\n                                        <option [value]=\"item_f.name\">{{item_f.displayName}}</option>\n                                    </ng-container>\n                                </select>\n                            </td>\n                            <td scope=\"row\">\n                                <div class=\"flex-start\">\n                                    <button class=\"btn btn-light btn-sm \" (click.stop)=\"EditSitesBtn(item,i)\">\n                                        <i class=\"fas fa-edit\"></i>\n                                    </button>\n                                    <button class=\"btn btn-light btn-sm ms-1\" (click.stop)=\"deleteTableColumns(i)\">\n                                        <i class=\"fas fa-minus\"></i>\n                                    </button>\n                                    <button class=\"btn btn-light btn-sm ms-1\" *ngIf=\"i!==0\"\n                                        (click.stop)=\"TableArrowUpOrDown('up',i)\">\n                                        <i class=\"fas fa-arrow-up\"></i>\n                                    </button>\n                                    <button class=\"btn btn-light btn-sm ms-1\" *ngIf=\"i!==TableColumns.controls.length-1\"\n                                        (click.stop)=\"TableArrowUpOrDown('down',i)\">\n                                        <i class=\"fas fa-arrow-down\"></i>\n                                    </button>\n                                </div>\n                            </td>\n                        </tr>\n                    </ng-container>\n                </tbody>\n            </table>\n        </div>\n        <button type=\"submit\" (abpInit)=\"submitclick?.nativeElement?.click()\" style=\"display: none;\"\n            #submitclick></button>\n    </div>\n</form>\n\n\n<abp-modal [(visible)]=\"tableSelectOpen\" [busy]=\"modalBusy\" (visibleChange)=\"tableSelectVisibleChange($event)\" [options]=\"{ size: CurrentSelectionTableControlName=='Matrix'?'xl':'' ,scrollable:false }\">\n    <ng-template #abpHeader>\n        <h3>{{_tableSelected?('AbpUi::Edit' | abpLocalization):('Cms::New' | abpLocalization)}}</h3>\n    </ng-template>\n    <ng-template #abpBody>\n        <ng-template #loaderRef>\n            <div class=\"text-center\"><i class=\"fa fa-pulse fa-spinner\" aria-hidden=\"true\"></i></div>\n        </ng-template>\n        <ng-container *ngIf=\"tableSelectForm; else loaderRef\">\n            <form class=\"sites-modal-form\" #myForm=\"ngForm\" [formGroup]=\"tableSelectForm\"\n                (keydown.enter)=\"$event.preventDefault()\" (submit)=\"createOrEditSave()\">\n                <button type=\"submit\" #tableSelectModalSubmit style=\"display: none\"></button>\n                <ng-container *ngIf=\"CurrentSelectionTableControlName&&tableSelectForm\">\n                    <df-dynamic [type]=\"CurrentSelectionTableControlName\" \n                    [selected]=\"_tableSelected\" [formGroup]=\"tableSelectForm\" [entity]=\"tableSelectForm\"></df-dynamic>\n                </ng-container>\n            </form>\n        </ng-container>\n    </ng-template>\n    <ng-template #abpFooter>\n        <button type=\"button\" class=\"btn btn-secondary\" abpClose>{{'AbpUi::Close' | abpLocalization}}</button>\n        <abp-button iconClass=\"fa fa-check\"\n            (click)=\"tableSelectModalSubmit.nativeElement.click()\">{{'AbpUi::Save' | abpLocalization}}</abp-button>\n    </ng-template>\n</abp-modal>", styles: [".flex-end{display:flex;align-items:center;justify-content:flex-end}.flex-start{display:flex;align-items:center;justify-content:flex-start}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$2.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$2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$2.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i1$2.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "directive", type: i1.InitDirective, selector: "[abpInit]", outputs: ["abpInit"] }, { kind: "directive", type: i1.StopPropagationDirective, selector: "[click.stop]", outputs: ["click.stop"] }, { kind: "directive", type: i5.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i5.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "component", type: i3.ButtonComponent, selector: "abp-button", inputs: ["buttonId", "buttonClass", "buttonType", "formName", "iconClass", "loading", "disabled", "attributes"], outputs: ["click", "focus", "blur", "abpClick", "abpFocus", "abpBlur"] }, { kind: "component", type: i3.ModalComponent, selector: "abp-modal", inputs: ["visible", "busy", "options", "suppressUnsavedChangesWarning"], outputs: ["visibleChange", "init", "appear", "disappear"] }, { kind: "directive", type: i3.ModalCloseDirective, selector: "[abpClose]" }, { kind: "component", type: i8$1.DynamicComponent, selector: "df-dynamic", inputs: ["selected", "type", "culture", "parentFiledName", "fields", "entity"] }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: TableConfigComponent, selector: "df-table-config", inputs: { Entity: "Entity", selected: "selected", type: "type" }, viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }, { propertyName: "tableSelectModalSubmit", first: true, predicate: ["tableSelectModalSubmit"], descendants: true }], ngImport: i0, template: "<form [formGroup]=\"_Entity\">\n    <div formGroupName=\"formConfiguration\">\n        <div class=\"mb-3\">\n            <label class=\"form-label\">{{'DigniteAbpForms::SelectListItem' | abpLocalization}}</label>\n            <table class=\"table\">\n                <thead>\n                    <tr>\n                        <th scope=\"col\">{{'Cms::TableColumnDisplayName' | abpLocalization}}</th>\n                        <th scope=\"col\">{{'Cms::TableColumnName' | abpLocalization}}</th>\n                        <th scope=\"col\">{{'Cms::TableColumnForm' | abpLocalization}}</th>\n                        <th scope=\"col\" class=\"flex-end\">\n                            <button class=\"btn btn-light btn-sm\" (click.stop)=\"addTableColumns()\">\n                                <i class=\"fas fa-plus-circle\"></i>\n                            </button>\n                        </th>\n                    </tr>\n                </thead>\n                <tbody formArrayName=\"TableColumns\">\n                    <ng-container *ngFor=\"let item of TableColumns.controls;let i=index\">\n                        <tr [formGroupName]=\"i\">\n                            <td><input type=\"text\" class=\"form-control\" formControlName=\"displayName\"  (blur)=\"disPlayNameInputBlur($event,item)\" ></td>\n                            <td><input type=\"text\" class=\"form-control\" formControlName=\"name\"></td>\n                            <td>\n                                <select class=\"form-select\" formControlName=\"formControlName\"\n                                    (change)=\"selectTableControl($event,i,item)\">\n                                    <option value=\"\">SelectFrom</option>\n                                    <ng-container *ngFor=\"let item_f of _fieldControlGroup;let i_f =index\">\n                                        <option [value]=\"item_f.name\">{{item_f.displayName}}</option>\n                                    </ng-container>\n                                </select>\n                            </td>\n                            <td scope=\"row\">\n                                <div class=\"flex-start\">\n                                    <button class=\"btn btn-light btn-sm \" (click.stop)=\"EditSitesBtn(item,i)\">\n                                        <i class=\"fas fa-edit\"></i>\n                                    </button>\n                                    <button class=\"btn btn-light btn-sm ms-1\" (click.stop)=\"deleteTableColumns(i)\">\n                                        <i class=\"fas fa-minus\"></i>\n                                    </button>\n                                    <button class=\"btn btn-light btn-sm ms-1\" *ngIf=\"i!==0\"\n                                        (click.stop)=\"TableArrowUpOrDown('up',i)\">\n                                        <i class=\"fas fa-arrow-up\"></i>\n                                    </button>\n                                    <button class=\"btn btn-light btn-sm ms-1\" *ngIf=\"i!==TableColumns.controls.length-1\"\n                                        (click.stop)=\"TableArrowUpOrDown('down',i)\">\n                                        <i class=\"fas fa-arrow-down\"></i>\n                                    </button>\n                                </div>\n                            </td>\n                        </tr>\n                    </ng-container>\n                </tbody>\n            </table>\n        </div>\n        <button type=\"submit\" (abpInit)=\"submitclick?.nativeElement?.click()\" style=\"display: none;\"\n            #submitclick></button>\n    </div>\n</form>\n\n\n<abp-modal [(visible)]=\"tableSelectOpen\" [busy]=\"modalBusy\" (visibleChange)=\"tableSelectVisibleChange($event)\" [options]=\"{ size: CurrentSelectionTableControlName=='Matrix'?'xl':'' ,scrollable:false }\">\n    <ng-template #abpHeader>\n        <h3>{{_tableSelected?('AbpUi::Edit' | abpLocalization):('Cms::New' | abpLocalization)}}</h3>\n    </ng-template>\n    <ng-template #abpBody>\n        <ng-template #loaderRef>\n            <div class=\"text-center\"><i class=\"fa fa-pulse fa-spinner\" aria-hidden=\"true\"></i></div>\n        </ng-template>\n        <ng-container *ngIf=\"tableSelectForm; else loaderRef\">\n            <form class=\"sites-modal-form\" #myForm=\"ngForm\" [formGroup]=\"tableSelectForm\"\n                (keydown.enter)=\"$event.preventDefault()\" (submit)=\"createOrEditSave()\">\n                <button type=\"submit\" #tableSelectModalSubmit style=\"display: none\"></button>\n                <ng-container *ngIf=\"CurrentSelectionTableControlName&&tableSelectForm\">\n                    <df-dynamic [type]=\"CurrentSelectionTableControlName\" \n                    [selected]=\"_tableSelected\" [formGroup]=\"tableSelectForm\" [entity]=\"tableSelectForm\"></df-dynamic>\n                </ng-container>\n            </form>\n        </ng-container>\n    </ng-template>\n    <ng-template #abpFooter>\n        <button type=\"button\" class=\"btn btn-secondary\" abpClose>{{'AbpUi::Close' | abpLocalization}}</button>\n        <abp-button iconClass=\"fa fa-check\"\n            (click)=\"tableSelectModalSubmit.nativeElement.click()\">{{'AbpUi::Save' | abpLocalization}}</abp-button>\n    </ng-template>\n</abp-modal>", styles: [".flex-end{display:flex;align-items:center;justify-content:flex-end}.flex-start{display:flex;align-items:center;justify-content:flex-start}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$2.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$2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$2.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i1$2.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "directive", type: i1.InitDirective, selector: "[abpInit]", outputs: ["abpInit"] }, { kind: "directive", type: i1.StopPropagationDirective, selector: "[click.stop]", outputs: ["click.stop"] }, { kind: "directive", type: i5.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i5.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "component", type: i3.ButtonComponent, selector: "abp-button", inputs: ["buttonId", "buttonClass", "buttonType", "formName", "iconClass", "loading", "disabled", "attributes"], outputs: ["click", "focus", "blur", "abpClick", "abpFocus", "abpBlur"] }, { kind: "component", type: i3.ModalComponent, selector: "abp-modal", inputs: ["visible", "busy", "options", "suppressUnsavedChangesWarning"], outputs: ["visibleChange", "init", "appear", "disappear"] }, { kind: "directive", type: i3.ModalCloseDirective, selector: "[abpClose]" }, { kind: "component", type: i15.DynamicComponent, selector: "df-dynamic", inputs: ["selected", "type", "culture", "parentFiledName", "fields", "entity"] }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: TableConfigComponent, decorators: [{
             type: Component,
@@ -3126,7 +3571,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImpor
             }] } });
 
 class TableControlComponent {
-    constructor() {
+    constructor(_CmsApiService // private fb: FormBuilder,
+    ) {
+        this._CmsApiService = _CmsApiService;
         this.fb = inject(FormBuilder);
         /**字段配置列表 */
         this._fields = '';
@@ -3137,16 +3584,24 @@ class TableControlComponent {
         this.dataLoaded();
     }
     set fields(v) {
-        this._fields = v;
-        this.dataLoaded();
+        if (v) {
+            for (const key in v.field?.formConfiguration) {
+                if (Array.isArray(v.field?.formConfiguration[key])) {
+                    v.field.formConfiguration[key] = this._CmsApiService.convertKeysToCamelCase(v.field?.formConfiguration[key]);
+                }
+            }
+            this._fields = v;
+            this.dataLoaded();
+        }
     }
     set parentFiledName(v) {
         this._parentFiledName = v;
         this.dataLoaded();
     }
     set selected(v) {
-        this._selected = v;
         if (v) {
+            v = this._CmsApiService.convertKeysToCamelCase(v);
+            this._selected = v;
             this.dataLoaded();
         }
     }
@@ -3203,13 +3658,13 @@ class TableControlComponent {
         this.fieldNameControl.insert(lastindex, controlAt);
         this._selected = this.fieldNameControl.value;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: TableControlComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: TableControlComponent, selector: "df-table-control", inputs: { entity: "entity", fields: "fields", parentFiledName: "parentFiledName", selected: "selected", culture: "culture" }, 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            <table class=\"table\">\n                <thead>\n                    <tr>\n                        <ng-container *ngFor=\"let item of formConfiguration.TableColumns\">\n                            <th scope=\"col\">{{ item.displayName }}</th>\n                        </ng-container>\n                        <th scope=\"col\" class=\"flex-end\">\n                            <button class=\"btn btn-light btn-sm\" (click.stop)=\"addTableControlItem()\">\n                                <i class=\"fas fa-plus-circle\"></i>\n                            </button>\n                        </th>\n                    </tr>\n                </thead>\n                <tbody [formArrayName]=\"_fields.field.name\">\n                    <ng-container *ngFor=\"let item of fieldNameControl.controls; let i = index\">\n                        <tr>\n                            <ng-container *ngFor=\"let el of formConfiguration.TableColumns\">\n                                <td>\n                                    <ng-container *ngIf=\"item&&el\">\n                                        <df-dynamic  [fields]=\"{ field: el }\"\n                                            [selected]=\"_selected[i]?.extraProperties[''+el.name+'']\"\n                                            [parentFiledName]=\"'extraProperties'\"  [culture]=\"_culture\" [entity]=\"item\"></df-dynamic>\n                                    </ng-container>\n                                </td>\n                            </ng-container>\n                            <td scope=\"row\" class=\"\">\n                                <div class=\"flex-end mb-3\">\n                                    <button class=\"btn btn-light btn-sm ms-1\" (click.stop)=\"minusTableControlItem(i)\">\n                                        <i class=\"fas fa-minus\"></i>\n                                    </button>\n                                    <button class=\"btn btn-light btn-sm ms-1\" (click.stop)=\"TableArrowUpOrDown('up',i)\"\n                                        *ngIf=\"i!==0\">\n                                        <i class=\"fas fa-arrow-up\"></i>\n                                    </button>\n                                    <button class=\"btn btn-light btn-sm ms-1\"\n                                        (click.stop)=\"TableArrowUpOrDown('down',i)\"\n                                        *ngIf=\"i!==fieldNameControl.controls.length-1\">\n                                        <i class=\"fas fa-arrow-down\"></i>\n                                    </button>\n                                </div>\n                            </td>\n                        </tr>\n                    </ng-container>\n                </tbody>\n            </table>\n            <small class=\"form-text text-muted d-block\" *ngIf=\"_fields.field.description\">{{_fields.field.description}}</small>\n        </div>\n    </div>\n    <button type=\"submit\" style=\"display: none\" #submitclick></button>\n</form>", styles: [".flex-end{display:flex;align-items:center;justify-content:flex-end}.flex-start{display:flex;align-items:center;justify-content:flex-start}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i1$2.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "directive", type: i1.StopPropagationDirective, selector: "[click.stop]", outputs: ["click.stop"] }, { kind: "directive", type: i5.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "component", type: i8$1.DynamicComponent, selector: "df-dynamic", inputs: ["selected", "type", "culture", "parentFiledName", "fields", "entity"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: TableControlComponent, deps: [{ token: CmsApiService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: TableControlComponent, selector: "df-table-control", inputs: { entity: "entity", fields: "fields", parentFiledName: "parentFiledName", selected: "selected", culture: "culture" }, 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            <table class=\"table\">\n                <thead>\n                    <tr>\n                        <ng-container *ngFor=\"let item of formConfiguration.TableColumns\">\n                            <th scope=\"col\">{{ item.displayName }}</th>\n                        </ng-container>\n                        <th scope=\"col\" class=\"flex-end\">\n                            <button class=\"btn btn-light btn-sm\" (click.stop)=\"addTableControlItem()\">\n                                <i class=\"fas fa-plus-circle\"></i>\n                            </button>\n                        </th>\n                    </tr>\n                </thead>\n                <tbody [formArrayName]=\"_fields.field.name\">\n                    <ng-container *ngFor=\"let item of fieldNameControl.controls; let i = index\">\n                        <tr>\n                            <ng-container *ngFor=\"let el of formConfiguration.TableColumns\">\n                                <td>\n                                    <ng-container *ngIf=\"item&&el\">\n                                        <df-dynamic  [fields]=\"{ field: el }\"\n                                            [selected]=\"_selected?_selected[i]?.extraProperties[''+el.name+'']:''\"\n                                            [parentFiledName]=\"'extraProperties'\"  [culture]=\"_culture\" [entity]=\"item\"></df-dynamic>\n                                    </ng-container>\n                                </td>\n                            </ng-container>\n                            <td scope=\"row\" class=\"\">\n                                <div class=\"flex-end mb-3\">\n                                    <button class=\"btn btn-light btn-sm ms-1\" (click.stop)=\"minusTableControlItem(i)\">\n                                        <i class=\"fas fa-minus\"></i>\n                                    </button>\n                                    <button class=\"btn btn-light btn-sm ms-1\" (click.stop)=\"TableArrowUpOrDown('up',i)\"\n                                        *ngIf=\"i!==0\">\n                                        <i class=\"fas fa-arrow-up\"></i>\n                                    </button>\n                                    <button class=\"btn btn-light btn-sm ms-1\"\n                                        (click.stop)=\"TableArrowUpOrDown('down',i)\"\n                                        *ngIf=\"i!==fieldNameControl.controls.length-1\">\n                                        <i class=\"fas fa-arrow-down\"></i>\n                                    </button>\n                                </div>\n                            </td>\n                        </tr>\n                    </ng-container>\n                </tbody>\n            </table>\n            <small class=\"form-text text-muted d-block\" *ngIf=\"_fields.field.description\">{{_fields.field.description}}</small>\n        </div>\n    </div>\n    <button type=\"submit\" style=\"display: none\" #submitclick></button>\n</form>", styles: [".flex-end{display:flex;align-items:center;justify-content:flex-end}.flex-start{display:flex;align-items:center;justify-content:flex-start}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i1$2.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "directive", type: i1.StopPropagationDirective, selector: "[click.stop]", outputs: ["click.stop"] }, { kind: "directive", type: i5.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "component", type: i15.DynamicComponent, selector: "df-dynamic", inputs: ["selected", "type", "culture", "parentFiledName", "fields", "entity"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: TableControlComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'df-table-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            <table class=\"table\">\n                <thead>\n                    <tr>\n                        <ng-container *ngFor=\"let item of formConfiguration.TableColumns\">\n                            <th scope=\"col\">{{ item.displayName }}</th>\n                        </ng-container>\n                        <th scope=\"col\" class=\"flex-end\">\n                            <button class=\"btn btn-light btn-sm\" (click.stop)=\"addTableControlItem()\">\n                                <i class=\"fas fa-plus-circle\"></i>\n                            </button>\n                        </th>\n                    </tr>\n                </thead>\n                <tbody [formArrayName]=\"_fields.field.name\">\n                    <ng-container *ngFor=\"let item of fieldNameControl.controls; let i = index\">\n                        <tr>\n                            <ng-container *ngFor=\"let el of formConfiguration.TableColumns\">\n                                <td>\n                                    <ng-container *ngIf=\"item&&el\">\n                                        <df-dynamic  [fields]=\"{ field: el }\"\n                                            [selected]=\"_selected[i]?.extraProperties[''+el.name+'']\"\n                                            [parentFiledName]=\"'extraProperties'\"  [culture]=\"_culture\" [entity]=\"item\"></df-dynamic>\n                                    </ng-container>\n                                </td>\n                            </ng-container>\n                            <td scope=\"row\" class=\"\">\n                                <div class=\"flex-end mb-3\">\n                                    <button class=\"btn btn-light btn-sm ms-1\" (click.stop)=\"minusTableControlItem(i)\">\n                                        <i class=\"fas fa-minus\"></i>\n                                    </button>\n                                    <button class=\"btn btn-light btn-sm ms-1\" (click.stop)=\"TableArrowUpOrDown('up',i)\"\n                                        *ngIf=\"i!==0\">\n                                        <i class=\"fas fa-arrow-up\"></i>\n                                    </button>\n                                    <button class=\"btn btn-light btn-sm ms-1\"\n                                        (click.stop)=\"TableArrowUpOrDown('down',i)\"\n                                        *ngIf=\"i!==fieldNameControl.controls.length-1\">\n                                        <i class=\"fas fa-arrow-down\"></i>\n                                    </button>\n                                </div>\n                            </td>\n                        </tr>\n                    </ng-container>\n                </tbody>\n            </table>\n            <small class=\"form-text text-muted d-block\" *ngIf=\"_fields.field.description\">{{_fields.field.description}}</small>\n        </div>\n    </div>\n    <button type=\"submit\" style=\"display: none\" #submitclick></button>\n</form>", styles: [".flex-end{display:flex;align-items:center;justify-content:flex-end}.flex-start{display:flex;align-items:center;justify-content:flex-start}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { entity: [{
+            args: [{ selector: 'df-table-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            <table class=\"table\">\n                <thead>\n                    <tr>\n                        <ng-container *ngFor=\"let item of formConfiguration.TableColumns\">\n                            <th scope=\"col\">{{ item.displayName }}</th>\n                        </ng-container>\n                        <th scope=\"col\" class=\"flex-end\">\n                            <button class=\"btn btn-light btn-sm\" (click.stop)=\"addTableControlItem()\">\n                                <i class=\"fas fa-plus-circle\"></i>\n                            </button>\n                        </th>\n                    </tr>\n                </thead>\n                <tbody [formArrayName]=\"_fields.field.name\">\n                    <ng-container *ngFor=\"let item of fieldNameControl.controls; let i = index\">\n                        <tr>\n                            <ng-container *ngFor=\"let el of formConfiguration.TableColumns\">\n                                <td>\n                                    <ng-container *ngIf=\"item&&el\">\n                                        <df-dynamic  [fields]=\"{ field: el }\"\n                                            [selected]=\"_selected?_selected[i]?.extraProperties[''+el.name+'']:''\"\n                                            [parentFiledName]=\"'extraProperties'\"  [culture]=\"_culture\" [entity]=\"item\"></df-dynamic>\n                                    </ng-container>\n                                </td>\n                            </ng-container>\n                            <td scope=\"row\" class=\"\">\n                                <div class=\"flex-end mb-3\">\n                                    <button class=\"btn btn-light btn-sm ms-1\" (click.stop)=\"minusTableControlItem(i)\">\n                                        <i class=\"fas fa-minus\"></i>\n                                    </button>\n                                    <button class=\"btn btn-light btn-sm ms-1\" (click.stop)=\"TableArrowUpOrDown('up',i)\"\n                                        *ngIf=\"i!==0\">\n                                        <i class=\"fas fa-arrow-up\"></i>\n                                    </button>\n                                    <button class=\"btn btn-light btn-sm ms-1\"\n                                        (click.stop)=\"TableArrowUpOrDown('down',i)\"\n                                        *ngIf=\"i!==fieldNameControl.controls.length-1\">\n                                        <i class=\"fas fa-arrow-down\"></i>\n                                    </button>\n                                </div>\n                            </td>\n                        </tr>\n                    </ng-container>\n                </tbody>\n            </table>\n            <small class=\"form-text text-muted d-block\" *ngIf=\"_fields.field.description\">{{_fields.field.description}}</small>\n        </div>\n    </div>\n    <button type=\"submit\" style=\"display: none\" #submitclick></button>\n</form>", styles: [".flex-end{display:flex;align-items:center;justify-content:flex-end}.flex-start{display:flex;align-items:center;justify-content:flex-start}\n"] }]
+        }], ctorParameters: () => [{ type: CmsApiService }], propDecorators: { entity: [{
                 type: Input
             }], fields: [{
                 type: Input
@@ -3224,6 +3679,42 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImpor
                 args: ['submitclick', { static: true }]
             }] } });
 
+class TableViewComponent {
+    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: TableViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.5", type: TableViewComponent, selector: "cms-table-view", inputs: { showInList: "showInList", fields: "fields", type: "type", value: "value" }, ngImport: i0, template: "@if(showInList){\r\n{{'Cms::NotShowInList'|abpLocalization}}\r\n} @else{\r\n<div class=\"mb-3\">\r\n    <label class=\"form-label\" *ngIf=\"fields.displayName\">{{ fields.displayName }}</label>\r\n</div>\r\n}", styles: [""], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: TableViewComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cms-table-view', template: "@if(showInList){\r\n{{'Cms::NotShowInList'|abpLocalization}}\r\n} @else{\r\n<div class=\"mb-3\">\r\n    <label class=\"form-label\" *ngIf=\"fields.displayName\">{{ fields.displayName }}</label>\r\n</div>\r\n}" }]
+        }], propDecorators: { showInList: [{
+                type: Input
+            }], fields: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }] } });
+
 /**
  * 表单控件分组-包含配置，控件，显示的数组
  */
@@ -3233,18 +3724,22 @@ const cmsFieldControlGroup = [
         name: 'Table',
         fieldConfigComponent: TableConfigComponent,
         fieldComponent: TableControlComponent,
+        fieldViewComponent: TableViewComponent,
     },
     {
         displayName: '矩阵',
         name: 'Matrix',
         fieldConfigComponent: MatrixConfigComponent,
         fieldComponent: MatrixControlComponent,
+        fieldViewComponent: MatrixViewComponent,
     },
     {
         displayName: '条目',
         name: 'Entry',
         fieldConfigComponent: EntryConfigComponent,
         fieldComponent: EntryControlComponent,
+        fieldViewComponent: EntryViewComponent,
+        fieldSearchComponent: EntrySearchComponent,
     },
 ];
 
@@ -3729,6 +4224,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImpor
                 }]
         }] });
 
+// import { AdvancedEntityFiltersModule, CommercialUiModule } from '@volo/abp.commercial.ng.ui';
 class CmsModule {
     static forChild(options = {}) {
         return {
@@ -3770,7 +4266,11 @@ class CmsModule {
             MatrixControlComponent,
             EntryConfigComponent,
             EntryControlComponent,
-            CreateOrEditSectionsModalComponent], imports: [CoreModule,
+            EntryViewComponent,
+            CreateOrEditSectionsModalComponent,
+            MatrixViewComponent,
+            TableViewComponent,
+            EntrySearchComponent], imports: [CoreModule,
             ThemeSharedModule,
             CmsRoutingModule,
             NgbNavModule,
@@ -3779,12 +4279,18 @@ class CmsModule {
             PageModule,
             NzSelectModule,
             DynamicFormModule,
-            ExtensibleModule], exports: [TableConfigComponent,
+            ExtensibleModule,
+            DragDropModule,
+            NgxDatatableModule], exports: [TableConfigComponent,
             TableControlComponent,
             MatrixConfigComponent,
             MatrixControlComponent,
             EntryConfigComponent,
-            EntryControlComponent] }); }
+            EntryControlComponent,
+            EntryViewComponent,
+            MatrixViewComponent,
+            TableViewComponent,
+            EntrySearchComponent] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: CmsModule, imports: [CoreModule,
             ThemeSharedModule,
             CmsRoutingModule,
@@ -3794,7 +4300,9 @@ class CmsModule {
             PageModule,
             NzSelectModule,
             DynamicFormModule,
-            ExtensibleModule] }); }
+            ExtensibleModule,
+            DragDropModule,
+            NgxDatatableModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: CmsModule, decorators: [{
             type: NgModule,
@@ -3817,7 +4325,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImpor
                         MatrixControlComponent,
                         EntryConfigComponent,
                         EntryControlComponent,
+                        EntryViewComponent,
                         CreateOrEditSectionsModalComponent,
+                        MatrixViewComponent,
+                        TableViewComponent,
+                        EntrySearchComponent,
                     ],
                     imports: [
                         CoreModule,
@@ -3830,6 +4342,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImpor
                         NzSelectModule,
                         DynamicFormModule,
                         ExtensibleModule,
+                        DragDropModule,
+                        NgxDatatableModule,
+                        // CommercialUiModule,
                     ],
                     exports: [
                         TableConfigComponent,
@@ -3838,6 +4353,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImpor
                         MatrixControlComponent,
                         EntryConfigComponent,
                         EntryControlComponent,
+                        EntryViewComponent,
+                        MatrixViewComponent,
+                        TableViewComponent,
+                        EntrySearchComponent,
                     ],
                     providers: [],
                 }]
@@ -3851,5 +4370,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { CmsModule, EntryConfig, EntryConfigComponent, EntryControlComponent, MatrixConfig, MatrixConfigComponent, MatrixControlComponent, MatrixItemConfig, TableConfig, TableConfigComponent, TableControlComponent, TableFormControl, cmsFieldControlGroup, matrixFieldInputBase };
+export { CmsModule, EntryConfig, EntryConfigComponent, EntryControlComponent, EntrySearchComponent, EntryViewComponent, MatrixConfig, MatrixConfigComponent, MatrixControlComponent, MatrixItemConfig, MatrixViewComponent, TableConfig, TableConfigComponent, TableControlComponent, TableFormControl, TableViewComponent, cmsFieldControlGroup, matrixFieldInputBase };
 //# sourceMappingURL=dignite-ng-expand.cms.mjs.map