@dignite-ng/expand.cms 3.0.0-rc.49 → 3.0.0

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

@@ -1,32 +1,31 @@
 import * as i0 from '@angular/core';
-import { Injectable, inject, Pipe, Component, ChangeDetectorRef, EventEmitter, ViewChild, Input, Output, RendererFactory2, InjectionToken, Injector, NgModule } from '@angular/core';
+import { Injectable, inject, Pipe, Component, ChangeDetectorRef, EventEmitter, ViewChild, Input, Output, InjectionToken, Injector, 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';
 import { ToasterService, ThemeSharedModule } from '@abp/ng.theme.shared';
-import * as i4 from '@angular/router';
+import * as i6 from '@angular/router';
 import { Router, ActivatedRoute, RouterModule } from '@angular/router';
 import * as i8 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 * as i1$1 from '@angular/forms';
 import { FormBuilder, Validators, FormGroup, FormControl, FormArray, FormsModule } from '@angular/forms';
 import * as i11 from '@swimlane/ngx-datatable';
 import { ColumnMode, NgxDatatableModule } from '@swimlane/ngx-datatable';
 import { finalize, of, map, tap } from 'rxjs';
-import { UpdateListService, ValidatorsService, LocationBackService } from '@dignite-ng/expand.core';
+import * as i4 from '@dignite-ng/expand.core';
+import { UpdateListService, ValidatorsService, LocationBackService, DigniteValidatorsService } from '@dignite-ng/expand.core';
 import * as i7 from '@angular/cdk/drag-drop';
 import { moveItemInArray, DragDropModule } from '@angular/cdk/drag-drop';
-import * as i1$1 from '@angular/common';
+import * as i2 from '@angular/common';
 import { Location, DatePipe } from '@angular/common';
-import * as i5 from '@ngx-validate/core';
+import * as i6$1 from '@ngx-validate/core';
 import * as i11$1 from '@ng-bootstrap/ng-bootstrap';
 import { NgbNavModule, NgbAccordionModule, NgbDropdownModule } from '@ng-bootstrap/ng-bootstrap';
 import * as i14 from '@abp/ng.components/page';
 import { PageModule } from '@abp/ng.components/page';
-import * as i15 from '@dignite-ng/expand.dynamic-form';
+import * as i6$2 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';
 import { CKEditorModule } from '@ckeditor/ckeditor5-angular';
@@ -77,7 +76,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, queryingByFieldsJson: input.queryingByFieldsJson, 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, 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',
@@ -340,9 +339,104 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImpor
                 }]
         }], ctorParameters: () => [{ type: i1.RestService }] });
 
+class FieldsDataService {
+    constructor(_fieldGroupService, _formService, _fieldService) {
+        this._fieldGroupService = _fieldGroupService;
+        this._formService = _formService;
+        this._fieldService = _fieldService;
+        /**
+         * 字段分组列表
+         */
+        this.fieldGroupsList = [];
+        /**
+         * 字段控件类型列表
+         */
+        this.fieldControlsTypesList = [];
+    }
+    /**
+     * 获取字段分组
+     */
+    getfieldGroups(newList = false) {
+        return new Promise((resolve, reject) => {
+            if (this.fieldGroupsList.length > 0 && newList == false) {
+                resolve(this.fieldGroupsList);
+                return;
+            }
+            this._fieldGroupService.getList({}).subscribe(res => {
+                this.fieldGroupsList = res.items;
+                resolve(res.items);
+            }, () => {
+                reject([]);
+            });
+        });
+    }
+    /**
+     * 获取字段类型列表
+     */
+    getControlsfieldTypes() {
+        return new Promise((resolve, reject) => {
+            if (this.fieldControlsTypesList.length > 0) {
+                resolve(this.fieldControlsTypesList);
+                return;
+            }
+            this._formService.getFormControls({}).subscribe(res => {
+                this.fieldControlsTypesList = res.items;
+                resolve(res.items);
+            }, () => {
+                reject([]);
+            });
+        });
+    }
+    /**创建分组 */
+    createFieldGroup(input) {
+        return this._fieldGroupService.create(input);
+    }
+    /**编辑分组 */
+    updateFieldGroup(id, input) {
+        return this._fieldGroupService.update(id, input);
+    }
+    /**删除分组 */
+    deleteFieldGroup(id) {
+        return this._fieldGroupService.delete(id);
+    }
+    /**获取字段列表 */
+    getFieldsList(input) {
+        return this._fieldService.getList(input);
+    }
+    /**创建字段 */
+    createField(input) {
+        return this._fieldService.create(input);
+    }
+    /**编辑字段 */
+    updateField(id, input) {
+        return this._fieldService.update(id, input);
+    }
+    /**获取字段详情 */
+    getFieldDetail(id) {
+        return this._fieldService.get(id);
+    }
+    /**字段验证 */
+    nameExists(name) {
+        return this._fieldService.nameExists(name);
+    }
+    /**删除字段 */
+    deleteField(id) {
+        return this._fieldService.delete(id);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: FieldsDataService, deps: [{ token: FieldGroupAdminService }, { token: FormAdminService }, { token: FieldAdminService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: FieldsDataService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: FieldsDataService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [{ type: FieldGroupAdminService }, { type: FormAdminService }, { type: FieldAdminService }] });
+
 class FormControlsService {
-    constructor(_FormAdminService) {
+    constructor(_FormAdminService, _service) {
         this._FormAdminService = _FormAdminService;
+        this._service = _service;
         /**需要查询的动态表单类型 */
         this.enableSearchTypeList = [];
         /**不需要展示的动态表单类型 */
@@ -350,12 +444,11 @@ class FormControlsService {
     }
     /**获取动态表单类型 */
     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);
-            });
+        // eslint-disable-next-line no-async-promise-executor
+        return new Promise(async (resolve, rejects) => {
+            const items = await this._service.getControlsfieldTypes();
+            this.enableSearchTypeList = items.filter(el => el.enableSearch).map(el => el.name);
+            resolve(items);
         });
     }
     async getEnableSearchTypeList() {
@@ -367,7 +460,7 @@ class FormControlsService {
     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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: FormControlsService, deps: [{ token: FormAdminService }, { token: FieldsDataService }], 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: [{
@@ -375,7 +468,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImpor
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: () => [{ type: FormAdminService }] });
+        }], ctorParameters: () => [{ type: FormAdminService }, { type: FieldsDataService }] });
 
 class GetLocalizedEntriesBySlugPipe {
     constructor() {
@@ -486,23 +579,13 @@ 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.sorting = 'creationTime desc';
         this.hookToQuery();
+        console.log(this.entryTypeList, 'entryTypeList', this.data.items);
     }
-    /**获取动态表单类型 */
-    // 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();
@@ -671,6 +754,7 @@ class EntriesComponent {
         this.filters = {
             sectionId: this.filters.sectionId,
             culture: this.filters.culture,
+            sorting: 'creationTime desc',
         };
         this.list.filter = '';
         this.list.maxResultCount = this.maxResultCount;
@@ -708,7 +792,7 @@ class EntriesComponent {
             this.data.totalCount = 0;
             if (this.SiteOfSectionType == SectionType.Structure) {
                 list.items = list.items.sort((a, b) => {
-                    return a.order - b.order;
+                    return new Date(b.creationTime).getTime() - new Date(a.creationTime).getTime();
                 });
             }
             for (const element of list.items) {
@@ -724,6 +808,10 @@ class EntriesComponent {
         const scrollContainer = document.getElementsByClassName('lpx-scroll-container')[0];
         (scrollContainer || window).scrollTo(0, 0);
     }
+    /**判断某个类型的条目是否存在 */
+    isEntryTypeExist(entryTypeId) {
+        return this.data?.items?.some(el => el.entryTypeId == entryTypeId);
+    }
     /**删除条目 */
     deletefield(row) {
         this.confirmation
@@ -767,7 +855,7 @@ class EntriesComponent {
     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.ɵ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: i6.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.
@@ -777,7 +865,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 \">\r\n    </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                <ng-container *ngFor=\"let item of entryTypeList\">\r\n                    <button class=\"btn btn-sm btn-primary\"\r\n                        [disabled]=\"data.totalCount===1&&SiteOfSectionType===SectionType.Single\"\r\n                        [routerLink]=\"['/cms/admin/entries/create']\"\r\n                        [queryParams]=\"{cultureName: filters.culture,sectionId:filters.sectionId,entryTypeId:item.id}\"><i\r\n                            class=\"fa fa-plus me-2\"></i> {{'Cms::NewEntry'|abpLocalization}}</button>\r\n                    <!-- {{item.displayName}} -->\r\n                </ng-container>\r\n            </div>\r\n        </div>\r\n    </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::NewEntry' | 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                                [disabled]=\"data.totalCount===1&&SiteOfSectionType===SectionType.Single\"\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-md-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-md-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-md-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-md-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-md-3 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::SectionType' | abpLocalization\" prop=\"sectionType\"\r\n                            [sortable]=\"false\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                {{ 'Cms::Enum:SectionType:'+SectionType[value] |\r\n                                        abpLocalization }}\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\">{{'Cms::Edit' |\r\n                                            abpLocalization}}</button>\r\n                                        @if\r\n                                        (((row|getLocalizedEntriesBySlug:filters.sectionId:sectionLanguagesList)|async)===false)\r\n                                        {\r\n                                        <button ngbDropdownItem [routerLink]=\"['/cms/admin/entries/create']\"\r\n                                            [queryParams]=\"{cultureName: filters.culture,sectionId:filters.sectionId,entryTypeId:row.entryTypeId,entryVersionId:row.id,isOther:1}\">{{'Cms::CreateOtherLanguages'\r\n                                            |\r\n                                            abpLocalization}} </button>\r\n                                        }\r\n                                        <!-- -->\r\n                                        <button ngbDropdownItem (click)=\"deletefield(row)\">{{'Cms::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\"> <span\r\n                                        class=\"bi bi-arrows-move fs-5 drag-handle me-2 opacity-0\"></span>{{'AbpUi::Actions'\r\n                                    | abpLocalization}}</th>\r\n                                <th>{{'Cms::Title' | abpLocalization}}</th>\r\n                                <th>{{'Cms::SectionType' | abpLocalization}}</th>\r\n                                <th>{{'Cms::EntryType' | abpLocalization}}</th>\r\n\r\n\r\n                                <!-- <th>{{'Cms::Slug' | abpLocalization}}</th> -->\r\n                                <th>{{'Cms::Status' | abpLocalization}}</th>\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                                        <span class=\"bi bi-arrows-move fs-5 drag-handle me-2\" cdkDragHandle></span>\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                                            @if\r\n                                            (((item|getLocalizedEntriesBySlug:filters.sectionId:sectionLanguagesList)|async)===false)\r\n                                            {\r\n                                            <button ngbDropdownItem [routerLink]=\"['/cms/admin/entries/create']\"\r\n                                                [queryParams]=\"{cultureName: filters.culture,sectionId:filters.sectionId,entryTypeId:item.entryTypeId,entryVersionId:item.id,isOther:1}\">{{'Cms::CreateOtherLanguages'\r\n                                                |\r\n                                                abpLocalization}}</button>\r\n                                            }\r\n                                            <!-- <button ngbDropdownItem [routerLink]=\"['/cms/admin/entries/create']\"\r\n                                                [queryParams]=\"{cultureName: filters.culture,sectionId:filters.sectionId,entryTypeId:row.entryTypeId,entryVersionId:row.id,isOther:1}\">{{'Cms::CreateOtherLanguages'\r\n                                                |\r\n                                                abpLocalization}} </button> -->\r\n\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                                    {{ 'Cms::Enum:SectionType:'+SectionType[item.sectionType] |\r\n                                    abpLocalization }}\r\n                                </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\"\r\n                                        [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: i7.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: i7.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i7.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }, { kind: "pipe", type: i1.ShortDateTimePipe, name: "shortDateTime" }, { kind: "pipe", type: GetLocalizedEntriesBySlugPipe, name: "getLocalizedEntriesBySlug" }] }); }
+        ], ngImport: i0, template: "<abp-page [title]=\"'Cms::Entries' | abpLocalization\" [toolbar]=\"true\">\r\n    <abp-page-toolbar-container *ngIf=\"entryTypeList.length < 1\" class=\"col \">\r\n    </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                <ng-container *ngFor=\"let item of entryTypeList\">\r\n                    <button class=\"btn btn-sm btn-primary\"\r\n                        [disabled]=\"data.totalCount===1&&SiteOfSectionType===SectionType.Single\"\r\n                        [routerLink]=\"['/cms/admin/entries/create']\"\r\n                        [queryParams]=\"{cultureName: filters.culture,sectionId:filters.sectionId,entryTypeId:item.id}\"><i\r\n                            class=\"fa fa-plus me-2\"></i> {{'Cms::NewEntry'|abpLocalization}}</button>\r\n                </ng-container>\r\n            </div>\r\n        </div>\r\n    </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::NewEntry' | 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                                [disabled]=\"data.totalCount===1&&SiteOfSectionType===SectionType.Single&&isEntryTypeExist(item.id)\"\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-md-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-md-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-md-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-md-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-md-3 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::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::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::SectionType' | abpLocalization\" prop=\"sectionType\"\r\n                            [sortable]=\"false\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                {{ 'Cms::Enum:SectionType:'+SectionType[value] |\r\n                                        abpLocalization }}\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                        \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\">{{'Cms::Edit' |\r\n                                            abpLocalization}}</button>\r\n                                        @if\r\n                                        (((row|getLocalizedEntriesBySlug:filters.sectionId:sectionLanguagesList)|async)===false)\r\n                                        {\r\n                                        <button ngbDropdownItem [routerLink]=\"['/cms/admin/entries/create']\"\r\n                                            [queryParams]=\"{cultureName: filters.culture,sectionId:filters.sectionId,entryTypeId:row.entryTypeId,entryVersionId:row.id,isOther:1}\">{{'Cms::CreateOtherLanguages'\r\n                                            |\r\n                                            abpLocalization}} </button>\r\n                                        }\r\n                                        <button ngbDropdownItem (click)=\"deletefield(row)\">{{'Cms::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\"> <span\r\n                                        class=\"bi bi-arrows-move fs-5 drag-handle me-2 opacity-0\"></span>{{'AbpUi::Actions'\r\n                                    | abpLocalization}}</th>\r\n                                      <th>{{'Cms::Slug' | abpLocalization}}</th>\r\n                                <!-- <th>{{'Cms::Title' | abpLocalization}}</th> -->\r\n                                <th>{{'Cms::SectionType' | abpLocalization}}</th>\r\n                                <th>{{'Cms::EntryType' | abpLocalization}}</th>\r\n                                <th>{{'Cms::Status' | abpLocalization}}</th>\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                                        <span class=\"bi bi-arrows-move fs-5 drag-handle me-2\" cdkDragHandle></span>\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                                            @if\r\n                                            (((item|getLocalizedEntriesBySlug:filters.sectionId:sectionLanguagesList)|async)===false)\r\n                                            {\r\n                                            <button ngbDropdownItem [routerLink]=\"['/cms/admin/entries/create']\"\r\n                                                [queryParams]=\"{cultureName: filters.culture,sectionId:filters.sectionId,entryTypeId:item.entryTypeId,entryVersionId:item.id,isOther:1}\">{{'Cms::CreateOtherLanguages'\r\n                                                |\r\n                                                abpLocalization}}</button>\r\n                                            }\r\n                                            <!-- <button ngbDropdownItem [routerLink]=\"['/cms/admin/entries/create']\"\r\n                                                [queryParams]=\"{cultureName: filters.culture,sectionId:filters.sectionId,entryTypeId:row.entryTypeId,entryVersionId:row.id,isOther:1}\">{{'Cms::CreateOtherLanguages'\r\n                                                |\r\n                                                abpLocalization}} </button> -->\r\n\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 class=\"white-space-normal\">{{item.slug}}</td>\r\n                                <td>\r\n                                    {{ 'Cms::Enum:SectionType:'+SectionType[item.sectionType] |\r\n                                    abpLocalization }}\r\n                                </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                                \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\"\r\n                                        [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: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i6.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: i6$1.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: i6$2.DynamicViewComponent, selector: "df-dynamic-view", inputs: ["showInList", "fields", "type", "value"] }, { kind: "component", type: i6$2.DynamicSearchComponent, selector: "df-dynamic-search", inputs: ["culture", "parentFiledName", "fields", "entity"] }, { kind: "directive", type: i7.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: i7.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i7.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }, { kind: "pipe", type: i1.ShortDateTimePipe, name: "shortDateTime" }, { kind: "pipe", type: GetLocalizedEntriesBySlugPipe, name: "getLocalizedEntriesBySlug" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: EntriesComponent, decorators: [{
             type: Component,
@@ -790,15 +878,15 @@ 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 \">\r\n    </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                <ng-container *ngFor=\"let item of entryTypeList\">\r\n                    <button class=\"btn btn-sm btn-primary\"\r\n                        [disabled]=\"data.totalCount===1&&SiteOfSectionType===SectionType.Single\"\r\n                        [routerLink]=\"['/cms/admin/entries/create']\"\r\n                        [queryParams]=\"{cultureName: filters.culture,sectionId:filters.sectionId,entryTypeId:item.id}\"><i\r\n                            class=\"fa fa-plus me-2\"></i> {{'Cms::NewEntry'|abpLocalization}}</button>\r\n                    <!-- {{item.displayName}} -->\r\n                </ng-container>\r\n            </div>\r\n        </div>\r\n    </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::NewEntry' | 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                                [disabled]=\"data.totalCount===1&&SiteOfSectionType===SectionType.Single\"\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-md-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-md-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-md-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-md-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-md-3 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::SectionType' | abpLocalization\" prop=\"sectionType\"\r\n                            [sortable]=\"false\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                {{ 'Cms::Enum:SectionType:'+SectionType[value] |\r\n                                        abpLocalization }}\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\">{{'Cms::Edit' |\r\n                                            abpLocalization}}</button>\r\n                                        @if\r\n                                        (((row|getLocalizedEntriesBySlug:filters.sectionId:sectionLanguagesList)|async)===false)\r\n                                        {\r\n                                        <button ngbDropdownItem [routerLink]=\"['/cms/admin/entries/create']\"\r\n                                            [queryParams]=\"{cultureName: filters.culture,sectionId:filters.sectionId,entryTypeId:row.entryTypeId,entryVersionId:row.id,isOther:1}\">{{'Cms::CreateOtherLanguages'\r\n                                            |\r\n                                            abpLocalization}} </button>\r\n                                        }\r\n                                        <!-- -->\r\n                                        <button ngbDropdownItem (click)=\"deletefield(row)\">{{'Cms::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\"> <span\r\n                                        class=\"bi bi-arrows-move fs-5 drag-handle me-2 opacity-0\"></span>{{'AbpUi::Actions'\r\n                                    | abpLocalization}}</th>\r\n                                <th>{{'Cms::Title' | abpLocalization}}</th>\r\n                                <th>{{'Cms::SectionType' | abpLocalization}}</th>\r\n                                <th>{{'Cms::EntryType' | abpLocalization}}</th>\r\n\r\n\r\n                                <!-- <th>{{'Cms::Slug' | abpLocalization}}</th> -->\r\n                                <th>{{'Cms::Status' | abpLocalization}}</th>\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                                        <span class=\"bi bi-arrows-move fs-5 drag-handle me-2\" cdkDragHandle></span>\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                                            @if\r\n                                            (((item|getLocalizedEntriesBySlug:filters.sectionId:sectionLanguagesList)|async)===false)\r\n                                            {\r\n                                            <button ngbDropdownItem [routerLink]=\"['/cms/admin/entries/create']\"\r\n                                                [queryParams]=\"{cultureName: filters.culture,sectionId:filters.sectionId,entryTypeId:item.entryTypeId,entryVersionId:item.id,isOther:1}\">{{'Cms::CreateOtherLanguages'\r\n                                                |\r\n                                                abpLocalization}}</button>\r\n                                            }\r\n                                            <!-- <button ngbDropdownItem [routerLink]=\"['/cms/admin/entries/create']\"\r\n                                                [queryParams]=\"{cultureName: filters.culture,sectionId:filters.sectionId,entryTypeId:row.entryTypeId,entryVersionId:row.id,isOther:1}\">{{'Cms::CreateOtherLanguages'\r\n                                                |\r\n                                                abpLocalization}} </button> -->\r\n\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                                    {{ 'Cms::Enum:SectionType:'+SectionType[item.sectionType] |\r\n                                    abpLocalization }}\r\n                                </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\"\r\n                                        [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 }] });
+                    ], template: "<abp-page [title]=\"'Cms::Entries' | abpLocalization\" [toolbar]=\"true\">\r\n    <abp-page-toolbar-container *ngIf=\"entryTypeList.length < 1\" class=\"col \">\r\n    </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                <ng-container *ngFor=\"let item of entryTypeList\">\r\n                    <button class=\"btn btn-sm btn-primary\"\r\n                        [disabled]=\"data.totalCount===1&&SiteOfSectionType===SectionType.Single\"\r\n                        [routerLink]=\"['/cms/admin/entries/create']\"\r\n                        [queryParams]=\"{cultureName: filters.culture,sectionId:filters.sectionId,entryTypeId:item.id}\"><i\r\n                            class=\"fa fa-plus me-2\"></i> {{'Cms::NewEntry'|abpLocalization}}</button>\r\n                </ng-container>\r\n            </div>\r\n        </div>\r\n    </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::NewEntry' | 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                                [disabled]=\"data.totalCount===1&&SiteOfSectionType===SectionType.Single&&isEntryTypeExist(item.id)\"\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-md-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-md-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-md-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-md-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-md-3 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::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::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::SectionType' | abpLocalization\" prop=\"sectionType\"\r\n                            [sortable]=\"false\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                {{ 'Cms::Enum:SectionType:'+SectionType[value] |\r\n                                        abpLocalization }}\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                        \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\">{{'Cms::Edit' |\r\n                                            abpLocalization}}</button>\r\n                                        @if\r\n                                        (((row|getLocalizedEntriesBySlug:filters.sectionId:sectionLanguagesList)|async)===false)\r\n                                        {\r\n                                        <button ngbDropdownItem [routerLink]=\"['/cms/admin/entries/create']\"\r\n                                            [queryParams]=\"{cultureName: filters.culture,sectionId:filters.sectionId,entryTypeId:row.entryTypeId,entryVersionId:row.id,isOther:1}\">{{'Cms::CreateOtherLanguages'\r\n                                            |\r\n                                            abpLocalization}} </button>\r\n                                        }\r\n                                        <button ngbDropdownItem (click)=\"deletefield(row)\">{{'Cms::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\"> <span\r\n                                        class=\"bi bi-arrows-move fs-5 drag-handle me-2 opacity-0\"></span>{{'AbpUi::Actions'\r\n                                    | abpLocalization}}</th>\r\n                                      <th>{{'Cms::Slug' | abpLocalization}}</th>\r\n                                <!-- <th>{{'Cms::Title' | abpLocalization}}</th> -->\r\n                                <th>{{'Cms::SectionType' | abpLocalization}}</th>\r\n                                <th>{{'Cms::EntryType' | abpLocalization}}</th>\r\n                                <th>{{'Cms::Status' | abpLocalization}}</th>\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                                        <span class=\"bi bi-arrows-move fs-5 drag-handle me-2\" cdkDragHandle></span>\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                                            @if\r\n                                            (((item|getLocalizedEntriesBySlug:filters.sectionId:sectionLanguagesList)|async)===false)\r\n                                            {\r\n                                            <button ngbDropdownItem [routerLink]=\"['/cms/admin/entries/create']\"\r\n                                                [queryParams]=\"{cultureName: filters.culture,sectionId:filters.sectionId,entryTypeId:item.entryTypeId,entryVersionId:item.id,isOther:1}\">{{'Cms::CreateOtherLanguages'\r\n                                                |\r\n                                                abpLocalization}}</button>\r\n                                            }\r\n                                            <!-- <button ngbDropdownItem [routerLink]=\"['/cms/admin/entries/create']\"\r\n                                                [queryParams]=\"{cultureName: filters.culture,sectionId:filters.sectionId,entryTypeId:row.entryTypeId,entryVersionId:row.id,isOther:1}\">{{'Cms::CreateOtherLanguages'\r\n                                                |\r\n                                                abpLocalization}} </button> -->\r\n\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 class=\"white-space-normal\">{{item.slug}}</td>\r\n                                <td>\r\n                                    {{ 'Cms::Enum:SectionType:'+SectionType[item.sectionType] |\r\n                                    abpLocalization }}\r\n                                </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                                \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\"\r\n                                        [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: i6.Router }, { type: i1.LocalizationService }, { type: FormAdminService }, { type: FieldAdminService }, { type: i0.ChangeDetectorRef }, { type: FormControlsService }] });
 
 class CreateOrUpdateEntryInputBase {
     constructor() {
         /**条目id */
         this.entryTypeId = [''];
         /**标题 */
-        this.title = ['', [Validators.required]];
+        // title: any = ['', [Validators.required]]
         /**别名 */
         this.slug = ['', [Validators.required]];
         /**语言 */
@@ -816,161 +904,20 @@ class CreateOrUpdateEntryInputBase {
         this.extraProperties = new FormGroup({});
     }
 }
+const EntriesToFormLabelMap = {
+    "title": "Cms::Title",
+    "slug": "Cms::Slug",
+    "culture": "Cms::Languages",
+    "draft": "Cms::EntryType",
+    "publishTime": "Cms::publishTime",
+    "parentId": "Cms::ParentEntry",
+};
 
-class FieldAbstractsService {
-    constructor(_FieldGroupAdminService, _FormAdminService) {
-        this._FieldGroupAdminService = _FieldGroupAdminService;
-        this._FormAdminService = _FormAdminService;
-        /**字段分组列表 */
-        this.fieldGroupList = [];
-        /**表单控件类型 */
-        this.fromControlList = [];
-    }
-    /**获取字段分组列表 */
-    getfieldGroupList() {
-        return new Promise((resolve, reject) => {
-            this._FieldGroupAdminService.getList({}).subscribe((res) => {
-                this.fieldGroupList = res.items;
-                resolve(res.items);
-            });
-        });
-    }
-    /**获取表单控件类型 */
-    getFromControlList() {
-        return new Promise((resolve, reject) => {
-            this._FormAdminService.getFormControls({}).subscribe((res) => {
-                this.fromControlList = res.items;
-                resolve(res.items);
-            });
-        });
-    }
-    /**获取排除指定控件类型的表单控件类型 */
-    getExcludeAssignControl(typeName) {
-        // return this.fromControlList.filter(el => el.name !== typeName)
-        return this.fromControlList;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: FieldAbstractsService, deps: [{ token: FieldGroupAdminService }, { token: FormAdminService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: FieldAbstractsService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: FieldAbstractsService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }], ctorParameters: () => [{ type: FieldGroupAdminService }, { type: FormAdminService }] });
-
-class CmsService {
-    constructor(restService) {
-        this.restService = restService;
-        this.apiName = 'Cms';
-    }
-    sample() {
-        return this.restService.request({ method: 'GET', url: '/api/Cms/sample' }, { apiName: this.apiName });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: CmsService, deps: [{ token: i1.RestService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: CmsService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: CmsService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }], ctorParameters: () => [{ type: i1.RestService }] });
-
-/* eslint-disable no-prototype-builtins */
-class CmsApiService {
-    constructor() { }
-    /**
-     * 识别中文转化为拼音，固定返回类型
-     * 汉字转拼音
-     * 大写转小写
-     *
-     *  */
-    chineseToPinyin(value) {
-        //去除字符串中所有的空格
-        const val = value.replaceAll(' ', '-');
-        const array = val.split('');
-        const newArray = [];
-        array.forEach((el, index) => {
-            //转化为小写
-            let elChange = el.toLowerCase();
-            const isChinese = str => {
-                return /^[\u4e00-\u9fa5]+$/.test(str);
-            };
-            if (isChinese(elChange)) {
-                const resultWithoutTone = pinyin(elChange, { toneType: 'none', type: 'array' });
-                elChange = resultWithoutTone.toString();
-                if (index < array.length - 1)
-                    elChange += '-';
-            }
-            newArray.push(elChange);
-        });
-        const pinyinstr = newArray.join('');
-        return pinyinstr || val;
-    }
-    /**
-     * 深拷贝--方法  */
-    deepClone(obj) {
-        if (typeof obj !== 'object' || obj === null)
-            return obj;
-        const result = Array.isArray(obj) ? [] : {};
-        for (const key in obj) {
-            if (obj.hasOwnProperty(key)) {
-                if (typeof obj[key] === 'object' && obj[key] !== null) {
-                    if (obj[key] instanceof Date) {
-                        result[key] = new Date(obj[key].getTime());
-                    }
-                    else if (obj[key] instanceof RegExp) {
-                        result[key] = new RegExp(obj[key]);
-                    }
-                    else {
-                        result[key] = this.deepClone(obj[key]);
-                    }
-                }
-                else {
-                    result[key] = obj[key];
-                }
-            }
-        }
-        return result;
-    }
-    // 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' || key === 'TableColumns' || key.includes('.');
-                // 如果在 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',
-                }]
-        }], ctorParameters: () => [] });
-
+/* eslint-disable @typescript-eslint/no-empty-function */
 /* eslint-disable @angular-eslint/component-selector */
 class CreateOrEditEntriesComponent {
-    constructor() {
+    constructor(toPinyinService) {
+        this.toPinyinService = toPinyinService;
         this.toaster = inject(ToasterService);
         this._location = inject(Location);
         this.configState = inject(ConfigStateService);
@@ -979,7 +926,6 @@ class CreateOrEditEntriesComponent {
         this.datePipe = inject(DatePipe);
         this._LocalizationService = inject(LocalizationService);
         this.router = inject(Router);
-        this._CmsApiService = inject(CmsApiService);
         this.cdRef = inject(ChangeDetectorRef);
         this._RegionalizationService = inject(RegionalizationService);
         /**语言列表 */
@@ -1075,7 +1021,7 @@ class CreateOrEditEntriesComponent {
             this.formEntity.patchValue({
                 entryTypeId: this.entryInfo.entryTypeId,
                 publishTime: this.datePipe.transform(this.entryInfo.publishTime, 'yyyy-MM-dd HH:mm:ss'),
-                title: this.entryInfo.title,
+                // title: this.entryInfo.title,
                 slug: this.entryInfo.slug,
                 parentId: this.entryInfo.parentId,
                 versionNotes: this.entryInfo.versionNotes,
@@ -1224,34 +1170,19 @@ class CreateOrEditEntriesComponent {
         });
         return result;
     }
-    /**标题转化别名 */
-    setTitleToSlugBlur(event) {
+    /**别名转化 */
+    slugChange(event) {
+        console.log(event, '别名转化');
         const val = event.target.value;
-        const slug = this.formEntity.get('slug');
-        let pinyinstr = '';
-        if (slug.value)
-            return;
-        pinyinstr = this._CmsApiService.chineseToPinyin(val);
-        pinyinstr = pinyinstr || val;
-        //去除特殊字符
-        pinyinstr = pinyinstr.replace(/[^a-zA-Z0-9-]/g, '');
-        this.slugInput.patchValue(pinyinstr);
-        this._EntryAdminService
-            .slugExists({
-            culture: this.cultureInput.value,
-            sectionId: this.sectionId,
-            slug: this.slugInput.value,
-        })
-            .subscribe(res => {
-            if (res) {
-                this.slugInput.setErrors({
-                    repetition: this._LocalizationService.instant(`Cms::EntrySlug{0}AlreadyExist`, this.slugInput.value),
-                });
-            }
-            else {
-                this.slugInput.setErrors(null);
-            }
-        });
+        //将val字段中的特殊字符替换为-，允许输入字母，数字，下划线，中划线，小数点
+        const newVal = val.replace(/[^\-.\w\s]/g, '-');
+        //将newVal字段中的空格替换为-
+        const newVal2 = newVal.replace(/\s+/g, '-');
+        //将newVal2字段中的多个-替换为单个-
+        const newVal3 = newVal2.replace(/-+/g, '-');
+        //如果-在开头或者结尾，则删除
+        const newVal4 = newVal3.replace(/^-|-$/g, '');
+        this.slugInput.patchValue(newVal4);
     }
     /**获取条目版本列表 */
     getAllVersionsList() {
@@ -1284,13 +1215,13 @@ class CreateOrEditEntriesComponent {
             this.getAllVersionsList();
         });
     }
-    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", isCreateVersion: "isCreateVersion", sectionId: "sectionId", entryTypeId: "entryTypeId", select: "select", entity: "entity", isOther: "isOther" }, outputs: { feedbackChildInfo: "feedbackChildInfo" }, viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<div [formGroup]=\"formEntity\">\r\n    <div class=\"row create-or-edit-entries-page\">\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\r\n                    <ng-container *ngIf=\"isLoad\">\r\n                        <ul ngbNav #nav=\"ngbNav\" [(activeId)]=\"tabActive\" [destroyOnHide]=\"false\" class=\"nav-tabs mb-0\">\r\n                            <ng-container *ngFor=\"let item of showEntryType?.fieldTabs;let i =index\">\r\n                                <li [ngbNavItem]=\"i\" [destroyOnHide]=\"false\">\r\n                                    <button ngbNavLink *ngIf=\"showEntryType?.fieldTabs.length>1\">{{item.name}}</button>\r\n                                    <ng-template ngbNavContent>\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'\" [culture]=\"cultureInput.value\"\r\n                                                    [entity]=\"formEntity\"></df-dynamic>\r\n                                            </ng-container>\r\n                                        </ng-container>\r\n                                    </ng-template>\r\n                                </li>\r\n                            </ng-container>\r\n                        </ul>\r\n\r\n                        <div [ngbNavOutlet]=\"nav\" class=\"\"></div>\r\n                    </ng-container>\r\n\r\n\r\n\r\n\r\n\r\n\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'\" [culture]=\"cultureInput.value\"\r\n                                        [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 class=\"text-danger\" *ngIf=\"slugInput.dirty\">\r\n                            {{slugInput?.errors?.repetition}}\r\n                        </div>\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\">\r\n                        <div class=\"form-label\">{{'Cms::EntryType' | abpLocalization}}</div>\r\n                        <input type=\"text\" disabled [value]=\"showEntryType?.displayName||''\" class=\"form-select\" />\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\r\n                                        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</div>", styles: ["::ng-deep .create-or-edit-entries-page .nav-tabs .nav-link.active{border-color:var(--bs-nav-tabs-link-active-border-color)!important}\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$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { 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.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.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" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: CreateOrEditEntriesComponent, deps: [{ token: i4.ToPinyinService }], 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", isCreateVersion: "isCreateVersion", sectionId: "sectionId", entryTypeId: "entryTypeId", select: "select", entity: "entity", isOther: "isOther" }, outputs: { feedbackChildInfo: "feedbackChildInfo" }, viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<div [formGroup]=\"formEntity\">\r\n    <div class=\"row create-or-edit-entries-page\">\r\n        <div class=\"col-md-8\">\r\n            <div class=\"card\">\r\n                <div class=\"card-body py-0\">\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\r\n                    <ng-container *ngIf=\"isLoad\">\r\n                        <ul ngbNav #nav=\"ngbNav\" [(activeId)]=\"tabActive\" [destroyOnHide]=\"false\" class=\"nav-tabs mb-0\">\r\n                            <ng-container *ngFor=\"let item of showEntryType?.fieldTabs;let i =index\">\r\n                                <li [ngbNavItem]=\"i\" [destroyOnHide]=\"false\">\r\n                                    <button ngbNavLink *ngIf=\"showEntryType?.fieldTabs.length>1\">{{item.name}}</button>\r\n                                    <ng-template ngbNavContent>\r\n                                        <ng-container *ngFor=\"let el of item.fields;let i1 =index\">\r\n                                            <ng-container *ngIf=\"el&&formEntity\">\r\n                                                <df-dynamic-control [fields]=\"el\"\r\n                                                    [selected]=\"entryInfo ? entryInfo.extraProperties[el.field.name] : ''\"\r\n                                                    [parentFiledName]=\"'extraProperties'\" [culture]=\"cultureInput.value\"\r\n                                                    [entity]=\"formEntity\"></df-dynamic-control>\r\n                                            </ng-container>\r\n                                        </ng-container>\r\n                                    </ng-template>\r\n                                </li>\r\n                            </ng-container>\r\n                        </ul>\r\n\r\n                        <div [ngbNavOutlet]=\"nav\" class=\"\"></div>\r\n                    </ng-container>\r\n\r\n\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\"  (change)=\"slugChange($event)\">\r\n                        <div class=\"text-danger\" *ngIf=\"slugInput.dirty\">\r\n                            {{slugInput?.errors?.repetition}}\r\n                        </div>\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\">\r\n                        <div class=\"form-label\">{{'Cms::EntryType' | abpLocalization}}</div>\r\n                        <input type=\"text\" disabled [value]=\"showEntryType?.displayName||''\" class=\"form-select\" />\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\r\n                                        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</div>", styles: ["::ng-deep .create-or-edit-entries-page .nav-tabs .nav-link.active{border-color:var(--bs-nav-tabs-link-active-border-color)!important}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i6.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: i6$1.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i6$1.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { 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.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: i6$2.DynamicControlComponent, selector: "df-dynamic-control", inputs: ["selected", "culture", "parentFiledName", "fields", "entity"] }, { kind: "pipe", type: i2.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: "<div [formGroup]=\"formEntity\">\r\n    <div class=\"row create-or-edit-entries-page\">\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\r\n                    <ng-container *ngIf=\"isLoad\">\r\n                        <ul ngbNav #nav=\"ngbNav\" [(activeId)]=\"tabActive\" [destroyOnHide]=\"false\" class=\"nav-tabs mb-0\">\r\n                            <ng-container *ngFor=\"let item of showEntryType?.fieldTabs;let i =index\">\r\n                                <li [ngbNavItem]=\"i\" [destroyOnHide]=\"false\">\r\n                                    <button ngbNavLink *ngIf=\"showEntryType?.fieldTabs.length>1\">{{item.name}}</button>\r\n                                    <ng-template ngbNavContent>\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'\" [culture]=\"cultureInput.value\"\r\n                                                    [entity]=\"formEntity\"></df-dynamic>\r\n                                            </ng-container>\r\n                                        </ng-container>\r\n                                    </ng-template>\r\n                                </li>\r\n                            </ng-container>\r\n                        </ul>\r\n\r\n                        <div [ngbNavOutlet]=\"nav\" class=\"\"></div>\r\n                    </ng-container>\r\n\r\n\r\n\r\n\r\n\r\n\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'\" [culture]=\"cultureInput.value\"\r\n                                        [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 class=\"text-danger\" *ngIf=\"slugInput.dirty\">\r\n                            {{slugInput?.errors?.repetition}}\r\n                        </div>\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\">\r\n                        <div class=\"form-label\">{{'Cms::EntryType' | abpLocalization}}</div>\r\n                        <input type=\"text\" disabled [value]=\"showEntryType?.displayName||''\" class=\"form-select\" />\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\r\n                                        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</div>", styles: ["::ng-deep .create-or-edit-entries-page .nav-tabs .nav-link.active{border-color:var(--bs-nav-tabs-link-active-border-color)!important}\n"] }]
-        }], propDecorators: { isEdit: [{
+            args: [{ selector: 'cms-create-or-edit-entries', template: "<div [formGroup]=\"formEntity\">\r\n    <div class=\"row create-or-edit-entries-page\">\r\n        <div class=\"col-md-8\">\r\n            <div class=\"card\">\r\n                <div class=\"card-body py-0\">\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\r\n                    <ng-container *ngIf=\"isLoad\">\r\n                        <ul ngbNav #nav=\"ngbNav\" [(activeId)]=\"tabActive\" [destroyOnHide]=\"false\" class=\"nav-tabs mb-0\">\r\n                            <ng-container *ngFor=\"let item of showEntryType?.fieldTabs;let i =index\">\r\n                                <li [ngbNavItem]=\"i\" [destroyOnHide]=\"false\">\r\n                                    <button ngbNavLink *ngIf=\"showEntryType?.fieldTabs.length>1\">{{item.name}}</button>\r\n                                    <ng-template ngbNavContent>\r\n                                        <ng-container *ngFor=\"let el of item.fields;let i1 =index\">\r\n                                            <ng-container *ngIf=\"el&&formEntity\">\r\n                                                <df-dynamic-control [fields]=\"el\"\r\n                                                    [selected]=\"entryInfo ? entryInfo.extraProperties[el.field.name] : ''\"\r\n                                                    [parentFiledName]=\"'extraProperties'\" [culture]=\"cultureInput.value\"\r\n                                                    [entity]=\"formEntity\"></df-dynamic-control>\r\n                                            </ng-container>\r\n                                        </ng-container>\r\n                                    </ng-template>\r\n                                </li>\r\n                            </ng-container>\r\n                        </ul>\r\n\r\n                        <div [ngbNavOutlet]=\"nav\" class=\"\"></div>\r\n                    </ng-container>\r\n\r\n\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\"  (change)=\"slugChange($event)\">\r\n                        <div class=\"text-danger\" *ngIf=\"slugInput.dirty\">\r\n                            {{slugInput?.errors?.repetition}}\r\n                        </div>\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\">\r\n                        <div class=\"form-label\">{{'Cms::EntryType' | abpLocalization}}</div>\r\n                        <input type=\"text\" disabled [value]=\"showEntryType?.displayName||''\" class=\"form-select\" />\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\r\n                                        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</div>", styles: ["::ng-deep .create-or-edit-entries-page .nav-tabs .nav-link.active{border-color:var(--bs-nav-tabs-link-active-border-color)!important}\n"] }]
+        }], ctorParameters: () => [{ type: i4.ToPinyinService }], propDecorators: { isEdit: [{
                 type: Input
             }], isCreateVersion: [{
                 type: Input
@@ -1344,6 +1275,7 @@ class CreateComponent {
         /**显示条目类型信息 */
         this.showEntryTypeInfo = '';
         this._LocationBackService = inject(LocationBackService);
+        this._DigniteValidatorsService = inject(DigniteValidatorsService);
         this.isSubmit = false;
     }
     /**是否草稿控件*/
@@ -1382,69 +1314,30 @@ class CreateComponent {
     _feedbackChildInfo(event) {
         this.showEntryTypeInfo = event?.showEntryType || '';
     }
-    /**当返回结果为true时表示未通过验证 */
-    isCheckFormCms(input, module) {
-        for (const key in input) {
-            if (input[key] === false) {
-                let info = ``;
-                //检查key中是否含有ExtraProperties.
-                if (key.includes('extraProperties.')) {
-                    const arr = key.split('.');
-                    const keyName = arr[1];
-                    // if (keyName.includes('[')) {
-                    //   //使用正则提取keyName中[]中的数字下标,并且转化为数字类型，并且去掉keyName中的[*]
-                    //   const keyNameArr = keyName.match(/\d+/g);
-                    //   const keyNameArrNum = keyNameArr.map(item => Number(item));
-                    //   const keyNameArrNumStr = keyNameArrNum.join('.');
-                    // } else {
-                    //将keyName的首字母转为小写
-                    const keyNameLower = keyName;
-                    // const keyNameLower = keyName.charAt(0).toLowerCase() + keyName.slice(1);
-                    if (this.showEntryTypeInfo && this.showEntryTypeInfo.fieldTabs.length > 0) {
-                        for (const item of this.showEntryTypeInfo.fieldTabs) {
-                            for (const el of item.fields) {
-                                if (el.field.name == keyNameLower) {
-                                    // info = `"${this._LocalizationService.instant(`${module}::${item.name}下的${el.field.displayName}字段`)}"`;
-                                    info = `${this._LocalizationService.instant(`${module}::The{1}FieldUnderThe{0}TAB`, item.name, el.field.displayName)}`;
-                                }
-                            }
-                        }
-                    }
-                    // }
-                }
-                else {
-                    const displayName = key.charAt(0).toUpperCase() + key.slice(1);
-                    info = `"${this._LocalizationService.instant(`${module}::${displayName}`)}" `;
-                }
-                info = info + this._LocalizationService.instant(`AbpValidation::ThisFieldIsNotValid.`);
-                //使用abp多语言提示
-                this.toaster.warn(info);
-                return true;
-            }
-        }
-        return false;
-    }
     /**提交 */
     save() {
         const input = this.formEntity?.value;
+        input.publishTime = new Date(new Date(input.publishTime).getTime() + 8 * 60 * 60 * 1000).toISOString();
         this.formEntity.markAllAsTouched();
-        this.formValidation = this._ValidatorsService.getFormValidationStatus(this.formEntity);
-        if (this.isCheckFormCms(this.formValidation, 'Cms')) {
+        this.formValidation = true;
+        if (!this.formEntity.valid) {
+            for (const item of this.showEntryTypeInfo.fieldTabs) {
+                for (const el of item.fields) {
+                    const info = `${this._LocalizationService.instant(`Cms::The{1}FieldUnderThe{0}TAB`, item.name, el.field.displayName)}`;
+                    EntriesToFormLabelMap[el.field.name] = info;
+                }
+            }
+            this._DigniteValidatorsService.getErrorMessage({
+                form: this.formEntity,
+                map: EntriesToFormLabelMap,
+            });
             this.isSubmit = false;
             if (this.isOther == 1) {
                 this.slugInput.disable();
             }
-            return this.cultureInput.disable();
-        }
-        // if (this._ValidatorsService.isCheckForm(this.formValidation, 'Cms')) {
-        //   //   this.isSubmit = false;
-        //   //   return this.cultureInput.disable();
-        // }
-        // return;
-        // input.culture = this.cultureName;
-        input.publishTime = new Date(new Date(input.publishTime).getTime() + 8 * 60 * 60 * 1000).toISOString();
-        if (!this.formEntity.valid)
+            this.cultureInput.disable();
             return;
+        }
         this._EntryAdminService
             .create(input)
             .pipe(finalize(() => {
@@ -1487,7 +1380,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\" [class]=\"{'was-validated':formValidation}\"\r\n        (submit)=\"save()\">\r\n        <button type=\"submit\" style=\"display: none;\" #submitclick></button>\r\n        <ng-container *ngIf=\"formEntity&&sectionId\">\r\n            <ng-container *ngIf=\"entryVersionId; else elseTemplate\">\r\n                <cms-create-or-edit-entries [sectionId]=\"sectionId\" [entryTypeId]=\"entryTypeId\" [isEdit]=\"false\"\r\n                    [select]=\"entryInfo\" [isCreateVersion]=\"true\" [isOther]=\"isOther\"  (feedbackChildInfo)=\"_feedbackChildInfo($event)\" [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\" (feedbackChildInfo)=\"_feedbackChildInfo($event)\"\r\n                    [isEdit]=\"false\" [select]=\"entryInfo\" [isOther]=\"isOther\"\r\n                    [entity]=\"formEntity\" ></cms-create-or-edit-entries>\r\n            </ng-template>\r\n        </ng-container>\r\n    </form>\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", "isCreateVersion", "sectionId", "entryTypeId", "select", "entity", "isOther"], outputs: ["feedbackChildInfo"] }, { 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\" [class]=\"{'was-validated':formValidation}\"\r\n        (submit)=\"save()\">\r\n        <button type=\"submit\" style=\"display: none;\" #submitclick></button>\r\n        <ng-container *ngIf=\"formEntity&&sectionId\">\r\n            <ng-container *ngIf=\"entryVersionId; else elseTemplate\">\r\n                <cms-create-or-edit-entries [sectionId]=\"sectionId\" [entryTypeId]=\"entryTypeId\" [isEdit]=\"false\"\r\n                    [select]=\"entryInfo\" [isCreateVersion]=\"true\" [isOther]=\"isOther\"  (feedbackChildInfo)=\"_feedbackChildInfo($event)\" [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\" (feedbackChildInfo)=\"_feedbackChildInfo($event)\"\r\n                    [isEdit]=\"false\" [select]=\"entryInfo\" [isOther]=\"isOther\"\r\n                    [entity]=\"formEntity\" ></cms-create-or-edit-entries>\r\n            </ng-template>\r\n        </ng-container>\r\n    </form>\r\n</abp-page>", styles: [""], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i6$1.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", "isCreateVersion", "sectionId", "entryTypeId", "select", "entity", "isOther"], outputs: ["feedbackChildInfo"] }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: CreateComponent, decorators: [{
             type: Component,
@@ -1504,6 +1397,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImpor
 
 /* eslint-disable @angular-eslint/component-selector */
 /* eslint-disable @angular-eslint/use-lifecycle-interface */
+// import { ClassicEditor, Essentials, Paragraph, Bold, Italic } from 'ckeditor5';
 class EditComponent {
     constructor() {
         this.fb = inject(FormBuilder);
@@ -1513,8 +1407,6 @@ class EditComponent {
         this.route = inject(ActivatedRoute);
         this._EntryAdminService = inject(EntryAdminService);
         this._LocalizationService = inject(LocalizationService);
-        this._ValidatorsService = inject(ValidatorsService);
-        this.datePipe = inject(DatePipe);
         /**表单验证状态
          * {
          *  title:true,
@@ -1583,6 +1475,7 @@ class EditComponent {
         //   return validationStatus
         // }
         this._LocationBackService = inject(LocationBackService);
+        this._DigniteValidatorsService = inject(DigniteValidatorsService);
         this.isSubmit = false;
         this.draftValue = '';
     }
@@ -1668,20 +1561,34 @@ class EditComponent {
         input.culture = this.cultureName;
         input.publishTime = new Date(new Date(input.publishTime).getTime() + 8 * 60 * 60 * 1000).toISOString();
         input.concurrencyStamp = this.entryInfo.concurrencyStamp;
-        this.formValidation = this._ValidatorsService.getFormValidationStatus(this.formEntity);
+        // this.formValidation = this._ValidatorsService.getFormValidationStatus(this.formEntity);
         // if (this._ValidatorsService.isCheckForm(this.formValidation, 'Cms')){
         //   this.isSubmit = false;
         //   return this.cultureInput.disable();
         // }
         // this.formValidation = this.getFormValidationStatus(this.formEntity);
-        if (this.isCheckFormCms(this.formValidation, 'Cms')) {
-            this.isSubmit = false;
-            return this.cultureInput.disable();
-        }
+        // if (this.isCheckFormCms(this.formValidation, 'Cms')) {
+        //   this.isSubmit = false;
+        //   return this.cultureInput.disable();
+        // }
         // this.formValidation = this.getFormValidationStatus(this.formEntity);
         // return this.isSubmit=false;
-        if (!this.formEntity.valid)
+        this.formValidation = true;
+        if (!this.formEntity.valid) {
+            for (const item of this.showEntryTypeInfo.fieldTabs) {
+                for (const el of item.fields) {
+                    const info = `${this._LocalizationService.instant(`Cms::The{1}FieldUnderThe{0}TAB`, item.name, el.field.displayName)}`;
+                    EntriesToFormLabelMap[el.field.name] = info;
+                }
+            }
+            this._DigniteValidatorsService.getErrorMessage({
+                form: this.formEntity,
+                map: EntriesToFormLabelMap,
+            });
+            this.isSubmit = false;
+            this.cultureInput.disable();
             return;
+        }
         this._EntryAdminService
             .update(this.entryInfo.id, input)
             .pipe(finalize(() => {
@@ -1691,7 +1598,7 @@ class EditComponent {
             this.toaster.success(this._LocalizationService.instant(`AbpUi::SavedSuccessfully`));
             this._LocationBackService.backTo({
                 url: `/cms/admin/entries`,
-                replenish: '/create'
+                replenish: '/edit'
             });
             this._updateListService.updateList();
         });
@@ -1715,7 +1622,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\"\n        [class]=\"{'was-validated':formValidation}\"  [formGroup]=\"formEntity\"  (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\"  (feedbackChildInfo)=\"_feedbackChildInfo($event)\"  [entity]=\"formEntity\"></cms-create-or-edit-entries>\n        </ng-container>\n        \n    </form>\n</abp-page>\n", 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", "isCreateVersion", "sectionId", "entryTypeId", "select", "entity", "isOther"], outputs: ["feedbackChildInfo"] }, { 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\"\n        [class]=\"{'was-validated':formValidation}\"  [formGroup]=\"formEntity\"  (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\"  (feedbackChildInfo)=\"_feedbackChildInfo($event)\"  [entity]=\"formEntity\"></cms-create-or-edit-entries>\n        </ng-container>\n        \n    </form>\n</abp-page>\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i6$1.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", "isCreateVersion", "sectionId", "entryTypeId", "select", "entity", "isOther"], outputs: ["feedbackChildInfo"] }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: EditComponent, decorators: [{
             type: Component,
@@ -1730,147 +1637,132 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImpor
                 args: ['submitclick', { static: true }]
             }] } });
 
+/* eslint-disable @typescript-eslint/no-inferrable-types */
 /* eslint-disable @angular-eslint/component-selector */
-class FieldGroupComponent {
-    constructor(fb, _FieldGroupAdminService, toaster, confirmation, _FieldAbstractsService, _LocalizationService) {
+class FieldsGroupComponent {
+    constructor(fb, _service, confirmation, _LocalizationService, toaster) {
         this.fb = fb;
-        this._FieldGroupAdminService = _FieldGroupAdminService;
-        this.toaster = toaster;
+        this._service = _service;
         this.confirmation = confirmation;
-        this._FieldAbstractsService = _FieldAbstractsService;
         this._LocalizationService = _LocalizationService;
-        /**表单已存在的值 */
-        this.selected = {};
-        /**选择的字段分组id */
-        this.fieldGroupId = '';
-        /**创建分组模态框状态 */
-        this.createGroupOpen = false;
-        /**用于确定模态的繁忙状态是否为真 */
+        this.toaster = toaster;
+        /**
+         * 选择的字段分组id
+         */
+        this.selectedGroupId = '';
+        /**模态框是否开启状态 */
+        this.modalOpen = false;
+        /**模态框是否在忙碌状态 */
         this.modalBusy = false;
-        /**编辑分组模态框状态 */
-        this.editGroupOpen = false;
+        /**存储将要修改的值 */
+        this.selected = '';
+        /**表单是否触发验证 */
+        this.formValidation = false;
         /**点击分组回调 */
         this.OnGroupClickBack = new EventEmitter();
-        this._ValidatorsService = inject(ValidatorsService);
-        /**表单验证状态
-         * {
-         *  title:true,
-         * }
-         */
-        this.formValidation = '';
     }
-    ngOnInit() {
-        this._FieldAbstractsService.getfieldGroupList();
-    }
-    /**创建字段分组 */
-    createGroupBtn() {
-        this.createGroupOpen = true;
-        this.formValidation = '';
-        this.createForm = this.fb.group({
-            name: ['', [Validators.required]],
-        });
+    /**选择分组 */
+    groupChangeBtn(groupId = '') {
+        this.selectedGroupId = groupId;
+        this.OnGroupClickBack.emit(groupId);
     }
-    /**创建分组模态框状态改变 */
-    createGroupVisibleChange(event) {
+    /**模态框状态改变 */
+    modalVisibleChange(event) {
         if (!event) {
+            this.modalOpen = event;
+            this.modalBusy = false;
+            this.formValidation = false;
+            this.selected = '';
+            this.groupForm = undefined;
             return;
         }
     }
-    /**编辑字段分组 */
-    editGroupBtn(itemName) {
-        this.editGroupOpen = true;
-        this.formValidation = '';
-        this.editGroupForm = this.fb.group({
-            name: [itemName, [Validators.required]],
+    /**
+     * 创建分组按钮
+     */
+    createGroupBtn() {
+        this.modalOpen = true;
+        this.groupForm = this.fb.group({
+            name: ['', Validators.required],
         });
     }
-    /**编辑分组模态框状态改变 */
-    editGroupVisibleChange(event) {
-        if (!event) {
-            return;
-        }
-    }
-    /**创建字段分组保存 */
-    createSave() {
-        const input = this.createForm.value;
-        this.formValidation = this._ValidatorsService.getFormValidationStatus(this.createForm);
-        if (this._ValidatorsService.isCheckForm(this.formValidation, 'Cms'))
-            return;
-        if (!this.createForm?.valid)
-            return;
-        if (this.modalBusy)
-            return;
-        this.modalBusy = true;
-        this._FieldGroupAdminService.create(input).pipe(finalize$1(() => {
-            this.modalBusy = false;
-            this.createGroupOpen = false;
-            this.formValidation = '';
-        })).subscribe(res => {
-            this.toaster.success(this._LocalizationService.instant(`AbpUi::SavedSuccessfully`));
-            this._FieldAbstractsService.getfieldGroupList();
+    /**编辑分组按钮 */
+    editGroupBtn(name) {
+        this.modalOpen = true;
+        this.selected = name;
+        this.groupForm = this.fb.group({
+            name: [name, Validators.required],
         });
     }
-    /**编辑字段分组保存 */
-    editSave() {
-        const input = this.editGroupForm.value;
-        this.formValidation = this._ValidatorsService.getFormValidationStatus(this.createForm);
-        if (this._ValidatorsService.isCheckForm(this.formValidation, 'Cms'))
-            return;
-        if (!this.editGroupForm.valid)
-            return;
-        if (this.modalBusy)
+    /**表单提交 */
+    save() {
+        this.formValidation = true;
+        if (!this.groupForm?.valid) {
             return;
+        }
         this.modalBusy = true;
-        this._FieldGroupAdminService.update(this.fieldGroupId, input).pipe(finalize$1(() => {
-            this.modalBusy = false;
-            this.editGroupOpen = false;
-            this.formValidation = '';
-        })).subscribe(res => {
+        if (this.selected) {
+            // this.
+            this._service.updateFieldGroup(this.selectedGroupId, this.groupForm.value).subscribe({
+                next: () => {
+                    this.toaster.success(this._LocalizationService.instant(`AbpUi::SavedSuccessfully`));
+                    this.modalVisibleChange(false);
+                    this._service.getfieldGroups(true);
+                },
+                error: e => console.error(e),
+                complete: () => console.info('complete'),
+            });
+            // .subscribe(() => {
+            //   this.toaster.success(this._LocalizationService.instant(`AbpUi::SavedSuccessfully`));
+            //   this.modalVisibleChange(false);
+            //   this._service.getfieldGroups(true);
+            // });
+            return;
+        }
+        this._service.createFieldGroup(this.groupForm.value).subscribe(async (res) => {
             this.toaster.success(this._LocalizationService.instant(`AbpUi::SavedSuccessfully`));
-            this._FieldAbstractsService.getfieldGroupList();
+            this.modalVisibleChange(false);
+            await this._service.getfieldGroups(true);
+            this.groupChangeBtn(res.id);
         });
     }
-    /**删除字段分组1 */
-    deleteGroupbtn(fieldGroupitem) {
-        this.confirmation.warn(fieldGroupitem.name, this._LocalizationService.instant(`AbpUi::ItemWillBeDeletedMessage`)).subscribe((status) => {
+    /**删除分组 */
+    deleteGroupBtn(fieldGroupitem) {
+        this.confirmation
+            .warn(fieldGroupitem.name, this._LocalizationService.instant(`AbpUi::ItemWillBeDeletedMessage`))
+            .subscribe((status) => {
             if (status == 'confirm') {
-                this._FieldGroupAdminService.delete(this.fieldGroupId).pipe(finalize$1(() => {
-                })).subscribe(res => {
+                this._service.deleteFieldGroup(fieldGroupitem.id).subscribe(async () => {
                     this.toaster.success(this._LocalizationService.instant(`AbpUi::DeletedSuccessfully`));
-                    this.fieldGroupId = '';
-                    this._FieldAbstractsService.getfieldGroupList();
+                    await this._service.getfieldGroups(true);
+                    this.groupChangeBtn();
                 });
             }
         });
     }
-    /**字段分组改变 */
-    fieldGroupChange(event) {
-        this.fieldGroupId = event;
-        this.OnGroupClickBack.emit(event);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: FieldGroupComponent, deps: [{ token: i1$2.FormBuilder }, { token: FieldGroupAdminService }, { token: i3.ToasterService }, { token: i3.ConfirmationService }, { token: FieldAbstractsService }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: FieldGroupComponent, selector: "cms-field-group", outputs: { OnGroupClickBack: "OnGroupClickBack" }, ngImport: i0, template: "<div class=\"card-header px-2 py-sm-2 d-flex justify-content-between align-items-center\">\n    <h6 class=\"h6 mb-0\">{{'Cms::FieldGroup' | abpLocalization}}</h6>\n    <button type=\"button\" class=\"btn btn-link btn-sm ms-2\"><i class=\"fas fa-plus-circle\" aria-hidden=\"true\"\n            (click)=\"createGroupBtn()\"></i></button>\n</div>\n<div class=\"card-body p-0\">\n    <div class=\"container-height overflow-auto\">\n        <ul class=\"list-group list-group-flush\">\n            <li class=\"list-group-item list-group-item-action active\" [class.active]=\"fieldGroupId===''\"\n                (click)=\"fieldGroupChange('')\">{{'Cms::AllFields' | abpLocalization}}</li>\n            <ng-container *ngFor=\"let item of _FieldAbstractsService.fieldGroupList\">\n                <li class=\"list-group-item list-group-item-action d-flex justify-content-between align-items-center\"\n                    [class.active]=\"fieldGroupId===item.id\" (click)=\"fieldGroupChange(item.id)\">\n                    <div>{{item.name}}</div>\n                    <div *ngIf=\"fieldGroupId===item.id\">\n                        <i class=\"fas fa-trash px-1\" role=\"button\" (click.stop)=\"deleteGroupbtn(item)\"></i>\n                        <i class=\"fas fa-edit px-1\" role=\"button\" (click.stop)=\"editGroupBtn(item.name)\"></i>\n                    </div>\n                </li>\n            </ng-container>\n        </ul>\n    </div>\n</div>\n\n<abp-modal [(visible)]=\"createGroupOpen\" [busy]=\"modalBusy\" (visibleChange)=\"createGroupVisibleChange($event)\">\n    <ng-template #abpHeader>\n        <h3>{{'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        <form *ngIf=\"createForm; else loaderRef\" [formGroup]=\"createForm\" [class]=\"{'was-validated':formValidation}\" (submit)=\"createSave()\">\n            <div class=\"mb-3\">\n                <label for=\"exampleFormControlInput1\" class=\"form-label\">{{'Cms::Name' | abpLocalization}}</label>\n                <input type=\"text\" class=\"form-control\" id=\"exampleFormControlInput1\" formControlName=\"name\"\n                    placeholder=\"\">\n            </div>\n        </form>\n    </ng-template>\n\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]=\"createForm?.invalid\" [loading]=\"modalBusy\" (click)=\"createSave()\">{{'AbpUi::Save' | abpLocalization}}</abp-button>\n    </ng-template>\n</abp-modal>\n\n<abp-modal [(visible)]=\"editGroupOpen\" [busy]=\"modalBusy\" (visibleChange)=\"editGroupVisibleChange($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        <form *ngIf=\"editGroupForm; else loaderRef\" [formGroup]=\"editGroupForm\"  [class]=\"{'was-validated':formValidation}\" (submit)=\"editSave()\">\n            <div class=\"mb-3\">\n                <label for=\"exampleFormControlInput1\" class=\"form-label\">{{'Cms::Name' | abpLocalization}}</label>\n                <input type=\"text\" class=\"form-control\" id=\"exampleFormControlInput1\" formControlName=\"name\"\n                    placeholder=\"\">\n            </div>\n        </form>\n    </ng-template>\n\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]=\"editGroupForm?.invalid\" (click)=\"editSave()\">{{'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.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.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.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: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: FieldsGroupComponent, deps: [{ token: i1$1.FormBuilder }, { token: FieldsDataService }, { token: i3.ConfirmationService }, { token: i1.LocalizationService }, { token: i3.ToasterService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: FieldsGroupComponent, selector: "cms-fields-group", outputs: { OnGroupClickBack: "OnGroupClickBack" }, viewQueries: [{ propertyName: "ModalFormSubmit", first: true, predicate: ["ModalFormSubmit"], descendants: true }], ngImport: i0, template: "<div class=\"card h-100 mb-0\" >\r\n    <div class=\"card-header px-2 py-sm-2 d-flex justify-content-between align-items-center\">\r\n        <h6 class=\"h6 mb-0\">{{'Cms::FieldGroup' | abpLocalization}}</h6>\r\n        <button type=\"button\" class=\"btn btn-link btn-sm ms-2\" (click.stop)=\"createGroupBtn()\"><i class=\"fas fa-plus-circle\"\r\n                aria-hidden=\"true\"></i></button>\r\n    </div>\r\n    <div class=\"card-body p-0\">\r\n        <div class=\"container-height overflow-auto\">\r\n            <ul class=\"list-group list-group-flush\">\r\n                <li class=\"list-group-item list-group-item-action \" [class.active]=\"selectedGroupId===''\"  (click)=\"groupChangeBtn()\">{{'Cms::AllFields' | abpLocalization}}</li>\r\n                <ng-container *ngFor=\"let item of _service.fieldGroupsList\">\r\n                    <li class=\"list-group-item list-group-item-action d-flex justify-content-between align-items-center\"\r\n                        [class.active]=\"selectedGroupId===item.id\" (click)=\"groupChangeBtn(item.id)\">\r\n                        <div>{{item.name}}</div>\r\n                        <div *ngIf=\"selectedGroupId===item.id\">\r\n                            <i class=\"fas fa-trash px-1\" role=\"button\" (click.stop)=\"deleteGroupBtn(item)\"></i>\r\n                            <i class=\"fas fa-edit px-1\" role=\"button\" (click.stop)=\"editGroupBtn(item.name)\"></i>\r\n                        </div>\r\n                    </li>\r\n                </ng-container>\r\n            </ul>\r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n\r\n<abp-modal [(visible)]=\"modalOpen\" [busy]=\"modalBusy\" (visibleChange)=\"modalVisibleChange($event)\">\r\n    <ng-template #abpHeader>\r\n        <h3>{{(selected?'AbpUi::Edit':'Cms::New') | abpLocalization}}</h3>\r\n    </ng-template>\r\n    <ng-template #abpBody>\r\n        <ng-template #loaderRef>\r\n            <div class=\"text-center\"><i class=\"fa fa-pulse fa-spinner\" aria-hidden=\"true\"></i></div>\r\n        </ng-template>\r\n        <form *ngIf=\"groupForm; else loaderRef\" [formGroup]=\"groupForm\" [class]=\"{'was-validated':formValidation}\" (submit)=\"save()\">\r\n            <div class=\"mb-3\">\r\n                <label for=\"exampleFormControlInput1\" class=\"form-label\">{{'Cms::Name' | abpLocalization}}</label>\r\n                <input type=\"text\" class=\"form-control\" id=\"exampleFormControlInput1\" formControlName=\"name\"\r\n                    placeholder=\"\">\r\n            </div>\r\n            <button type=\"submit\" #ModalFormSubmit style=\"display: none\"></button>\r\n        </form>\r\n    </ng-template>\r\n\r\n    <ng-template #abpFooter>\r\n        <button type=\"button\" class=\"btn btn-secondary\" abpClose>{{'AbpUi::Close' | abpLocalization}}</button>\r\n        <abp-button iconClass=\"fa fa-check\" [disabled]=\"createForm?.invalid\" [loading]=\"modalBusy\" (click)=\"ModalFormSubmit?.nativeElement?.click()\">{{'AbpUi::Save' | abpLocalization}}</abp-button>\r\n    </ng-template>\r\n</abp-modal>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1.StopPropagationDirective, selector: "[click.stop]", outputs: ["click.stop"] }, { kind: "directive", type: i6$1.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i6$1.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: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: FieldGroupComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: FieldsGroupComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'cms-field-group', template: "<div class=\"card-header px-2 py-sm-2 d-flex justify-content-between align-items-center\">\n    <h6 class=\"h6 mb-0\">{{'Cms::FieldGroup' | abpLocalization}}</h6>\n    <button type=\"button\" class=\"btn btn-link btn-sm ms-2\"><i class=\"fas fa-plus-circle\" aria-hidden=\"true\"\n            (click)=\"createGroupBtn()\"></i></button>\n</div>\n<div class=\"card-body p-0\">\n    <div class=\"container-height overflow-auto\">\n        <ul class=\"list-group list-group-flush\">\n            <li class=\"list-group-item list-group-item-action active\" [class.active]=\"fieldGroupId===''\"\n                (click)=\"fieldGroupChange('')\">{{'Cms::AllFields' | abpLocalization}}</li>\n            <ng-container *ngFor=\"let item of _FieldAbstractsService.fieldGroupList\">\n                <li class=\"list-group-item list-group-item-action d-flex justify-content-between align-items-center\"\n                    [class.active]=\"fieldGroupId===item.id\" (click)=\"fieldGroupChange(item.id)\">\n                    <div>{{item.name}}</div>\n                    <div *ngIf=\"fieldGroupId===item.id\">\n                        <i class=\"fas fa-trash px-1\" role=\"button\" (click.stop)=\"deleteGroupbtn(item)\"></i>\n                        <i class=\"fas fa-edit px-1\" role=\"button\" (click.stop)=\"editGroupBtn(item.name)\"></i>\n                    </div>\n                </li>\n            </ng-container>\n        </ul>\n    </div>\n</div>\n\n<abp-modal [(visible)]=\"createGroupOpen\" [busy]=\"modalBusy\" (visibleChange)=\"createGroupVisibleChange($event)\">\n    <ng-template #abpHeader>\n        <h3>{{'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        <form *ngIf=\"createForm; else loaderRef\" [formGroup]=\"createForm\" [class]=\"{'was-validated':formValidation}\" (submit)=\"createSave()\">\n            <div class=\"mb-3\">\n                <label for=\"exampleFormControlInput1\" class=\"form-label\">{{'Cms::Name' | abpLocalization}}</label>\n                <input type=\"text\" class=\"form-control\" id=\"exampleFormControlInput1\" formControlName=\"name\"\n                    placeholder=\"\">\n            </div>\n        </form>\n    </ng-template>\n\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]=\"createForm?.invalid\" [loading]=\"modalBusy\" (click)=\"createSave()\">{{'AbpUi::Save' | abpLocalization}}</abp-button>\n    </ng-template>\n</abp-modal>\n\n<abp-modal [(visible)]=\"editGroupOpen\" [busy]=\"modalBusy\" (visibleChange)=\"editGroupVisibleChange($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        <form *ngIf=\"editGroupForm; else loaderRef\" [formGroup]=\"editGroupForm\"  [class]=\"{'was-validated':formValidation}\" (submit)=\"editSave()\">\n            <div class=\"mb-3\">\n                <label for=\"exampleFormControlInput1\" class=\"form-label\">{{'Cms::Name' | abpLocalization}}</label>\n                <input type=\"text\" class=\"form-control\" id=\"exampleFormControlInput1\" formControlName=\"name\"\n                    placeholder=\"\">\n            </div>\n        </form>\n    </ng-template>\n\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]=\"editGroupForm?.invalid\" (click)=\"editSave()\">{{'AbpUi::Save' | abpLocalization}}</abp-button>\n    </ng-template>\n</abp-modal>" }]
-        }], ctorParameters: () => [{ type: i1$2.FormBuilder }, { type: FieldGroupAdminService }, { type: i3.ToasterService }, { type: i3.ConfirmationService }, { type: FieldAbstractsService }, { type: i1.LocalizationService }], propDecorators: { OnGroupClickBack: [{
+            args: [{ selector: 'cms-fields-group', template: "<div class=\"card h-100 mb-0\" >\r\n    <div class=\"card-header px-2 py-sm-2 d-flex justify-content-between align-items-center\">\r\n        <h6 class=\"h6 mb-0\">{{'Cms::FieldGroup' | abpLocalization}}</h6>\r\n        <button type=\"button\" class=\"btn btn-link btn-sm ms-2\" (click.stop)=\"createGroupBtn()\"><i class=\"fas fa-plus-circle\"\r\n                aria-hidden=\"true\"></i></button>\r\n    </div>\r\n    <div class=\"card-body p-0\">\r\n        <div class=\"container-height overflow-auto\">\r\n            <ul class=\"list-group list-group-flush\">\r\n                <li class=\"list-group-item list-group-item-action \" [class.active]=\"selectedGroupId===''\"  (click)=\"groupChangeBtn()\">{{'Cms::AllFields' | abpLocalization}}</li>\r\n                <ng-container *ngFor=\"let item of _service.fieldGroupsList\">\r\n                    <li class=\"list-group-item list-group-item-action d-flex justify-content-between align-items-center\"\r\n                        [class.active]=\"selectedGroupId===item.id\" (click)=\"groupChangeBtn(item.id)\">\r\n                        <div>{{item.name}}</div>\r\n                        <div *ngIf=\"selectedGroupId===item.id\">\r\n                            <i class=\"fas fa-trash px-1\" role=\"button\" (click.stop)=\"deleteGroupBtn(item)\"></i>\r\n                            <i class=\"fas fa-edit px-1\" role=\"button\" (click.stop)=\"editGroupBtn(item.name)\"></i>\r\n                        </div>\r\n                    </li>\r\n                </ng-container>\r\n            </ul>\r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n\r\n<abp-modal [(visible)]=\"modalOpen\" [busy]=\"modalBusy\" (visibleChange)=\"modalVisibleChange($event)\">\r\n    <ng-template #abpHeader>\r\n        <h3>{{(selected?'AbpUi::Edit':'Cms::New') | abpLocalization}}</h3>\r\n    </ng-template>\r\n    <ng-template #abpBody>\r\n        <ng-template #loaderRef>\r\n            <div class=\"text-center\"><i class=\"fa fa-pulse fa-spinner\" aria-hidden=\"true\"></i></div>\r\n        </ng-template>\r\n        <form *ngIf=\"groupForm; else loaderRef\" [formGroup]=\"groupForm\" [class]=\"{'was-validated':formValidation}\" (submit)=\"save()\">\r\n            <div class=\"mb-3\">\r\n                <label for=\"exampleFormControlInput1\" class=\"form-label\">{{'Cms::Name' | abpLocalization}}</label>\r\n                <input type=\"text\" class=\"form-control\" id=\"exampleFormControlInput1\" formControlName=\"name\"\r\n                    placeholder=\"\">\r\n            </div>\r\n            <button type=\"submit\" #ModalFormSubmit style=\"display: none\"></button>\r\n        </form>\r\n    </ng-template>\r\n\r\n    <ng-template #abpFooter>\r\n        <button type=\"button\" class=\"btn btn-secondary\" abpClose>{{'AbpUi::Close' | abpLocalization}}</button>\r\n        <abp-button iconClass=\"fa fa-check\" [disabled]=\"createForm?.invalid\" [loading]=\"modalBusy\" (click)=\"ModalFormSubmit?.nativeElement?.click()\">{{'AbpUi::Save' | abpLocalization}}</abp-button>\r\n    </ng-template>\r\n</abp-modal>\r\n" }]
+        }], ctorParameters: () => [{ type: i1$1.FormBuilder }, { type: FieldsDataService }, { type: i3.ConfirmationService }, { type: i1.LocalizationService }, { type: i3.ToasterService }], propDecorators: { ModalFormSubmit: [{
+                type: ViewChild,
+                args: ['ModalFormSubmit', { static: false }]
+            }], OnGroupClickBack: [{
                 type: Output
             }] } });
 
 /* eslint-disable @angular-eslint/component-selector */
 class FieldsComponent {
-    constructor(list, _FieldAdminService, toaster, confirmation, _LocalizationService, router) {
+    constructor(list, _service, toaster, confirmation, _LocalizationService, router, _UpdateListService) {
         this.list = list;
-        this._FieldAdminService = _FieldAdminService;
+        this._service = _service;
         this.toaster = toaster;
         this.confirmation = confirmation;
         this._LocalizationService = _LocalizationService;
         this.router = router;
-        this._UpdateListService = inject(UpdateListService);
-        this._FieldAbstractsService = inject(FieldAbstractsService);
-        /**表格单元格布局类型 */
-        this.ColumnMode = ColumnMode;
+        this._UpdateListService = _UpdateListService;
         /**表格数据 */
         this.data = {
             items: [],
@@ -1878,29 +1770,20 @@ class FieldsComponent {
         };
         /**过滤器 */
         this.filters = {};
-        /**是否初始化完成 */
-        this.isInit = true;
     }
     async ngOnInit() {
-        await this._FieldAbstractsService.getFromControlList();
-        this.isInit = true;
+        //Called after the constructor, initializing input properties, and the first call to ngOnChanges.
+        //Add 'implements OnInit' to the class.
+        await Promise.all([this._service.getfieldGroups(), this._service.getControlsfieldTypes()]);
         this.hookToQuery();
+        console.log(this.list, '1111');
         this._UpdateListService.updateListEvent.subscribe(() => {
-            this.list.get();
+            this.getData();
         });
     }
-    getData() {
-        this.list.get();
-    }
-    /**字段分组选择回调 */
-    fieldGroupChange(event) {
-        this.filters.groupId = event;
-        this.list.page = 0;
-        this.list.get();
-    }
     /**使用abp的list获取表格的字段数据列表 */
     hookToQuery() {
-        const getData = (query) => this._FieldAdminService.getList({
+        const getData = (query) => this._service.getFieldsList({
             ...query,
             ...this.filters,
         });
@@ -1910,17 +1793,27 @@ class FieldsComponent {
         };
         this.list.hookToQuery(getData).subscribe(setData);
     }
+    /**获取表格数据 */
+    getData() {
+        this.data.items = [];
+        this.data.totalCount = 0;
+        // this.list.page=0;
+        this.list.get();
+    }
+    /**重置 */
+    reset() {
+        this.filters = {};
+        this.getData();
+    }
+    /**回到页面顶部 */
     scrollToTop() {
         const scrollContainer = document.getElementsByClassName('lpx-scroll-container')[0];
         (scrollContainer || window).scrollTo(0, 0);
     }
-    /**新建字段按钮 */
-    toFieldsCreateBtn() {
-        this.router.navigate(['/cms/admin/fields/create'], {
-            queryParams: {
-                groupId: this.filters.groupId,
-            },
-        });
+    /**点击字段分组回调 */
+    onGroupClickBack(groupId) {
+        this.filters.groupId = groupId;
+        this.getData();
     }
     /**删除字段 */
     deletefield(row) {
@@ -1928,50 +1821,59 @@ class FieldsComponent {
             .warn(row.displayName, this._LocalizationService.instant(`AbpUi::ItemWillBeDeletedMessage`))
             .subscribe((status) => {
             if (status == 'confirm') {
-                this._FieldAdminService
-                    .delete(row.id)
-                    .pipe(finalize(() => { }))
-                    .subscribe(res => {
+                this._service.deleteField(row.id).subscribe(() => {
                     this.toaster.success(this._LocalizationService.instant(`AbpUi::DeletedSuccessfully`));
-                    this.list.get();
+                    this.getData();
                 });
             }
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: FieldsComponent, deps: [{ token: i1.ListService }, { token: FieldAdminService }, { token: i3.ToasterService }, { token: i3.ConfirmationService }, { token: i1.LocalizationService }, { token: i4.Router }], target: i0.ɵɵFactoryTarget.Component }); }
+    /**新建字段按钮 */
+    toFieldsCreateBtn() {
+        this.router.navigate(['/cms/admin/fields/create'], {
+            queryParams: {
+                groupId: this.filters.groupId,
+            },
+        });
+    }
+    /**编辑字段按钮 */
+    editfieldBtn(row) {
+        this.router.navigate(['/cms/admin/fields/' + row.id + '/edit'], {});
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: FieldsComponent, deps: [{ token: i1.ListService }, { token: FieldsDataService }, { token: i3.ToasterService }, { token: i3.ConfirmationService }, { token: i1.LocalizationService }, { token: i6.Router }, { token: i4.UpdateListService }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: FieldsComponent, selector: "cms-fields", providers: [
+            {
+                provide: EXTENSIONS_IDENTIFIER,
+                useValue: ECmsComponent.Fields,
+            },
             // [Required]
             ListService,
             // [Optional]
             // Provide this token if you want a different debounce time.
             // Default is 300. Cannot be 0. Any value below 100 is not recommended.
-            { provide: LIST_QUERY_DEBOUNCE_TIME, useValue: 500 },
-            {
-                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-md-3 mb-2\">\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-md-9 mb-2\">\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                    <ng-container *ngIf=\"isInit\">\n                        <abp-extensible-table [data]=\"data?.items\" [recordsTotal]=\"data?.totalCount\" [list]=\"list\"></abp-extensible-table>\n                    </ng-container>\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$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: i8.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" }] }); }
+            { provide: LIST_QUERY_DEBOUNCE_TIME, useValue: 50 },
+        ], ngImport: i0, template: "<abp-page [title]=\"'Cms::Fields' | abpLocalization\" [toolbar]=\"true\">\r\n    <div class=\"row\" style=\"min-height: calc(100vh - 42px - 54px - 1.25em - 1.25em);\">\r\n        <div class=\"col-md-3 mb-2\">\r\n            <cms-fields-group (OnGroupClickBack)=\"onGroupClickBack($event)\"></cms-fields-group>\r\n        </div>\r\n        <div class=\"col-md-9 mb-2\">\r\n            <div class=\"card mb-0\">\r\n                <div class=\"card-header px-2 py-sm-2   border-bottom\">\r\n                    <div class=\"input-group\">\r\n                        <input type=\"text\" class=\"form-control\" [(ngModel)]=\"filters.filter\"\r\n                            [placeholder]=\"'AbpUi::Search' | abpLocalization\" >\r\n                        <button class=\"btn btn-primary px-3\" type=\"button\" id=\"button-addon2\"\r\n                            (click)=\"list.get()\"><i class=\"fa fa-search\"></i></button>\r\n                    </div>\r\n                </div>\r\n                <div class=\"card-body p-0\">\r\n                    <abp-extensible-table [data]=\"data?.items\" [recordsTotal]=\"data?.totalCount\"\r\n                            [list]=\"list\">\r\n                        </abp-extensible-table>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</abp-page>", styles: [""], dependencies: [{ kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.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: i8.ExtensibleTableComponent, selector: "abp-extensible-table", inputs: ["actionsText", "data", "list", "recordsTotal", "actionsColumnWidth", "actionsTemplate"], outputs: ["tableActivate"], exportAs: ["abpExtensibleTable"] }, { kind: "component", type: FieldsGroupComponent, selector: "cms-fields-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,
             args: [{ selector: 'cms-fields', providers: [
+                        {
+                            provide: EXTENSIONS_IDENTIFIER,
+                            useValue: ECmsComponent.Fields,
+                        },
                         // [Required]
                         ListService,
                         // [Optional]
                         // Provide this token if you want a different debounce time.
                         // Default is 300. Cannot be 0. Any value below 100 is not recommended.
-                        { provide: LIST_QUERY_DEBOUNCE_TIME, useValue: 500 },
-                        {
-                            provide: EXTENSIONS_IDENTIFIER,
-                            useValue: ECmsComponent.Fields,
-                        },
-                    ], template: "<abp-page [title]=\"'Cms::Fields' | abpLocalization\" [toolbar]=\"true\">\n    <div class=\"fields-page\">\n        <div class=\"row \">\n            <div class=\"col-md-3 mb-2\">\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-md-9 mb-2\">\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                    <ng-container *ngIf=\"isInit\">\n                        <abp-extensible-table [data]=\"data?.items\" [recordsTotal]=\"data?.totalCount\" [list]=\"list\"></abp-extensible-table>\n                    </ng-container>\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"] }]
-        }], ctorParameters: () => [{ type: i1.ListService }, { type: FieldAdminService }, { type: i3.ToasterService }, { type: i3.ConfirmationService }, { type: i1.LocalizationService }, { type: i4.Router }] });
+                        { provide: LIST_QUERY_DEBOUNCE_TIME, useValue: 50 },
+                    ], template: "<abp-page [title]=\"'Cms::Fields' | abpLocalization\" [toolbar]=\"true\">\r\n    <div class=\"row\" style=\"min-height: calc(100vh - 42px - 54px - 1.25em - 1.25em);\">\r\n        <div class=\"col-md-3 mb-2\">\r\n            <cms-fields-group (OnGroupClickBack)=\"onGroupClickBack($event)\"></cms-fields-group>\r\n        </div>\r\n        <div class=\"col-md-9 mb-2\">\r\n            <div class=\"card mb-0\">\r\n                <div class=\"card-header px-2 py-sm-2   border-bottom\">\r\n                    <div class=\"input-group\">\r\n                        <input type=\"text\" class=\"form-control\" [(ngModel)]=\"filters.filter\"\r\n                            [placeholder]=\"'AbpUi::Search' | abpLocalization\" >\r\n                        <button class=\"btn btn-primary px-3\" type=\"button\" id=\"button-addon2\"\r\n                            (click)=\"list.get()\"><i class=\"fa fa-search\"></i></button>\r\n                    </div>\r\n                </div>\r\n                <div class=\"card-body p-0\">\r\n                    <abp-extensible-table [data]=\"data?.items\" [recordsTotal]=\"data?.totalCount\"\r\n                            [list]=\"list\">\r\n                        </abp-extensible-table>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</abp-page>" }]
+        }], ctorParameters: () => [{ type: i1.ListService }, { type: FieldsDataService }, { type: i3.ToasterService }, { type: i3.ConfirmationService }, { type: i1.LocalizationService }, { type: i6.Router }, { type: i4.UpdateListService }] });
 
-class CreateOrUpdateFieldInputBase {
+class FieldsFormConfig {
     constructor() {
         /**分组id */
-        this.groupId = ['', []];
+        this.groupId = [''];
         /**字段名称 Display name of this field */
         this.displayName = ['', [Validators.required]];
         /**字段唯一名称 Unique Name*/
@@ -1979,76 +1881,87 @@ class CreateOrUpdateFieldInputBase {
         /**描述 说明 */
         this.description = ['', []];
         /**FieldType字段类型 表单控件名称 */
-        this.formControlName = [undefined, [Validators.required]];
+        this.formControlName = ['', [Validators.required]];
         /**动态表单配置 */
         this.formConfiguration = new FormGroup({});
     }
 }
+/**
+ * 字段名称与表单控件名称映射
+ */
+// export enum fieldToFormLabelMap{
+//     /**分组id */
+//     groupId = 'Cms::FieldGroup',
+//     displayName = 'AbpDynamicForm::FieldDisplayName',
+//     name = 'AbpDynamicForm::FieldName',
+//     description='Cms::Description',
+//     // Text='AbpDynamicForm::SelectListItemText',
+//     // Value='AbpDynamicForm::SelectListItemValue',
+//     'Select.Options'="AbpDynamicForm::SelectListItem",
+//     'Select.Options-Text'="AbpDynamicForm::SelectListItemText",
+//     'Select.Options-Value'="AbpDynamicForm::SelectListItemValue",
+// }
+const fieldToFormLabelMap = {
+    /**分组id */
+    groupId: 'Cms::FieldGroup',
+    displayName: 'AbpDynamicForm::FieldDisplayName',
+    name: 'AbpDynamicForm::FieldName',
+    description: 'Cms::Description',
+    'Select.Options': "AbpDynamicForm::SelectListItem",
+    'Select.Options-Text': "AbpDynamicForm::SelectListItemText",
+    'Select.Options-Value': "AbpDynamicForm::SelectListItemValue",
+    "TableColumns": 'AbpDynamicForm::SelectListItem',
+    "TableColumns-displayName": 'Cms::TableColumnDisplayName',
+    "TableColumns-name": 'Cms::TableColumnName',
+    "TableColumns-formControlName": 'Cms::TableColumnForm',
+    "MatrixBlockTypes": "Cms::MatrixBlockType",
+    "fields": 'Cms::Fields',
+    "MatrixBlockTypes-fields-displayName": 'AbpDynamicForm::FieldDisplayName',
+};
 
 /* eslint-disable @angular-eslint/component-selector */
 class CreateOrEditFieldComponent {
-    constructor(_FieldAbstractsService, _CmsApiService, _FieldAdminService, _LocalizationService) {
-        this._FieldAbstractsService = _FieldAbstractsService;
-        this._CmsApiService = _CmsApiService;
-        this._FieldAdminService = _FieldAdminService;
+    constructor(_ToPinyinService, _LocalizationService) {
+        this._ToPinyinService = _ToPinyinService;
         this._LocalizationService = _LocalizationService;
-        if (this._FieldAbstractsService.fieldGroupList.length == 0) {
-            this._FieldAbstractsService.getfieldGroupList();
-        }
-    }
-    set Entity(v) {
-        if (v) {
-            this._Entity = v;
-            this.dataLoaded();
-        }
-    }
-    get formControlName() {
-        return this._Entity.get('formControlName');
+        /**字段分组列表 */
+        this.getfieldGroupsList = [];
+        /**表单控件列表 */
+        this.fromControlList = [];
     }
     set selected(v) {
-        if (v) {
-            this._selected = v || '';
-            this._selected_copy = v;
-        }
+        this._selected = v;
     }
-    async dataLoaded() {
-        if (this._FieldAbstractsService.fromControlList.length == 0) {
-            await this._FieldAbstractsService.getFromControlList();
-        }
-        if (this._Entity) {
-            if (!this.formControlName.value) {
-                this._Entity.patchValue({
-                    formControlName: this._FieldAbstractsService.fromControlList[0]?.name,
-                });
-            }
-            this._Entity.setControl('name', new FormControl(this.nameInput.value || '', {
-                validators: Validators.required,
-                asyncValidators: [this.repetitionAsyncValidator()],
-                updateOn: 'change',
-            }));
-            setTimeout(() => {
-                // this.submitclick.nativeElement.click();
-            }, 0);
+    set form(v) {
+        this.formEntity = v;
+    }
+    async ngAfterContentInit() {
+        //Called after ngOnInit when the component's or directive's content has been initialized.
+        //Add 'implements AfterContentInit' to the class.
+        this.getfieldGroupsList = await this.service.getfieldGroups();
+        this.fromControlList = await this.service.getControlsfieldTypes();
+        this.nameInput.addAsyncValidators([this.repetitionAsyncValidator()]);
+        if (!this.formControlNameInput.value && this.fromControlList.length > 0) {
+            this.formControlNameInput.patchValue(this.fromControlList[0].name);
         }
+        this.submitclick.nativeElement.click();
     }
-    /**name表单控件 */
     get nameInput() {
-        return this._Entity.get('name');
+        return this.formEntity?.get('name');
     }
-    nameInputBlur(event) {
-        const value = event.target.value;
-        this.nameInput.patchValue(value);
+    get formControlNameInput() {
+        return this.formEntity?.get('formControlName');
     }
     /**字段标签input失去标点生成字段名字 */
     disPlayNameInputBlur(event) {
         const value = event.target.value;
-        const pinyin = this._CmsApiService.chineseToPinyin(value);
+        const pinyin = this._ToPinyinService.get(value);
         const nameInput = this.nameInput;
         if (nameInput.value)
             return;
         nameInput.patchValue(pinyin);
     }
-    /**定义异步验证方法 */
+    /**异步验证，验证别名 */
     repetitionAsyncValidator() {
         return (ctrl) => {
             return new Promise(resolve => {
@@ -2056,7 +1969,7 @@ class CreateOrEditFieldComponent {
                     resolve(null);
                     return;
                 }
-                this._FieldAdminService.nameExists(ctrl.value).subscribe(res => {
+                this.service.nameExists(ctrl.value).subscribe(res => {
                     if (res) {
                         resolve({
                             repetition: this._LocalizationService.instant(`Cms::FieldName{0}AlreadyExist`, ctrl.value),
@@ -2069,88 +1982,92 @@ class CreateOrEditFieldComponent {
             });
         };
     }
-    formControlNameChange(event) {
-    }
-    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: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<div [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\">{{'AbpDynamicForm::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\">{{'AbpDynamicForm::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 \">{{'AbpDynamicForm::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</div>", 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.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" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: CreateOrEditFieldComponent, deps: [{ token: i4.ToPinyinService }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.5", type: CreateOrEditFieldComponent, selector: "cms-create-or-edit-field", inputs: { selected: "selected", service: "service", form: "form" }, viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"card\">\r\n    <div class=\"card-body\">\r\n        <form [formGroup]=\"formEntity\">\r\n            <div class=\"mb-3\">\r\n                <label class=\"form-label\" for=\"groupId\">{{'Cms::FieldGroup' | abpLocalization}}</label>\r\n                <select class=\"form-select\" formControlName=\"groupId\">\r\n                    <option value=\"\">{{'Cms::OptionalGrouping' | abpLocalization}}</option>\r\n                    <ng-container *ngFor=\"let item of getfieldGroupsList\">\r\n                        <option [value]=\"item.id\">{{item.name}}</option>\r\n                    </ng-container>\r\n                </select>\r\n            </div>\r\n            <div class=\"mb-3\">\r\n                <label class=\"form-label\" for=\"displayName\">*{{'AbpDynamicForm::FieldDisplayName' |\r\n                    abpLocalization}}</label>\r\n                <input type=\"text\" class=\"form-control\" formControlName=\"displayName\" required\r\n                    (blur)=\"disPlayNameInputBlur($event)\">\r\n            </div>\r\n            <div class=\"mb-3\">\r\n                <label class=\"form-label\" for=\"name\">*{{'AbpDynamicForm::FieldName' | abpLocalization}}</label>\r\n                <input type=\"text\" class=\"form-control\" formControlName=\"name\" required>\r\n                <div class=\"text-danger invalid-feedback\" *ngIf=\"nameInput.errors?.repetition\">\r\n                    {{nameInput.errors?.repetition}}\r\n                </div>\r\n                <small class=\"form-text text-muted d-block \">{{'AbpDynamicForm::FieldNameHelpText' |\r\n                    abpLocalization}}</small>\r\n            </div>\r\n            <div class=\"mb-3\">\r\n                <label class=\"form-label\" for=\"description\">{{'Cms::Description' | abpLocalization}}</label>\r\n                <input type=\"text\" class=\"form-control\" formControlName=\"description\">\r\n            </div>\r\n            <div class=\"mb-3\">\r\n                <label class=\"form-label\" for=\"formControlName\">*{{'Cms::FieldType' | abpLocalization}}</label>\r\n                <select class=\"form-select\" formControlName=\"formControlName\">\r\n                    <ng-container *ngFor=\"let item of fromControlList;let i =index\">\r\n                        <option [value]=\"item.name\">{{item.displayName|abpLocalization}}</option>\r\n                    </ng-container>\r\n                </select>\r\n            </div>\r\n            @if(formControlNameInput.value&&formEntity){\r\n            <df-dynamic-config [formGroup]=\"formEntity\" [selected]=\"_selected\" [type]=\"formControlNameInput.value\"\r\n                [form]=\"formEntity\"></df-dynamic-config>\r\n            }\r\n            <button form-type=\"submit\" style=\"display: none;\" #submitclick></button>\r\n        </form>\r\n    </div>\r\n</div>", styles: [""], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i6$1.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i6$1.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "component", type: i6$2.DynamicConfigComponent, selector: "df-dynamic-config", inputs: ["type", "selected", "form"] }, { 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: "<div [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\">{{'AbpDynamicForm::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\">{{'AbpDynamicForm::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 \">{{'AbpDynamicForm::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</div>" }]
-        }], ctorParameters: () => [{ type: FieldAbstractsService }, { type: CmsApiService }, { type: FieldAdminService }, { type: i1.LocalizationService }], propDecorators: { submitclick: [{
-                type: ViewChild,
-                args: ['submitclick', { static: true }]
-            }], Entity: [{
+            args: [{ selector: 'cms-create-or-edit-field', template: "<div class=\"card\">\r\n    <div class=\"card-body\">\r\n        <form [formGroup]=\"formEntity\">\r\n            <div class=\"mb-3\">\r\n                <label class=\"form-label\" for=\"groupId\">{{'Cms::FieldGroup' | abpLocalization}}</label>\r\n                <select class=\"form-select\" formControlName=\"groupId\">\r\n                    <option value=\"\">{{'Cms::OptionalGrouping' | abpLocalization}}</option>\r\n                    <ng-container *ngFor=\"let item of getfieldGroupsList\">\r\n                        <option [value]=\"item.id\">{{item.name}}</option>\r\n                    </ng-container>\r\n                </select>\r\n            </div>\r\n            <div class=\"mb-3\">\r\n                <label class=\"form-label\" for=\"displayName\">*{{'AbpDynamicForm::FieldDisplayName' |\r\n                    abpLocalization}}</label>\r\n                <input type=\"text\" class=\"form-control\" formControlName=\"displayName\" required\r\n                    (blur)=\"disPlayNameInputBlur($event)\">\r\n            </div>\r\n            <div class=\"mb-3\">\r\n                <label class=\"form-label\" for=\"name\">*{{'AbpDynamicForm::FieldName' | abpLocalization}}</label>\r\n                <input type=\"text\" class=\"form-control\" formControlName=\"name\" required>\r\n                <div class=\"text-danger invalid-feedback\" *ngIf=\"nameInput.errors?.repetition\">\r\n                    {{nameInput.errors?.repetition}}\r\n                </div>\r\n                <small class=\"form-text text-muted d-block \">{{'AbpDynamicForm::FieldNameHelpText' |\r\n                    abpLocalization}}</small>\r\n            </div>\r\n            <div class=\"mb-3\">\r\n                <label class=\"form-label\" for=\"description\">{{'Cms::Description' | abpLocalization}}</label>\r\n                <input type=\"text\" class=\"form-control\" formControlName=\"description\">\r\n            </div>\r\n            <div class=\"mb-3\">\r\n                <label class=\"form-label\" for=\"formControlName\">*{{'Cms::FieldType' | abpLocalization}}</label>\r\n                <select class=\"form-select\" formControlName=\"formControlName\">\r\n                    <ng-container *ngFor=\"let item of fromControlList;let i =index\">\r\n                        <option [value]=\"item.name\">{{item.displayName|abpLocalization}}</option>\r\n                    </ng-container>\r\n                </select>\r\n            </div>\r\n            @if(formControlNameInput.value&&formEntity){\r\n            <df-dynamic-config [formGroup]=\"formEntity\" [selected]=\"_selected\" [type]=\"formControlNameInput.value\"\r\n                [form]=\"formEntity\"></df-dynamic-config>\r\n            }\r\n            <button form-type=\"submit\" style=\"display: none;\" #submitclick></button>\r\n        </form>\r\n    </div>\r\n</div>" }]
+        }], ctorParameters: () => [{ type: i4.ToPinyinService }, { type: i1.LocalizationService }], propDecorators: { selected: [{
                 type: Input
-            }], selected: [{
+            }], service: [{
                 type: Input
+            }], form: [{
+                type: Input
+            }], submitclick: [{
+                type: ViewChild,
+                args: ['submitclick', { static: true }]
             }] } });
 
+/* eslint-disable @typescript-eslint/no-inferrable-types */
 /* eslint-disable @angular-eslint/component-selector */
 class CreateFieldComponent {
-    constructor(fb, _FieldAdminService, toaster, _location, _LocalizationService, _CmsApiService) {
+    constructor(fb, _service, toaster, _LocationBackService, _LocalizationService, route, _UpdateListService, _DigniteValidatorsService) {
         this.fb = fb;
-        this._FieldAdminService = _FieldAdminService;
+        this._service = _service;
         this.toaster = toaster;
-        this._location = _location;
+        this._LocationBackService = _LocationBackService;
         this._LocalizationService = _LocalizationService;
-        this._CmsApiService = _CmsApiService;
-        this.route = inject(ActivatedRoute);
-        this._UpdateListService = inject(UpdateListService);
-        this.isSubmit = false;
-        this._ValidatorsService = inject(ValidatorsService);
-        /**表单验证状态
-         * {
-         *  title:true,
-         * }
-         */
-        this.formValidation = '';
-    }
-    get groupIdInput() {
-        return this.newEntity?.get('groupId');
+        this.route = route;
+        this._UpdateListService = _UpdateListService;
+        this._DigniteValidatorsService = _DigniteValidatorsService;
+        /**表单是否触发验证 */
+        this.formValidation = false;
+        /**是否提交 */
+        this.isSubmitted = false;
     }
-    ngOnInit() {
+    async ngOnInit() {
         //Called after the constructor, initializing input properties, and the first call to ngOnChanges.
         //Add 'implements OnInit' to the class.
         const { groupId } = this.route.snapshot.queryParams;
-        this.newEntity = this.fb.group(new CreateOrUpdateFieldInputBase());
+        this.formEntity = this.fb.group(new FieldsFormConfig());
         if (groupId) {
             this.groupIdInput.patchValue(groupId);
         }
     }
-    /**触发提交按钮 */
-    submitclickBtn() {
-        this.submitclick.nativeElement.click();
+    /**字段分组控件 */
+    get groupIdInput() {
+        return this.formEntity?.get('groupId');
     }
-    /**保存表单 */
+    /**提交表单 */
     save() {
-        this.formValidation = this._ValidatorsService.getFormValidationStatus(this.newEntity);
-        if (this._ValidatorsService.isCheckForm(this.formValidation, 'Cms'))
-            return;
-        const input = this.newEntity.value;
-        if (this.isSubmit)
+        console.log(this.formEntity.value, '提交表单', this.formEntity);
+        this.formValidation = true;
+        if (!this.formEntity.valid) {
+            this._DigniteValidatorsService.getErrorMessage({
+                form: this.formEntity,
+                map: fieldToFormLabelMap
+            });
             return;
-        this.isSubmit = true;
-        if (!this.newEntity.valid)
+        }
+        if (this.isSubmitted)
             return;
-        this._FieldAdminService
-            .create(input)
-            .pipe(finalize(() => {
-            this.isSubmit = false;
-        }))
-            .subscribe(res => {
+        this.isSubmitted = true;
+        const input = this.formEntity.value;
+        this._service.createField(input).subscribe(() => {
+            this.reset();
             this.toaster.success(this._LocalizationService.instant(`AbpUi::SavedSuccessfully`));
-            this._location.back();
+            // this._LocationBackService.back();
+            this._LocationBackService.backTo({
+                url: `/cms/admin/fields`,
+                replenish: '/create',
+            });
             this._UpdateListService.updateList();
+        }, () => {
+            this.reset();
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: CreateFieldComponent, deps: [{ token: i1$2.FormBuilder }, { token: FieldAdminService }, { token: i3.ToasterService }, { token: i1$1.Location }, { token: i1.LocalizationService }, { token: CmsApiService }], target: i0.ɵɵFactoryTarget.Component }); }
+    /**重置表单 */
+    reset() {
+        this.isSubmitted = false;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: CreateFieldComponent, deps: [{ token: i1$1.FormBuilder }, { token: FieldsDataService }, { token: i3.ToasterService }, { token: i4.LocationBackService }, { token: i1.LocalizationService }, { token: i6.ActivatedRoute }, { token: i4.UpdateListService }, { token: i4.DigniteValidatorsService }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: CreateFieldComponent, selector: "cms-create-field", providers: [
             {
                 provide: EXTENSIONS_IDENTIFIER,
                 useValue: ECmsComponent.FieldsCreate,
             },
-        ], viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<abp-page [title]=\"'Cms::CreateField' | abpLocalization\" [toolbar]=\"true\">\n        <form  [formGroup]=\"newEntity\"  [class]=\"{'was-validated':formValidation}\" (ngSubmit)=\"save()\">\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  [formGroup]=\"newEntity\" [Entity]=\"newEntity\"></cms-create-or-edit-field>\n                </div>\n            </div>\n        </div>\n    </form>\n    </abp-page>", 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: i1.FormSubmitDirective, selector: "form[ngSubmit][formGroup]", inputs: ["debounce", "notValidateOnSubmit", "markAsDirtyWhenSubmit"], outputs: ["ngSubmit"] }, { 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" }] }); }
+        ], viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<abp-page [title]=\"'Cms::CreateField' | abpLocalization\" [toolbar]=\"true\">\r\n    <form [formGroup]=\"formEntity\" [class.was-validated]=\"formValidation\" (submit)=\"save()\">\r\n        <button form-type=\"submit\" style=\"display: none;\" #submitclick></button>\r\n        <cms-create-or-edit-field   [service]=\"_service\" [form]=\"formEntity\"></cms-create-or-edit-field>\r\n    </form>\r\n</abp-page>", styles: [""], dependencies: [{ kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i6$1.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: ["selected", "service", "form"] }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: CreateFieldComponent, decorators: [{
             type: Component,
@@ -2159,89 +2076,151 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImpor
                             provide: EXTENSIONS_IDENTIFIER,
                             useValue: ECmsComponent.FieldsCreate,
                         },
-                    ], template: "<abp-page [title]=\"'Cms::CreateField' | abpLocalization\" [toolbar]=\"true\">\n        <form  [formGroup]=\"newEntity\"  [class]=\"{'was-validated':formValidation}\" (ngSubmit)=\"save()\">\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  [formGroup]=\"newEntity\" [Entity]=\"newEntity\"></cms-create-or-edit-field>\n                </div>\n            </div>\n        </div>\n    </form>\n    </abp-page>", 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"] }]
-        }], ctorParameters: () => [{ type: i1$2.FormBuilder }, { type: FieldAdminService }, { type: i3.ToasterService }, { type: i1$1.Location }, { type: i1.LocalizationService }, { type: CmsApiService }], propDecorators: { submitclick: [{
+                    ], template: "<abp-page [title]=\"'Cms::CreateField' | abpLocalization\" [toolbar]=\"true\">\r\n    <form [formGroup]=\"formEntity\" [class.was-validated]=\"formValidation\" (submit)=\"save()\">\r\n        <button form-type=\"submit\" style=\"display: none;\" #submitclick></button>\r\n        <cms-create-or-edit-field   [service]=\"_service\" [form]=\"formEntity\"></cms-create-or-edit-field>\r\n    </form>\r\n</abp-page>" }]
+        }], ctorParameters: () => [{ type: i1$1.FormBuilder }, { type: FieldsDataService }, { type: i3.ToasterService }, { type: i4.LocationBackService }, { type: i1.LocalizationService }, { type: i6.ActivatedRoute }, { type: i4.UpdateListService }, { type: i4.DigniteValidatorsService }], propDecorators: { submitclick: [{
                 type: ViewChild,
                 args: ['submitclick', { static: true }]
             }] } });
 
+/* eslint-disable @angular-eslint/component-selector */
 class EditFieldComponent {
-    constructor(fb, _FieldAbstractsService, _FieldAdminService, route, toaster, _location, _LocalizationService, _CmsApiService) {
+    constructor(fb, _service, toaster, _LocationBackService, _LocalizationService, route, _UpdateListService, _DigniteValidatorsService) {
         this.fb = fb;
-        this._FieldAbstractsService = _FieldAbstractsService;
-        this._FieldAdminService = _FieldAdminService;
-        this.route = route;
+        this._service = _service;
         this.toaster = toaster;
-        this._location = _location;
+        this._LocationBackService = _LocationBackService;
         this._LocalizationService = _LocalizationService;
-        this._CmsApiService = _CmsApiService;
-        this._UpdateListService = inject(UpdateListService);
-        this._ValidatorsService = inject(ValidatorsService);
-        /**字段id */
-        this.fieldId = '';
-        this.isSubmit = false;
-        /**表单验证状态
-         * {
-         *  title:true,
-         * }
-         */
-        this.formValidation = '';
+        this.route = route;
+        this._UpdateListService = _UpdateListService;
+        this._DigniteValidatorsService = _DigniteValidatorsService;
+        /**字段详情 */
+        this.fieldDetail = '';
+        /**表单是否触发验证 */
+        this.formValidation = false;
+        /**是否提交 */
+        this.isSubmitted = false;
     }
     async ngOnInit() {
-        const _fieldId = this.route.snapshot.params.id;
-        if (_fieldId) {
-            this.fieldId = _fieldId;
-            this.newEntity = this.fb.group(new CreateOrUpdateFieldInputBase());
-            await Promise.all([this._FieldAbstractsService.getFromControlList(), this.getFieldEdit()]);
-            this.newEntity.patchValue({
-                ...this.fieldDetails,
-                formConfiguration: this.fieldDetails.formConfiguration,
+        //Called after the constructor, initializing input properties, and the first call to ngOnChanges.
+        //Add 'implements OnInit' to the class.
+        const { id } = this.route.snapshot.params;
+        this.formEntity = this.fb.group(new FieldsFormConfig());
+        await this.getFieldDetails(id);
+        if (this.fieldDetail) {
+            this.formEntity.patchValue({
+                ...this.fieldDetail,
+                groupId: this.fieldDetail.groupId || '',
             });
         }
     }
     /**获取字段详情 */
-    getFieldEdit() {
+    getFieldDetails(id) {
         return new Promise((resolve, reject) => {
-            this._FieldAdminService.get(this.fieldId).subscribe(res => {
-                res.groupId = res.groupId ? res.groupId : '';
-                this.fieldDetails = res;
+            this._service.getFieldDetail(id).subscribe(res => {
+                this.fieldDetail = res;
                 resolve(res);
+            }, err => {
+                resolve('');
             });
         });
     }
-    /**触发提交按钮 */
-    submitclickBtn() {
-        this.submitclick.nativeElement.click();
+    /**字段分组控件 */
+    get groupIdInput() {
+        return this.formEntity?.get('groupId');
     }
-    /**保存表单 */
+    // 获取错误信息
+    getErrorMessage(error, map) {
+        // 获取本地化标签
+        const getLocalizedLabel = (path) => {
+            return this._LocalizationService.instant(map[path]);
+        };
+        // 格式化数组索引
+        const formatArrayIndex = (item) => {
+            const regex = /\[[0-9]+\]/g;
+            const indexMatch = item.match(regex);
+            const [basePath] = item.split(regex);
+            return getLocalizedLabel(basePath) + (indexMatch ? indexMatch[0] : '');
+        };
+        let errorMessage = '';
+        // 如果错误路径包含formConfiguration
+        if (error.path.includes('formConfiguration')) {
+            // 将错误路径中的formConfiguration-替换掉，并按-分割
+            const pathParts = error.path.replaceAll('formConfiguration-', '').split('-');
+            // 对分割后的路径进行格式化
+            const formattedParts = pathParts.map((part, index) => {
+                // 如果是最后一个路径且不是第一个路径
+                if (index === pathParts.length - 1 && index > 0) {
+                    // 获取前一个路径
+                    const prevPart = pathParts[index - 1];
+                    // 将前一个路径按数组索引分割
+                    const [prevBasePath] = prevPart.split(/\[[0-9]+\]/);
+                    // 将当前路径按数组索引分割
+                    const [currentBasePath] = part.split(/\[[0-9]+\]/);
+                    // 组合前一个路径和当前路径
+                    const combinedKey = `${prevBasePath}-${currentBasePath}`;
+                    // 如果map中存在组合后的路径，则返回本地化标签，否则返回格式化后的数组索引
+                    return map[combinedKey]
+                        ? getLocalizedLabel(combinedKey)
+                        : formatArrayIndex(part);
+                }
+                // 否则返回格式化后的数组索引
+                return formatArrayIndex(part);
+            });
+            console.log(formattedParts, 'formattedParts', pathParts);
+            // 将格式化后的路径用-连接起来
+            errorMessage = formattedParts.join('-');
+        }
+        else {
+            // 否则返回本地化标签
+            errorMessage = getLocalizedLabel(error.path);
+        }
+        // 添加错误信息
+        errorMessage = `${errorMessage} ${this._LocalizationService.instant('AbpValidation::ThisFieldIsNotValid.')}`;
+        // 显示警告信息
+        this.toaster.warn(errorMessage);
+        return errorMessage;
+    }
+    /**提交表单 */
     save() {
-        this.formValidation = this._ValidatorsService.getFormValidationStatus(this.newEntity);
-        if (this._ValidatorsService.isCheckForm(this.formValidation, 'Cms'))
-            return;
-        if (this.isSubmit)
+        console.log(this.formEntity.value, '提交表单', this.formEntity);
+        this.formValidation = true;
+        if (!this.formEntity.valid) {
+            this._DigniteValidatorsService.getErrorMessage({
+                form: this.formEntity,
+                map: fieldToFormLabelMap
+            });
             return;
-        this.isSubmit = true;
-        let input = this.newEntity.value;
-        if (!this.newEntity.valid)
+        }
+        if (this.isSubmitted)
             return;
-        this._FieldAdminService
-            .update(this.fieldId, input)
-            .pipe(finalize(() => {
-            this.isSubmit = false;
-        }))
-            .subscribe(res => {
-            this.toaster.success(this._LocalizationService.instant(`AbpUi::SavedSuccessfully`));
-            this._location.back();
-            this._UpdateListService.updateList();
+        this.isSubmitted = true;
+        const input = this.formEntity.value;
+        this._service.updateField(this.fieldDetail.id, input).subscribe({
+            next: () => {
+                this.toaster.success(this._LocalizationService.instant(`AbpUi::SavedSuccessfully`));
+                // this._LocationBackService.back();
+                this._LocationBackService.backTo({
+                    url: `/cms/admin/fields`,
+                    replenish: '/edit',
+                });
+                this._UpdateListService.updateList();
+            },
+            complete: () => {
+                this.reset();
+            },
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: EditFieldComponent, deps: [{ token: i1$2.FormBuilder }, { token: FieldAbstractsService }, { token: FieldAdminService }, { token: i4.ActivatedRoute }, { token: i3.ToasterService }, { token: i1$1.Location }, { token: i1.LocalizationService }, { token: CmsApiService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: EditFieldComponent, selector: "cms-edit-field", providers: [
+    /**重置表单 */
+    reset() {
+        this.isSubmitted = false;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: EditFieldComponent, deps: [{ token: i1$1.FormBuilder }, { token: FieldsDataService }, { token: i3.ToasterService }, { token: i4.LocationBackService }, { token: i1.LocalizationService }, { token: i6.ActivatedRoute }, { token: i4.UpdateListService }, { token: i4.DigniteValidatorsService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.5", type: EditFieldComponent, selector: "cms-edit-field", providers: [
             {
                 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\"  [class]=\"{'was-validated':formValidation}\" (ngSubmit)=\"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: i1.FormSubmitDirective, selector: "form[ngSubmit][formGroup]", inputs: ["debounce", "notValidateOnSubmit", "markAsDirtyWhenSubmit"], outputs: ["ngSubmit"] }, { 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" }] }); }
+        ], viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<abp-page [title]=\"'Cms::EditField' | abpLocalization\" [toolbar]=\"true\">\r\n    <form [formGroup]=\"formEntity\" [class.was-validated]=\"formValidation\" (submit)=\"save()\">\r\n        <button form-type=\"submit\" style=\"display: none;\" #submitclick></button>\r\n        @if(fieldDetail){\r\n            <cms-create-or-edit-field  [selected]=\"fieldDetail\" [service]=\"_service\" [form]=\"formEntity\"></cms-create-or-edit-field>\r\n        }\r\n    </form>\r\n</abp-page>", styles: [""], dependencies: [{ kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i6$1.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: ["selected", "service", "form"] }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: EditFieldComponent, decorators: [{
             type: Component,
@@ -2250,12 +2229,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImpor
                             provide: EXTENSIONS_IDENTIFIER,
                             useValue: ECmsComponent.FieldsEdit,
                         },
-                    ], template: "<form class=\"row g-3 needs-validation\" [formGroup]=\"newEntity\"  [class]=\"{'was-validated':formValidation}\" (ngSubmit)=\"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>" }]
-        }], ctorParameters: () => [{ type: i1$2.FormBuilder }, { type: FieldAbstractsService }, { type: FieldAdminService }, { type: i4.ActivatedRoute }, { type: i3.ToasterService }, { type: i1$1.Location }, { type: i1.LocalizationService }, { type: CmsApiService }], propDecorators: { submitclick: [{
+                    ], template: "<abp-page [title]=\"'Cms::EditField' | abpLocalization\" [toolbar]=\"true\">\r\n    <form [formGroup]=\"formEntity\" [class.was-validated]=\"formValidation\" (submit)=\"save()\">\r\n        <button form-type=\"submit\" style=\"display: none;\" #submitclick></button>\r\n        @if(fieldDetail){\r\n            <cms-create-or-edit-field  [selected]=\"fieldDetail\" [service]=\"_service\" [form]=\"formEntity\"></cms-create-or-edit-field>\r\n        }\r\n    </form>\r\n</abp-page>" }]
+        }], ctorParameters: () => [{ type: i1$1.FormBuilder }, { type: FieldsDataService }, { type: i3.ToasterService }, { type: i4.LocationBackService }, { type: i1.LocalizationService }, { type: i6.ActivatedRoute }, { type: i4.UpdateListService }, { type: i4.DigniteValidatorsService }], propDecorators: { submitclick: [{
                 type: ViewChild,
                 args: ['submitclick', { static: true }]
             }] } });
 
+// export * from './create-or-update-field-input-base'
+
 class CreateOrUpdateSectionsInputBase {
     constructor() {
         this.id = [''];
@@ -2279,13 +2260,14 @@ class CreateOrUpdateSectionsInputBase {
 
 /* eslint-disable @angular-eslint/component-selector */
 class CreateOrEditSectionsModalComponent {
-    constructor() {
+    constructor(toPinyinService) {
+        this.toPinyinService = toPinyinService;
         this._LocalizationService = inject(LocalizationService);
         this.toaster = inject(ToasterService);
         this._ValidatorsService = inject(ValidatorsService);
         this._UpdateListService = inject(UpdateListService);
         this._SectionAdminService = inject(SectionAdminService);
-        this._CmsApiService = inject(CmsApiService);
+        /**重置表单 */
         this._SectionType = SectionType;
         this._sectionTypeOptions = sectionTypeOptions;
         /**表单验证状态 */
@@ -2356,7 +2338,7 @@ class CreateOrEditSectionsModalComponent {
                 .pipe(finalize(() => {
                 this.reset();
             }))
-                .subscribe(res => {
+                .subscribe(() => {
                 this.toaster.success(this._LocalizationService.instant(`AbpUi::SavedSuccessfully`));
                 this.visibleChange.emit(false);
                 this.formValidation = '';
@@ -2368,7 +2350,7 @@ class CreateOrEditSectionsModalComponent {
             .pipe(finalize(() => {
             this.reset();
         }))
-            .subscribe(res => {
+            .subscribe(() => {
             this.toaster.success(this._LocalizationService.instant(`AbpUi::SavedSuccessfully`));
             this.visibleChange.emit(false);
             this.formValidation = '';
@@ -2380,7 +2362,7 @@ class CreateOrEditSectionsModalComponent {
     }
     disPlayNameInputBlur(event) {
         const value = event.target.value;
-        const pinyin = this._CmsApiService.chineseToPinyin(value);
+        const pinyin = this.toPinyinService.get(value);
         const nameInput = this.nameInput;
         const routeInput = this.routeInput;
         const templateInput = this.templateInput;
@@ -2458,13 +2440,13 @@ class CreateOrEditSectionsModalComponent {
             });
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: CreateOrEditSectionsModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: CreateOrEditSectionsModalComponent, selector: "cms-create-or-edit-sections-modal", inputs: { visible: "visible", formEntity: "formEntity" }, outputs: { visibleChange: "visibleChange" }, viewQueries: [{ propertyName: "ModalFormSubmit", first: true, predicate: ["ModalFormSubmit"], descendants: true }], ngImport: i0, template: "<abp-modal [(visible)]=\"ModalOpen\" [busy]=\"ModalBusy\" (visibleChange)=\"ModalVisibleChange($event)\">\r\n    <ng-template #abpHeader>\r\n        <h3>{{selected?('AbpUi::Edit' | abpLocalization):('Cms::New' | abpLocalization)}}</h3>\r\n    </ng-template>\r\n    <ng-template #abpBody>\r\n        <ng-template #loaderRef>\r\n            <div class=\"text-center\"><i class=\"fa fa-pulse fa-spinner\" aria-hidden=\"true\"></i></div>\r\n        </ng-template>\r\n        <ng-container *ngIf=\"ModalForm; else loaderRef\">\r\n            <form class=\"sites-modal-form\" [formGroup]=\"ModalForm\" \r\n                [class]=\"{'was-validated':formValidation}\" (submit)=\"save()\">\r\n                <button type=\"submit\" #ModalFormSubmit style=\"display: none\"></button>\r\n                <div class=\"mb-3\">\r\n                    <label class=\"form-label\">{{'Cms::EntryType' | abpLocalization}}</label>\r\n                    <div>\r\n                        <ng-container *ngFor=\"let item of _sectionTypeOptions;let i =index\">\r\n                            <div class=\"form-check form-check-inline\">\r\n                                <input class=\"form-check-input\" type=\"radio\" [value]=\"item.value\"\r\n                                    (change)=\"radiochange()\" formControlName=\"type\" id=\"flexRadioDefault{{i}}\">\r\n                                <label class=\"form-check-label\" for=\"flexRadioDefault{{i}}\">\r\n                                    {{ 'Cms::Enum:SectionType:'+item.key | abpLocalization }}\r\n                                </label>\r\n                            </div>\r\n                        </ng-container>\r\n                    </div>\r\n                </div>\r\n                <div class=\"mb-3\">\r\n                    <label class=\"form-label\">{{'Cms::DisplayName' | abpLocalization}}</label>\r\n                    <input type=\"text\" class=\"form-control\" formControlName=\"displayName\"\r\n                        (blur)=\"disPlayNameInputBlur($event)\" placeholder=\"\" />\r\n                </div>\r\n                <div class=\"mb-3\">\r\n                    <label class=\"form-label\">{{'Cms::Name' | abpLocalization}}</label>\r\n                    <input type=\"text\" class=\"form-control\" formControlName=\"name\" placeholder=\"\" />\r\n                    <div class=\"text-danger invalid-feedback\" *ngIf=\"nameInput.errors?.repetition\">\r\n                        {{nameInput.errors?.repetition}}\r\n                    </div>\r\n                </div>\r\n                <div class=\"mb-3\">\r\n                    <label class=\"form-label\">{{'Cms::Route' | abpLocalization}} </label>\r\n                    <input type=\"text\" class=\"form-control\" formControlName=\"route\" placeholder=\"\" />\r\n                    <div class=\"text-danger invalid-feedback\" *ngIf=\"routeInput.errors?.repetition\">\r\n                        {{routeInput.errors?.repetition}}\r\n                    </div>\r\n                    <small class=\"form-text text-muted d-block\">\r\n                        {{'Cms::RouteTips' | abpLocalization}}<br>\r\n                        &nbsp;&nbsp;blog<br>\r\n                        &nbsp;&nbsp;{{'blog/{slug}'}}<br>\r\n                        &nbsp;&nbsp;{{'blog/{publishTime:yyyy}/{publishTime:MM}/{slug}'}}\r\n                    </small>\r\n                </div>\r\n                <div class=\"mb-3\">\r\n                    <label class=\"form-label\">{{'Cms::Template' | abpLocalization}} </label>\r\n                    <input type=\"text\" class=\"form-control\" formControlName=\"template\" placeholder=\"\" />\r\n                    <small class=\"form-text text-muted d-block\">\r\n                        {{\"Cms::TemplateTips\" | abpLocalization}}\r\n                    </small>\r\n                </div>\r\n                <div class=\"mb-3\">\r\n                    <div class=\"form-check form-check-inline\">\r\n                        <input class=\"form-check-input\" type=\"checkbox\" value=\"true\" formControlName=\"isDefault\"\r\n                            id=\"isDefault\" />\r\n                        <label class=\"form-check-label\" for=\"isDefault\"> {{'Cms::Default' | abpLocalization}} </label>\r\n                    </div>\r\n                </div>\r\n                <div class=\"mb-3\">\r\n                    <div class=\"form-check form-check-inline\">\r\n                        <input class=\"form-check-input\" type=\"checkbox\" value=\"true\" formControlName=\"isActive\"\r\n                            id=\"isActive\" />\r\n                        <label class=\"form-check-label\" for=\"isActive\"> {{'Cms::IsActive' | abpLocalization}}</label>\r\n                    </div>\r\n                </div>\r\n            </form>\r\n        </ng-container>\r\n    </ng-template>\r\n    <ng-template #abpFooter>\r\n        <button type=\"button\" class=\"btn btn-secondary\" abpClose>{{'AbpUi::Close' | abpLocalization}}</button>\r\n        <abp-button iconClass=\"fa fa-check\" type=\"button\" [loading]=\"ModalBusy\" [disabled]=\"ModalBusy\"\r\n            (click)=\"ModalFormSubmit?.nativeElement?.click()\">{{'AbpUi::Save'|abpLocalization}}</abp-button>\r\n    </ng-template>\r\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.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.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { 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: 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: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: CreateOrEditSectionsModalComponent, deps: [{ token: i4.ToPinyinService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: CreateOrEditSectionsModalComponent, selector: "cms-create-or-edit-sections-modal", inputs: { visible: "visible", formEntity: "formEntity" }, outputs: { visibleChange: "visibleChange" }, viewQueries: [{ propertyName: "ModalFormSubmit", first: true, predicate: ["ModalFormSubmit"], descendants: true }], ngImport: i0, template: "<abp-modal [(visible)]=\"ModalOpen\" [busy]=\"ModalBusy\" (visibleChange)=\"ModalVisibleChange($event)\">\r\n    <ng-template #abpHeader>\r\n        <h3>{{selected?('AbpUi::Edit' | abpLocalization):('Cms::New' | abpLocalization)}}</h3>\r\n    </ng-template>\r\n    <ng-template #abpBody>\r\n        <ng-template #loaderRef>\r\n            <div class=\"text-center\"><i class=\"fa fa-pulse fa-spinner\" aria-hidden=\"true\"></i></div>\r\n        </ng-template>\r\n        <ng-container *ngIf=\"ModalForm; else loaderRef\">\r\n            <form class=\"sites-modal-form\" [formGroup]=\"ModalForm\" \r\n                [class]=\"{'was-validated':formValidation}\" (submit)=\"save()\">\r\n                <button type=\"submit\" #ModalFormSubmit style=\"display: none\"></button>\r\n                <div class=\"mb-3\">\r\n                    <label class=\"form-label\">{{'Cms::EntryType' | abpLocalization}}</label>\r\n                    <div>\r\n                        <ng-container *ngFor=\"let item of _sectionTypeOptions;let i =index\">\r\n                            <div class=\"form-check form-check-inline\">\r\n                                <input class=\"form-check-input\" type=\"radio\" [value]=\"item.value\"\r\n                                    (change)=\"radiochange()\" formControlName=\"type\" id=\"flexRadioDefault{{i}}\">\r\n                                <label class=\"form-check-label\" for=\"flexRadioDefault{{i}}\">\r\n                                    {{ 'Cms::Enum:SectionType:'+item.key | abpLocalization }}\r\n                                </label>\r\n                            </div>\r\n                        </ng-container>\r\n                    </div>\r\n                </div>\r\n                <div class=\"mb-3\">\r\n                    <label class=\"form-label\">{{'Cms::DisplayName' | abpLocalization}}</label>\r\n                    <input type=\"text\" class=\"form-control\" formControlName=\"displayName\"\r\n                        (blur)=\"disPlayNameInputBlur($event)\" placeholder=\"\" />\r\n                </div>\r\n                <div class=\"mb-3\">\r\n                    <label class=\"form-label\">{{'Cms::Name' | abpLocalization}}</label>\r\n                    <input type=\"text\" class=\"form-control\" formControlName=\"name\" placeholder=\"\" />\r\n                    <div class=\"text-danger invalid-feedback\" *ngIf=\"nameInput.errors?.repetition\">\r\n                        {{nameInput.errors?.repetition}}\r\n                    </div>\r\n                </div>\r\n                <div class=\"mb-3\">\r\n                    <label class=\"form-label\">{{'Cms::Route' | abpLocalization}} </label>\r\n                    <input type=\"text\" class=\"form-control\" formControlName=\"route\" placeholder=\"\" />\r\n                    <div class=\"text-danger invalid-feedback\" *ngIf=\"routeInput.errors?.repetition\">\r\n                        {{routeInput.errors?.repetition}}\r\n                    </div>\r\n                    <small class=\"form-text text-muted d-block\">\r\n                        {{'Cms::RouteTips' | abpLocalization}}<br>\r\n                        &nbsp;&nbsp;blog<br>\r\n                        &nbsp;&nbsp;{{'blog/{slug}'}}<br>\r\n                        &nbsp;&nbsp;{{'blog/{publishTime:yyyy}/{publishTime:MM}/{slug}'}}\r\n                    </small>\r\n                </div>\r\n                <div class=\"mb-3\">\r\n                    <label class=\"form-label\">{{'Cms::Template' | abpLocalization}} </label>\r\n                    <input type=\"text\" class=\"form-control\" formControlName=\"template\" placeholder=\"\" />\r\n                    <small class=\"form-text text-muted d-block\">\r\n                        {{\"Cms::TemplateTips\" | abpLocalization}}\r\n                    </small>\r\n                </div>\r\n                <div class=\"mb-3\">\r\n                    <div class=\"form-check form-check-inline\">\r\n                        <input class=\"form-check-input\" type=\"checkbox\" value=\"true\" formControlName=\"isDefault\"\r\n                            id=\"isDefault\" />\r\n                        <label class=\"form-check-label\" for=\"isDefault\"> {{'Cms::Default' | abpLocalization}} </label>\r\n                    </div>\r\n                </div>\r\n                <div class=\"mb-3\">\r\n                    <div class=\"form-check form-check-inline\">\r\n                        <input class=\"form-check-input\" type=\"checkbox\" value=\"true\" formControlName=\"isActive\"\r\n                            id=\"isActive\" />\r\n                        <label class=\"form-check-label\" for=\"isActive\"> {{'Cms::IsActive' | abpLocalization}}</label>\r\n                    </div>\r\n                </div>\r\n            </form>\r\n        </ng-container>\r\n    </ng-template>\r\n    <ng-template #abpFooter>\r\n        <button type=\"button\" class=\"btn btn-secondary\" abpClose>{{'AbpUi::Close' | abpLocalization}}</button>\r\n        <abp-button iconClass=\"fa fa-check\" type=\"button\" [loading]=\"ModalBusy\" [disabled]=\"ModalBusy\"\r\n            (click)=\"ModalFormSubmit?.nativeElement?.click()\">{{'AbpUi::Save'|abpLocalization}}</abp-button>\r\n    </ng-template>\r\n</abp-modal>", styles: [""], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$1.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i6$1.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i6$1.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: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: CreateOrEditSectionsModalComponent, decorators: [{
             type: Component,
             args: [{ selector: 'cms-create-or-edit-sections-modal', template: "<abp-modal [(visible)]=\"ModalOpen\" [busy]=\"ModalBusy\" (visibleChange)=\"ModalVisibleChange($event)\">\r\n    <ng-template #abpHeader>\r\n        <h3>{{selected?('AbpUi::Edit' | abpLocalization):('Cms::New' | abpLocalization)}}</h3>\r\n    </ng-template>\r\n    <ng-template #abpBody>\r\n        <ng-template #loaderRef>\r\n            <div class=\"text-center\"><i class=\"fa fa-pulse fa-spinner\" aria-hidden=\"true\"></i></div>\r\n        </ng-template>\r\n        <ng-container *ngIf=\"ModalForm; else loaderRef\">\r\n            <form class=\"sites-modal-form\" [formGroup]=\"ModalForm\" \r\n                [class]=\"{'was-validated':formValidation}\" (submit)=\"save()\">\r\n                <button type=\"submit\" #ModalFormSubmit style=\"display: none\"></button>\r\n                <div class=\"mb-3\">\r\n                    <label class=\"form-label\">{{'Cms::EntryType' | abpLocalization}}</label>\r\n                    <div>\r\n                        <ng-container *ngFor=\"let item of _sectionTypeOptions;let i =index\">\r\n                            <div class=\"form-check form-check-inline\">\r\n                                <input class=\"form-check-input\" type=\"radio\" [value]=\"item.value\"\r\n                                    (change)=\"radiochange()\" formControlName=\"type\" id=\"flexRadioDefault{{i}}\">\r\n                                <label class=\"form-check-label\" for=\"flexRadioDefault{{i}}\">\r\n                                    {{ 'Cms::Enum:SectionType:'+item.key | abpLocalization }}\r\n                                </label>\r\n                            </div>\r\n                        </ng-container>\r\n                    </div>\r\n                </div>\r\n                <div class=\"mb-3\">\r\n                    <label class=\"form-label\">{{'Cms::DisplayName' | abpLocalization}}</label>\r\n                    <input type=\"text\" class=\"form-control\" formControlName=\"displayName\"\r\n                        (blur)=\"disPlayNameInputBlur($event)\" placeholder=\"\" />\r\n                </div>\r\n                <div class=\"mb-3\">\r\n                    <label class=\"form-label\">{{'Cms::Name' | abpLocalization}}</label>\r\n                    <input type=\"text\" class=\"form-control\" formControlName=\"name\" placeholder=\"\" />\r\n                    <div class=\"text-danger invalid-feedback\" *ngIf=\"nameInput.errors?.repetition\">\r\n                        {{nameInput.errors?.repetition}}\r\n                    </div>\r\n                </div>\r\n                <div class=\"mb-3\">\r\n                    <label class=\"form-label\">{{'Cms::Route' | abpLocalization}} </label>\r\n                    <input type=\"text\" class=\"form-control\" formControlName=\"route\" placeholder=\"\" />\r\n                    <div class=\"text-danger invalid-feedback\" *ngIf=\"routeInput.errors?.repetition\">\r\n                        {{routeInput.errors?.repetition}}\r\n                    </div>\r\n                    <small class=\"form-text text-muted d-block\">\r\n                        {{'Cms::RouteTips' | abpLocalization}}<br>\r\n                        &nbsp;&nbsp;blog<br>\r\n                        &nbsp;&nbsp;{{'blog/{slug}'}}<br>\r\n                        &nbsp;&nbsp;{{'blog/{publishTime:yyyy}/{publishTime:MM}/{slug}'}}\r\n                    </small>\r\n                </div>\r\n                <div class=\"mb-3\">\r\n                    <label class=\"form-label\">{{'Cms::Template' | abpLocalization}} </label>\r\n                    <input type=\"text\" class=\"form-control\" formControlName=\"template\" placeholder=\"\" />\r\n                    <small class=\"form-text text-muted d-block\">\r\n                        {{\"Cms::TemplateTips\" | abpLocalization}}\r\n                    </small>\r\n                </div>\r\n                <div class=\"mb-3\">\r\n                    <div class=\"form-check form-check-inline\">\r\n                        <input class=\"form-check-input\" type=\"checkbox\" value=\"true\" formControlName=\"isDefault\"\r\n                            id=\"isDefault\" />\r\n                        <label class=\"form-check-label\" for=\"isDefault\"> {{'Cms::Default' | abpLocalization}} </label>\r\n                    </div>\r\n                </div>\r\n                <div class=\"mb-3\">\r\n                    <div class=\"form-check form-check-inline\">\r\n                        <input class=\"form-check-input\" type=\"checkbox\" value=\"true\" formControlName=\"isActive\"\r\n                            id=\"isActive\" />\r\n                        <label class=\"form-check-label\" for=\"isActive\"> {{'Cms::IsActive' | abpLocalization}}</label>\r\n                    </div>\r\n                </div>\r\n            </form>\r\n        </ng-container>\r\n    </ng-template>\r\n    <ng-template #abpFooter>\r\n        <button type=\"button\" class=\"btn btn-secondary\" abpClose>{{'AbpUi::Close' | abpLocalization}}</button>\r\n        <abp-button iconClass=\"fa fa-check\" type=\"button\" [loading]=\"ModalBusy\" [disabled]=\"ModalBusy\"\r\n            (click)=\"ModalFormSubmit?.nativeElement?.click()\">{{'AbpUi::Save'|abpLocalization}}</abp-button>\r\n    </ng-template>\r\n</abp-modal>" }]
-        }], propDecorators: { visible: [{
+        }], ctorParameters: () => [{ type: i4.ToPinyinService }], propDecorators: { visible: [{
                 type: Input
             }], formEntity: [{
                 type: Input
@@ -2477,7 +2459,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImpor
 
 /* eslint-disable @angular-eslint/component-selector */
 class SectionsComponent {
-    constructor(list, _SectionAdminService, toaster, confirmation, fb, _EntryTypeAdminService, _LocalizationService, _CmsApiService) {
+    constructor(list, _SectionAdminService, toaster, confirmation, fb, _EntryTypeAdminService, _LocalizationService) {
         this.list = list;
         this._SectionAdminService = _SectionAdminService;
         this.toaster = toaster;
@@ -2485,7 +2467,6 @@ class SectionsComponent {
         this.fb = fb;
         this._EntryTypeAdminService = _EntryTypeAdminService;
         this._LocalizationService = _LocalizationService;
-        this._CmsApiService = _CmsApiService;
         this._UpdateListService = inject(UpdateListService);
         this.siteList = [];
         this._SectionType = SectionType;
@@ -2570,7 +2551,7 @@ class SectionsComponent {
             }
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: SectionsComponent, deps: [{ token: i1.ListService }, { token: SectionAdminService }, { token: i3.ToasterService }, { token: i3.ConfirmationService }, { token: i1$2.FormBuilder }, { token: EntryTypeAdminService }, { token: i1.LocalizationService }, { token: CmsApiService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: SectionsComponent, deps: [{ token: i1.ListService }, { token: SectionAdminService }, { token: i3.ToasterService }, { token: i3.ConfirmationService }, { token: i1$1.FormBuilder }, { token: EntryTypeAdminService }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: SectionsComponent, selector: "cms-sections", providers: [
             // [Required]
             ListService,
@@ -2582,7 +2563,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-md-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-md-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-md-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 | shortDateTime }}\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", 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.LocalizationPipe, name: "abpLocalization" }, { kind: "pipe", type: i1.ShortDateTimePipe, name: "shortDateTime" }] }); }
+        ], 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-md-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-md-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-md-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 | shortDateTime }}\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", 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: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i6.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.LocalizationPipe, name: "abpLocalization" }, { kind: "pipe", type: i1.ShortDateTimePipe, name: "shortDateTime" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: SectionsComponent, decorators: [{
             type: Component,
@@ -2598,7 +2579,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImpor
                             useValue: ECmsComponent.Sections,
                         },
                     ], 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-md-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-md-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-md-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 | shortDateTime }}\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", 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"] }]
-        }], ctorParameters: () => [{ type: i1.ListService }, { type: SectionAdminService }, { type: i3.ToasterService }, { type: i3.ConfirmationService }, { type: i1$2.FormBuilder }, { type: EntryTypeAdminService }, { type: i1.LocalizationService }, { type: CmsApiService }] });
+        }], ctorParameters: () => [{ type: i1.ListService }, { type: SectionAdminService }, { type: i3.ToasterService }, { type: i3.ConfirmationService }, { type: i1$1.FormBuilder }, { type: EntryTypeAdminService }, { type: i1.LocalizationService }] });
 
 class CreateOrEditEntryTypeInputBase {
     constructor() {
@@ -2635,22 +2616,28 @@ class fieldsBase {
 /* eslint-disable no-prototype-builtins */
 /* eslint-disable @angular-eslint/component-selector */
 class CreateOrEditComponent {
-    constructor(toaster, _location, route, _FieldGroupAdminService, _FieldAdminService, _EntryTypeAdminService, _LocalizationService, _CmsApiService, _FormControlsService) {
+    constructor(toaster, _LocationBackService, route, _FieldGroupAdminService, _FieldAdminService, _EntryTypeAdminService, _LocalizationService, _FormControlsService, toPinyinService) {
         this.toaster = toaster;
-        this._location = _location;
+        this._LocationBackService = _LocationBackService;
         this.route = route;
         this._FieldGroupAdminService = _FieldGroupAdminService;
         this._FieldAdminService = _FieldAdminService;
         this._EntryTypeAdminService = _EntryTypeAdminService;
         this._LocalizationService = _LocalizationService;
-        this._CmsApiService = _CmsApiService;
         this._FormControlsService = _FormControlsService;
+        this.toPinyinService = toPinyinService;
         this.fb = inject(FormBuilder);
         this._UpdateListService = inject(UpdateListService);
         /**版块id */
         this.sectionId = '';
         /**条目类型id */
         this.entryTypesId = '';
+        /**是否全选 */
+        this.isAllSelect = {
+            isRequired: false,
+            isShowInList: false,
+            isEnableSearch: false
+        };
         /**需要查询的动态表单类型 */
         this.enableSearchTypeList = [];
         /**不需要展示的动态表单类型 */
@@ -2699,14 +2686,6 @@ class CreateOrEditComponent {
         //板块id
         this.sectionId = sectionId;
         this.newEntity = this.fb.group(new CreateOrEditEntryTypeInputBase());
-        //
-        // this.enableSearchTypeList=await this._FormControlsService.getEnableSearchTypeList();
-        // this.disableshowinTypeList= this._FormControlsService.getdisableshowinTypeList();
-        // if (sectionId) {
-        //   this.sectionId = sectionId;
-        //   this.addControlToFieldTabs();
-        //   this.getFieldGroup();
-        // }
         //获取条目类型详情
         if (this.entryTypesId) {
             await this.getEntryTypes();
@@ -2719,7 +2698,7 @@ class CreateOrEditComponent {
     /**处理数据 */
     processData() {
         return new Promise((resolve, rejects) => {
-            const fieldList = this.deepClone(this.fieldList);
+            const fieldList = structuredClone(this.fieldList);
             const res = this.entryTypesSelect;
             if (!res) {
                 this.addControlToFieldTabs();
@@ -2741,10 +2720,18 @@ class CreateOrEditComponent {
                 this.newEntity?.patchValue(res);
                 this.navActive = 0;
                 this.resultSource = res.fieldTabs;
+                this.setAllSelectStauts();
+                console.log(this.isAllSelect, 'this.isAllSelect', res.fieldTabs, this.navActive);
             }
             resolve(true);
         });
     }
+    /**设置全选状态 */
+    setAllSelectStauts() {
+        this.isAllSelect.isRequired = this.resultSource[this.navActive].fields.every(eld => eld.required);
+        this.isAllSelect.isShowInList = this.resultSource[this.navActive].fields.every(eld => eld.showInList);
+        this.isAllSelect.isEnableSearch = this.resultSource[this.navActive].fields.every(eld => eld.enableSearch);
+    }
     /**给fieldTabs添加新控件 */
     addControlToFieldTabs(nameValue = '') {
         const newFormGroup = this.fb.group(new fieldTabsBase());
@@ -2771,12 +2758,7 @@ class CreateOrEditComponent {
                     el.fields = fieldList.filter(els => els.groupId === el.id);
                 });
                 this.fieldGroupList = fieldGroupList;
-                this.fieldList = this.deepClone(fieldList);
-                // const entryTypesId = this.entryTypesId;
-                // if (entryTypesId) {
-                //   this.entryTypesId = entryTypesId;
-                //   this.getEntryTypes();
-                // }
+                this.fieldList = structuredClone(fieldList);
                 resolve(res);
             });
         });
@@ -2789,51 +2771,6 @@ class CreateOrEditComponent {
                 resolve(res);
             });
         });
-        // // const fieldList: any = this.deepClone(this.fieldList);
-        // this._EntryTypeAdminService.get(this.entryTypesId).subscribe(res => {
-        //   // res.fieldTabs.forEach(el => {
-        //   //   el.fields.forEach((eld: any) => {
-        //   //     eld.id = eld.fieldId;
-        //   //     eld.groupId = fieldList.find(elfd => elfd.id == eld.fieldId).groupId;
-        //   //     this.formRightGroup.push(eld);
-        //   //     const fieldindex = fieldList.findIndex(elfl => elfl.id == eld.fieldId);
-        //   //     fieldList.splice(fieldindex, 1);
-        //   //   });
-        //   // });
-        //   // this.fieldGroupList.forEach((el: any, index) => {
-        //   //   el.fields = fieldList.filter(els => els.groupId === el.id);
-        //   // });
-        //   // this.newEntity?.patchValue(res);
-        //   this.entryTypesSelect = res;
-        //   // this.resultSource = res.fieldTabs;
-        // });
-    }
-    /**
-     * 深拷贝--方法
-     * $api.deepClone()  */
-    deepClone(obj) {
-        if (typeof obj !== 'object' || obj === null)
-            return obj;
-        const result = Array.isArray(obj) ? [] : {};
-        for (const key in obj) {
-            if (obj.hasOwnProperty(key)) {
-                if (typeof obj[key] === 'object' && obj[key] !== null) {
-                    if (obj[key] instanceof Date) {
-                        result[key] = new Date(obj[key].getTime());
-                    }
-                    else if (obj[key] instanceof RegExp) {
-                        result[key] = new RegExp(obj[key]);
-                    }
-                    else {
-                        result[key] = this.deepClone(obj[key]);
-                    }
-                }
-                else {
-                    result[key] = obj[key];
-                }
-            }
-        }
-        return result;
     }
     /**
      *
@@ -2876,8 +2813,8 @@ class CreateOrEditComponent {
             /* empty */
         }
         const _fromResultSourceDragEl = this.fromResultSourceDragEl;
-        const formRightGroup = this.deepClone(this.formRightGroup);
-        const fieldList = this.deepClone(this.fieldList);
+        const formRightGroup = structuredClone(this.formRightGroup);
+        const fieldList = structuredClone(this.fieldList);
         if (_fromResultSourceDragEl) {
             //移动
             //从目标源拖拽到数据源
@@ -2895,6 +2832,7 @@ class CreateOrEditComponent {
             this.formRightGroup = formRightGroup;
         }
         this.setfieldTabsFrom();
+        this.setAllSelectStauts();
     }
     /**拖拽到目标源时触发
      *
@@ -2908,6 +2846,7 @@ class CreateOrEditComponent {
             this.formRightGroup.push(_fromDataSourceDragEl);
         }
         this.setfieldTabsFrom();
+        this.setAllSelectStauts();
     }
     /** 从目标源拖拽到目标源*/
     dragToResultSourceItemDropped(fieldsIndex) {
@@ -2920,6 +2859,7 @@ class CreateOrEditComponent {
             this.resultSource[this.navActive].fields.splice(fieldsIndex, 0, _fromResultSourceDragEl);
         }
         this.setfieldTabsFrom();
+        this.setAllSelectStauts();
     }
     /**设置formA表单 */
     setfieldTabsFrom() {
@@ -2961,7 +2901,11 @@ class CreateOrEditComponent {
             }))
                 .subscribe(res => {
                 this.toaster.success(this._LocalizationService.instant(`Cms::SavedSuccessfully`));
-                this._location.back();
+                // this._location.back();
+                this._LocationBackService.backTo({
+                    url: `/cms/admin/fields`,
+                    replenish: '/edit'
+                });
                 this._UpdateListService.updateList();
             });
             return;
@@ -2974,7 +2918,11 @@ class CreateOrEditComponent {
         }))
             .subscribe(res => {
             this.toaster.success(this._LocalizationService.instant(`Cms::SavedSuccessfully`));
-            this._location.back();
+            // this._location.back();
+            this._LocationBackService.backTo({
+                url: `/cms/admin/sections`,
+                replenish: '/create'
+            });
             this._UpdateListService.updateList();
         });
     }
@@ -3036,9 +2984,9 @@ class CreateOrEditComponent {
     /**删除tab标签后还原 fieldGroupList */
     deleteTabFieldGroupList(deleteFields) {
         //原数据
-        const fieldList = this.deepClone(this.fieldList);
+        const fieldList = structuredClone(this.fieldList);
         //右侧手风琴数据
-        const formRightGroup = this.deepClone(this.formRightGroup);
+        const formRightGroup = structuredClone(this.formRightGroup);
         // 获取要删除的原数据
         const deleteFieldList = fieldList.filter(el => deleteFields.map(item => item.id).includes(el.id));
         deleteFieldList.forEach(item => {
@@ -3077,19 +3025,27 @@ class CreateOrEditComponent {
     editFieldSave() {
         const 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].showInList = input.showInList;
-        // this.resultSource[this.navActive].fields[this.EditFieldIndex].enableSearch = input.enableSearch;
         this.visibleEditFieldOpen = false;
         this.setfieldTabsFrom();
     }
     /**点击“字段布局”复选框事件 */
     checkboxChange(event, input) {
         const { checked, name } = event.target;
-        const { row, index } = input;
+        const { index } = input;
         this.resultSource[this.navActive].fields[index][name] = checked;
         this.setfieldTabsFrom();
-        console.log(event.target, '点击“字段布局”复选框事件 ', event, input, 'resultSource', this.resultSource, 'newEntity', this.newEntity);
+        this.setAllSelectStauts();
+        // console.log(event.target,'点击“字段布局”复选框事件 ',event,input,'resultSource',this.resultSource,'newEntity',this.newEntity);
+    }
+    /**全选状态改变 */
+    allSelectChange(event, name) {
+        const { checked } = event.target;
+        this.resultSource[this.navActive].fields.forEach(el => {
+            el[name] = checked;
+        });
+        console.log(this.resultSource[this.navActive].fields, 'this.resultSource[this.navActive].fields', name, checked);
+        this.setfieldTabsFrom();
+        this.setAllSelectStauts();
     }
     /**name表单控件 */
     get nameInput() {
@@ -3098,19 +3054,19 @@ class CreateOrEditComponent {
     /**字段标签input失去标点生成字段名字 */
     disPlayNameInputBlur(event) {
         const value = event.target.value;
-        const pinyin = this._CmsApiService.chineseToPinyin(value);
+        const pinyin = this.toPinyinService.get(value);
         const nameInput = this.nameInput;
         if (nameInput.value)
             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 }, { token: FormControlsService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: CreateOrEditComponent, deps: [{ token: i3.ToasterService }, { token: i4.LocationBackService }, { token: i6.ActivatedRoute }, { token: FieldGroupAdminService }, { token: FieldAdminService }, { token: EntryTypeAdminService }, { token: i1.LocalizationService }, { token: FormControlsService }, { token: i4.ToPinyinService }], 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: [
             {
                 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\" [class]=\"{'was-validated':formValidation}\"\n    (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 border rounded\">\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\" ngbDropdown class=\"nav-item\"\n                                                        role=\"presentation\">\n                                                        <button type=\"button\" ngbNavLink class=\"nav-link\">\n                                                            {{ item.name }}\n                                                            <span class=\"ms-1\" (click.stop)=\"$event.stopPropagation()\"\n                                                                ngbDropdownToggle></span>\n                                                        </button>\n                                                        <div ngbDropdownMenu style=\"z-index: 999;\">\n                                                            <span ngbDropdownItem type=\"button\"\n                                                                (click.stop)=\"editFieldTabs(item,i)\">\n                                                                <i class=\"fas fa-edit\"></i>\n                                                                {{'AbpUi::Edit' | abpLocalization}}\n                                                            </span>\n                                                            <span ngbDropdownItem *ngIf=\"resultSource.length !== 1\"\n                                                                type=\"button\" (click.stop)=\"deleteFieldTabs(i)\">\n                                                                <i class=\"fas fa-trash\"></i>\n                                                                {{'AbpUi::Delete' | abpLocalization}}\n                                                            </span>\n                                                        </div>\n                                                        <ng-template ngbNavContent>\n                                                            <div class=\"p-2\" ondragover=\"event.preventDefault();\"\n                                                                (drop)=\"dragToResultSourceDropped(item,i)\"\n                                                                style=\"height: 100%;\">\n                                                                <p class=\"form-text text-muted\"\n                                                                    *ngIf=\"item.fields.length === 0\">\n                                                                    {{'Cms::DragAndDropFieldTips' | abpLocalization}}\n                                                                </p>\n                                                                <table class=\"table\" *ngIf=\"item.fields.length>0\">\n                                                                    <thead>\n                                                                        <th></th>\n                                                                        <th>{{'Cms::DisplayName' | abpLocalization}}\n                                                                        </th>\n                                                                        <th>{{'Cms::Required' | abpLocalization}}</th>\n                                                                        <th>{{'Cms::ShowInList' | abpLocalization}}</th>\n                                                                        <th>{{'Cms::EnableSearch' | abpLocalization}}\n                                                                        </th>\n                                                                        <th></th>\n                                                                    </thead>\n                                                                    <tbody>\n                                                                        <ng-container\n                                                                            *ngFor=\"let el of item.fields; let iel = index\">\n                                                                            <tr draggable=\"true\"\n                                                                                (dragstart)=\"fromResultSourceDragStart(el)\"\n                                                                                (drop)=\"dragToResultSourceItemDropped(iel)\">\n                                                                                <td >\n                                                                                    <div class=\"drag-handle d-inline\" \n                                                                                        cdkDragHandle>\n                                                                                        <span\n                                                                                            class=\"bi bi-arrows-move fs-5\"></span>\n                                                                                    </div>\n                                                                                </td>\n                                                                                \n                                                                                <td>{{ el.displayName }}</td>\n                                                                                <td>\n                                                                                    <input type=\"checkbox\" role=\"button\" class=\"form-check-input\" [checked]=\"el.required\"  name=\"required\" (change)=\"checkboxChange($event,{row:el,index:iel})\"  />\n                                                                                </td>\n                                                                                <td>\n                                                                                    <input type=\"checkbox\"  role=\"button\" class=\"form-check-input\" [checked]=\"el.showInList\"  name=\"showInList\" (change)=\"checkboxChange($event,{row:el,index:iel})\"  />\n                                                                                </td>\n                                                                                <td>\n                                                                                    <input type=\"checkbox\"  role=\"button\" class=\"form-check-input\" [checked]=\"el.enableSearch\"    name=\"enableSearch\" (change)=\"checkboxChange($event,{row:el,index:iel})\"   />\n                                                                                </td>\n                                                                                <td style=\"width: 1%;\"> \n                                                                                    <button\n                                                                                        class=\"p-0 btn btn-sm btn-light\"\n                                                                                        (click.stop)=\"EditFieldModalOpen(el,iel)\"\n                                                                                        type=\"button\"><i\n                                                                                            class=\"fas fa-wrench p-sm-1\"\n                                                                                            role=\"button\"></i></button>\n                                                                                </td>\n                                                                            </tr>\n                                                                        </ng-container>\n                                                                    </tbody>\n                                                                </table>\n\n\n                                                                <!-- <ul class=\"list-group\" style=\"height: 100%;\">\n                                                                    <ng-container\n                                                                        *ngFor=\"let el of item.fields; let iel = index\">\n                                                                        <li draggable=\"true\"\n                                                                            (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\n                                                                                    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\"\n                                                        (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\"\n                                                ondragover=\"event.preventDefault();\" (drop)=\"dragToDataSourceDropped()\"\n                                                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                </div>\n\n\n            </div>\n        </div>\n\n\n        <!-- </div> -->\n    </abp-page>\n\n</form>\n<!-- \u7528\u4E8E\u521B\u5EFA\u7F16\u8F91tab\u7684\u6A21\u6001\u6846 -->\n<abp-modal [(visible)]=\"visibleTabsOpen\" [busy]=\"modalBusy\" (visibleChange)=\"VisibleTabsChange($event)\">\n    <ng-template #abpHeader>\n        <h3>{{ editFieldTabsSelect ? ('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=\"editFieldTabsFrom; else loaderRef\">\n            <form class=\"sites-modal-form\" [formGroup]=\"editFieldTabsFrom\" [class]=\"{'was-validated':formValidation}\"\n                (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\" (click)=\"editFieldTabsModalSubmitBtn.nativeElement.click()\">{{'AbpUi::Save'\n            | abpLocalization}}</abp-button>\n    </ng-template>\n</abp-modal>\n\n<!-- \u7528\u4E8E\u4FEE\u6539\u5B57\u6BB5\u914D\u7F6E\u7684\u6A21\u6001\u6846 -->\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\" (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%}::ng-deep .create-or-edit-entry-type-page .nav-tabs .nav-link.active{border-color:var(--bs-nav-tabs-link-active-border-color)!important}\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.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: "directive", type: i7.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { 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\" [class]=\"{'was-validated':formValidation}\"\n    (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 border rounded\">\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\" ngbDropdown class=\"nav-item\"\n                                                        role=\"presentation\">\n                                                        <button type=\"button\" ngbNavLink class=\"nav-link\" (click.stop)=\"setAllSelectStauts()\">\n                                                            {{ item.name }}\n                                                            <span class=\"ms-1\" (click.stop)=\"$event.stopPropagation()\"\n                                                                ngbDropdownToggle></span>\n                                                        </button>\n                                                        <div ngbDropdownMenu style=\"z-index: 999;\">\n                                                            <span ngbDropdownItem type=\"button\"\n                                                                (click.stop)=\"editFieldTabs(item,i)\">\n                                                                <i class=\"fas fa-edit\"></i>\n                                                                {{'AbpUi::Edit' | abpLocalization}}\n                                                            </span>\n                                                            <span ngbDropdownItem *ngIf=\"resultSource.length !== 1\"\n                                                                type=\"button\" (click.stop)=\"deleteFieldTabs(i)\">\n                                                                <i class=\"fas fa-trash\"></i>\n                                                                {{'AbpUi::Delete' | abpLocalization}}\n                                                            </span>\n                                                        </div>\n                                                        <ng-template ngbNavContent>\n                                                            <div class=\"p-2\" ondragover=\"event.preventDefault();\"\n                                                                (drop)=\"dragToResultSourceDropped(item,i)\"\n                                                                style=\"height: 100%;\">\n                                                                <p class=\"form-text text-muted\"\n                                                                    *ngIf=\"item.fields.length === 0\">\n                                                                    {{'Cms::DragAndDropFieldTips' | abpLocalization}}\n                                                                </p>\n                                                                <table class=\"table\" *ngIf=\"item.fields.length>0\">\n                                                                    <thead>\n                                                                        <th></th>\n                                                                        <th>{{'Cms::DisplayName' | abpLocalization}}\n                                                                        </th>\n                                                                        <th>\n                                                                            <div class=\"d-flex align-items-center p-0\">\n                                                                                <input type=\"checkbox\" role=\"button\" class=\"form-check-input me-1\" [checked]=\"isAllSelect.isRequired\" (change)=\"allSelectChange($event,'required')\" />{{'Cms::Required' | abpLocalization}}\n                                                                            </div>\n                                                                         \n                                                                        </th>\n                                                                        <th>\n                                                                            <div class=\"d-flex align-items-center p-0\">\n                                                                                <input type=\"checkbox\" role=\"button\" class=\"form-check-input me-1\" [checked]=\"isAllSelect.isShowInList\" (change)=\"allSelectChange($event,'showInList')\" />{{'Cms::ShowInList' | abpLocalization}}\n                                                                            </div>\n                                                                        </th>\n                                                                        <th>\n                                                                            <div class=\"d-flex align-items-center p-0\">\n                                                                                <input type=\"checkbox\" role=\"button\" class=\"form-check-input me-1\" [checked]=\"isAllSelect.isEnableSearch\" (change)=\"allSelectChange($event,'enableSearch')\" />{{'Cms::EnableSearch' | abpLocalization}}\n                                                                            </div>\n                                                                        </th>\n                                                                        <th></th>\n                                                                    </thead>\n                                                                    <tbody>\n                                                                        <ng-container\n                                                                            *ngFor=\"let el of item.fields; let iel = index\">\n                                                                            <tr draggable=\"true\"\n                                                                                (dragstart)=\"fromResultSourceDragStart(el)\"\n                                                                                (drop)=\"dragToResultSourceItemDropped(iel)\">\n                                                                                <td >\n                                                                                    <div class=\"drag-handle d-inline\" \n                                                                                        cdkDragHandle>\n                                                                                        <span\n                                                                                            class=\"bi bi-arrows-move fs-5\"></span>\n                                                                                    </div>\n                                                                                </td>\n                                                                                \n                                                                                <td>{{ el.displayName }}</td>\n                                                                                <td>\n                                                                                    <input type=\"checkbox\" role=\"button\" class=\"form-check-input\" [checked]=\"el.required\"  name=\"required\" (change)=\"checkboxChange($event,{row:el,index:iel})\"  />\n                                                                                </td>\n                                                                                <td>\n                                                                                    <input type=\"checkbox\"  role=\"button\" class=\"form-check-input\" [checked]=\"el.showInList\"  name=\"showInList\" (change)=\"checkboxChange($event,{row:el,index:iel})\"  />\n                                                                                </td>\n                                                                                <td>\n                                                                                    <input type=\"checkbox\"  role=\"button\" class=\"form-check-input\" [checked]=\"el.enableSearch\"    name=\"enableSearch\" (change)=\"checkboxChange($event,{row:el,index:iel})\"   />\n                                                                                </td>\n                                                                                <td style=\"width: 1%;\"> \n                                                                                    <button\n                                                                                        class=\"p-0 btn btn-sm btn-light\"\n                                                                                        (click.stop)=\"EditFieldModalOpen(el,iel)\"\n                                                                                        type=\"button\"><i\n                                                                                            class=\"fas fa-wrench p-sm-1\"\n                                                                                            role=\"button\"></i></button>\n                                                                                </td>\n                                                                            </tr>\n                                                                        </ng-container>\n                                                                    </tbody>\n                                                                </table>\n\n\n                                                                <!-- <ul class=\"list-group\" style=\"height: 100%;\">\n                                                                    <ng-container\n                                                                        *ngFor=\"let el of item.fields; let iel = index\">\n                                                                        <li draggable=\"true\"\n                                                                            (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\n                                                                                    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\"\n                                                        (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\"\n                                                ondragover=\"event.preventDefault();\" (drop)=\"dragToDataSourceDropped()\"\n                                                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                </div>\n\n\n            </div>\n        </div>\n\n\n        <!-- </div> -->\n    </abp-page>\n\n</form>\n<!-- \u7528\u4E8E\u521B\u5EFA\u7F16\u8F91tab\u7684\u6A21\u6001\u6846 -->\n<abp-modal [(visible)]=\"visibleTabsOpen\" [busy]=\"modalBusy\" (visibleChange)=\"VisibleTabsChange($event)\">\n    <ng-template #abpHeader>\n        <h3>{{ editFieldTabsSelect ? ('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=\"editFieldTabsFrom; else loaderRef\">\n            <form class=\"sites-modal-form\" [formGroup]=\"editFieldTabsFrom\" [class]=\"{'was-validated':formValidation}\"\n                (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\" (click)=\"editFieldTabsModalSubmitBtn.nativeElement.click()\">{{'AbpUi::Save'\n            | abpLocalization}}</abp-button>\n    </ng-template>\n</abp-modal>\n\n<!-- \u7528\u4E8E\u4FEE\u6539\u5B57\u6BB5\u914D\u7F6E\u7684\u6A21\u6001\u6846 -->\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\" (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%}::ng-deep .create-or-edit-entry-type-page .nav-tabs .nav-link.active{border-color:var(--bs-nav-tabs-link-active-border-color)!important}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$1.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "directive", type: i1.StopPropagationDirective, selector: "[click.stop]", outputs: ["click.stop"] }, { kind: "directive", type: i6$1.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i6$1.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: "directive", type: i7.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: CreateOrEditComponent, decorators: [{
             type: Component,
@@ -3119,8 +3075,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\" [class]=\"{'was-validated':formValidation}\"\n    (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 border rounded\">\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\" ngbDropdown class=\"nav-item\"\n                                                        role=\"presentation\">\n                                                        <button type=\"button\" ngbNavLink class=\"nav-link\">\n                                                            {{ item.name }}\n                                                            <span class=\"ms-1\" (click.stop)=\"$event.stopPropagation()\"\n                                                                ngbDropdownToggle></span>\n                                                        </button>\n                                                        <div ngbDropdownMenu style=\"z-index: 999;\">\n                                                            <span ngbDropdownItem type=\"button\"\n                                                                (click.stop)=\"editFieldTabs(item,i)\">\n                                                                <i class=\"fas fa-edit\"></i>\n                                                                {{'AbpUi::Edit' | abpLocalization}}\n                                                            </span>\n                                                            <span ngbDropdownItem *ngIf=\"resultSource.length !== 1\"\n                                                                type=\"button\" (click.stop)=\"deleteFieldTabs(i)\">\n                                                                <i class=\"fas fa-trash\"></i>\n                                                                {{'AbpUi::Delete' | abpLocalization}}\n                                                            </span>\n                                                        </div>\n                                                        <ng-template ngbNavContent>\n                                                            <div class=\"p-2\" ondragover=\"event.preventDefault();\"\n                                                                (drop)=\"dragToResultSourceDropped(item,i)\"\n                                                                style=\"height: 100%;\">\n                                                                <p class=\"form-text text-muted\"\n                                                                    *ngIf=\"item.fields.length === 0\">\n                                                                    {{'Cms::DragAndDropFieldTips' | abpLocalization}}\n                                                                </p>\n                                                                <table class=\"table\" *ngIf=\"item.fields.length>0\">\n                                                                    <thead>\n                                                                        <th></th>\n                                                                        <th>{{'Cms::DisplayName' | abpLocalization}}\n                                                                        </th>\n                                                                        <th>{{'Cms::Required' | abpLocalization}}</th>\n                                                                        <th>{{'Cms::ShowInList' | abpLocalization}}</th>\n                                                                        <th>{{'Cms::EnableSearch' | abpLocalization}}\n                                                                        </th>\n                                                                        <th></th>\n                                                                    </thead>\n                                                                    <tbody>\n                                                                        <ng-container\n                                                                            *ngFor=\"let el of item.fields; let iel = index\">\n                                                                            <tr draggable=\"true\"\n                                                                                (dragstart)=\"fromResultSourceDragStart(el)\"\n                                                                                (drop)=\"dragToResultSourceItemDropped(iel)\">\n                                                                                <td >\n                                                                                    <div class=\"drag-handle d-inline\" \n                                                                                        cdkDragHandle>\n                                                                                        <span\n                                                                                            class=\"bi bi-arrows-move fs-5\"></span>\n                                                                                    </div>\n                                                                                </td>\n                                                                                \n                                                                                <td>{{ el.displayName }}</td>\n                                                                                <td>\n                                                                                    <input type=\"checkbox\" role=\"button\" class=\"form-check-input\" [checked]=\"el.required\"  name=\"required\" (change)=\"checkboxChange($event,{row:el,index:iel})\"  />\n                                                                                </td>\n                                                                                <td>\n                                                                                    <input type=\"checkbox\"  role=\"button\" class=\"form-check-input\" [checked]=\"el.showInList\"  name=\"showInList\" (change)=\"checkboxChange($event,{row:el,index:iel})\"  />\n                                                                                </td>\n                                                                                <td>\n                                                                                    <input type=\"checkbox\"  role=\"button\" class=\"form-check-input\" [checked]=\"el.enableSearch\"    name=\"enableSearch\" (change)=\"checkboxChange($event,{row:el,index:iel})\"   />\n                                                                                </td>\n                                                                                <td style=\"width: 1%;\"> \n                                                                                    <button\n                                                                                        class=\"p-0 btn btn-sm btn-light\"\n                                                                                        (click.stop)=\"EditFieldModalOpen(el,iel)\"\n                                                                                        type=\"button\"><i\n                                                                                            class=\"fas fa-wrench p-sm-1\"\n                                                                                            role=\"button\"></i></button>\n                                                                                </td>\n                                                                            </tr>\n                                                                        </ng-container>\n                                                                    </tbody>\n                                                                </table>\n\n\n                                                                <!-- <ul class=\"list-group\" style=\"height: 100%;\">\n                                                                    <ng-container\n                                                                        *ngFor=\"let el of item.fields; let iel = index\">\n                                                                        <li draggable=\"true\"\n                                                                            (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\n                                                                                    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\"\n                                                        (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\"\n                                                ondragover=\"event.preventDefault();\" (drop)=\"dragToDataSourceDropped()\"\n                                                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                </div>\n\n\n            </div>\n        </div>\n\n\n        <!-- </div> -->\n    </abp-page>\n\n</form>\n<!-- \u7528\u4E8E\u521B\u5EFA\u7F16\u8F91tab\u7684\u6A21\u6001\u6846 -->\n<abp-modal [(visible)]=\"visibleTabsOpen\" [busy]=\"modalBusy\" (visibleChange)=\"VisibleTabsChange($event)\">\n    <ng-template #abpHeader>\n        <h3>{{ editFieldTabsSelect ? ('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=\"editFieldTabsFrom; else loaderRef\">\n            <form class=\"sites-modal-form\" [formGroup]=\"editFieldTabsFrom\" [class]=\"{'was-validated':formValidation}\"\n                (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\" (click)=\"editFieldTabsModalSubmitBtn.nativeElement.click()\">{{'AbpUi::Save'\n            | abpLocalization}}</abp-button>\n    </ng-template>\n</abp-modal>\n\n<!-- \u7528\u4E8E\u4FEE\u6539\u5B57\u6BB5\u914D\u7F6E\u7684\u6A21\u6001\u6846 -->\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\" (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%}::ng-deep .create-or-edit-entry-type-page .nav-tabs .nav-link.active{border-color:var(--bs-nav-tabs-link-active-border-color)!important}\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: [{
+                    ], template: "<form class=\"row g-3 needs-validation\" [formGroup]=\"newEntity\" [class]=\"{'was-validated':formValidation}\"\n    (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 border rounded\">\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\" ngbDropdown class=\"nav-item\"\n                                                        role=\"presentation\">\n                                                        <button type=\"button\" ngbNavLink class=\"nav-link\" (click.stop)=\"setAllSelectStauts()\">\n                                                            {{ item.name }}\n                                                            <span class=\"ms-1\" (click.stop)=\"$event.stopPropagation()\"\n                                                                ngbDropdownToggle></span>\n                                                        </button>\n                                                        <div ngbDropdownMenu style=\"z-index: 999;\">\n                                                            <span ngbDropdownItem type=\"button\"\n                                                                (click.stop)=\"editFieldTabs(item,i)\">\n                                                                <i class=\"fas fa-edit\"></i>\n                                                                {{'AbpUi::Edit' | abpLocalization}}\n                                                            </span>\n                                                            <span ngbDropdownItem *ngIf=\"resultSource.length !== 1\"\n                                                                type=\"button\" (click.stop)=\"deleteFieldTabs(i)\">\n                                                                <i class=\"fas fa-trash\"></i>\n                                                                {{'AbpUi::Delete' | abpLocalization}}\n                                                            </span>\n                                                        </div>\n                                                        <ng-template ngbNavContent>\n                                                            <div class=\"p-2\" ondragover=\"event.preventDefault();\"\n                                                                (drop)=\"dragToResultSourceDropped(item,i)\"\n                                                                style=\"height: 100%;\">\n                                                                <p class=\"form-text text-muted\"\n                                                                    *ngIf=\"item.fields.length === 0\">\n                                                                    {{'Cms::DragAndDropFieldTips' | abpLocalization}}\n                                                                </p>\n                                                                <table class=\"table\" *ngIf=\"item.fields.length>0\">\n                                                                    <thead>\n                                                                        <th></th>\n                                                                        <th>{{'Cms::DisplayName' | abpLocalization}}\n                                                                        </th>\n                                                                        <th>\n                                                                            <div class=\"d-flex align-items-center p-0\">\n                                                                                <input type=\"checkbox\" role=\"button\" class=\"form-check-input me-1\" [checked]=\"isAllSelect.isRequired\" (change)=\"allSelectChange($event,'required')\" />{{'Cms::Required' | abpLocalization}}\n                                                                            </div>\n                                                                         \n                                                                        </th>\n                                                                        <th>\n                                                                            <div class=\"d-flex align-items-center p-0\">\n                                                                                <input type=\"checkbox\" role=\"button\" class=\"form-check-input me-1\" [checked]=\"isAllSelect.isShowInList\" (change)=\"allSelectChange($event,'showInList')\" />{{'Cms::ShowInList' | abpLocalization}}\n                                                                            </div>\n                                                                        </th>\n                                                                        <th>\n                                                                            <div class=\"d-flex align-items-center p-0\">\n                                                                                <input type=\"checkbox\" role=\"button\" class=\"form-check-input me-1\" [checked]=\"isAllSelect.isEnableSearch\" (change)=\"allSelectChange($event,'enableSearch')\" />{{'Cms::EnableSearch' | abpLocalization}}\n                                                                            </div>\n                                                                        </th>\n                                                                        <th></th>\n                                                                    </thead>\n                                                                    <tbody>\n                                                                        <ng-container\n                                                                            *ngFor=\"let el of item.fields; let iel = index\">\n                                                                            <tr draggable=\"true\"\n                                                                                (dragstart)=\"fromResultSourceDragStart(el)\"\n                                                                                (drop)=\"dragToResultSourceItemDropped(iel)\">\n                                                                                <td >\n                                                                                    <div class=\"drag-handle d-inline\" \n                                                                                        cdkDragHandle>\n                                                                                        <span\n                                                                                            class=\"bi bi-arrows-move fs-5\"></span>\n                                                                                    </div>\n                                                                                </td>\n                                                                                \n                                                                                <td>{{ el.displayName }}</td>\n                                                                                <td>\n                                                                                    <input type=\"checkbox\" role=\"button\" class=\"form-check-input\" [checked]=\"el.required\"  name=\"required\" (change)=\"checkboxChange($event,{row:el,index:iel})\"  />\n                                                                                </td>\n                                                                                <td>\n                                                                                    <input type=\"checkbox\"  role=\"button\" class=\"form-check-input\" [checked]=\"el.showInList\"  name=\"showInList\" (change)=\"checkboxChange($event,{row:el,index:iel})\"  />\n                                                                                </td>\n                                                                                <td>\n                                                                                    <input type=\"checkbox\"  role=\"button\" class=\"form-check-input\" [checked]=\"el.enableSearch\"    name=\"enableSearch\" (change)=\"checkboxChange($event,{row:el,index:iel})\"   />\n                                                                                </td>\n                                                                                <td style=\"width: 1%;\"> \n                                                                                    <button\n                                                                                        class=\"p-0 btn btn-sm btn-light\"\n                                                                                        (click.stop)=\"EditFieldModalOpen(el,iel)\"\n                                                                                        type=\"button\"><i\n                                                                                            class=\"fas fa-wrench p-sm-1\"\n                                                                                            role=\"button\"></i></button>\n                                                                                </td>\n                                                                            </tr>\n                                                                        </ng-container>\n                                                                    </tbody>\n                                                                </table>\n\n\n                                                                <!-- <ul class=\"list-group\" style=\"height: 100%;\">\n                                                                    <ng-container\n                                                                        *ngFor=\"let el of item.fields; let iel = index\">\n                                                                        <li draggable=\"true\"\n                                                                            (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\n                                                                                    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\"\n                                                        (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\"\n                                                ondragover=\"event.preventDefault();\" (drop)=\"dragToDataSourceDropped()\"\n                                                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                </div>\n\n\n            </div>\n        </div>\n\n\n        <!-- </div> -->\n    </abp-page>\n\n</form>\n<!-- \u7528\u4E8E\u521B\u5EFA\u7F16\u8F91tab\u7684\u6A21\u6001\u6846 -->\n<abp-modal [(visible)]=\"visibleTabsOpen\" [busy]=\"modalBusy\" (visibleChange)=\"VisibleTabsChange($event)\">\n    <ng-template #abpHeader>\n        <h3>{{ editFieldTabsSelect ? ('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=\"editFieldTabsFrom; else loaderRef\">\n            <form class=\"sites-modal-form\" [formGroup]=\"editFieldTabsFrom\" [class]=\"{'was-validated':formValidation}\"\n                (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\" (click)=\"editFieldTabsModalSubmitBtn.nativeElement.click()\">{{'AbpUi::Save'\n            | abpLocalization}}</abp-button>\n    </ng-template>\n</abp-modal>\n\n<!-- \u7528\u4E8E\u4FEE\u6539\u5B57\u6BB5\u914D\u7F6E\u7684\u6A21\u6001\u6846 -->\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\" (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%}::ng-deep .create-or-edit-entry-type-page .nav-tabs .nav-link.active{border-color:var(--bs-nav-tabs-link-active-border-color)!important}\n"] }]
+        }], ctorParameters: () => [{ type: i3.ToasterService }, { type: i4.LocationBackService }, { type: i6.ActivatedRoute }, { type: FieldGroupAdminService }, { type: FieldAdminService }, { type: EntryTypeAdminService }, { type: i1.LocalizationService }, { type: FormControlsService }, { type: i4.ToPinyinService }], propDecorators: { submitclick: [{
                 type: ViewChild,
                 args: ['submitclick', { static: true }]
             }], editFieldTabsModalSubmitBtn: [{
@@ -3231,13 +3187,13 @@ class EntryConfigComponent {
     async siteIdChange() {
         await this.getSiteOfSectionList();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: EntryConfigComponent, deps: [{ token: i1$2.FormBuilder }, { token: SectionAdminService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: EntryConfigComponent, selector: "cms-entry-config", inputs: { type: "type", 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=\"formConfiguration\">\n        <div class=\"mb-3\">\n            <label class=\"form-label\">{{'Cms::Sections' | abpLocalization}}</label>\n            <select class=\"form-select col-auto\" formControlName=\"Entry.SectionId\">\n                <ng-container *ngFor=\"let item of SiteOfSectionList\">\n                    <option [value]=\"item.id\">{{item.displayName}}</option>\n                </ng-container>\n            </select>\n        </div>\n        <div class=\"mb-3\">\n            <div class=\"form-check form-check-inline\">\n                <input class=\"form-check-input\" type=\"checkbox\" formControlName=\"Entry.Multiple\" id=\"Multiple\">\n                <label class=\"form-check-label\" for=\"Multiple\">\n                    {{'Cms::Multiple' | abpLocalization}}\n                </label>\n            </div>\n        </div>\n        <div class=\"mb-3\">\n            <label class=\"form-label\">{{'Cms::Placeholder' | abpLocalization}}</label>\n            <input type=\"text\" class=\"form-control\" formControlName=\"Entry.Placeholder\">\n        </div>\n        <button type=\"submit\" (abpInit)=\"submitclick?.nativeElement?.click()\" style=\"display: none;\"\n            #submitclick></button>\n    </div>\n</form>", styles: [":ng-deep .ant-select:not(.ant-select-customize-input) .ant-select-selector{background-color:transparent!important;border:none!important}:ng-deep .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector{border-color:transparent!important;box-shadow:none!important}.selectclassliveview{overflow:hidden}::ng-deep .ant-select:not(.ant-select-disabled):hover .ant-select-selector{border-color:transparent}::ng-deep .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector{border-color:transparent;box-shadow:none}::ng-deep .ant-select:not(.ant-select-customize-input) .ant-select-selector{background:transparent;border:1px solid transparent}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { 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.InitDirective, selector: "[abpInit]", outputs: ["abpInit"] }, { kind: "directive", type: i5.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i5.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: EntryConfigComponent, deps: [{ token: i1$1.FormBuilder }, { token: SectionAdminService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: EntryConfigComponent, selector: "cms-entry-config", inputs: { type: "type", 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=\"formConfiguration\">\n        <div class=\"mb-3\">\n            <label class=\"form-label\">{{'Cms::Sections' | abpLocalization}}</label>\n            <select class=\"form-select col-auto\" formControlName=\"Entry.SectionId\">\n                <ng-container *ngFor=\"let item of SiteOfSectionList\">\n                    <option [value]=\"item.id\">{{item.displayName}}</option>\n                </ng-container>\n            </select>\n        </div>\n        <div class=\"mb-3\">\n            <div class=\"form-check form-check-inline\">\n                <input class=\"form-check-input\" type=\"checkbox\" formControlName=\"Entry.Multiple\" id=\"Multiple\">\n                <label class=\"form-check-label\" for=\"Multiple\">\n                    {{'Cms::Multiple' | abpLocalization}}\n                </label>\n            </div>\n        </div>\n        <div class=\"mb-3\">\n            <label class=\"form-label\">{{'Cms::Placeholder' | abpLocalization}}</label>\n            <input type=\"text\" class=\"form-control\" formControlName=\"Entry.Placeholder\">\n        </div>\n        <button type=\"submit\" (abpInit)=\"submitclick?.nativeElement?.click()\" style=\"display: none;\"\n            #submitclick></button>\n    </div>\n</form>", styles: [":ng-deep .ant-select:not(.ant-select-customize-input) .ant-select-selector{background-color:transparent!important;border:none!important}:ng-deep .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector{border-color:transparent!important;box-shadow:none!important}.selectclassliveview{overflow:hidden}::ng-deep .ant-select:not(.ant-select-disabled):hover .ant-select-selector{border-color:transparent}::ng-deep .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector{border-color:transparent;box-shadow:none}::ng-deep .ant-select:not(.ant-select-customize-input) .ant-select-selector{background:transparent;border:1px solid transparent}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i1.InitDirective, selector: "[abpInit]", outputs: ["abpInit"] }, { kind: "directive", type: i6$1.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i6$1.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: EntryConfigComponent, decorators: [{
             type: Component,
             args: [{ selector: 'cms-entry-config', template: "<form [formGroup]=\"_Entity\">\n    <div formGroupName=\"formConfiguration\">\n        <div class=\"mb-3\">\n            <label class=\"form-label\">{{'Cms::Sections' | abpLocalization}}</label>\n            <select class=\"form-select col-auto\" formControlName=\"Entry.SectionId\">\n                <ng-container *ngFor=\"let item of SiteOfSectionList\">\n                    <option [value]=\"item.id\">{{item.displayName}}</option>\n                </ng-container>\n            </select>\n        </div>\n        <div class=\"mb-3\">\n            <div class=\"form-check form-check-inline\">\n                <input class=\"form-check-input\" type=\"checkbox\" formControlName=\"Entry.Multiple\" id=\"Multiple\">\n                <label class=\"form-check-label\" for=\"Multiple\">\n                    {{'Cms::Multiple' | abpLocalization}}\n                </label>\n            </div>\n        </div>\n        <div class=\"mb-3\">\n            <label class=\"form-label\">{{'Cms::Placeholder' | abpLocalization}}</label>\n            <input type=\"text\" class=\"form-control\" formControlName=\"Entry.Placeholder\">\n        </div>\n        <button type=\"submit\" (abpInit)=\"submitclick?.nativeElement?.click()\" style=\"display: none;\"\n            #submitclick></button>\n    </div>\n</form>", styles: [":ng-deep .ant-select:not(.ant-select-customize-input) .ant-select-selector{background-color:transparent!important;border:none!important}:ng-deep .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector{border-color:transparent!important;box-shadow:none!important}.selectclassliveview{overflow:hidden}::ng-deep .ant-select:not(.ant-select-disabled):hover .ant-select-selector{border-color:transparent}::ng-deep .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector{border-color:transparent;box-shadow:none}::ng-deep .ant-select:not(.ant-select-customize-input) .ant-select-selector{background:transparent;border:1px solid transparent}\n"] }]
-        }], ctorParameters: () => [{ type: i1$2.FormBuilder }, { type: SectionAdminService }], propDecorators: { type: [{
+        }], ctorParameters: () => [{ type: i1$1.FormBuilder }, { type: SectionAdminService }], propDecorators: { type: [{
                 type: Input
             }], selected: [{
                 type: Input
@@ -3325,7 +3281,7 @@ class EntryControlComponent {
                 skipCount: 0,
                 maxResultCount: 1000,
                 status: EntryStatus.Published,
-                filter: filter,
+                // filter: filter,
             })
                 .subscribe((res) => {
                 this.listOfOption = res.items;
@@ -3338,11 +3294,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 dignite-form-select form-select-multiple\" [nzMaxTagCount]=\"1\"\r\n                    (nzOnSearch)=\"SelectChange($event)\" nzShowSearch nzMode=\"multiple\"\r\n                    [nzPlaceHolder]=\"_fields.field.formConfiguration['Entry.Placeholder']\"\r\n                    formControlName=\"{{_fields.field.name}}\" [nzDropdownMatchSelectWidth]=\"true\"\r\n                    [nzDropdownClassName]=\"'dignite-form-select-dropdown'\">\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 dignite-form-select form-select-multiple\" [nzMaxMultipleCount]=\"1\"\r\n                    (nzOnSearch)=\"SelectChange($event)\" nzShowSearch nzMode=\"tags\"\r\n                    [nzPlaceHolder]=\"_fields.field.formConfiguration['Entry.Placeholder']\"\r\n                    formControlName=\"{{_fields.field.name}}\" [nzDropdownMatchSelectWidth]=\"true\"\r\n                    [nzDropdownClassName]=\"'dignite-form-select-dropdown'\">\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\"\r\n                *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: [""], 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.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 dignite-form-select form-select-multiple\" [nzMaxTagCount]=\"1\"\r\n                     nzMode=\"multiple\"\r\n                    [nzPlaceHolder]=\"_fields.field.formConfiguration['Entry.Placeholder']\"\r\n                    formControlName=\"{{_fields.field.name}}\" [nzDropdownMatchSelectWidth]=\"true\"\r\n                    [nzDropdownClassName]=\"'dignite-form-select-dropdown'\">\r\n                    <nz-option *ngFor=\"let item of listOfOption\" [nzLabel]=\"item.slug\" [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 dignite-form-select form-select-multiple\" \r\n                    [nzPlaceHolder]=\"_fields.field.formConfiguration['Entry.Placeholder']\"\r\n                    formControlName=\"{{_fields.field.name}}\" [nzDropdownMatchSelectWidth]=\"true\"\r\n                    [nzDropdownClassName]=\"'dignite-form-select-dropdown'\">\r\n                    <nz-option *ngFor=\"let item of listOfOption\" [nzLabel]=\"item.slug\" [nzValue]=\"item.id\"></nz-option>\r\n                </nz-select>\r\n            </ng-template>\r\n            <small class=\"form-text text-muted d-block\"\r\n                *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: [""], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i6$1.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i6$1.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 dignite-form-select form-select-multiple\" [nzMaxTagCount]=\"1\"\r\n                    (nzOnSearch)=\"SelectChange($event)\" nzShowSearch nzMode=\"multiple\"\r\n                    [nzPlaceHolder]=\"_fields.field.formConfiguration['Entry.Placeholder']\"\r\n                    formControlName=\"{{_fields.field.name}}\" [nzDropdownMatchSelectWidth]=\"true\"\r\n                    [nzDropdownClassName]=\"'dignite-form-select-dropdown'\">\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 dignite-form-select form-select-multiple\" [nzMaxMultipleCount]=\"1\"\r\n                    (nzOnSearch)=\"SelectChange($event)\" nzShowSearch nzMode=\"tags\"\r\n                    [nzPlaceHolder]=\"_fields.field.formConfiguration['Entry.Placeholder']\"\r\n                    formControlName=\"{{_fields.field.name}}\" [nzDropdownMatchSelectWidth]=\"true\"\r\n                    [nzDropdownClassName]=\"'dignite-form-select-dropdown'\">\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\"\r\n                *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>" }]
+            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 dignite-form-select form-select-multiple\" [nzMaxTagCount]=\"1\"\r\n                     nzMode=\"multiple\"\r\n                    [nzPlaceHolder]=\"_fields.field.formConfiguration['Entry.Placeholder']\"\r\n                    formControlName=\"{{_fields.field.name}}\" [nzDropdownMatchSelectWidth]=\"true\"\r\n                    [nzDropdownClassName]=\"'dignite-form-select-dropdown'\">\r\n                    <nz-option *ngFor=\"let item of listOfOption\" [nzLabel]=\"item.slug\" [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 dignite-form-select form-select-multiple\" \r\n                    [nzPlaceHolder]=\"_fields.field.formConfiguration['Entry.Placeholder']\"\r\n                    formControlName=\"{{_fields.field.name}}\" [nzDropdownMatchSelectWidth]=\"true\"\r\n                    [nzDropdownClassName]=\"'dignite-form-select-dropdown'\">\r\n                    <nz-option *ngFor=\"let item of listOfOption\" [nzLabel]=\"item.slug\" [nzValue]=\"item.id\"></nz-option>\r\n                </nz-select>\r\n            </ng-template>\r\n            <small class=\"form-text text-muted d-block\"\r\n                *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>" }]
         }], propDecorators: { entity: [{
                 type: Input
             }], fields: [{
@@ -3400,7 +3356,7 @@ class EntryViewComponent {
         });
     }
     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"] }] }); }
+    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: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: EntryViewComponent, decorators: [{
             type: Component,
@@ -3415,6 +3371,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImpor
                 type: Input
             }] } });
 
+/* eslint-disable @angular-eslint/component-selector */
 class EntrySearchComponent {
     constructor() {
         this.fb = inject(FormBuilder);
@@ -3453,15 +3410,15 @@ class EntrySearchComponent {
     }
     AfterInit() {
         return new Promise((resolve, rejects) => {
-            let ValidatorsArray = [];
+            const 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);
+            const newControl = this.fb.control([], ValidatorsArray);
+            const extraProperties = this._entity.get(this._parentFiledName);
             extraProperties.setControl(this._fields.field.name, newControl);
             resolve(true);
         });
@@ -3482,7 +3439,7 @@ class EntrySearchComponent {
                 skipCount: 0,
                 maxResultCount: 1000,
                 status: EntryStatus.Published,
-                filter: filter,
+                // filter: filter,
             })
                 .subscribe((res) => {
                 this.listOfOption = res.items;
@@ -3495,11 +3452,11 @@ class EntrySearchComponent {
         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 dignite-form-select form-select-multiple\" [nzMaxTagCount]=\"1\"\r\n                    (nzOnSearch)=\"SelectChange($event)\" nzShowSearch nzMode=\"multiple\"\r\n                    [nzPlaceHolder]=\"_fields.field.formConfiguration['Entry.Placeholder']\"\r\n                    formControlName=\"{{_fields.field.name}}\" [nzDropdownMatchSelectWidth]=\"true\"\r\n                    [nzDropdownClassName]=\"'dignite-form-select-dropdown'\">\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 dignite-form-select form-select-multiple\" [nzMaxMultipleCount]=\"1\"\r\n                    (nzOnSearch)=\"SelectChange($event)\" nzShowSearch nzMode=\"tags\"\r\n                    [nzPlaceHolder]=\"_fields.field.formConfiguration['Entry.Placeholder']\"\r\n                    formControlName=\"{{_fields.field.name}}\" [nzDropdownMatchSelectWidth]=\"true\"\r\n                    [nzDropdownClassName]=\"'dignite-form-select-dropdown'\">\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\"\r\n                *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: [""], 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.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: 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 dignite-form-select form-select-multiple\" [nzMaxTagCount]=\"1\"\r\n                    nzMode=\"multiple\"\r\n                    [nzPlaceHolder]=\"_fields.field.formConfiguration['Entry.Placeholder']\"\r\n                    formControlName=\"{{_fields.field.name}}\" [nzDropdownMatchSelectWidth]=\"true\"\r\n                    [nzDropdownClassName]=\"'dignite-form-select-dropdown'\">\r\n                    <nz-option *ngFor=\"let item of listOfOption\" [nzLabel]=\"item.slug\" [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 dignite-form-select form-select-multiple\" \r\n                    \r\n                    [nzPlaceHolder]=\"_fields.field.formConfiguration['Entry.Placeholder']\"\r\n                    formControlName=\"{{_fields.field.name}}\" [nzDropdownMatchSelectWidth]=\"true\"\r\n                    [nzDropdownClassName]=\"'dignite-form-select-dropdown'\">\r\n                    <nz-option *ngFor=\"let item of listOfOption\" [nzLabel]=\"item.slug\" [nzValue]=\"item.id\"></nz-option>\r\n                </nz-select>\r\n            </ng-template>\r\n            <!-- <small class=\"form-text text-muted d-block\"\r\n                *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: [""], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i6$1.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i6$1.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 dignite-form-select form-select-multiple\" [nzMaxTagCount]=\"1\"\r\n                    (nzOnSearch)=\"SelectChange($event)\" nzShowSearch nzMode=\"multiple\"\r\n                    [nzPlaceHolder]=\"_fields.field.formConfiguration['Entry.Placeholder']\"\r\n                    formControlName=\"{{_fields.field.name}}\" [nzDropdownMatchSelectWidth]=\"true\"\r\n                    [nzDropdownClassName]=\"'dignite-form-select-dropdown'\">\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 dignite-form-select form-select-multiple\" [nzMaxMultipleCount]=\"1\"\r\n                    (nzOnSearch)=\"SelectChange($event)\" nzShowSearch nzMode=\"tags\"\r\n                    [nzPlaceHolder]=\"_fields.field.formConfiguration['Entry.Placeholder']\"\r\n                    formControlName=\"{{_fields.field.name}}\" [nzDropdownMatchSelectWidth]=\"true\"\r\n                    [nzDropdownClassName]=\"'dignite-form-select-dropdown'\">\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\"\r\n                *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>" }]
+            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 dignite-form-select form-select-multiple\" [nzMaxTagCount]=\"1\"\r\n                    nzMode=\"multiple\"\r\n                    [nzPlaceHolder]=\"_fields.field.formConfiguration['Entry.Placeholder']\"\r\n                    formControlName=\"{{_fields.field.name}}\" [nzDropdownMatchSelectWidth]=\"true\"\r\n                    [nzDropdownClassName]=\"'dignite-form-select-dropdown'\">\r\n                    <nz-option *ngFor=\"let item of listOfOption\" [nzLabel]=\"item.slug\" [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 dignite-form-select form-select-multiple\" \r\n                    \r\n                    [nzPlaceHolder]=\"_fields.field.formConfiguration['Entry.Placeholder']\"\r\n                    formControlName=\"{{_fields.field.name}}\" [nzDropdownMatchSelectWidth]=\"true\"\r\n                    [nzDropdownClassName]=\"'dignite-form-select-dropdown'\">\r\n                    <nz-option *ngFor=\"let item of listOfOption\" [nzLabel]=\"item.slug\" [nzValue]=\"item.id\"></nz-option>\r\n                </nz-select>\r\n            </ng-template>\r\n            <!-- <small class=\"form-text text-muted d-block\"\r\n                *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>" }]
         }], ctorParameters: () => [], propDecorators: { entity: [{
                 type: Input
             }], fields: [{
@@ -3541,13 +3498,54 @@ class matrixFieldInputBase {
     }
 }
 
+/**
+ * Converts all keys of an object to lowercase.
+ * 将对象所有建转化为小写
+ */
+class KeysConvertToLowercaseService {
+    /**
+      * 递归将对象属性名首字母转为小写
+      * @param obj 需要处理的对象或数组
+      * @param isInsideFormConfig 标记是否在 FormConfiguration 内部
+      * @returns 处理后的新对象
+      */
+    get(obj, isInsideFormConfig = false) {
+        if (Array.isArray(obj)) {
+            return obj.map(item => this.get(item, isInsideFormConfig));
+        }
+        else if (typeof obj === 'object' && obj !== null) {
+            return Object.keys(obj).reduce((acc, key) => {
+                // 判断当前层级是否在 FormConfiguration 内部
+                const currentIsInsideFormConfig = isInsideFormConfig || key === 'MatrixBlockTypes' || key === 'TableColumns' || key.includes('.');
+                // 如果在 FormConfiguration 内部，保留原字段名
+                const newKey = currentIsInsideFormConfig ? key : key.charAt(0).toLowerCase() + key.slice(1);
+                // 递归处理子属性，并传递是否在 FormConfiguration 内部的状态
+                acc[newKey] = this.get(obj[key], key === 'FormConfiguration');
+                return acc;
+            }, {});
+        }
+        return obj;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: KeysConvertToLowercaseService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: KeysConvertToLowercaseService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: KeysConvertToLowercaseService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
+
 /* eslint-disable no-async-promise-executor */
 /* eslint-disable @angular-eslint/component-selector */
 class MatrixConfigComponent {
-    constructor(fb, _CmsApiService, _FieldAbstractsService) {
+    constructor(fb, _KeysConvertToLowercaseService, _FieldsDataService, toPinyinService) {
         this.fb = fb;
-        this._CmsApiService = _CmsApiService;
-        this._FieldAbstractsService = _FieldAbstractsService;
+        this._KeysConvertToLowercaseService = _KeysConvertToLowercaseService;
+        this._FieldsDataService = _FieldsDataService;
+        this.toPinyinService = toPinyinService;
+        /**表单控件组 */
+        this._FieldControlGroup = [];
         this.cdr = inject(ChangeDetectorRef);
         /**模态框-状态 */
         this.matrixModalOpen = false;
@@ -3570,7 +3568,7 @@ class MatrixConfigComponent {
         if (v) {
             for (const key in v.formConfiguration) {
                 if (Array.isArray(v.formConfiguration[key])) {
-                    v.formConfiguration[key] = this._CmsApiService.convertKeysToCamelCase(v.formConfiguration[key]);
+                    v.formConfiguration[key] = this._KeysConvertToLowercaseService.get(v.formConfiguration[key]);
                 }
             }
             this._selected = v;
@@ -3588,20 +3586,24 @@ class MatrixConfigComponent {
         }
     }
     AfterInit() {
-        return new Promise(async (resolve, rejects) => {
-            this._FieldControlGroup = this._FieldAbstractsService.getExcludeAssignControl(this._type);
+        return new Promise(async (resolve) => {
+            this._FieldControlGroup = await this._FieldsDataService.getControlsfieldTypes();
             this._Entity.setControl('formConfiguration', this.fb.group(new MatrixConfig()));
             await this.setSelectValue();
             this.formConfiguration.patchValue(this._selected.formConfiguration);
             resolve(true);
         });
     }
+    /**
+     * 设置选择值
+     * @returns void
+     */
     setSelectValue() {
-        return new Promise((resolve, rejects) => {
+        return new Promise((resolve) => {
             if (this._selected && this._selected.formControlName == this._type) {
                 this._selected.formConfiguration['MatrixBlockTypes'].forEach((el, index) => {
                     this.addMatrixBlockTypeItem(el);
-                    el.fields.forEach((elf, indexf) => {
+                    el.fields.forEach((elf) => {
                         this.addMatrixFieldItem(elf, index);
                     });
                 });
@@ -3721,7 +3723,7 @@ class MatrixConfigComponent {
     /**矩阵displayNameInput字段失去焦点 */
     displayNameInputBlur(event) {
         const value = event.target.value;
-        const pinyin = this._CmsApiService.chineseToPinyin(value);
+        const pinyin = this.toPinyinService.get(value);
         const nameInput = this.nameInput;
         if (nameInput.value)
             return;
@@ -3730,7 +3732,7 @@ class MatrixConfigComponent {
     /**矩阵displayNameInput字段失去焦点 */
     MatrixFieldDisplayNameInputBlur(event) {
         const value = event.target.value;
-        const pinyin = this._CmsApiService.chineseToPinyin(value);
+        const pinyin = this.toPinyinService.get(value);
         const FieldnameInput = this.FieldnameInput;
         if (FieldnameInput.value)
             return;
@@ -3766,13 +3768,13 @@ class MatrixConfigComponent {
     CdkDragStart(event) {
         this.fieldStartDrag = true;
     }
-    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: "<div [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\" [class.fieldStartDragClass]=\"fieldStartDrag\" cdkDropList (cdkDropListDropped)=\"dropMatrix($event)\"     #todoList=\"cdkDropList\"\n                    [cdkDropListData]=\"MatrixBlockTypes.controls\" [cdkDropListSortPredicate]=\"fieldStartDrag?sortPredicate:sortPredicateTrue\"> \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\" type=\"button\" (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 pe-2\"\n                                [class.active]=\"i===selectMatrixBlockIndex\" cdkDrag>\n                                <div style=\"line-break: anywhere;\">\n                                    <div>{{item.value.displayName}}</div>\n                                    <div>{{item.value.name}}</div>\n                                </div>\n                                <div class=\"d-flex align-items-center justify-content-between\">\n                                    <div ngbDropdown class=\"d-inline-block\">\n                                        <button type=\"button\" class=\"btn btn-light btn-sm me-2\" id=\"dropdownBasic1\"\n                                            style=\"z-index: 8;\" ngbDropdownToggle></button>\n                                        <div ngbDropdownMenu aria-labelledby=\"dropdownBasic1\" style=\"z-index: 9;\">\n                                            <button ngbDropdownItem type=\"button\"\n                                                (click.stop)=\"EditMatrixBlock(item.value)\">{{'AbpUi::Edit' |\n                                                abpLocalization}}</button>\n                                            <button ngbDropdownItem type=\"button\"\n                                                (click.stop)=\"DeleteMatrixBlock(i)\">{{'AbpUi::Delete' |\n                                                abpLocalization}}</button>\n                                        </div>\n                                    </div>\n                                    <span class=\"bi bi-arrows-move fs-5 drag-handle\" cdkDragHandle></span>\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\" cdkDropList\n                        (cdkDropListDropped)=\"dropFields($event)\"  [cdkDropListData]=\"MatrixBlockTypes.controls[selectMatrixBlockIndex].get('fields').controls\" [cdkDropListConnectedTo]=\"[todoList]\">\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\" type=\"button\" (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 pe-2\"\n                                        [class.active]=\"fi===selectMatrixFieldIndex\" cdkDrag (cdkDragStarted)=\"CdkDragStart($event)\">\n                                        <div style=\"line-break: anywhere;\">\n                                            <div>{{el.value.displayName}}</div>\n                                            <div>{{el.value.name}}</div>\n                                        </div>\n                                        <div class=\"d-flex align-items-center justify-content-between\">\n                                            <button type=\"button\"\n                                                (click.stop)=\"deleteMatrixField(item.controls['fields'],fi)\"\n                                                class=\"btn btn-sm btn-li\">{{'AbpUi::Delete' | abpLocalization}}</button>\n                                            <span class=\"bi bi-arrows-move fs-5 drag-handle\" cdkDragHandle></span>\n                                        </div>\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\" for=\"displayName\">{{'Cms::DisplayName' |\n                                                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\" for=\"name\">{{'AbpDynamicForm::FieldName' |\n                                                abpLocalization}}</label>\n                                            <input type=\"text\" class=\"form-control\" formControlName=\"name\">\n                                            <small class=\"form-text text-muted d-block\">\n                                                {{'AbpDynamicForm::FieldNameHelpText' | abpLocalization}}</small>\n                                        </div>\n                                        <div class=\"mb-3\">\n                                            <label class=\"form-label\" for=\"description\">{{'Cms::Description' |\n                                                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' |\n                                                abpLocalization}}</label>\n                                            <select class=\"form-select\" formControlName=\"formControlName\">\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]:''\"\n                                                [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</div>\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 [formGroup]=\"matrixModalForm\" (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\" (click)=\"matrixModalModalSubmit.nativeElement.click()\">{{'AbpUi::Save' |\n            abpLocalization}}</abp-button>\n    </ng-template>\n</abp-modal>\n\n", styles: ["::ng-deep .fieldStartDragClass .cdk-drag-placeholder{opacity:.5;height:0;overflow:hidden;padding:0;border:2px solid var(--bs-list-group-active-color)!important;border-radius:10px}::ng-deep .cdk-drag-placeholder{opacity:.5;background-color:var(--bs-list-group-active-bg)}\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: "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: "directive", type: i7.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: i7.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i7.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: MatrixConfigComponent, deps: [{ token: i1$1.FormBuilder }, { token: KeysConvertToLowercaseService }, { token: FieldsDataService }, { token: i4.ToPinyinService }], 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: "<div [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\" *ngIf=\"MatrixBlockTypes\">\n                <div class=\"col-md-3\" >\n                    <div class=\"list-group\" [class.fieldStartDragClass]=\"fieldStartDrag\" cdkDropList (cdkDropListDropped)=\"dropMatrix($event)\"     #todoList=\"cdkDropList\"\n                    [cdkDropListData]=\"MatrixBlockTypes.controls\" [cdkDropListSortPredicate]=\"fieldStartDrag?sortPredicate:sortPredicateTrue\"> \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\" type=\"button\" (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 pe-2\"\n                                [class.active]=\"i===selectMatrixBlockIndex\" cdkDrag>\n                                <div style=\"line-break: anywhere;\">\n                                    <div>{{item.value.displayName}}</div>\n                                    <div>{{item.value.name}}</div>\n                                </div>\n                                <div class=\"d-flex align-items-center justify-content-between\">\n                                    <div ngbDropdown class=\"d-inline-block\">\n                                        <button type=\"button\" class=\"btn btn-light btn-sm me-2\" id=\"dropdownBasic1\"\n                                            style=\"z-index: 8;\" ngbDropdownToggle></button>\n                                        <div ngbDropdownMenu aria-labelledby=\"dropdownBasic1\" style=\"z-index: 9;\">\n                                            <button ngbDropdownItem type=\"button\"\n                                                (click.stop)=\"EditMatrixBlock(item.value)\">{{'AbpUi::Edit' |\n                                                abpLocalization}}</button>\n                                            <button ngbDropdownItem type=\"button\"\n                                                (click.stop)=\"DeleteMatrixBlock(i)\">{{'AbpUi::Delete' |\n                                                abpLocalization}}</button>\n                                        </div>\n                                    </div>\n                                    <span class=\"bi bi-arrows-move fs-5 drag-handle\" cdkDragHandle></span>\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\" cdkDropList\n                        (cdkDropListDropped)=\"dropFields($event)\"  [cdkDropListData]=\"MatrixBlockTypes.controls[selectMatrixBlockIndex].get('fields').controls\" [cdkDropListConnectedTo]=\"[todoList]\">\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\" type=\"button\" (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 pe-2\"\n                                        [class.active]=\"fi===selectMatrixFieldIndex\" cdkDrag (cdkDragStarted)=\"CdkDragStart($event)\">\n                                        <div style=\"line-break: anywhere;\">\n                                            <div>{{el.value.displayName}}</div>\n                                            <div>{{el.value.name}}</div>\n                                        </div>\n                                        <div class=\"d-flex align-items-center justify-content-between\">\n                                            <button type=\"button\"\n                                                (click.stop)=\"deleteMatrixField(item.controls['fields'],fi)\"\n                                                class=\"btn btn-sm btn-li\">{{'AbpUi::Delete' | abpLocalization}}</button>\n                                            <span class=\"bi bi-arrows-move fs-5 drag-handle\" cdkDragHandle></span>\n                                        </div>\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\" for=\"displayName\">{{'Cms::DisplayName' |\n                                                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\" for=\"name\">{{'AbpDynamicForm::FieldName' |\n                                                abpLocalization}}</label>\n                                            <input type=\"text\" class=\"form-control\" formControlName=\"name\">\n                                            <small class=\"form-text text-muted d-block\">\n                                                {{'AbpDynamicForm::FieldNameHelpText' | abpLocalization}}</small>\n                                        </div>\n                                        <div class=\"mb-3\">\n                                            <label class=\"form-label\" for=\"description\">{{'Cms::Description' |\n                                                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' |\n                                                abpLocalization}}</label>\n                                            <select class=\"form-select\" formControlName=\"formControlName\">\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-config [type]=\"itemf.value.formControlName\"\n                                                [selected]=\"_selected?_selected.formConfiguration?.MatrixBlockTypes[i]?.fields[fi]:''\"\n                                                [form]=\"itemf\"></df-dynamic-config>\n                                        </ng-container>\n                                    </div>\n                                </ng-container>\n                            </div>\n                        </div>\n                    </ng-container>\n                </div>\n            </div>\n        </div>\n        <button type=\"submit\" (abpInit)=\"submitclick?.nativeElement?.click()\" style=\"display: none;\"\n            #submitclick></button>\n    </div>\n</div>\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 [formGroup]=\"matrixModalForm\" (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\" (click)=\"matrixModalModalSubmit.nativeElement.click()\">{{'AbpUi::Save' |\n            abpLocalization}}</abp-button>\n    </ng-template>\n</abp-modal>\n\n", styles: ["::ng-deep .fieldStartDragClass .cdk-drag-placeholder{opacity:.5;height:0;overflow:hidden;padding:0;border:2px solid var(--bs-list-group-active-color)!important;border-radius:10px}::ng-deep .cdk-drag-placeholder{opacity:.5;background-color:var(--bs-list-group-active-bg)}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i1$1.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: i6$1.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i6$1.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: i6$2.DynamicConfigComponent, selector: "df-dynamic-config", inputs: ["type", "selected", "form"] }, { kind: "directive", type: i7.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: i7.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i7.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: MatrixConfigComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'df-matrix-config', template: "<div [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\" [class.fieldStartDragClass]=\"fieldStartDrag\" cdkDropList (cdkDropListDropped)=\"dropMatrix($event)\"     #todoList=\"cdkDropList\"\n                    [cdkDropListData]=\"MatrixBlockTypes.controls\" [cdkDropListSortPredicate]=\"fieldStartDrag?sortPredicate:sortPredicateTrue\"> \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\" type=\"button\" (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 pe-2\"\n                                [class.active]=\"i===selectMatrixBlockIndex\" cdkDrag>\n                                <div style=\"line-break: anywhere;\">\n                                    <div>{{item.value.displayName}}</div>\n                                    <div>{{item.value.name}}</div>\n                                </div>\n                                <div class=\"d-flex align-items-center justify-content-between\">\n                                    <div ngbDropdown class=\"d-inline-block\">\n                                        <button type=\"button\" class=\"btn btn-light btn-sm me-2\" id=\"dropdownBasic1\"\n                                            style=\"z-index: 8;\" ngbDropdownToggle></button>\n                                        <div ngbDropdownMenu aria-labelledby=\"dropdownBasic1\" style=\"z-index: 9;\">\n                                            <button ngbDropdownItem type=\"button\"\n                                                (click.stop)=\"EditMatrixBlock(item.value)\">{{'AbpUi::Edit' |\n                                                abpLocalization}}</button>\n                                            <button ngbDropdownItem type=\"button\"\n                                                (click.stop)=\"DeleteMatrixBlock(i)\">{{'AbpUi::Delete' |\n                                                abpLocalization}}</button>\n                                        </div>\n                                    </div>\n                                    <span class=\"bi bi-arrows-move fs-5 drag-handle\" cdkDragHandle></span>\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\" cdkDropList\n                        (cdkDropListDropped)=\"dropFields($event)\"  [cdkDropListData]=\"MatrixBlockTypes.controls[selectMatrixBlockIndex].get('fields').controls\" [cdkDropListConnectedTo]=\"[todoList]\">\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\" type=\"button\" (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 pe-2\"\n                                        [class.active]=\"fi===selectMatrixFieldIndex\" cdkDrag (cdkDragStarted)=\"CdkDragStart($event)\">\n                                        <div style=\"line-break: anywhere;\">\n                                            <div>{{el.value.displayName}}</div>\n                                            <div>{{el.value.name}}</div>\n                                        </div>\n                                        <div class=\"d-flex align-items-center justify-content-between\">\n                                            <button type=\"button\"\n                                                (click.stop)=\"deleteMatrixField(item.controls['fields'],fi)\"\n                                                class=\"btn btn-sm btn-li\">{{'AbpUi::Delete' | abpLocalization}}</button>\n                                            <span class=\"bi bi-arrows-move fs-5 drag-handle\" cdkDragHandle></span>\n                                        </div>\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\" for=\"displayName\">{{'Cms::DisplayName' |\n                                                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\" for=\"name\">{{'AbpDynamicForm::FieldName' |\n                                                abpLocalization}}</label>\n                                            <input type=\"text\" class=\"form-control\" formControlName=\"name\">\n                                            <small class=\"form-text text-muted d-block\">\n                                                {{'AbpDynamicForm::FieldNameHelpText' | abpLocalization}}</small>\n                                        </div>\n                                        <div class=\"mb-3\">\n                                            <label class=\"form-label\" for=\"description\">{{'Cms::Description' |\n                                                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' |\n                                                abpLocalization}}</label>\n                                            <select class=\"form-select\" formControlName=\"formControlName\">\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]:''\"\n                                                [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</div>\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 [formGroup]=\"matrixModalForm\" (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\" (click)=\"matrixModalModalSubmit.nativeElement.click()\">{{'AbpUi::Save' |\n            abpLocalization}}</abp-button>\n    </ng-template>\n</abp-modal>\n\n", styles: ["::ng-deep .fieldStartDragClass .cdk-drag-placeholder{opacity:.5;height:0;overflow:hidden;padding:0;border:2px solid var(--bs-list-group-active-color)!important;border-radius:10px}::ng-deep .cdk-drag-placeholder{opacity:.5;background-color:var(--bs-list-group-active-bg)}\n"] }]
-        }], ctorParameters: () => [{ type: i1$2.FormBuilder }, { type: CmsApiService }, { type: FieldAbstractsService }], propDecorators: { type: [{
+            args: [{ selector: 'df-matrix-config', template: "<div [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\" *ngIf=\"MatrixBlockTypes\">\n                <div class=\"col-md-3\" >\n                    <div class=\"list-group\" [class.fieldStartDragClass]=\"fieldStartDrag\" cdkDropList (cdkDropListDropped)=\"dropMatrix($event)\"     #todoList=\"cdkDropList\"\n                    [cdkDropListData]=\"MatrixBlockTypes.controls\" [cdkDropListSortPredicate]=\"fieldStartDrag?sortPredicate:sortPredicateTrue\"> \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\" type=\"button\" (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 pe-2\"\n                                [class.active]=\"i===selectMatrixBlockIndex\" cdkDrag>\n                                <div style=\"line-break: anywhere;\">\n                                    <div>{{item.value.displayName}}</div>\n                                    <div>{{item.value.name}}</div>\n                                </div>\n                                <div class=\"d-flex align-items-center justify-content-between\">\n                                    <div ngbDropdown class=\"d-inline-block\">\n                                        <button type=\"button\" class=\"btn btn-light btn-sm me-2\" id=\"dropdownBasic1\"\n                                            style=\"z-index: 8;\" ngbDropdownToggle></button>\n                                        <div ngbDropdownMenu aria-labelledby=\"dropdownBasic1\" style=\"z-index: 9;\">\n                                            <button ngbDropdownItem type=\"button\"\n                                                (click.stop)=\"EditMatrixBlock(item.value)\">{{'AbpUi::Edit' |\n                                                abpLocalization}}</button>\n                                            <button ngbDropdownItem type=\"button\"\n                                                (click.stop)=\"DeleteMatrixBlock(i)\">{{'AbpUi::Delete' |\n                                                abpLocalization}}</button>\n                                        </div>\n                                    </div>\n                                    <span class=\"bi bi-arrows-move fs-5 drag-handle\" cdkDragHandle></span>\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\" cdkDropList\n                        (cdkDropListDropped)=\"dropFields($event)\"  [cdkDropListData]=\"MatrixBlockTypes.controls[selectMatrixBlockIndex].get('fields').controls\" [cdkDropListConnectedTo]=\"[todoList]\">\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\" type=\"button\" (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 pe-2\"\n                                        [class.active]=\"fi===selectMatrixFieldIndex\" cdkDrag (cdkDragStarted)=\"CdkDragStart($event)\">\n                                        <div style=\"line-break: anywhere;\">\n                                            <div>{{el.value.displayName}}</div>\n                                            <div>{{el.value.name}}</div>\n                                        </div>\n                                        <div class=\"d-flex align-items-center justify-content-between\">\n                                            <button type=\"button\"\n                                                (click.stop)=\"deleteMatrixField(item.controls['fields'],fi)\"\n                                                class=\"btn btn-sm btn-li\">{{'AbpUi::Delete' | abpLocalization}}</button>\n                                            <span class=\"bi bi-arrows-move fs-5 drag-handle\" cdkDragHandle></span>\n                                        </div>\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\" for=\"displayName\">{{'Cms::DisplayName' |\n                                                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\" for=\"name\">{{'AbpDynamicForm::FieldName' |\n                                                abpLocalization}}</label>\n                                            <input type=\"text\" class=\"form-control\" formControlName=\"name\">\n                                            <small class=\"form-text text-muted d-block\">\n                                                {{'AbpDynamicForm::FieldNameHelpText' | abpLocalization}}</small>\n                                        </div>\n                                        <div class=\"mb-3\">\n                                            <label class=\"form-label\" for=\"description\">{{'Cms::Description' |\n                                                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' |\n                                                abpLocalization}}</label>\n                                            <select class=\"form-select\" formControlName=\"formControlName\">\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-config [type]=\"itemf.value.formControlName\"\n                                                [selected]=\"_selected?_selected.formConfiguration?.MatrixBlockTypes[i]?.fields[fi]:''\"\n                                                [form]=\"itemf\"></df-dynamic-config>\n                                        </ng-container>\n                                    </div>\n                                </ng-container>\n                            </div>\n                        </div>\n                    </ng-container>\n                </div>\n            </div>\n        </div>\n        <button type=\"submit\" (abpInit)=\"submitclick?.nativeElement?.click()\" style=\"display: none;\"\n            #submitclick></button>\n    </div>\n</div>\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 [formGroup]=\"matrixModalForm\" (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\" (click)=\"matrixModalModalSubmit.nativeElement.click()\">{{'AbpUi::Save' |\n            abpLocalization}}</abp-button>\n    </ng-template>\n</abp-modal>\n\n", styles: ["::ng-deep .fieldStartDragClass .cdk-drag-placeholder{opacity:.5;height:0;overflow:hidden;padding:0;border:2px solid var(--bs-list-group-active-color)!important;border-radius:10px}::ng-deep .cdk-drag-placeholder{opacity:.5;background-color:var(--bs-list-group-active-bg)}\n"] }]
+        }], ctorParameters: () => [{ type: i1$1.FormBuilder }, { type: KeysConvertToLowercaseService }, { type: FieldsDataService }, { type: i4.ToPinyinService }], propDecorators: { type: [{
                 type: Input
             }], selected: [{
                 type: Input
@@ -3788,20 +3790,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImpor
 
 /* eslint-disable @angular-eslint/component-selector */
 class MatrixControlComponent {
-    constructor(fb, _CmsApiService) {
+    constructor(fb, _KeysConvertToLowercaseService) {
         this.fb = fb;
-        this._CmsApiService = _CmsApiService;
+        this._KeysConvertToLowercaseService = _KeysConvertToLowercaseService;
         /**字段配置列表 */
         this._fields = '';
         this.cdr = inject(ChangeDetectorRef);
         /**矩阵列表 */
         this.MatrixBlockTypesList = [];
+        /**是否全部展开 */
+        this.isAllExpanded = false;
     }
     set 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]);
+                    v.field.formConfiguration[key] = this._KeysConvertToLowercaseService.get(v.field?.formConfiguration[key]);
                 }
             }
             this._fields = v;
@@ -3812,7 +3816,7 @@ class MatrixControlComponent {
     }
     set selected(v) {
         if (v) {
-            v = this._CmsApiService.convertKeysToCamelCase(v);
+            v = this._KeysConvertToLowercaseService.get(v);
             this._selected = v;
         }
     }
@@ -3840,7 +3844,7 @@ class MatrixControlComponent {
                 }
             }
             this._selected = '';
-            console.log(this.fieldNameControl, 'fieldNameControl', this._fields.field.name);
+            // console.log(this.fieldNameControl, 'fieldNameControl', this._fields.field.name);
         }
     }
     AfterInit() {
@@ -3863,6 +3867,10 @@ class MatrixControlComponent {
                 this._selected.forEach(el => {
                     this.addMatrixControl(formConfiguration.MatrixBlockTypes.find(item => item.name == el.matrixBlockTypeName));
                 });
+                // this.isAllExpanded=false;
+            }
+            else {
+                this.isAllExpanded = true;
             }
             this.MatrixBlockTypesList = formConfiguration.MatrixBlockTypes;
             resolve(true);
@@ -3925,13 +3933,22 @@ class MatrixControlComponent {
         moveItemInArray(this.fieldNameControl.controls, event.previousIndex, event.currentIndex);
         this.fieldNameControl.updateValueAndValidity();
     }
-    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: "17.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\" cdkDropList (cdkDropListDropped)=\"drop($event)\">\n                    <ng-container *ngFor=\"let item of fieldNameControl.controls;let i=index\">\n                        <div class=\"card mb-3 border \" [formGroupName]=\"i\" cdkDrag cdkDragLockAxis=\"y\"\n                            [cdkDragData]=\"item\">\n                            <div type=\"button\"\n                                class=\"card-header d-flex align-items-center justify-content-between border-bottom pt-1\" (click.stop)=\"ExpandChange(i)\">\n                                <div class=\"d-flex\">\n                                    <div class=\"drag-handle me-2\" cdkDragHandle>\n                                        <span class=\"bi bi-arrows-move fs-5\"></span>\n                                    </div>{{item.value.displayName}}\n                                </div>\n                                <div class=\"d-flex align-items-center\">\n                                    <button class=\"btn btn-sm btn-light p-0\"\n                                        (click.stop)=\"deleteMatrixControl(i,item)\"><i\n                                            class=\"fas fa-trash p-2\"></i></button>\n                                        <i class=\"bi bi-chevron-down ms-2 \" [style]=\"{display: 'inline-block', transform: item.value.isOpen?'rotate(180deg)':'rotate(0deg)'}\" ></i>\n                                </div>\n                            </div>\n                            <div class=\"card-body\" style=\"overflow:hidden;transition: all 0.2s;\" [style]=\"item.value.isOpen?'height:auto;':'height:0px;padding-top:0px;padding-bottom:0px;'\">\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 [fields]=\"{ field: elf,displayName:elf.displayName }\"\n                                                    [selected]=\"_selected ? _selected[i]?_selected[i][_parentFiledName][elf.name]:'': ''\"\n                                                    [parentFiledName]=\"'extraProperties'\" [culture]=\"_culture\"\n                                                    [entity]=\"item\"></df-dynamic>\n                                            </ng-container>\n                                        </ng-container>\n                                    </ng-container>\n                                </ng-container>\n                            </div>\n                        </div>\n                        <!-- <div class=\"card mb-3 border \" [formGroupName]=\"i\" cdkDrag cdkDragLockAxis=\"y\"\n                            [cdkDragData]=\"item\">\n                            <div ngbAccordion #accordion=\"ngbAccordion\">\n                                <div ngbAccordionItem=\"first\">\n                                    <h2 ngbAccordionHeader>\n                                        <button ngbAccordionButton>\n                                            <div type=\"button\"\n                                                class=\"card-header d-flex align-items-center justify-content-between border-bottom pt-1\">\n                                                <div class=\"d-flex\">\n                                                    <div class=\"drag-handle me-2\" cdkDragHandle>\n                                                        <span class=\"bi bi-arrows-move fs-5\"></span>\n                                                    </div>{{item.value.displayName}}\n                                                </div>\n                                                <div>\n                                                    <button class=\"btn btn-sm btn-light p-0\"\n                                                        (click.stop)=\"deleteMatrixControl(i,item)\"><i\n                                                            class=\"fas fa-trash p-2\"></i></button>\n                                                    <i class=\"bi bi-chevron-down ms-2\"></i>\n                                                </div>\n                                            </div>\n                                        </button>\n                                    </h2>\n                                    <div ngbAccordionCollapse>\n                                        <div ngbAccordionBody>\n                                            <ng-template>\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'\"\n                                                                        [culture]=\"_culture\"\n                                                                        [entity]=\"item\"></df-dynamic>\n                                                                </ng-container>\n                                                            </ng-container>\n                                                        </ng-container>\n                                                    </ng-container>\n                                                </div>\n                                            </ng-template>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                        </div> -->\n\n\n                        <!--  -->\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-dark soft btn-sm\" (click.stop)=\"addMatrixControl(item)\"><i\n                                class=\"fas fa-plus me-1\"></i>{{item.displayName}}</button>\n                    </ng-container>\n                </div>\n                @if(fieldNameControl?.errors?.required && fieldNameControl.touched){\n                    <span class=\"form-text invalid-feedback d-block\">{{\"AbpValidation::ThisFieldIsRequired.\"|abpLocalization}}</span>\n                }\n                \n                <small class=\"form-text text-muted d-block\"\n                    *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"] }, { kind: "directive", type: i7.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: i7.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i7.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] }); }
+    /**切换全部展开/折叠状态 */
+    toggleAll() {
+        this.isAllExpanded = !this.isAllExpanded;
+        if (this.fieldNameControl) {
+            this.fieldNameControl.controls.forEach((control) => {
+                control.get('isOpen').patchValue(this.isAllExpanded);
+            });
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: MatrixControlComponent, deps: [{ token: i1$1.FormBuilder }, { token: KeysConvertToLowercaseService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.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 position-relative\">\n           <div class=\"d-flex align-items-center justify-content-between position-sticky  bg-white py-1\" style=\"top: 42px;z-index: 10;\">\n            <label class=\"form-label\" *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\n            @if(fieldNameControl?.controls?.length>0){\n                <button  type=\"button\" class=\"btn btn-sm btn-light\" (click)=\"toggleAll()\">\n                    <i class=\"bi\" [class.bi-arrows-expand]=\"!isAllExpanded\" [class.bi-arrows-collapse]=\"isAllExpanded\"></i>\n                    <!-- {{ isAllExpanded ? '\u6298\u53E0\u5168\u90E8' : '\u5C55\u5F00\u5168\u90E8' }} -->\n                </button>\n            }\n           </div>\n            <div [class]=\"fieldNameControl?.controls?.length>0?'border p-2 rounded-2':''\">\n                <div [formArrayName]=\"_fields.field.name\" cdkDropList (cdkDropListDropped)=\"drop($event)\">\n                    <ng-container *ngFor=\"let item of fieldNameControl.controls;let i=index\">\n                        <div class=\"card mb-3 border \" [formGroupName]=\"i\" cdkDrag cdkDragLockAxis=\"y\"\n                            [cdkDragData]=\"item\">\n                            <div type=\"button\"\n                                class=\"card-header d-flex align-items-center justify-content-between border-bottom pt-1\" (click.stop)=\"ExpandChange(i)\">\n                                <div class=\"d-flex\">\n                                    <div class=\"drag-handle me-2\" cdkDragHandle>\n                                        <span class=\"bi bi-arrows-move fs-5\"></span>\n                                    </div>{{item.value.displayName}}\n                                </div>\n                                <div class=\"d-flex align-items-center\">\n                                    <button class=\"btn btn-sm btn-light p-0\"\n                                        (click.stop)=\"deleteMatrixControl(i,item)\"><i\n                                            class=\"fas fa-trash p-2\"></i></button>\n                                        <i class=\"bi bi-chevron-down ms-2 \" [style]=\"{display: 'inline-block', transform: item.value.isOpen?'rotate(180deg)':'rotate(0deg)'}\" ></i>\n                                </div>\n                            </div>\n                            <div class=\"card-body\" style=\"overflow:hidden;transition: all 0.2s;\" [style]=\"item.value.isOpen?'height:auto;':'height:0px;padding-top:0px;padding-bottom:0px;'\">\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-control [fields]=\"{ field: elf,displayName:elf.displayName }\"\n                                                    [selected]=\"_selected ? _selected[i]?_selected[i][_parentFiledName][elf.name]:'': ''\"\n                                                    [parentFiledName]=\"'extraProperties'\" [culture]=\"_culture\"\n                                                    [entity]=\"item\"></df-dynamic-control>\n                                                    \n                                            </ng-container>\n                                        </ng-container>\n                                    </ng-container>\n                                </ng-container>\n                            </div>\n                        </div>\n                        \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-dark soft btn-sm\" (click.stop)=\"addMatrixControl(item)\"><i\n                                class=\"fas fa-plus me-1\"></i>{{item.displayName}}</button>\n                    </ng-container>\n                </div>\n                @if(fieldNameControl?.errors?.required && fieldNameControl.touched){\n                    <span class=\"form-text invalid-feedback d-block\">{{\"AbpValidation::ThisFieldIsRequired.\"|abpLocalization}}</span>\n                }\n                \n                <small class=\"form-text text-muted d-block\"\n                    *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: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i1$1.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "directive", type: i1.StopPropagationDirective, selector: "[click.stop]", outputs: ["click.stop"] }, { kind: "directive", type: i6$1.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "component", type: i6$2.DynamicControlComponent, selector: "df-dynamic-control", inputs: ["selected", "culture", "parentFiledName", "fields", "entity"] }, { kind: "directive", type: i7.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: i7.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i7.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] }); }
 }
 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\" cdkDropList (cdkDropListDropped)=\"drop($event)\">\n                    <ng-container *ngFor=\"let item of fieldNameControl.controls;let i=index\">\n                        <div class=\"card mb-3 border \" [formGroupName]=\"i\" cdkDrag cdkDragLockAxis=\"y\"\n                            [cdkDragData]=\"item\">\n                            <div type=\"button\"\n                                class=\"card-header d-flex align-items-center justify-content-between border-bottom pt-1\" (click.stop)=\"ExpandChange(i)\">\n                                <div class=\"d-flex\">\n                                    <div class=\"drag-handle me-2\" cdkDragHandle>\n                                        <span class=\"bi bi-arrows-move fs-5\"></span>\n                                    </div>{{item.value.displayName}}\n                                </div>\n                                <div class=\"d-flex align-items-center\">\n                                    <button class=\"btn btn-sm btn-light p-0\"\n                                        (click.stop)=\"deleteMatrixControl(i,item)\"><i\n                                            class=\"fas fa-trash p-2\"></i></button>\n                                        <i class=\"bi bi-chevron-down ms-2 \" [style]=\"{display: 'inline-block', transform: item.value.isOpen?'rotate(180deg)':'rotate(0deg)'}\" ></i>\n                                </div>\n                            </div>\n                            <div class=\"card-body\" style=\"overflow:hidden;transition: all 0.2s;\" [style]=\"item.value.isOpen?'height:auto;':'height:0px;padding-top:0px;padding-bottom:0px;'\">\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 [fields]=\"{ field: elf,displayName:elf.displayName }\"\n                                                    [selected]=\"_selected ? _selected[i]?_selected[i][_parentFiledName][elf.name]:'': ''\"\n                                                    [parentFiledName]=\"'extraProperties'\" [culture]=\"_culture\"\n                                                    [entity]=\"item\"></df-dynamic>\n                                            </ng-container>\n                                        </ng-container>\n                                    </ng-container>\n                                </ng-container>\n                            </div>\n                        </div>\n                        <!-- <div class=\"card mb-3 border \" [formGroupName]=\"i\" cdkDrag cdkDragLockAxis=\"y\"\n                            [cdkDragData]=\"item\">\n                            <div ngbAccordion #accordion=\"ngbAccordion\">\n                                <div ngbAccordionItem=\"first\">\n                                    <h2 ngbAccordionHeader>\n                                        <button ngbAccordionButton>\n                                            <div type=\"button\"\n                                                class=\"card-header d-flex align-items-center justify-content-between border-bottom pt-1\">\n                                                <div class=\"d-flex\">\n                                                    <div class=\"drag-handle me-2\" cdkDragHandle>\n                                                        <span class=\"bi bi-arrows-move fs-5\"></span>\n                                                    </div>{{item.value.displayName}}\n                                                </div>\n                                                <div>\n                                                    <button class=\"btn btn-sm btn-light p-0\"\n                                                        (click.stop)=\"deleteMatrixControl(i,item)\"><i\n                                                            class=\"fas fa-trash p-2\"></i></button>\n                                                    <i class=\"bi bi-chevron-down ms-2\"></i>\n                                                </div>\n                                            </div>\n                                        </button>\n                                    </h2>\n                                    <div ngbAccordionCollapse>\n                                        <div ngbAccordionBody>\n                                            <ng-template>\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'\"\n                                                                        [culture]=\"_culture\"\n                                                                        [entity]=\"item\"></df-dynamic>\n                                                                </ng-container>\n                                                            </ng-container>\n                                                        </ng-container>\n                                                    </ng-container>\n                                                </div>\n                                            </ng-template>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                        </div> -->\n\n\n                        <!--  -->\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-dark soft btn-sm\" (click.stop)=\"addMatrixControl(item)\"><i\n                                class=\"fas fa-plus me-1\"></i>{{item.displayName}}</button>\n                    </ng-container>\n                </div>\n                @if(fieldNameControl?.errors?.required && fieldNameControl.touched){\n                    <span class=\"form-text invalid-feedback d-block\">{{\"AbpValidation::ThisFieldIsRequired.\"|abpLocalization}}</span>\n                }\n                \n                <small class=\"form-text text-muted d-block\"\n                    *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 }, { type: CmsApiService }], propDecorators: { fields: [{
+            args: [{ selector: 'df-matrix-control', template: "<form [formGroup]=\"_entity\">\n    <div formGroupName=\"extraProperties\">\n        <div class=\"mb-3 position-relative\">\n           <div class=\"d-flex align-items-center justify-content-between position-sticky  bg-white py-1\" style=\"top: 42px;z-index: 10;\">\n            <label class=\"form-label\" *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\n            @if(fieldNameControl?.controls?.length>0){\n                <button  type=\"button\" class=\"btn btn-sm btn-light\" (click)=\"toggleAll()\">\n                    <i class=\"bi\" [class.bi-arrows-expand]=\"!isAllExpanded\" [class.bi-arrows-collapse]=\"isAllExpanded\"></i>\n                    <!-- {{ isAllExpanded ? '\u6298\u53E0\u5168\u90E8' : '\u5C55\u5F00\u5168\u90E8' }} -->\n                </button>\n            }\n           </div>\n            <div [class]=\"fieldNameControl?.controls?.length>0?'border p-2 rounded-2':''\">\n                <div [formArrayName]=\"_fields.field.name\" cdkDropList (cdkDropListDropped)=\"drop($event)\">\n                    <ng-container *ngFor=\"let item of fieldNameControl.controls;let i=index\">\n                        <div class=\"card mb-3 border \" [formGroupName]=\"i\" cdkDrag cdkDragLockAxis=\"y\"\n                            [cdkDragData]=\"item\">\n                            <div type=\"button\"\n                                class=\"card-header d-flex align-items-center justify-content-between border-bottom pt-1\" (click.stop)=\"ExpandChange(i)\">\n                                <div class=\"d-flex\">\n                                    <div class=\"drag-handle me-2\" cdkDragHandle>\n                                        <span class=\"bi bi-arrows-move fs-5\"></span>\n                                    </div>{{item.value.displayName}}\n                                </div>\n                                <div class=\"d-flex align-items-center\">\n                                    <button class=\"btn btn-sm btn-light p-0\"\n                                        (click.stop)=\"deleteMatrixControl(i,item)\"><i\n                                            class=\"fas fa-trash p-2\"></i></button>\n                                        <i class=\"bi bi-chevron-down ms-2 \" [style]=\"{display: 'inline-block', transform: item.value.isOpen?'rotate(180deg)':'rotate(0deg)'}\" ></i>\n                                </div>\n                            </div>\n                            <div class=\"card-body\" style=\"overflow:hidden;transition: all 0.2s;\" [style]=\"item.value.isOpen?'height:auto;':'height:0px;padding-top:0px;padding-bottom:0px;'\">\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-control [fields]=\"{ field: elf,displayName:elf.displayName }\"\n                                                    [selected]=\"_selected ? _selected[i]?_selected[i][_parentFiledName][elf.name]:'': ''\"\n                                                    [parentFiledName]=\"'extraProperties'\" [culture]=\"_culture\"\n                                                    [entity]=\"item\"></df-dynamic-control>\n                                                    \n                                            </ng-container>\n                                        </ng-container>\n                                    </ng-container>\n                                </ng-container>\n                            </div>\n                        </div>\n                        \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-dark soft btn-sm\" (click.stop)=\"addMatrixControl(item)\"><i\n                                class=\"fas fa-plus me-1\"></i>{{item.displayName}}</button>\n                    </ng-container>\n                </div>\n                @if(fieldNameControl?.errors?.required && fieldNameControl.touched){\n                    <span class=\"form-text invalid-feedback d-block\">{{\"AbpValidation::ThisFieldIsRequired.\"|abpLocalization}}</span>\n                }\n                \n                <small class=\"form-text text-muted d-block\"\n                    *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$1.FormBuilder }, { type: KeysConvertToLowercaseService }], propDecorators: { fields: [{
                 type: Input
             }], parentFiledName: [{
                 type: Input
@@ -3967,7 +3984,7 @@ class MatrixViewComponent {
         }
     }
     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" }] }); }
+    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: i2.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,
@@ -4005,12 +4022,16 @@ class TableFormControl {
     }
 }
 
+/* eslint-disable no-async-promise-executor */
 /* eslint-disable @angular-eslint/component-selector */
 class TableConfigComponent {
-    constructor(fb, _CmsApiService, _FieldAbstractsService) {
+    constructor(fb, _KeysConvertToLowercaseService, _FieldsDataService, toPinyinService) {
         this.fb = fb;
-        this._CmsApiService = _CmsApiService;
-        this._FieldAbstractsService = _FieldAbstractsService;
+        this._KeysConvertToLowercaseService = _KeysConvertToLowercaseService;
+        this._FieldsDataService = _FieldsDataService;
+        this.toPinyinService = toPinyinService;
+        /**表单控件组 */
+        this._fieldControlGroup = [];
         this.cdr = inject(ChangeDetectorRef);
         /**创建站点模态框状态 */
         this.tableSelectOpen = false;
@@ -4025,7 +4046,7 @@ class TableConfigComponent {
         if (v) {
             for (const key in v.formConfiguration) {
                 if (Array.isArray(v.formConfiguration[key])) {
-                    v.formConfiguration[key] = this._CmsApiService.convertKeysToCamelCase(v.formConfiguration[key]);
+                    v.formConfiguration[key] = this._KeysConvertToLowercaseService.get(v.formConfiguration[key]);
                 }
             }
             this._selected = v;
@@ -4045,15 +4066,13 @@ class TableConfigComponent {
     async dataLoaded() {
         if (this._Entity && this._type) {
             await this.AfterInit();
-            this.cdr.detectChanges(); // 手动触发变更检测
-            this.submitclick?.nativeElement?.click();
         }
     }
     /**增加选项 */
     addTableColumns() {
         this.TableColumns.push(this.fb.group({
             ...new TableFormControl(),
-            formConfiguration: [{}]
+            formConfiguration: [{}],
         }));
         this.cdr.detectChanges(); // 手动触发变更检测
     }
@@ -4061,12 +4080,15 @@ class TableConfigComponent {
     deleteTableColumns(index) {
         this.TableColumns.removeAt(index);
     }
-    AfterInit() {
-        return new Promise((resolve, rejects) => {
+    async AfterInit() {
+        return new Promise(async (resolve) => {
             this._Entity?.setControl('formConfiguration', this.fb.group(new TableConfig()));
-            this._fieldControlGroup = this._FieldAbstractsService.getExcludeAssignControl(this._type);
+            // this.formConfiguration.addValidators([this.validateTableColumns]);
+            this.cdr.detectChanges(); // 手动触发变更检测
+            this.submitclick?.nativeElement?.click();
+            this._fieldControlGroup = await this._FieldsDataService.getControlsfieldTypes();
             if (this._selected && this._selected.formControlName == this._type) {
-                this._selected.formConfiguration['TableColumns'].forEach(el => {
+                this._selected.formConfiguration['TableColumns'].forEach(() => {
                     this.addTableColumns();
                 });
                 this.formConfiguration.patchValue(this._selected.formConfiguration);
@@ -4074,18 +4096,35 @@ class TableConfigComponent {
             else {
                 this.addTableColumns();
             }
+            this.TableColumns.valueChanges.subscribe(value => {
+                console.log(value, 'value');
+            });
             resolve(true);
         });
     }
+    /**
+     * 自定义验证函数
+     * @param formArray 要验证的 FormArray
+     * @returns 验证结果，如果所有项都通过验证则返回 null，否则返回 { invalidArray: true }
+     */
+    validateTableColumns(formArray) {
+        // console.log(formArray,'自定义验证函数');
+        if (formArray.length === 0) {
+            return { invalidArray: true };
+        }
+        return null;
+    }
     /**选择表格的表单控件 */
     selectTableControl(event, i, item) {
         if (event.target.value === '')
             return;
+        console.log(this.CurrentSelectionTableControlName, 'CurrentSelectionTableControlName');
         this.CurrentSelectionTableControlName = event.target.value;
         this.tableSelectOpen = true;
         this.tableSelectForm = this.fb.group(new TableFormControl());
         this.TableColumnsIndex = i;
         this.itemForm = item;
+        console.log(this.TableColumns, 'TableColumns', this._tableSelected);
     }
     /**创建站点模态框状态改变 */
     tableSelectVisibleChange(event) {
@@ -4111,10 +4150,10 @@ class TableConfigComponent {
         this.CurrentSelectionTableControlName = rows.get('formControlName').value;
         this.tableSelectForm = this.fb.group(new TableFormControl());
         this.tableSelectForm.patchValue({
-            ...rows.value
+            ...rows.value,
         });
         this.tableSelectForm.get('formConfiguration')?.patchValue({
-            ...rows.value['formConfiguration']
+            ...rows.value['formConfiguration'],
         });
         this._tableSelected = rows.value;
         this.TableColumnsIndex = i;
@@ -4130,7 +4169,7 @@ class TableConfigComponent {
     /**字段标签input失去标点生成字段名字 */
     disPlayNameInputBlur(event, item) {
         const value = event.target.value;
-        const pinyin = this._CmsApiService.chineseToPinyin(value);
+        const pinyin = this.toPinyinService.get(value);
         const nameInput = item.get('name');
         if (nameInput.value)
             return;
@@ -4141,13 +4180,13 @@ class TableConfigComponent {
         moveItemInArray(this.TableColumns.controls, event.previousIndex, event.currentIndex);
         this.TableColumns.updateValueAndValidity();
     }
-    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\">{{'AbpDynamicForm::SelectListItem' | abpLocalization}}</label>\n            <table class=\"table drag-table\" cdkDropList (cdkDropListDropped)=\"drop($event)\">\n                <thead>\n                    <tr>\n                        <th scope=\"col\"></th>\n                        <th scope=\"col\">{{'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\" type=\"button\" (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\"  cdkDrag cdkDragLockAxis=\"y\" [cdkDragData]=\"item\">\n                            <td>\n                                <div class=\"drag-handle\" cdkDragHandle>\n                                    <span class=\"bi bi-arrows-move fs-5\"></span>\n                                </div>\n                            </td>\n                            <td><input type=\"text\" class=\"form-control\" formControlName=\"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=\"\">{{'Cms::SelectFormControl' | abpLocalization}}</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 \" type=\"button\" (click.stop)=\"EditSitesBtn(item,i)\">\n                                        <i class=\"fas fa-edit\"></i>\n                                    </button>\n                                    <button class=\"btn btn-light btn-sm ms-1\" type=\"button\" (click.stop)=\"deleteTableColumns(i)\">\n                                        <i class=\"fas fa-minus\"></i>\n                                    </button>\n                                </div>\n                            </td>\n                        </tr>\n                    </ng-container>\n                </tbody>\n            </table>\n        </div>\n        <!-- (abpInit)=\"submitclick?.nativeElement?.click()\" -->\n        <button type=\"submit\"  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                 (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.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: "directive", type: i7.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: i7.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i7.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: TableConfigComponent, deps: [{ token: i1$1.FormBuilder }, { token: KeysConvertToLowercaseService }, { token: FieldsDataService }, { token: i4.ToPinyinService }], 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\">{{'AbpDynamicForm::SelectListItem' | abpLocalization}}</label>\n            <table class=\"table drag-table\" cdkDropList (cdkDropListDropped)=\"drop($event)\">\n                <thead>\n                    <tr>\n                        <th scope=\"col\"></th>\n                        <th scope=\"col\">{{'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\" type=\"button\" (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\"  cdkDrag cdkDragLockAxis=\"y\" [cdkDragData]=\"item\">\n                            <td>\n                                <div class=\"drag-handle\" cdkDragHandle>\n                                    <span class=\"bi bi-arrows-move fs-5\"></span>\n                                </div>\n                            </td>\n                            <td><input type=\"text\" class=\"form-control\" formControlName=\"displayName\" required (blur)=\"disPlayNameInputBlur($event,item)\" ></td>\n                            <td><input type=\"text\" class=\"form-control\" formControlName=\"name\" required></td>\n                            <td>\n                                <select class=\"form-select\" formControlName=\"formControlName\" required\n                                    (change)=\"selectTableControl($event,i,item)\">\n                                    <option value=\"\">{{'Cms::SelectFormControl' | abpLocalization}}</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 \" type=\"button\" (click.stop)=\"EditSitesBtn(item,i)\">\n                                        <i class=\"fas fa-edit\"></i>\n                                    </button>\n                                    <button class=\"btn btn-light btn-sm ms-1\" type=\"button\" (click.stop)=\"deleteTableColumns(i)\">\n                                        <i class=\"fas fa-minus\"></i>\n                                    </button>\n                                </div>\n                            </td>\n                        </tr>\n                    </ng-container>\n                </tbody>\n            </table>\n        </div>\n        <button type=\"submit\"  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                 (submit)=\"createOrEditSave()\">\n                <button type=\"submit\" #tableSelectModalSubmit style=\"display: none\"></button>\n                <ng-container *ngIf=\"CurrentSelectionTableControlName&&tableSelectForm\">\n                    <df-dynamic-config [type]=\"CurrentSelectionTableControlName\" \n                    [selected]=\"_tableSelected\" [formGroup]=\"tableSelectForm\" [form]=\"tableSelectForm\"></df-dynamic-config>\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: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i1$1.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "directive", type: i1.StopPropagationDirective, selector: "[click.stop]", outputs: ["click.stop"] }, { kind: "directive", type: i6$1.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i6$1.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: i6$2.DynamicConfigComponent, selector: "df-dynamic-config", inputs: ["type", "selected", "form"] }, { kind: "directive", type: i7.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: i7.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i7.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: TableConfigComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'df-table-config', template: "<form [formGroup]=\"_Entity\">\n    <div formGroupName=\"formConfiguration\">\n        <div class=\"mb-3\">\n            <label class=\"form-label\">{{'AbpDynamicForm::SelectListItem' | abpLocalization}}</label>\n            <table class=\"table drag-table\" cdkDropList (cdkDropListDropped)=\"drop($event)\">\n                <thead>\n                    <tr>\n                        <th scope=\"col\"></th>\n                        <th scope=\"col\">{{'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\" type=\"button\" (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\"  cdkDrag cdkDragLockAxis=\"y\" [cdkDragData]=\"item\">\n                            <td>\n                                <div class=\"drag-handle\" cdkDragHandle>\n                                    <span class=\"bi bi-arrows-move fs-5\"></span>\n                                </div>\n                            </td>\n                            <td><input type=\"text\" class=\"form-control\" formControlName=\"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=\"\">{{'Cms::SelectFormControl' | abpLocalization}}</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 \" type=\"button\" (click.stop)=\"EditSitesBtn(item,i)\">\n                                        <i class=\"fas fa-edit\"></i>\n                                    </button>\n                                    <button class=\"btn btn-light btn-sm ms-1\" type=\"button\" (click.stop)=\"deleteTableColumns(i)\">\n                                        <i class=\"fas fa-minus\"></i>\n                                    </button>\n                                </div>\n                            </td>\n                        </tr>\n                    </ng-container>\n                </tbody>\n            </table>\n        </div>\n        <!-- (abpInit)=\"submitclick?.nativeElement?.click()\" -->\n        <button type=\"submit\"  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                 (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"] }]
-        }], ctorParameters: () => [{ type: i1$2.FormBuilder }, { type: CmsApiService }, { type: FieldAbstractsService }], propDecorators: { Entity: [{
+            args: [{ selector: 'df-table-config', template: "<form [formGroup]=\"_Entity\">\n    <div formGroupName=\"formConfiguration\">\n        <div class=\"mb-3\">\n            <label class=\"form-label\">{{'AbpDynamicForm::SelectListItem' | abpLocalization}}</label>\n            <table class=\"table drag-table\" cdkDropList (cdkDropListDropped)=\"drop($event)\">\n                <thead>\n                    <tr>\n                        <th scope=\"col\"></th>\n                        <th scope=\"col\">{{'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\" type=\"button\" (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\"  cdkDrag cdkDragLockAxis=\"y\" [cdkDragData]=\"item\">\n                            <td>\n                                <div class=\"drag-handle\" cdkDragHandle>\n                                    <span class=\"bi bi-arrows-move fs-5\"></span>\n                                </div>\n                            </td>\n                            <td><input type=\"text\" class=\"form-control\" formControlName=\"displayName\" required (blur)=\"disPlayNameInputBlur($event,item)\" ></td>\n                            <td><input type=\"text\" class=\"form-control\" formControlName=\"name\" required></td>\n                            <td>\n                                <select class=\"form-select\" formControlName=\"formControlName\" required\n                                    (change)=\"selectTableControl($event,i,item)\">\n                                    <option value=\"\">{{'Cms::SelectFormControl' | abpLocalization}}</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 \" type=\"button\" (click.stop)=\"EditSitesBtn(item,i)\">\n                                        <i class=\"fas fa-edit\"></i>\n                                    </button>\n                                    <button class=\"btn btn-light btn-sm ms-1\" type=\"button\" (click.stop)=\"deleteTableColumns(i)\">\n                                        <i class=\"fas fa-minus\"></i>\n                                    </button>\n                                </div>\n                            </td>\n                        </tr>\n                    </ng-container>\n                </tbody>\n            </table>\n        </div>\n        <button type=\"submit\"  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                 (submit)=\"createOrEditSave()\">\n                <button type=\"submit\" #tableSelectModalSubmit style=\"display: none\"></button>\n                <ng-container *ngIf=\"CurrentSelectionTableControlName&&tableSelectForm\">\n                    <df-dynamic-config [type]=\"CurrentSelectionTableControlName\" \n                    [selected]=\"_tableSelected\" [formGroup]=\"tableSelectForm\" [form]=\"tableSelectForm\"></df-dynamic-config>\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"] }]
+        }], ctorParameters: () => [{ type: i1$1.FormBuilder }, { type: KeysConvertToLowercaseService }, { type: FieldsDataService }, { type: i4.ToPinyinService }], propDecorators: { Entity: [{
                 type: Input
             }], selected: [{
                 type: Input
@@ -4162,9 +4201,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImpor
             }] } });
 
 class TableControlComponent {
-    constructor(_CmsApiService // private fb: FormBuilder,
+    constructor(_KeysConvertToLowercaseService // private fb: FormBuilder,
     ) {
-        this._CmsApiService = _CmsApiService;
+        this._KeysConvertToLowercaseService = _KeysConvertToLowercaseService;
         this.fb = inject(FormBuilder);
         /**字段配置列表 */
         this._fields = '';
@@ -4178,7 +4217,7 @@ class TableControlComponent {
         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]);
+                    v.field.formConfiguration[key] = this._KeysConvertToLowercaseService.get(v.field?.formConfiguration[key]);
                 }
             }
             this._fields = v;
@@ -4191,7 +4230,7 @@ class TableControlComponent {
     }
     set selected(v) {
         if (v) {
-            v = this._CmsApiService.convertKeysToCamelCase(v);
+            v = this._KeysConvertToLowercaseService.get(v);
             this._selected = v;
             this.dataLoaded();
         }
@@ -4294,13 +4333,13 @@ class TableControlComponent {
         moveItemInArray(this.fieldNameControl.controls, event.previousIndex, event.currentIndex);
         this.fieldNameControl.updateValueAndValidity();
     }
-    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: "17.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 table-control\">\n            <label class=\"form-label\" *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\n            <div class=\"table-responsive table-fixed-header\">\n                <table class=\"table overflow-nowrap mb-0\"  cdkDropList (cdkDropListDropped)=\"drop($event)\">\n                    <thead>\n                        <tr>\n                            <th ></th>\n                            <ng-container *ngFor=\"let item of formConfiguration.TableColumns\">\n                                <th  [attr.field-type]=\"item.formControlName\" >{{ item.displayName }}</th>\n                            </ng-container>\n                            <th  class=\"sticky-right-card-bg\" >\n                                <div 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                                </div>\n                                \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 cdkDrag cdkDragLockAxis=\"y\" [cdkDragData]=\"item\">\n                                <td>\n                                    <div class=\"drag-handle\" cdkDragHandle>\n                                        <span class=\"bi bi-arrows-move fs-5\"></span>\n                                    </div>\n                                </td>\n                                <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\"\n                                                [entity]=\"item\"></df-dynamic>\n                                        </ng-container>\n                                    </td>\n                                </ng-container>\n                                <td scope=\"row\" class=\"sticky-right-card-bg\">\n                                    <div class=\"flex-end mb-3\">\n                                        <button class=\"btn btn-light btn-sm ms-1\"\n                                            (click.stop)=\"minusTableControlItem(i)\">\n                                            <i class=\"fas fa-minus\"></i>\n                                        </button>\n                                        <!-- <button class=\"btn btn-light btn-sm ms-1\"\n                                            (click.stop)=\"TableArrowUpOrDown('up',i)\" *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            </div>\n            @if(fieldNameControl?.errors?.required && fieldNameControl.touched){\n                <span class=\"form-text invalid-feedback d-block\">{{\"AbpValidation::ThisFieldIsRequired.\"|abpLocalization}}</span>\n            }\n            <small class=\"form-text text-muted d-block\"\n                *ngIf=\"_fields.field.description\">{{_fields.field.description}}</small>\n        </div>\n    </div>\n    <button type=\"submit\" style=\"display: none\" #submitclick></button>\n</form>", styles: [".flex-end{display:flex;align-items:center;justify-content:flex-end}.flex-start{display:flex;align-items:center;justify-content:flex-start}.table-control .sticky-right-card-bg{position:sticky;right:0;background:var(--bs-card-bg)}.table-control .table th{white-space:nowrap}.table-control .table th[field-type=TextEdit],.table-control .table th[field-type=Select],.table-control .table th[field-type=DateEdit],.table-control .table th[field-type=NumericEdit],.table-control .table th[field-type=Entry]{min-width:200px}.table-control .table th[field-type=FileExplorer],.table-control .table th[field-type=CkEditor]{min-width:300px}.table-control .table th[field-type=Matrix]{min-width:400px}\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"] }, { kind: "directive", type: i7.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: i7.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i7.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: TableControlComponent, deps: [{ token: KeysConvertToLowercaseService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.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 table-control\">\n            <label class=\"form-label\" *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\n            <div class=\"table-responsive table-fixed-header\">\n                <table class=\"table overflow-nowrap mb-0\"  cdkDropList (cdkDropListDropped)=\"drop($event)\">\n                    <thead>\n                        <tr>\n                            <th ></th>\n                            <ng-container *ngFor=\"let item of formConfiguration.TableColumns\">\n                                <th  [attr.field-type]=\"item.formControlName\" >{{ item.displayName }}</th>\n                            </ng-container>\n                            <th  class=\"sticky-right-card-bg\" >\n                                <div 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                                </div>\n                                \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 cdkDrag cdkDragLockAxis=\"y\" [cdkDragData]=\"item\">\n                                <td>\n                                    <div class=\"drag-handle\" cdkDragHandle>\n                                        <span class=\"bi bi-arrows-move fs-5\"></span>\n                                    </div>\n                                </td>\n                                <ng-container *ngFor=\"let el of formConfiguration.TableColumns\">\n                                    <td>\n                                        <ng-container *ngIf=\"item&&el\">\n                                            <df-dynamic-control [fields]=\"{ field: el }\"\n                                                [selected]=\"_selected?_selected[i]?.extraProperties[''+el.name+'']:''\"\n                                                [parentFiledName]=\"'extraProperties'\" [culture]=\"_culture\"\n                                                [entity]=\"item\"></df-dynamic-control>\n                                        </ng-container>\n                                    </td>\n                                </ng-container>\n                                <td scope=\"row\" class=\"sticky-right-card-bg\">\n                                    <div class=\"flex-end mb-3\">\n                                        <button class=\"btn btn-light btn-sm ms-1\"\n                                            (click.stop)=\"minusTableControlItem(i)\">\n                                            <i class=\"fas fa-minus\"></i>\n                                        </button>\n                                        <!-- <button class=\"btn btn-light btn-sm ms-1\"\n                                            (click.stop)=\"TableArrowUpOrDown('up',i)\" *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            </div>\n            @if(fieldNameControl?.errors?.required && fieldNameControl.touched){\n                <span class=\"form-text invalid-feedback d-block\">{{\"AbpValidation::ThisFieldIsRequired.\"|abpLocalization}}</span>\n            }\n            <small class=\"form-text text-muted d-block\"\n                *ngIf=\"_fields.field.description\">{{_fields.field.description}}</small>\n        </div>\n    </div>\n    <button type=\"submit\" style=\"display: none\" #submitclick></button>\n</form>", styles: [".flex-end{display:flex;align-items:center;justify-content:flex-end}.flex-start{display:flex;align-items:center;justify-content:flex-start}.table-control .sticky-right-card-bg{position:sticky;right:0;background:var(--bs-card-bg)}.table-control .table th{white-space:nowrap}.table-control .table th[field-type=TextEdit],.table-control .table th[field-type=Select],.table-control .table th[field-type=DateEdit],.table-control .table th[field-type=NumericEdit],.table-control .table th[field-type=Entry]{min-width:200px}.table-control .table th[field-type=FileExplorer],.table-control .table th[field-type=CkEditor]{min-width:300px}.table-control .table th[field-type=Matrix]{min-width:400px}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i1$1.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "directive", type: i1.StopPropagationDirective, selector: "[click.stop]", outputs: ["click.stop"] }, { kind: "directive", type: i6$1.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "component", type: i6$2.DynamicControlComponent, selector: "df-dynamic-control", inputs: ["selected", "culture", "parentFiledName", "fields", "entity"] }, { kind: "directive", type: i7.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: i7.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i7.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] }); }
 }
 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 table-control\">\n            <label class=\"form-label\" *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\n            <div class=\"table-responsive table-fixed-header\">\n                <table class=\"table overflow-nowrap mb-0\"  cdkDropList (cdkDropListDropped)=\"drop($event)\">\n                    <thead>\n                        <tr>\n                            <th ></th>\n                            <ng-container *ngFor=\"let item of formConfiguration.TableColumns\">\n                                <th  [attr.field-type]=\"item.formControlName\" >{{ item.displayName }}</th>\n                            </ng-container>\n                            <th  class=\"sticky-right-card-bg\" >\n                                <div 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                                </div>\n                                \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 cdkDrag cdkDragLockAxis=\"y\" [cdkDragData]=\"item\">\n                                <td>\n                                    <div class=\"drag-handle\" cdkDragHandle>\n                                        <span class=\"bi bi-arrows-move fs-5\"></span>\n                                    </div>\n                                </td>\n                                <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\"\n                                                [entity]=\"item\"></df-dynamic>\n                                        </ng-container>\n                                    </td>\n                                </ng-container>\n                                <td scope=\"row\" class=\"sticky-right-card-bg\">\n                                    <div class=\"flex-end mb-3\">\n                                        <button class=\"btn btn-light btn-sm ms-1\"\n                                            (click.stop)=\"minusTableControlItem(i)\">\n                                            <i class=\"fas fa-minus\"></i>\n                                        </button>\n                                        <!-- <button class=\"btn btn-light btn-sm ms-1\"\n                                            (click.stop)=\"TableArrowUpOrDown('up',i)\" *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            </div>\n            @if(fieldNameControl?.errors?.required && fieldNameControl.touched){\n                <span class=\"form-text invalid-feedback d-block\">{{\"AbpValidation::ThisFieldIsRequired.\"|abpLocalization}}</span>\n            }\n            <small class=\"form-text text-muted d-block\"\n                *ngIf=\"_fields.field.description\">{{_fields.field.description}}</small>\n        </div>\n    </div>\n    <button type=\"submit\" style=\"display: none\" #submitclick></button>\n</form>", styles: [".flex-end{display:flex;align-items:center;justify-content:flex-end}.flex-start{display:flex;align-items:center;justify-content:flex-start}.table-control .sticky-right-card-bg{position:sticky;right:0;background:var(--bs-card-bg)}.table-control .table th{white-space:nowrap}.table-control .table th[field-type=TextEdit],.table-control .table th[field-type=Select],.table-control .table th[field-type=DateEdit],.table-control .table th[field-type=NumericEdit],.table-control .table th[field-type=Entry]{min-width:200px}.table-control .table th[field-type=FileExplorer],.table-control .table th[field-type=CkEditor]{min-width:300px}.table-control .table th[field-type=Matrix]{min-width:400px}\n"] }]
-        }], ctorParameters: () => [{ type: CmsApiService }], propDecorators: { entity: [{
+            args: [{ selector: 'df-table-control', template: "<form [formGroup]=\"_entity\">\n    <div formGroupName=\"extraProperties\" >\n        <div class=\"mb-3 table-control\">\n            <label class=\"form-label\" *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\n            <div class=\"table-responsive table-fixed-header\">\n                <table class=\"table overflow-nowrap mb-0\"  cdkDropList (cdkDropListDropped)=\"drop($event)\">\n                    <thead>\n                        <tr>\n                            <th ></th>\n                            <ng-container *ngFor=\"let item of formConfiguration.TableColumns\">\n                                <th  [attr.field-type]=\"item.formControlName\" >{{ item.displayName }}</th>\n                            </ng-container>\n                            <th  class=\"sticky-right-card-bg\" >\n                                <div 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                                </div>\n                                \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 cdkDrag cdkDragLockAxis=\"y\" [cdkDragData]=\"item\">\n                                <td>\n                                    <div class=\"drag-handle\" cdkDragHandle>\n                                        <span class=\"bi bi-arrows-move fs-5\"></span>\n                                    </div>\n                                </td>\n                                <ng-container *ngFor=\"let el of formConfiguration.TableColumns\">\n                                    <td>\n                                        <ng-container *ngIf=\"item&&el\">\n                                            <df-dynamic-control [fields]=\"{ field: el }\"\n                                                [selected]=\"_selected?_selected[i]?.extraProperties[''+el.name+'']:''\"\n                                                [parentFiledName]=\"'extraProperties'\" [culture]=\"_culture\"\n                                                [entity]=\"item\"></df-dynamic-control>\n                                        </ng-container>\n                                    </td>\n                                </ng-container>\n                                <td scope=\"row\" class=\"sticky-right-card-bg\">\n                                    <div class=\"flex-end mb-3\">\n                                        <button class=\"btn btn-light btn-sm ms-1\"\n                                            (click.stop)=\"minusTableControlItem(i)\">\n                                            <i class=\"fas fa-minus\"></i>\n                                        </button>\n                                        <!-- <button class=\"btn btn-light btn-sm ms-1\"\n                                            (click.stop)=\"TableArrowUpOrDown('up',i)\" *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            </div>\n            @if(fieldNameControl?.errors?.required && fieldNameControl.touched){\n                <span class=\"form-text invalid-feedback d-block\">{{\"AbpValidation::ThisFieldIsRequired.\"|abpLocalization}}</span>\n            }\n            <small class=\"form-text text-muted d-block\"\n                *ngIf=\"_fields.field.description\">{{_fields.field.description}}</small>\n        </div>\n    </div>\n    <button type=\"submit\" style=\"display: none\" #submitclick></button>\n</form>", styles: [".flex-end{display:flex;align-items:center;justify-content:flex-end}.flex-start{display:flex;align-items:center;justify-content:flex-start}.table-control .sticky-right-card-bg{position:sticky;right:0;background:var(--bs-card-bg)}.table-control .table th{white-space:nowrap}.table-control .table th[field-type=TextEdit],.table-control .table th[field-type=Select],.table-control .table th[field-type=DateEdit],.table-control .table th[field-type=NumericEdit],.table-control .table th[field-type=Entry]{min-width:200px}.table-control .table th[field-type=FileExplorer],.table-control .table th[field-type=CkEditor]{min-width:300px}.table-control .table th[field-type=Matrix]{min-width:400px}\n"] }]
+        }], ctorParameters: () => [{ type: KeysConvertToLowercaseService }], propDecorators: { entity: [{
                 type: Input
             }], fields: [{
                 type: Input
@@ -4315,6 +4354,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImpor
                 args: ['submitclick', { static: true }]
             }] } });
 
+/* eslint-disable @angular-eslint/component-selector */
 class TableViewComponent {
     constructor() {
         /**展示则内容 */
@@ -4330,13 +4370,13 @@ class TableViewComponent {
     async ngAfterContentInit() {
         //Called after ngOnInit when the component's or directive's content has been initialized.
         //Add 'implements AfterContentInit' to the class.
-        let valueOptions = this._value;
+        const valueOptions = this._value;
         if (this.type && valueOptions) {
             this.showValue = valueOptions;
         }
     }
     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" }] }); }
+    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: i2.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,
@@ -4379,109 +4419,69 @@ const cmsFieldControlGroup = [
     },
 ];
 
-var styles = `
-.lpx-content-container .lpx-content{min-height:calc(100vh - 34px);padding:1.25em 2em 1.25em}h1,h2,h3,h4,h5,h6{color:inherit}.lpx-settings .lpx-context-menu{overflow:auto}
-a {
-    text-decoration: unset;
-}
-
-
-// :root select{
-//   cursor: pointer; /* this will show the pointer when hovering */
-// } 
-// .cdk-global-overlay-wrapper, .cdk-overlay-container {pointer-events: none;top: 0;left: 0;height: 100%;width: 100% }.cdk-overlay-container {position: fixed;z-index: 1000 }.cdk-overlay-container:empty {display: none }.cdk-global-overlay-wrapper, .cdk-overlay-connected-position-bounding-box, .cdk-overlay-pane {position: absolute;z-index: 1000;display: flex }.cdk-overlay-pane {pointer-events: auto;box-sizing: border-box;max-width: 100%;max-height: 100% }.cdk-overlay-backdrop {position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 1000;pointer-events: auto;transition: opacity .4s cubic-bezier(.25, .8, .25, 1);opacity: 0 }.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {opacity: 1 }.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {opacity: .6 }.cdk-overlay-dark-backdrop {background: rgba(0, 0, 0, .32) }.cdk-overlay-transparent-backdrop {transition: visibility 1ms linear, opacity 1ms linear;visibility: hidden;opacity: 1 }.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {opacity: 0;visibility: visible }.cdk-overlay-backdrop-noop-animation {transition: none }.cdk-overlay-connected-position-bounding-box {flex-direction: column;min-width: 1px;min-height: 1px }.cdk-global-scrollblock {position: fixed;width: 100%;overflow-y: scroll }.cdk-visually-hidden {border: 0;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;outline: 0;-webkit-appearance: none;-moz-appearance: none }.nz-overlay-transparent-backdrop, .nz-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {opacity: 0 }.ant-select, .ant-select-dropdown {margin: 0;line-height: 1.5715;box-sizing: border-box;font-feature-settings: 'tnum';list-style: none }.ant-dropdown.ant-slide-down-appear.ant-slide-down-appear-active.ant-dropdown-placement-bottom, .ant-dropdown.ant-slide-down-appear.ant-slide-down-appear-active.ant-dropdown-placement-bottomLeft, .ant-dropdown.ant-slide-down-appear.ant-slide-down-appear-active.ant-dropdown-placement-bottomRight, .ant-dropdown.ant-slide-down-enter.ant-slide-down-enter-active.ant-dropdown-placement-bottom, .ant-dropdown.ant-slide-down-enter.ant-slide-down-enter-active.ant-dropdown-placement-bottomLeft, .ant-dropdown.ant-slide-down-enter.ant-slide-down-enter-active.ant-dropdown-placement-bottomRight, .ant-select-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-select-dropdown-placement-bottomLeft, .ant-select-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-select-dropdown-placement-bottomLeft {animation-name: antSlideUpIn }.ant-select-dropdown.ant-select-tree-dropdown {top: 100%;left: 0;position: relative;width: 100%;margin-top: 4px;margin-bottom: 4px;overflow: auto }.ant-select-dropdown-hidden, .ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info .anticon-delete, .ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info .anticon-eye, .ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info::before {display: none }.ant-select-dropdown {top: 100%;left: 0;position: relative;width: 100%;margin-top: 4px;margin-bottom: 4px;display: block }.ant-select-dropdown .cdk-virtual-scroll-content-wrapper {right: 0 }.ant-select-dropdown .full-width {contain: initial }.ant-select-dropdown .full-width .cdk-virtual-scroll-content-wrapper {position: static }.ant-select-dropdown .full-width .cdk-virtual-scroll-spacer {position: absolute;top: 0;width: 1px }.ant-select-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-select-dropdown-placement-topLeft, .ant-select-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-select-dropdown-placement-topLeft {animation-name: antSlideDownIn }.ant-select-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-select-dropdown-placement-bottomLeft {animation-name: antSlideUpOut }.ant-select-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-select-dropdown-placement-topLeft {animation-name: antSlideDownOut }
-
-/*** 表单验证样式 start */
-.was-validated .form-control:invalid, .form-control.is-invalid{
-    border-color: #c00d49 !important;
-}
-/*** 表单验证样式 end */
-`;
-
-let isAppentStyle = false;
-function appentStyle() {
-    /**确保该路由守卫只会执行一次 */
-    if (isAppentStyle)
-        return;
-    isAppentStyle = true;
-    const rendererFactory = inject(RendererFactory2);
-    const renderer = rendererFactory.createRenderer(null, null);
-    const style = renderer.createElement('style');
-    renderer.setProperty(style, 'innerHTML', styles);
-    renderer.appendChild(document.head, style);
-}
-
-/**版块 */
-const Sections_Defaults_Toolbar_Action = ToolbarAction.createMany([
+/**
+ * 字段列表-新建
+ * [ECmsComponent.Fields]:Fields_Defaults_Toolbar_Action
+ */
+const Fields_Defaults_Toolbar_Action = ToolbarAction.createMany([
     {
         text: 'Cms::New',
         action: data => {
-            const component = data.getInjected(SectionsComponent);
-            component.createBtn();
+            const component = data.getInjected(FieldsComponent);
+            component.toFieldsCreateBtn();
         },
         btnClass: '',
         permission: 'CmsAdmin.Entry.Create',
         icon: 'fa fa-plus',
     },
 ]);
-/**版块-创建-编辑 */
-const Sections_Create_Or_Edit_Defaults_Toolbar_Action = ToolbarAction.createMany([
+/**字段创建页-保存 */
+const Fields_Create_Defaults_Toolbar_Action = ToolbarAction.createMany([
     {
         text: 'AbpUi::Save',
         action: data => {
-            const component = data.getInjected(CreateOrEditComponent);
-            component.submitclickBtn();
+            const component = data.getInjected(CreateFieldComponent);
+            //   component.submitclickBtn();
+            component.submitclick?.nativeElement?.click();
         },
         btnClass: '',
         permission: 'CmsAdmin.Entry.Create',
         icon: 'fas fa-save',
     },
 ]);
-/**站点 */
-// export const Sites_Defaults_Toolbar_Action = ToolbarAction.createMany<any[]>([
-//     {
-//         text: 'Cms::New',
-//         action: data => {
-//             const component = data.getInjected(SitesComponent);
-//             // component.createSitesBtn();
-//         },
-//         btnClass: '',
-//         permission: 'CmsAdmin.Entry.Create',
-//         icon: 'fa fa-plus',
-//     },
-// ]);
-/**字段 */
-const Fields_Defaults_Toolbar_Action = ToolbarAction.createMany([
+/**字段创建页-保存 */
+const Fields_Edit_Defaults_Toolbar_Action = ToolbarAction.createMany([
     {
-        text: 'Cms::New',
+        text: 'AbpUi::Save',
         action: data => {
-            const component = data.getInjected(FieldsComponent);
-            component.toFieldsCreateBtn();
+            const component = data.getInjected(EditFieldComponent);
+            //   component.submitclickBtn();
+            component.submitclick?.nativeElement?.click();
         },
         btnClass: '',
         permission: 'CmsAdmin.Entry.Create',
-        icon: 'fa fa-plus',
+        icon: 'fas fa-save',
     },
 ]);
-/**字段-创建 */
-const Fields_Create_Defaults_Toolbar_Action = ToolbarAction.createMany([
+/**版块 */
+const Sections_Defaults_Toolbar_Action = ToolbarAction.createMany([
     {
-        text: 'AbpUi::Save',
+        text: 'Cms::New',
         action: data => {
-            const component = data.getInjected(CreateFieldComponent);
-            component.submitclickBtn();
+            const component = data.getInjected(SectionsComponent);
+            component.createBtn();
         },
         btnClass: '',
         permission: 'CmsAdmin.Entry.Create',
-        icon: 'fas fa-save',
+        icon: 'fa fa-plus',
     },
 ]);
-/**字段-创建 */
-const Fields_Edit_Defaults_Toolbar_Action = ToolbarAction.createMany([
+/**版块-创建-编辑 */
+const Sections_Create_Or_Edit_Defaults_Toolbar_Action = ToolbarAction.createMany([
     {
         text: 'AbpUi::Save',
         action: data => {
-            const component = data.getInjected(EditFieldComponent);
+            const component = data.getInjected(CreateOrEditComponent);
             component.submitclickBtn();
         },
         btnClass: '',
@@ -4489,6 +4489,19 @@ const Fields_Edit_Defaults_Toolbar_Action = ToolbarAction.createMany([
         icon: 'fas fa-save',
     },
 ]);
+/**站点 */
+// export const Sites_Defaults_Toolbar_Action = ToolbarAction.createMany<any[]>([
+//     {
+//         text: 'Cms::New',
+//         action: data => {
+//             const component = data.getInjected(SitesComponent);
+//             // component.createSitesBtn();
+//         },
+//         btnClass: '',
+//         permission: 'CmsAdmin.Entry.Create',
+//         icon: 'fa fa-plus',
+//     },
+// ]);
 /**条目 */
 const Entries_Defaults_Toolbar_Action = ToolbarAction.createMany([
     {
@@ -4591,8 +4604,8 @@ const Fields_Entity_Props = EntityProp.createMany([
         displayName: 'Cms::FormControlName',
         sortable: false,
         valueResolver: (data) => {
-            const _FieldAbstractsService = data.getInjected(FieldAbstractsService);
-            const fromControlList = _FieldAbstractsService.getExcludeAssignControl();
+            const _FieldsDataService = data.getInjected(FieldsDataService);
+            const fromControlList = _FieldsDataService.fieldControlsTypesList;
             const formControlDisplayName = fromControlList.find(el => el.name == data.record.formControlName)?.displayName;
             return of(formControlDisplayName || data.record.formControlName);
         },
@@ -4787,7 +4800,7 @@ const routes = [
     {
         path: 'admin',
         canActivate: [AuthGuard, PermissionGuard],
-        resolve: [Extensions_Props_Action_Token_Resolver, appentStyle],
+        resolve: [Extensions_Props_Action_Token_Resolver],
         children: [
             {
                 path: 'entries',
@@ -4858,7 +4871,7 @@ const routes = [
 ];
 class CmsRoutingModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: CmsRoutingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.5", ngImport: i0, type: CmsRoutingModule, imports: [i4.RouterModule], exports: [RouterModule] }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.5", ngImport: i0, type: CmsRoutingModule, imports: [i6.RouterModule], exports: [RouterModule] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: CmsRoutingModule, imports: [RouterModule.forChild(routes), RouterModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: CmsRoutingModule, decorators: [{
@@ -4896,7 +4909,7 @@ class CmsModule {
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.5", ngImport: i0, type: CmsModule, declarations: [EntriesComponent,
             FieldsComponent,
             SectionsComponent,
-            FieldGroupComponent,
+            FieldsGroupComponent,
             CreateFieldComponent,
             EditFieldComponent,
             CreateOrEditFieldComponent,
@@ -4961,7 +4974,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImpor
                         EntriesComponent,
                         FieldsComponent,
                         SectionsComponent,
-                        FieldGroupComponent,
+                        FieldsGroupComponent,
                         CreateFieldComponent,
                         EditFieldComponent,
                         CreateOrEditFieldComponent,