@dignite-ng/expand.cms 0.0.52 → 0.0.53

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

@@ -0,0 +1,3915 @@
+import * as i0 from '@angular/core';
+import { Injectable, EventEmitter, inject, Component, ViewContainerRef, Input, ViewChildren, ViewChild, Output, RendererFactory2, InjectionToken, NgModule } from '@angular/core';
+import * as i1 from '@abp/ng.core';
+import { mapEnumToOptions, ListService, ConfigStateService, LIST_QUERY_DEBOUNCE_TIME, LocalizationService, AuthGuard, PermissionGuard, LazyModuleFactory, CoreModule } from '@abp/ng.core';
+import * as i3 from '@abp/ng.theme.shared';
+import { ToasterService, ThemeSharedModule } from '@abp/ng.theme.shared';
+import * as i3$1 from '@angular/router';
+import { RouterModule } from '@angular/router';
+import { EXTENSIONS_IDENTIFIER, ToolbarAction, ExtensionsService, getObjectExtensionEntitiesFromStore, mapEntitiesToContributors, mergeWithDefaultActions, mergeWithDefaultProps } from '@abp/ng.components/extensible';
+import * as i1$1 from '@angular/forms';
+import { FormBuilder, Validators, FormGroup, FormControl, FormArray, FormsModule } from '@angular/forms';
+import * as i8 from '@swimlane/ngx-datatable';
+import { ColumnMode } from '@swimlane/ngx-datatable';
+import { finalize, map, tap } from 'rxjs';
+import * as i2 from '@angular/common';
+import * as i9 from '@ngx-validate/core';
+import * as i10 from '@ng-bootstrap/ng-bootstrap';
+import { NgbNavModule, NgbAccordionModule, NgbDropdownModule } from '@ng-bootstrap/ng-bootstrap';
+import * as i8$1 from '@abp/ng.components/page';
+import { PageModule } from '@abp/ng.components/page';
+import { pinyin } from 'pinyin-pro';
+import * as i1$2 from '@angular/platform-browser';
+import * as i8$2 from '@dignite-ng/expand.dynamic-form';
+import { DynamicFormModule } from '@dignite-ng/expand.dynamic-form';
+import { finalize as finalize$1 } from 'rxjs/operators';
+import * as i4 from 'ng-zorro-antd/select';
+import { NzSelectModule } from 'ng-zorro-antd/select';
+import { fielFieldControlGroup } from '@dignite-ng/expand.file-explorer';
+import { ckEditorFieldControlGroup } from '@dignite-ng/expand.ck-editor';
+
+class SiteSettingsAdminService {
+    constructor(restService) {
+        this.restService = restService;
+        this.apiName = 'CmsAdmin';
+        this.getAllLanguages = (config) => this.restService.request({
+            method: 'GET',
+            url: '/api/cms-admin/site-settings/all-languages',
+        }, { apiName: this.apiName, ...config });
+        this.getBrand = (config) => this.restService.request({
+            method: 'GET',
+            url: '/api/cms-admin/site-settings/brand',
+        }, { apiName: this.apiName, ...config });
+        this.getDefaultLanguage = (config) => this.restService.request({
+            method: 'GET',
+            responseType: 'text',
+            url: '/api/cms-admin/site-settings/default-language',
+        }, { apiName: this.apiName, ...config });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: SiteSettingsAdminService, deps: [{ token: i1.RestService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: SiteSettingsAdminService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: SiteSettingsAdminService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: i1.RestService }] });
+
+var EntryStatus;
+(function (EntryStatus) {
+    EntryStatus[EntryStatus["Draft"] = 0] = "Draft";
+    EntryStatus[EntryStatus["Published"] = 1] = "Published";
+})(EntryStatus || (EntryStatus = {}));
+const entryStatusOptions = mapEnumToOptions(EntryStatus);
+
+var ECmsComponent;
+(function (ECmsComponent) {
+    ECmsComponent["Entries"] = "Cms.Entries";
+    ECmsComponent["Entries_Create"] = "Cms.Entries.Create";
+    ECmsComponent["Entries_Edit"] = "Cms.Entries.Edit";
+    ECmsComponent["Fields"] = "Cms.Fields";
+    ECmsComponent["FieldsCreate"] = "Cms.Fields.Create";
+    ECmsComponent["FieldsEdit"] = "Cms.Fields.Edit";
+    ECmsComponent["Sites"] = "Cms.Sites";
+    ECmsComponent["Sections"] = "Cms.Sections";
+    ECmsComponent["SectionsCreateOrEdit"] = "Cms.Sections.Create.Or.Edit";
+})(ECmsComponent || (ECmsComponent = {}));
+
+class UpdateListService {
+    constructor() {
+        this.updateListEvent = new EventEmitter();
+    }
+    updateList() {
+        this.updateListEvent.emit();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: UpdateListService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: UpdateListService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: UpdateListService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [] });
+
+class EntryAdminService {
+    constructor(restService) {
+        this.restService = restService;
+        this.apiName = 'CmsAdmin';
+        this.activate = (id, config) => this.restService.request({
+            method: 'POST',
+            url: `/api/cms-admin/entries/activate/${id}`,
+        }, { apiName: this.apiName, ...config });
+        this.create = (input, config) => this.restService.request({
+            method: 'POST',
+            url: '/api/cms-admin/entries',
+            body: input,
+        }, { apiName: this.apiName, ...config });
+        this.cultureExistWithSingleSection = (input, config) => this.restService.request({
+            method: 'GET',
+            url: '/api/cms-admin/entries/culture-exists-with-single-section',
+            params: { culture: input.culture, sectionId: input.sectionId, entryTypeId: input.entryTypeId },
+        }, { apiName: this.apiName, ...config });
+        this.delete = (id, config) => this.restService.request({
+            method: 'DELETE',
+            url: `/api/cms-admin/entries/${id}`,
+        }, { apiName: this.apiName, ...config });
+        this.get = (id, config) => this.restService.request({
+            method: 'GET',
+            url: `/api/cms-admin/entries/${id}`,
+        }, { apiName: this.apiName, ...config });
+        this.getAllVersions = (id, config) => this.restService.request({
+            method: 'GET',
+            url: `/api/cms-admin/entries/${id}/all-versions`,
+        }, { apiName: this.apiName, ...config });
+        this.getList = (input, config) => this.restService.request({
+            method: 'GET',
+            url: '/api/cms-admin/entries',
+            params: { culture: input.culture, sectionId: input.sectionId, entryTypeId: input.entryTypeId, startPublishDate: input.startPublishDate, expiryPublishDate: input.expiryPublishDate, filter: input.filter, status: input.status, creatorId: input.creatorId, sorting: input.sorting, skipCount: input.skipCount, maxResultCount: input.maxResultCount },
+        }, { apiName: this.apiName, ...config });
+        this.getListByIds = (sectionId, ids, config) => this.restService.request({
+            method: 'GET',
+            url: '/api/cms-admin/entries/search-by-ids',
+            params: { sectionId, ids },
+        }, { apiName: this.apiName, ...config });
+        this.move = (id, input, config) => this.restService.request({
+            method: 'POST',
+            url: `/api/cms-admin/entries/move/${id}`,
+            body: input,
+        }, { apiName: this.apiName, ...config });
+        this.slugExists = (input, config) => this.restService.request({
+            method: 'GET',
+            url: '/api/cms-admin/entries/slug-exists',
+            params: { culture: input.culture, sectionId: input.sectionId, slug: input.slug },
+        }, { apiName: this.apiName, ...config });
+        this.update = (id, input, config) => this.restService.request({
+            method: 'PUT',
+            url: '/api/cms-admin/entries',
+            params: { id },
+            body: input,
+        }, { apiName: this.apiName, ...config });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: EntryAdminService, deps: [{ token: i1.RestService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: EntryAdminService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: EntryAdminService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: i1.RestService }] });
+
+class EntryTypeAdminService {
+    constructor(restService) {
+        this.restService = restService;
+        this.apiName = 'CmsAdmin';
+        this.create = (input, config) => this.restService.request({
+            method: 'POST',
+            url: '/api/cms-admin/entry-types',
+            body: input,
+        }, { apiName: this.apiName, ...config });
+        this.delete = (id, config) => this.restService.request({
+            method: 'DELETE',
+            url: `/api/cms-admin/entry-types/${id}`,
+        }, { apiName: this.apiName, ...config });
+        this.get = (id, config) => this.restService.request({
+            method: 'GET',
+            url: `/api/cms-admin/entry-types/${id}`,
+        }, { apiName: this.apiName, ...config });
+        this.nameExists = (input, config) => this.restService.request({
+            method: 'GET',
+            url: '/api/cms-admin/entry-types/name-exists',
+            params: { sectionId: input.sectionId, name: input.name },
+        }, { apiName: this.apiName, ...config });
+        this.update = (id, input, config) => this.restService.request({
+            method: 'PUT',
+            url: `/api/cms-admin/entry-types/${id}`,
+            body: input,
+        }, { apiName: this.apiName, ...config });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: EntryTypeAdminService, deps: [{ token: i1.RestService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: EntryTypeAdminService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: EntryTypeAdminService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: i1.RestService }] });
+
+class SectionAdminService {
+    constructor(restService) {
+        this.restService = restService;
+        this.apiName = 'CmsAdmin';
+        this.create = (input, config) => this.restService.request({
+            method: 'POST',
+            url: '/api/cms-admin/sections',
+            body: input,
+        }, { apiName: this.apiName, ...config });
+        this.delete = (id, config) => this.restService.request({
+            method: 'DELETE',
+            url: `/api/cms-admin/sections/${id}`,
+        }, { apiName: this.apiName, ...config });
+        this.get = (id, config) => this.restService.request({
+            method: 'GET',
+            url: `/api/cms-admin/sections/${id}`,
+        }, { apiName: this.apiName, ...config });
+        this.getList = (input, config) => this.restService.request({
+            method: 'GET',
+            url: '/api/cms-admin/sections',
+            params: { filter: input.filter, isActive: input.isActive, sorting: input.sorting, skipCount: input.skipCount, maxResultCount: input.maxResultCount },
+        }, { apiName: this.apiName, ...config });
+        this.nameExists = (input, config) => this.restService.request({
+            method: 'GET',
+            url: '/api/cms-admin/sections/name-exists',
+            params: { name: input.name },
+        }, { apiName: this.apiName, ...config });
+        this.routeExists = (input, config) => this.restService.request({
+            method: 'GET',
+            url: '/api/cms-admin/sections/route-exists',
+            params: { route: input.route },
+        }, { apiName: this.apiName, ...config });
+        this.update = (id, input, config) => this.restService.request({
+            method: 'PUT',
+            url: `/api/cms-admin/sections/${id}`,
+            body: input,
+        }, { apiName: this.apiName, ...config });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: SectionAdminService, deps: [{ token: i1.RestService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: SectionAdminService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: SectionAdminService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: i1.RestService }] });
+
+class EntriesComponent {
+    constructor(_EntryAdminService, _SectionAdminService, toaster, confirmation, configState, router, _LocalizationService) {
+        this._EntryAdminService = _EntryAdminService;
+        this._SectionAdminService = _SectionAdminService;
+        this.toaster = toaster;
+        this.confirmation = confirmation;
+        this.configState = configState;
+        this.router = router;
+        this._LocalizationService = _LocalizationService;
+        this.fb = inject(FormBuilder);
+        this._UpdateListService = inject(UpdateListService);
+        this.list = inject(ListService);
+        /**站点列表 */
+        // siteList: any[any] = []
+        /**选择的站点id */
+        // siteId: string = ''
+        /**站点下的版块 */
+        this.SiteOfSectionList = [];
+        /**版块下的语言列表 */
+        this.sectionLanguagesList = [];
+        /**版块下的条目类型列表 */
+        this.entryTypeList = [];
+        /**状态编码 */
+        this._entryStatusOptions = entryStatusOptions;
+        this.config = inject(ConfigStateService);
+        this._SiteSettingsAdminService = inject(SiteSettingsAdminService);
+        /**站点设置语言 */
+        this.SiteSettingsAdminLanguages = [];
+        /**列表相关 */
+        this.ColumnMode = ColumnMode;
+        this.data = {
+            items: [],
+            totalCount: 0,
+        };
+        this.filters = {};
+        this.filtersForm = this.fb.group({
+            siteId: [''],
+            sectionId: [''],
+            culture: [''],
+            filter: [''],
+        });
+    }
+    ngOnInit() {
+        this.getPageDate();
+        this._UpdateListService.updateListEvent.subscribe(() => {
+            this.list.get();
+        });
+    }
+    /**获取页面数据 */
+    async getPageDate() {
+        await this.getSiteOfSectionList();
+        await this.getSectionLanguagesList();
+        this.filters = this.filtersForm.value;
+        this.hookToQuery();
+    }
+    /**切换板块 */
+    async sectionIdChange() {
+        this.getSectionOfEntryType();
+        await this.getSectionLanguagesList();
+        this.resetData();
+    }
+    /**切换语言 */
+    async cultureChange() {
+        this.resetData();
+    }
+    /**获取站点下的版块 */
+    getSiteOfSectionList() {
+        return new Promise((resolve, rejects) => {
+            this._SectionAdminService.getList({
+                maxResultCount: 1000,
+            }).subscribe(res => {
+                this.SiteOfSectionList = res.items;
+                this.filtersForm.get('sectionId').patchValue(res.items[0]?.id || '');
+                this.getSectionOfEntryType();
+                resolve(res.items);
+            });
+        });
+    }
+    /**获取版块下的条目类型 */
+    getSectionOfEntryType() {
+        let sectionId = this.filtersForm.get('sectionId').value;
+        this.entryTypeList = this.SiteOfSectionList.find(el => el.id == sectionId)?.entryTypes || [];
+    }
+    /**获取版块下的语言列表 */
+    getSectionLanguagesList() {
+        return new Promise(async (resolve, rejects) => {
+            //获取所有语言 */
+            let languagesSystem = this.configState.getDeep('localization.languages');
+            //获取系统默认语言 */
+            let DefaultLanguage = this.config.getSetting("Abp.Localization.DefaultLanguage");
+            const configCmsSiteLanguages = this.config.getSetting("Cms.Site.Languages");
+            if (!configCmsSiteLanguages) {
+                await this.getSiteSettingsLanguages();
+            }
+            const LanguagesSite = (configCmsSiteLanguages ? configCmsSiteLanguages.split(',') : '') || this.SiteSettingsAdminLanguages;
+            let LanguagesArray = languagesSystem.filter(el => LanguagesSite.includes(el.cultureName));
+            //获取当前选择的语言
+            let nowculture = this.filtersForm.get('culture').value;
+            //当前选择的语言，是否在版块的的语言列表中
+            let isexist = LanguagesArray.find(el => el.cultureName == nowculture);
+            this.filtersForm.get('culture').patchValue(nowculture ? isexist ? nowculture : DefaultLanguage : DefaultLanguage);
+            this.sectionLanguagesList = LanguagesArray;
+            resolve(LanguagesArray);
+        });
+    }
+    /**
+     * 获取站点设置语言
+     */
+    getSiteSettingsLanguages() {
+        return new Promise((resolve, rejects) => {
+            this._SiteSettingsAdminService.getAllLanguages().subscribe(res => {
+                this.SiteSettingsAdminLanguages = res;
+                resolve(res);
+            });
+        });
+    }
+    resetData() {
+        this.filters = this.filtersForm.value;
+        this.list.page = 0;
+        this.data.items = [];
+        this.list.get();
+    }
+    /**新增-单个 */
+    createEntriesBtn() {
+        this.router.navigate(['/cms/admin/entries/create'], {
+            queryParams: { cultureName: this.filters.culture, sectionId: this.filters.sectionId, entryTypeId: this.entryTypeList[0].id }
+        });
+    }
+    hookToQuery() {
+        const getData = (query) => this._EntryAdminService.getList({
+            ...query,
+            ...this.filters,
+        });
+        const setData = (list) => {
+            this.data = list;
+        };
+        this.list.hookToQuery(getData).subscribe(setData);
+    }
+    /**删除条目 */
+    deletefield(row) {
+        this.confirmation.warn(row.displayName, this._LocalizationService.instant(`AbpUi::ItemWillBeDeletedMessage`)).subscribe((status) => {
+            if (status == 'confirm') {
+                this._EntryAdminService.delete(row.id).pipe(finalize(() => {
+                })).subscribe(res => {
+                    this.toaster.success(this._LocalizationService.instant(`AbpUi::SuccessfullyDeleted`));
+                    this.list.get();
+                });
+            }
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: EntriesComponent, deps: [{ token: EntryAdminService }, { token: SectionAdminService }, { token: i3.ToasterService }, { token: i3.ConfirmationService }, { token: i1.ConfigStateService }, { token: i3$1.Router }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: EntriesComponent, selector: "cms-entries", providers: [
+            ListService,
+            // 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.Entries,
+            },
+        ], ngImport: i0, template: "<abp-page [title]=\"'Cms::Entries' | abpLocalization\" [toolbar]=\"true\">\r\n    <abp-page-toolbar-container *ngIf=\"entryTypeList.length < 1\" class=\"col \"></abp-page-toolbar-container>\r\n    <abp-page-toolbar-container *ngIf=\"entryTypeList.length > 1\" class=\"col \">\r\n        <div class=\"row justify-content-end mx-0 gap-2\" *abpPermission=\"'CmsAdmin.Entry.Create'\">\r\n            <div class=\"col-auto px-0 pt-0\">\r\n                <div ngbDropdown class=\"d-inline-block\">\r\n                    <button type=\"button\" class=\"btn btn-primary btn-sm ms-2\" id=\"dropdownBasic1\" ngbDropdownToggle>\r\n                        <i class=\"fa fa-plus pe-1\" aria-hidden=\"true\"></i>{{'Cms::New' | abpLocalization}}\r\n                    </button>\r\n                    <div ngbDropdownMenu aria-labelledby=\"dropdownBasic1\">\r\n                        <ng-container *ngFor=\"let item of entryTypeList\">\r\n                            <button ngbDropdownItem [routerLink]=\"['/cms/admin/entries/create']\"\r\n                                [queryParams]=\"{cultureName: filters.culture,sectionId:filters.sectionId,entryTypeId:item.id}\">{{item.displayName}}</button>\r\n                        </ng-container>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </abp-page-toolbar-container>\r\n    <div id=\"sites-page\" class=\"sites-page\">\r\n        <div class=\"card\">\r\n            <div class=\"card-body px-2 py-sm-2 border-bottom\" [formGroup]=\"filtersForm\">\r\n                <div class=\"row align-items-end\">\r\n                    <div class=\"mb-2 col-3\">\r\n                        <label class=\"form-label\">{{'Cms::Sections' | abpLocalization}}\uFF1A</label>\r\n                        <select class=\"form-select col-auto\" formControlName=\"sectionId\" (change)=\"sectionIdChange()\">\r\n                            <ng-container *ngFor=\"let item of SiteOfSectionList\">\r\n                                <option [value]=\"item.id\">{{item.displayName}}</option>\r\n                            </ng-container>\r\n                        </select>\r\n                    </div>\r\n                    <div class=\"mb-2 col-3\">\r\n                        <label class=\"form-label\">{{'AbpUi::Languages' | abpLocalization}}\uFF1A</label>\r\n                        <select class=\"form-select col-auto\" formControlName=\"culture\" (change)=\"cultureChange()\">\r\n                            <ng-container *ngFor=\"let item of sectionLanguagesList\">\r\n                                <option [value]=\"item.cultureName\">{{item.displayName}}</option>\r\n                            </ng-container>\r\n                        </select>\r\n                    </div>\r\n                \r\n                    <div class=\"mb-2 col-3\">\r\n                        <label class=\"form-label\">{{'AbpUi::Search' | abpLocalization}}\uFF1A</label>\r\n                        <input type=\"text\" class=\"form-control\" formControlName=\"filter\"\r\n                        [placeholder]=\"'AbpUi::Search' | abpLocalization\" />\r\n                    </div>\r\n                    <div class=\"mb-2 col-3\">\r\n                        <button class=\"btn btn-primary px-3\" type=\"button\" id=\"button-addon2\" (click)=\"resetData()\">\r\n                            <i class=\"fa fa-search\"></i>\r\n                        </button>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"card mb-0\">\r\n            <div class=\"card-body p-0\">\r\n                <div class=\"table-responsive table-fixed-header\">\r\n                    <ngx-datatable class=\"material \" [rows]=\"data.items\" [list]=\"list\"\r\n                        [columnMode]=\"ColumnMode.force\" [headerHeight]=\"50\" [footerHeight]=\"50\" rowHeight=\"auto\"\r\n                        [virtualization]=\"false\" [externalPaging]=\"true\" [count]=\"data.totalCount\" [scrollbarH]=\"true\">\r\n                        <ngx-datatable-column [name]=\"'Cms::Title' | abpLocalization\" prop=\"title\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                {{ value }}\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        <ngx-datatable-column [name]=\"'Cms::EntryType' | abpLocalization\" prop=\"entryTypeId\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\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\">\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                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                <ng-container *ngFor=\"let item of _entryStatusOptions\">\r\n                                    <ng-container *ngIf=\"item.value=== value\">{{ 'Cms::Enum:EntryStatus:'+item.key |\r\n                                        abpLocalization }}</ng-container>\r\n                                </ng-container>\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        <ngx-datatable-column [name]=\"'Cms::PublishTime' | abpLocalization\" prop=\"publishTime\" [width]=\"190\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                {{value | date: 'YYYY/MM/dd HH:mm:s' }}\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        <ngx-datatable-column [sortable]=\"false\"  [name]=\"'AbpUi::Actions' | abpLocalization\"\r\n                         [frozenLeft]=\"true\" [width]=\"110\" [maxWidth]=\"110\" >\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                <div ngbDropdown container=\"body\">\r\n                                    <button type=\"button\" class=\"btn btn-primary btn-sm\" ngbDropdownToggle>\r\n                                        <i class=\"me-1 fa fa-cog\"></i> {{'AbpUi::Actions' | abpLocalization}}\r\n                                    </button>\r\n                                    <div ngbDropdownMenu>\r\n                                        <button ngbDropdownItem\r\n                                            routerLink=\"/cms/admin/entries/{{row.id}}/edit\">{{'AbpUi::Edit' |\r\n                                            abpLocalization}}</button>\r\n                                        <button ngbDropdownItem (click)=\"deletefield(row)\">{{'AbpUi::Delete' |\r\n                                            abpLocalization}}</button>\r\n                                    </div>\r\n                                </div>\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                    </ngx-datatable>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</abp-page>", styles: ["::ng-deep .sites-page .dignite_page{background:transparent}::ng-deep .sites-page .list-group-flush>.list-group-item:first-child{border-top-width:var(--bs-list-group-border-width)}::ng-deep .sites-page .card-header input{flex:2 1 auto}::ng-deep .sites-page .card-header .form-select{padding:.475rem 3.75rem .475rem 1.25rem}::ng-deep .sites-page .morentr{border:2px solid transparent}::ng-deep .sites-page .borderdrag{border:2px solid var(--ck-color-selector-column-resizer-hover)!important}::ng-deep .sites-page .borderdragtd{background-color:var(--ck-color-selector-column-resizer-hover)!important}::ng-deep .sites-page .testtr{border-color:transparent}::ng-deep .sites-page .testtr td{padding:2px}::ng-deep .sites-page .testtr:hover{background-color:transparent}.cdk-drag-preview{display:table;box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.example-box:last-child{border:0}.example-list.cdk-drop-list-dragging .example-box:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}::ng-deep .sites-modal-form .form-control{padding:.4rem 1.25rem}\n"], dependencies: [{ kind: "directive", type: 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.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: i3$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1.PermissionDirective, selector: "[abpPermission]", inputs: ["abpPermission", "abpPermissionRunChangeDetection"] }, { kind: "component", type: i8.DatatableComponent, selector: "ngx-datatable", inputs: ["targetMarkerTemplate", "rows", "groupRowsBy", "groupedRows", "columns", "selected", "scrollbarV", "scrollbarH", "rowHeight", "columnMode", "headerHeight", "footerHeight", "externalPaging", "externalSorting", "limit", "count", "offset", "loadingIndicator", "selectionType", "reorderable", "swapColumns", "sortType", "sorts", "cssClasses", "messages", "rowClass", "selectCheck", "displayCheck", "groupExpansionDefault", "trackByProp", "selectAllRowsOnPage", "virtualization", "treeFromRelation", "treeToRelation", "summaryRow", "summaryHeight", "summaryPosition", "rowIdentity"], outputs: ["scroll", "activate", "select", "sort", "page", "reorder", "resize", "tableContextmenu", "treeAction"] }, { kind: "directive", type: i8.DataTableColumnDirective, selector: "ngx-datatable-column", inputs: ["name", "prop", "frozenLeft", "frozenRight", "flexGrow", "resizeable", "comparator", "pipe", "sortable", "draggable", "canAutoResize", "minWidth", "width", "maxWidth", "checkboxable", "headerCheckboxable", "headerClass", "cellClass", "isTreeColumn", "treeLevelIndent", "summaryFunc", "summaryTemplate", "cellTemplate", "headerTemplate", "treeToggleTemplate"] }, { kind: "directive", type: i8.DataTableColumnCellDirective, selector: "[ngx-datatable-cell-template]" }, { kind: "directive", type: i9.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i9.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "directive", type: i3.NgxDatatableListDirective, selector: "ngx-datatable[list]", inputs: ["list"], exportAs: ["ngxDatatableList"] }, { kind: "directive", type: i10.NgbDropdown, selector: "[ngbDropdown]", inputs: ["autoClose", "dropdownClass", "open", "placement", "popperOptions", "container", "display"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { kind: "directive", type: i10.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { kind: "directive", type: i10.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { kind: "directive", type: i10.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["tabindex", "disabled"] }, { kind: "directive", type: i10.NgbDropdownButtonItem, selector: "button[ngbDropdownItem]" }, { kind: "component", type: i8$1.PageComponent, selector: "abp-page", inputs: ["title", "toolbar", "breadcrumb"] }, { kind: "component", type: i8$1.PageToolbarContainerComponent, selector: "abp-page-toolbar-container" }, { 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: EntriesComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cms-entries', providers: [
+                        ListService,
+                        // Provide this token if you want a different debounce time.
+                        // Default is 300. Cannot be 0. Any value below 100 is not recommended.
+                        { provide: LIST_QUERY_DEBOUNCE_TIME, useValue: 500 },
+                        {
+                            provide: EXTENSIONS_IDENTIFIER,
+                            useValue: ECmsComponent.Entries,
+                        },
+                    ], template: "<abp-page [title]=\"'Cms::Entries' | abpLocalization\" [toolbar]=\"true\">\r\n    <abp-page-toolbar-container *ngIf=\"entryTypeList.length < 1\" class=\"col \"></abp-page-toolbar-container>\r\n    <abp-page-toolbar-container *ngIf=\"entryTypeList.length > 1\" class=\"col \">\r\n        <div class=\"row justify-content-end mx-0 gap-2\" *abpPermission=\"'CmsAdmin.Entry.Create'\">\r\n            <div class=\"col-auto px-0 pt-0\">\r\n                <div ngbDropdown class=\"d-inline-block\">\r\n                    <button type=\"button\" class=\"btn btn-primary btn-sm ms-2\" id=\"dropdownBasic1\" ngbDropdownToggle>\r\n                        <i class=\"fa fa-plus pe-1\" aria-hidden=\"true\"></i>{{'Cms::New' | abpLocalization}}\r\n                    </button>\r\n                    <div ngbDropdownMenu aria-labelledby=\"dropdownBasic1\">\r\n                        <ng-container *ngFor=\"let item of entryTypeList\">\r\n                            <button ngbDropdownItem [routerLink]=\"['/cms/admin/entries/create']\"\r\n                                [queryParams]=\"{cultureName: filters.culture,sectionId:filters.sectionId,entryTypeId:item.id}\">{{item.displayName}}</button>\r\n                        </ng-container>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </abp-page-toolbar-container>\r\n    <div id=\"sites-page\" class=\"sites-page\">\r\n        <div class=\"card\">\r\n            <div class=\"card-body px-2 py-sm-2 border-bottom\" [formGroup]=\"filtersForm\">\r\n                <div class=\"row align-items-end\">\r\n                    <div class=\"mb-2 col-3\">\r\n                        <label class=\"form-label\">{{'Cms::Sections' | abpLocalization}}\uFF1A</label>\r\n                        <select class=\"form-select col-auto\" formControlName=\"sectionId\" (change)=\"sectionIdChange()\">\r\n                            <ng-container *ngFor=\"let item of SiteOfSectionList\">\r\n                                <option [value]=\"item.id\">{{item.displayName}}</option>\r\n                            </ng-container>\r\n                        </select>\r\n                    </div>\r\n                    <div class=\"mb-2 col-3\">\r\n                        <label class=\"form-label\">{{'AbpUi::Languages' | abpLocalization}}\uFF1A</label>\r\n                        <select class=\"form-select col-auto\" formControlName=\"culture\" (change)=\"cultureChange()\">\r\n                            <ng-container *ngFor=\"let item of sectionLanguagesList\">\r\n                                <option [value]=\"item.cultureName\">{{item.displayName}}</option>\r\n                            </ng-container>\r\n                        </select>\r\n                    </div>\r\n                \r\n                    <div class=\"mb-2 col-3\">\r\n                        <label class=\"form-label\">{{'AbpUi::Search' | abpLocalization}}\uFF1A</label>\r\n                        <input type=\"text\" class=\"form-control\" formControlName=\"filter\"\r\n                        [placeholder]=\"'AbpUi::Search' | abpLocalization\" />\r\n                    </div>\r\n                    <div class=\"mb-2 col-3\">\r\n                        <button class=\"btn btn-primary px-3\" type=\"button\" id=\"button-addon2\" (click)=\"resetData()\">\r\n                            <i class=\"fa fa-search\"></i>\r\n                        </button>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"card mb-0\">\r\n            <div class=\"card-body p-0\">\r\n                <div class=\"table-responsive table-fixed-header\">\r\n                    <ngx-datatable class=\"material \" [rows]=\"data.items\" [list]=\"list\"\r\n                        [columnMode]=\"ColumnMode.force\" [headerHeight]=\"50\" [footerHeight]=\"50\" rowHeight=\"auto\"\r\n                        [virtualization]=\"false\" [externalPaging]=\"true\" [count]=\"data.totalCount\" [scrollbarH]=\"true\">\r\n                        <ngx-datatable-column [name]=\"'Cms::Title' | abpLocalization\" prop=\"title\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                {{ value }}\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        <ngx-datatable-column [name]=\"'Cms::EntryType' | abpLocalization\" prop=\"entryTypeId\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\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\">\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                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                <ng-container *ngFor=\"let item of _entryStatusOptions\">\r\n                                    <ng-container *ngIf=\"item.value=== value\">{{ 'Cms::Enum:EntryStatus:'+item.key |\r\n                                        abpLocalization }}</ng-container>\r\n                                </ng-container>\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        <ngx-datatable-column [name]=\"'Cms::PublishTime' | abpLocalization\" prop=\"publishTime\" [width]=\"190\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                {{value | date: 'YYYY/MM/dd HH:mm:s' }}\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        <ngx-datatable-column [sortable]=\"false\"  [name]=\"'AbpUi::Actions' | abpLocalization\"\r\n                         [frozenLeft]=\"true\" [width]=\"110\" [maxWidth]=\"110\" >\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                <div ngbDropdown container=\"body\">\r\n                                    <button type=\"button\" class=\"btn btn-primary btn-sm\" ngbDropdownToggle>\r\n                                        <i class=\"me-1 fa fa-cog\"></i> {{'AbpUi::Actions' | abpLocalization}}\r\n                                    </button>\r\n                                    <div ngbDropdownMenu>\r\n                                        <button ngbDropdownItem\r\n                                            routerLink=\"/cms/admin/entries/{{row.id}}/edit\">{{'AbpUi::Edit' |\r\n                                            abpLocalization}}</button>\r\n                                        <button ngbDropdownItem (click)=\"deletefield(row)\">{{'AbpUi::Delete' |\r\n                                            abpLocalization}}</button>\r\n                                    </div>\r\n                                </div>\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                    </ngx-datatable>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</abp-page>", styles: ["::ng-deep .sites-page .dignite_page{background:transparent}::ng-deep .sites-page .list-group-flush>.list-group-item:first-child{border-top-width:var(--bs-list-group-border-width)}::ng-deep .sites-page .card-header input{flex:2 1 auto}::ng-deep .sites-page .card-header .form-select{padding:.475rem 3.75rem .475rem 1.25rem}::ng-deep .sites-page .morentr{border:2px solid transparent}::ng-deep .sites-page .borderdrag{border:2px solid var(--ck-color-selector-column-resizer-hover)!important}::ng-deep .sites-page .borderdragtd{background-color:var(--ck-color-selector-column-resizer-hover)!important}::ng-deep .sites-page .testtr{border-color:transparent}::ng-deep .sites-page .testtr td{padding:2px}::ng-deep .sites-page .testtr:hover{background-color:transparent}.cdk-drag-preview{display:table;box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.example-box:last-child{border:0}.example-list.cdk-drop-list-dragging .example-box:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}::ng-deep .sites-modal-form .form-control{padding:.4rem 1.25rem}\n"] }]
+        }], ctorParameters: () => [{ type: EntryAdminService }, { type: SectionAdminService }, { type: i3.ToasterService }, { type: i3.ConfirmationService }, { type: i1.ConfigStateService }, { type: i3$1.Router }, { type: i1.LocalizationService }] });
+
+class CreateOrUpdateEntryInputBase {
+    constructor(data) {
+        /**语言 */
+        this.culture = ['', [Validators.required]];
+        /**条目id */
+        this.entryTypeId = [''];
+        /**标题 */
+        this.title = ['', [Validators.required]];
+        /**别名 */
+        this.slug = ['', [Validators.required]];
+        /**是否是草稿 */
+        this.draft = ['', []];
+        /**发布时间 */
+        this.publishTime = ['', [Validators.required]];
+        /**上级目录 */
+        this.parentId = [null];
+        /**修订说明 */
+        this.versionNotes = [null];
+        /**版本 */
+        this.initialVersionId = [null];
+        this.extraProperties = new FormGroup({});
+        if (data) {
+            for (const key in data) {
+                if (data.hasOwnProperty(key)) {
+                    this[key] = data[key];
+                }
+            }
+        }
+    }
+}
+
+class ValidatorsService {
+    constructor() {
+        this.fb = inject(FormBuilder);
+        this.toaster = inject(ToasterService);
+        this._LocalizationService = inject(LocalizationService);
+    }
+    /**检查表单- */
+    /**检查表单- */
+    isCheckForm(input, module = 'AbpValidation') {
+        let keys = Object.keys(input);
+        for (let i = 0; i < keys.length; i++) {
+            const element = keys[i];
+            if (input[element] == false) {
+                let info = `"${this._LocalizationService.instant(`${module}::${element}`)}" `;
+                if (element.includes('.') && !element.includes('].')) {
+                    let arr = element.split('.');
+                    info = `"${this._LocalizationService.instant(`CmsKit::${arr[0]}`)}.${this._LocalizationService.instant(`CmsKit::${arr[1]}`)}"`;
+                }
+                if (element.includes('].')) {
+                    let arr = element.split('].');
+                    let arrStart = arr[0].split('[');
+                    info = `"${this._LocalizationService.instant(`CmsKit::${arrStart[0]}`)}[${arrStart[1]}].${this._LocalizationService.instant(`CmsKit::${arr[1]}`)}"`;
+                }
+                info += `${this._LocalizationService.instant(`AbpValidation::ThisFieldIsNotValid`)}`;
+                //使用abp多语言提示
+                this.toaster.warn(info);
+                return true;
+            }
+        }
+        return false;
+    }
+    /**获取表单所有字段是否通过验证 */
+    getFormValidationStatus(formEntity) {
+        let validationStatus = {};
+        // 递归遍历表单组和表单控件集合
+        const traverseForm = (form, prefix = '') => {
+            if (form instanceof FormGroup) {
+                Object.keys(form.controls).forEach(key => {
+                    const control = form.controls[key];
+                    let displayName = key.charAt(0).toUpperCase() + key.slice(1);
+                    const fullKey = prefix ? `${prefix}.${displayName}` : displayName;
+                    if (control instanceof FormControl) {
+                        validationStatus[fullKey] = control.valid;
+                    }
+                    else if (control instanceof FormArray) {
+                        traverseForm(control, fullKey);
+                    }
+                    else if (control instanceof FormGroup) {
+                        traverseForm(control, fullKey);
+                    }
+                });
+            }
+            else if (form instanceof FormArray) {
+                form.controls.forEach((control, index) => {
+                    const fullKey = prefix ? `${prefix}[${index}]` : `[${index}]`;
+                    if (control instanceof FormControl) {
+                        validationStatus[fullKey] = control.valid;
+                    }
+                    else if (control instanceof FormArray) {
+                        traverseForm(control, fullKey);
+                    }
+                    else if (control instanceof FormGroup) {
+                        traverseForm(control, fullKey);
+                    }
+                });
+            }
+        };
+        traverseForm(formEntity);
+        return validationStatus;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: ValidatorsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: ValidatorsService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: ValidatorsService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [] });
+
+class FieldGroupAdminService {
+    constructor(restService) {
+        this.restService = restService;
+        this.apiName = 'CmsAdmin';
+        this.create = (input, config) => this.restService.request({
+            method: 'POST',
+            url: '/api/cms-admin/field-groups',
+            body: input,
+        }, { apiName: this.apiName, ...config });
+        this.delete = (id, config) => this.restService.request({
+            method: 'DELETE',
+            url: `/api/cms-admin/field-groups/${id}`,
+        }, { apiName: this.apiName, ...config });
+        this.get = (id, config) => this.restService.request({
+            method: 'GET',
+            url: `/api/cms-admin/field-groups/${id}`,
+        }, { apiName: this.apiName, ...config });
+        this.getList = (input, config) => this.restService.request({
+            method: 'GET',
+            url: '/api/cms-admin/field-groups',
+            params: { input },
+        }, { apiName: this.apiName, ...config });
+        this.update = (id, input, config) => this.restService.request({
+            method: 'PUT',
+            url: `/api/cms-admin/field-groups/${id}`,
+            body: input,
+        }, { apiName: this.apiName, ...config });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: FieldGroupAdminService, deps: [{ token: i1.RestService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: FieldGroupAdminService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: FieldGroupAdminService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: i1.RestService }] });
+
+class FormAdminService {
+    constructor(restService) {
+        this.restService = restService;
+        this.apiName = 'CmsAdmin';
+        this.getFormControls = (config) => this.restService.request({
+            method: 'GET',
+            url: '/api/cms-admin/dynamic-forms/forms',
+        }, { apiName: this.apiName, ...config });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: FormAdminService, deps: [{ token: i1.RestService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: FormAdminService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: FormAdminService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: i1.RestService }] });
+
+class FieldAbstractsService {
+    constructor(_FieldGroupAdminService, _FormAdminService) {
+        this._FieldGroupAdminService = _FieldGroupAdminService;
+        this._FormAdminService = _FormAdminService;
+        /**字段分组列表 */
+        this.fieldGroupList = [];
+        /**表单控件类型 */
+        this.fromControlList = [];
+    }
+    /**获取字段分组列表 */
+    getfieldGroupList() {
+        this._FieldGroupAdminService.getList({}).subscribe(res => {
+            this.fieldGroupList = 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 }] });
+
+class CmsApiService {
+    constructor(titleService) {
+        this.titleService = titleService;
+    }
+    /**动态设置浏览器标题 */
+    setBrowserTitle(title) {
+        this.titleService.setTitle(title);
+    }
+    /**
+     * 识别中文转化为拼音，固定返回类型
+     * 汉字转拼音
+     * 大写转小写
+     *
+     *  */
+    chineseToPinyin(value) {
+        //去除字符串中所有的空格
+        // let val = value
+        let val = value.replaceAll(' ', "-");
+        let array = val.split('');
+        let newArray = [];
+        array.forEach((el, index) => {
+            //转化为小写
+            let elChange = el.toLowerCase();
+            let isChinese = (str) => {
+                return /^[\u4e00-\u9fa5]+$/.test(str);
+            };
+            if (isChinese(elChange)) {
+                const resultWithoutTone = pinyin(elChange, { toneType: 'none', type: 'array' });
+                elChange = resultWithoutTone.toString();
+                if (index < array.length - 1)
+                    elChange += '-';
+            }
+            ;
+            newArray.push(elChange);
+        });
+        let pinyinstr = newArray.join('');
+        return pinyinstr || val;
+    }
+    /**
+    * 深拷贝--方法  */
+    deepClone(obj) {
+        if (typeof obj !== 'object' || obj === null)
+            return obj;
+        const result = Array.isArray(obj) ? [] : {};
+        for (let key in obj) {
+            if (obj.hasOwnProperty(key)) {
+                if (typeof obj[key] === 'object' && obj[key] !== null) {
+                    if (obj[key] instanceof Date) {
+                        result[key] = new Date(obj[key].getTime());
+                    }
+                    else if (obj[key] instanceof RegExp) {
+                        result[key] = new RegExp(obj[key]);
+                    }
+                    else {
+                        result[key] = this.deepClone(obj[key]);
+                    }
+                }
+                else {
+                    result[key] = obj[key];
+                }
+            }
+        }
+        return result;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: CmsApiService, deps: [{ token: i1$2.Title }], 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: () => [{ type: i1$2.Title }] });
+
+class SimpleReuseStrategy {
+    static { this.cacheRouters = new Map(); }
+    static deleteRouteCache(url) {
+        if (SimpleReuseStrategy.cacheRouters.has(url)) {
+            const handle = SimpleReuseStrategy.cacheRouters.get(url);
+            try {
+                handle.componentRef.destory();
+            }
+            catch (e) { }
+            SimpleReuseStrategy.cacheRouters.delete(url);
+        }
+    }
+    static deleteAllRouteCache() {
+        SimpleReuseStrategy.cacheRouters.forEach((handle, key) => {
+            SimpleReuseStrategy.deleteRouteCache(key);
+        });
+    }
+    // one 进入路由触发，是否同一路由时复用路由
+    shouldReuseRoute(future, curr) {
+        return future.routeConfig === curr.routeConfig &&
+            JSON.stringify(future.params) === JSON.stringify(curr.params);
+    }
+    // 获取存储路由
+    retrieve(route) {
+        const url = this.getFullRouteURL(route);
+        if (route.data.keep && SimpleReuseStrategy.cacheRouters.has(url)) {
+            return SimpleReuseStrategy.cacheRouters.get(url);
+        }
+        else {
+            return null;
+        }
+    }
+    // 是否允许复用路由
+    shouldDetach(route) {
+        return Boolean(route.data.keep);
+    }
+    // 当路由离开时会触发，存储路由
+    store(route, handle) {
+        const url = this.getFullRouteURL(route);
+        // 先把之前缓存的删除,
+        SimpleReuseStrategy.cacheRouters.forEach((handle, key) => {
+            SimpleReuseStrategy.deleteRouteCache(key);
+        });
+        SimpleReuseStrategy.cacheRouters.set(url, handle);
+    }
+    //  是否允许还原路由
+    shouldAttach(route) {
+        const url = this.getFullRouteURL(route);
+        return Boolean(route.data.keep) && SimpleReuseStrategy.cacheRouters.has(url);
+    }
+    // 获取当前路由url
+    getFullRouteURL(route) {
+        const { pathFromRoot } = route;
+        let fullRouteUrlPath = [];
+        pathFromRoot.forEach((item) => {
+            fullRouteUrlPath = fullRouteUrlPath.concat(this.getRouteUrlPath(item));
+        });
+        return `/${fullRouteUrlPath.join('/')}`;
+    }
+    getRouteUrlPath(route) {
+        return route.url.map(urlSegment => urlSegment.path);
+    }
+}
+
+class CreateOrEditEntriesComponent {
+    constructor(toaster, _location, configState, _SectionAdminService, _EntryAdminService, datePipe, _LocalizationService, router, _CmsApiService) {
+        this.toaster = toaster;
+        this._location = _location;
+        this.configState = configState;
+        this._SectionAdminService = _SectionAdminService;
+        this._EntryAdminService = _EntryAdminService;
+        this.datePipe = datePipe;
+        this._LocalizationService = _LocalizationService;
+        this.router = router;
+        this._CmsApiService = _CmsApiService;
+        /**语言 */
+        this.cultureName = '';
+        /**条目类型id */
+        this.entryTypeId = '';
+        /**新建版本的版本id，同条目id */
+        this.RevisionEntryId = '';
+        /**选择的条目项 */
+        this.entryTypesItem = '';
+        /**版块id */
+        this.sectionId = '';
+        /**版块详情 */
+        this.SectionSelect = '';
+        /**语言列表 */
+        this.languagesList = [];
+        /**条目类型列表-用于选择上级条目 */
+        this.entryTypesList = [];
+        /**版本列表 */
+        this.AllVersionsList = [];
+        /**是否是编辑 */
+        this.isEdit = false;
+        /**来自父组件的传值 */
+        this.FromParentQueryParams = '';
+        /**指定id的条目信息 */
+        this.entrySelect = '';
+        this.time = 0;
+        this.config = inject(ConfigStateService);
+    }
+    set ParentQueryParams(v) {
+        if (v) {
+            this.FromParentQueryParams = v;
+        }
+    }
+    set entity(v) {
+        if (v) {
+            this._entity = v;
+        }
+    }
+    set parentEntrySelect(v) {
+        if (v) {
+            let V_extraProperties = this._CmsApiService.deepClone(this.convertExtraProperties(v.extraProperties));
+            v.extraProperties = V_extraProperties;
+            this.entrySelect = v;
+        }
+    }
+    /**将对象中的ExtraProperties赋值到extraProperties */
+    convertExtraProperties(obj) {
+        for (let key in obj) {
+            if (Array.isArray(obj[key])) {
+                obj[key].forEach(item => {
+                    if (item.hasOwnProperty('ExtraProperties')) {
+                        item['extraProperties'] = item['ExtraProperties'];
+                    }
+                });
+            }
+        }
+        return obj;
+    }
+    /**别名表单实体 */
+    get sluginput() {
+        return this._entity.get('slug');
+    }
+    /**语言表单实体 */
+    get cultureinput() {
+        return this._entity.get('culture');
+    }
+    /**语言表单实体影子 */
+    get culture_shadowInput() {
+        return this._entity.get('culture_shadow');
+    }
+    /**extraProperties配置表单实体 */
+    get extraProperties() {
+        return this._entity.get('extraProperties');
+    }
+    async ngAfterContentInit() {
+        //Called after ngOnInit when the component's or directive's content has been initialized.
+        //Add 'implements AfterContentInit' to the class.
+        let queryParams = this.FromParentQueryParams;
+        if (this._entity && this.FromParentQueryParams) {
+            this._entity.setControl('slug', new FormControl('', {
+                validators: Validators.required,
+                asyncValidators: this.repetitionAsyncValidator(),
+                updateOn: 'blur'
+            }));
+            this._entity.setControl('culture_shadow', new FormControl('', {
+                validators: [Validators.required],
+                asyncValidators: this.cultureAsyncValidator_test(),
+            }));
+            this._entity.get('culture').disable();
+            if (queryParams.RevisionEntryId && this.entrySelect) {
+                this.RevisionEntryId = queryParams.RevisionEntryId;
+                this.setEntryconfig(this.entrySelect);
+            }
+            else {
+                this.setEntryconfig(queryParams);
+            }
+            if (this.sectionId)
+                await this.getSectionSelect();
+            if (this.RevisionEntryId)
+                await this.getAllVersionsList();
+        }
+    }
+    /**定义自定义异步验证 */
+    cultureAsyncValidator_test() {
+        return (ctrl) => {
+            return new Promise(resolve => {
+                let subculture = this._entity?.get('culture').value;
+                if (subculture == this.entrySelect?.culture || this.SectionSelect.type !== 0) {
+                    resolve(null);
+                    return;
+                }
+                this._EntryAdminService.cultureExistWithSingleSection({
+                    culture: subculture,
+                    sectionId: this.sectionId,
+                    entryTypeId: this.entryTypeId
+                }).subscribe(res => {
+                    if (res) {
+                        resolve({ repetition: this._LocalizationService.instant(`Cms::EntriesAlreadyExistEntryType`, this.entryTypesItem.displayName, this.languagesList.find(el => el.cultureName == subculture).displayName) });
+                    }
+                    else {
+                        resolve(null);
+                    }
+                });
+            });
+        };
+    }
+    /**
+   * 设置条目详情
+   * @param {object} source - 数据源对象
+   */
+    setEntryconfig(source) {
+        this.entryTypeId = source.entryTypeId;
+        this.cultureName = source.culture || source.cultureName;
+        this.sectionId = source.sectionId;
+    }
+    /**定义自定义异步验证 */
+    repetitionAsyncValidator() {
+        return (ctrl) => {
+            return new Promise(resolve => {
+                let subslug = this._entity?.get('slug').value;
+                if (subslug == this.entrySelect?.slug) {
+                    resolve(null);
+                    return;
+                }
+                this._EntryAdminService.slugExists({
+                    culture: this.cultureName,
+                    sectionId: this.sectionId,
+                    slug: subslug
+                }).subscribe(res => {
+                    if (res) {
+                        resolve({ repetition: this._LocalizationService.instant(`Cms::EntrySlug{0}AlreadyExist`, ctrl.value) });
+                    }
+                    else {
+                        resolve(null);
+                    }
+                });
+            });
+        };
+    }
+    /**获取版块详情 */
+    getSectionSelect() {
+        return new Promise((resolve, rejects) => {
+            this._SectionAdminService.get(this.sectionId).subscribe(async (res) => {
+                let languages = this.configState.getDeep('localization.languages');
+                this.languagesList = languages;
+                let entryTypesItem = res.entryTypes.find(el => el.id == this.entryTypeId);
+                this.SectionSelect = res;
+                await this.getTypeEntryList();
+                this.entryTypesItem = entryTypesItem;
+                this.entryTypesList = res.entryTypes.filter(el => el.id == this.entryTypeId);
+                this._entity.patchValue({
+                    ...this.entrySelect,
+                    initialVersionId: this.entrySelect?.initialVersionId || this.RevisionEntryId || '',
+                    culture: this.cultureName,
+                    culture_shadow: this.cultureName,
+                    entryTypeId: this.entryTypeId,
+                    publishTime: this.datePipe.transform(new Date(), 'yyyy-MM-dd HH:mm:ss'),
+                });
+                resolve(true);
+            });
+        });
+    }
+    /**获取条目类型下所有条目列表 */
+    getTypeEntryList() {
+        return new Promise((resolve, rejects) => {
+            this._EntryAdminService.getList({
+                sectionId: this.sectionId,
+                maxResultCount: 1000,
+                culture: this.cultureName
+            }).subscribe((res) => {
+                let entryTypesList = res.items.filter(el => el.id != this.entrySelect.id);
+                let parentList = entryTypesList.filter(el => !el.parentId);
+                parentList.forEach(el => {
+                    let layer = 0;
+                    el.layer = new Array(layer);
+                    el.children = this.groupByParentId(entryTypesList, el.id, (layer + 1));
+                });
+                this.entryTypesList = parentList;
+                resolve(res);
+            });
+        });
+    }
+    /**对数组按照父子关系进行分组 */
+    groupByParentId(arr, id = '', layer) {
+        let result = [];
+        result = arr.filter(el => el.parentId == id);
+        result.forEach(el => {
+            el.layer = new Array(layer);
+            el.children = this.groupByParentId(arr, el.id, (layer + 1));
+        });
+        return result;
+    }
+    /**获取条目版本列表 */
+    getAllVersionsList() {
+        return new Promise((resolve, rejects) => {
+            this._EntryAdminService.getAllVersions(this.RevisionEntryId).subscribe(res => {
+                this.AllVersionsList = res.items;
+                resolve(res);
+            });
+        });
+    }
+    /**标题转化别名 */
+    setTitleToSlugBlur(event) {
+        let val = event.target.value;
+        let slug = this._entity.get('slug');
+        let pinyinstr = '';
+        if (slug.value)
+            return;
+        pinyinstr = this._CmsApiService.chineseToPinyin(val);
+        this._entity.patchValue({
+            slug: pinyinstr || val
+        });
+    }
+    /**使用Unicode编码范围判断是否是中文字符 */
+    isChinese(str) {
+        return /^[\u4e00-\u9fa5]+$/.test(str);
+    }
+    /**激活 */
+    ActivatedVersion(VersionId) {
+        this._EntryAdminService.activate(VersionId).subscribe((res) => {
+            this.AllVersionsList.forEach(el => {
+                el.isActivatedVersion = el.id === VersionId;
+            });
+            return;
+        });
+    }
+    /**编辑版本 */
+    toEditUrl(id) {
+        this.router.navigateByUrl('', { skipLocationChange: true }).then(() => {
+            this.router.navigate([`/cms/admin/entries/${id}/edit`]);
+        });
+    }
+    /**删除版本 */
+    delectVersion(vid) {
+        this._EntryAdminService.delete(vid).subscribe(res => {
+            this.toaster.success(this._LocalizationService.instant(`AbpUi::SuccessfullyDeleted`));
+            this.getAllVersionsList();
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: CreateOrEditEntriesComponent, deps: [{ token: i3.ToasterService }, { token: i2.Location }, { token: i1.ConfigStateService }, { token: SectionAdminService }, { token: EntryAdminService }, { token: i2.DatePipe }, { token: i1.LocalizationService }, { token: i3$1.Router }, { token: CmsApiService }], 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", ParentQueryParams: "ParentQueryParams", entity: "entity", parentEntrySelect: "parentEntrySelect" }, viewQueries: [{ propertyName: "FormDynamicontrolRef", predicate: ["FormDynamicontrolRef"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: "<div class=\"create-or-edit-entry-page\" [formGroup]=\"_entity\">\n    <div class=\"container \">\n        <div class=\"row\">\n            <div class=\"col-md-8 \">\n                <div class=\"card  p-2\">\n                    <div class=\"mb-2\">\n                        <label class=\"form-label\" for=\"title\">{{'Cms::Title' | abpLocalization}}</label>\n                        <input type=\"text\" class=\"form-control\" (blur)=\"setTitleToSlugBlur($event)\"\n                            formControlName=\"title\">\n                    </div>\n                    <ng-container *ngFor=\"let item of entryTypesItem?.fieldTabs;let i =index\">\n                        <ng-container *ngFor=\"let el of item.fields;let i1 =index\">\n                            <ng-container *ngIf=\"el&&_entity\">\n                                <df-dynamic [entity]=\"_entity\" [fields]=\"el\"\n                                    [selected]=\"entrySelect ? entrySelect.extraProperties[el.field.name] : ''\"\n                                    [parentFiledName]=\"'extraProperties'\" [culture]=\"cultureinput.value\"></df-dynamic>\n                            </ng-container>\n                        </ng-container>\n                    </ng-container>\n                </div>\n            </div>\n            <div class=\"col-md-4 \">\n                <div class=\"card mb-0 p-2\">\n                    <div class=\"mb-2\">\n                        <label class=\"form-label\" for=\"slug\">{{'Cms::Slug' | abpLocalization}}</label>\n                        <input type=\"text\" class=\"form-control\" formControlName=\"slug\">\n                        <div class=\"text-danger invalid-feedback\" *ngIf=\"sluginput.errors?.repetition\">\n                            {{sluginput.errors?.repetition}}\n                        </div>\n                    </div>\n                    <div class=\"mb-2\">\n                        <label class=\"form-label\" for=\"culture\">{{'AbpUi::Languages' | abpLocalization}}</label>\n                        <select class=\"form-select\" formControlName=\"culture\">\n                            <ng-container *ngFor=\"let item of languagesList;let i =index\">\n                                <option [value]=\"item.cultureName\">{{item.displayName}}</option>\n                            </ng-container>\n                        </select>\n                        <input type=\"text\" formControlName=\"culture_shadow\"\n                            style=\"position: absolute;z-index: -1;opacity: 0;\">\n                        <div class=\"text-danger invalid-feedback\" *ngIf=\"culture_shadowInput.errors?.repetition\">\n                            {{culture_shadowInput.errors?.repetition}}\n                        </div>\n                    </div>\n                    <div class=\"mb-2\" *ngIf=\"SectionSelect.type===1\">\n                        <label class=\"form-label\" for=\"parentId\">{{'Cms::ParentEntry' | abpLocalization}}</label>\n                        <select class=\"form-select\" formControlName=\"parentId\">\n                            <option value=\"\"></option>\n                            <ng-container *ngFor=\"let item of entryTypesList;let i =index\">\n                                <option [value]=\"item.id\">{{item.title}}</option>\n                                <ng-container *ngFor=\"let el of item.children\">\n                                    <ng-container *ngTemplateOutlet=\"childTemplate; context: {\n                                        $implicit: {\n                                        value: el,\n                                        }\n                                    }\"></ng-container>\n                                    <ng-template #childTemplate let-data>\n                                        <option [value]=\"data.value.id\">\n                                            <ng-container *ngFor=\"let item of data.value.layer\">--</ng-container>\n                                            {{data.value.title}}</option>\n                                        <ng-container *ngFor=\"let el of data.value.children\">\n                                            <ng-container *ngTemplateOutlet=\"childTemplate; context: {\n                                                $implicit: {\n                                                value: el,\n                                                }\n                                            }\"></ng-container>\n                                        </ng-container>\n\n                                    </ng-template>\n                                </ng-container>\n\n                            </ng-container>\n                        </select>\n\n\n\n                    </div>\n                    <div class=\"mb-2\">\n                        <label class=\"form-label\" for=\"publishTime\">{{'Cms::PublishTime' | abpLocalization}}</label>\n                        <input type=\"datetime-local\" class=\"form-control\" step=\"1\" formControlName=\"publishTime\">\n                    </div>\n                    <div class=\"mb-2\" *ngIf=\"isEdit\">\n                        <label class=\"form-label\" for=\"publishTime\">{{'Cms::Version' | abpLocalization}}</label>\n                        <ul class=\"list-group\">\n                            <ng-container *ngFor=\"let item of AllVersionsList\">\n                                <li class=\"list-group-item flex-between\">\n                                    <div>\n                                        {{item.initialVersionId?(item.creationTime| date: 'YYYY/MM/dd\n                                        HH:mm:s'):('Cms::InitialVersion' | abpLocalization)}}\n                                        <span class=\"badge text-bg-success ms-1\"\n                                            *ngIf=\"item.isActivatedVersion\">{{'Cms::IsActive' | abpLocalization}}</span>\n                                        <span class=\"badge text-bg-primary ms-1\"\n                                            *ngIf=\"item.id === RevisionEntryId\">{{'Cms::Editing' |\n                                            abpLocalization}}</span>\n                                    </div>\n                                    <div>\n                                        <div ngbDropdown class=\"d-inline-block\">\n                                            <button type=\"button\" class=\"btn btn-link-primary p-2 \"\n                                                style=\"line-height: 0;\" id=\"dropdownBasic1\" ngbDropdownToggle>\n                                            </button>\n                                            <div ngbDropdownMenu aria-labelledby=\"dropdownBasic1\">\n                                                <button ngbDropdownItem type=\"button\" *ngIf=\"!item.isActivatedVersion\"\n                                                    (click)=\"ActivatedVersion(item.id)\">\n                                                    <i class=\"fas fa-check me-1\"></i>{{'Cms::IsActive' |\n                                                    abpLocalization}}\n                                                </button>\n                                                <button ngbDropdownItem type=\"button\"\n                                                    routerLink=\"/cms/admin/entries/create\"\n                                                    [queryParams]=\"{RevisionEntryId:item.id}\">\n                                                    <i class=\"fas fa-plus me-1\"></i>{{'Cms::NewVersion' |\n                                                    abpLocalization}}\n                                                </button>\n                                                <button ngbDropdownItem type=\"button\" (click.stop)=\"toEditUrl(item.id)\"\n                                                    *ngIf=\"item.id !== RevisionEntryId\">\n                                                    <i class=\"fas fa-edit me-1\"></i>{{'AbpUi::Edit' | abpLocalization}}\n                                                </button>\n                                                <button ngbDropdownItem type=\"button\"\n                                                    (click.stop)=\"delectVersion(item.id)\"\n                                                    *ngIf=\"item.initialVersionId&&!item.isActivatedVersion&&item.id !== RevisionEntryId\">\n                                                    <i class=\"fas fa-trash me-1\"></i>{{'AbpUi::Delete' |\n                                                    abpLocalization}}\n                                                </button>\n                                            </div>\n                                        </div>\n                                    </div>\n                                </li>\n                            </ng-container>\n                        </ul>\n                    </div>\n                    <div class=\"mb-2\">\n                        <label class=\"form-label\" for=\"versionNotes\">{{'Cms::RevisionNotes' | abpLocalization}}</label>\n                        <textarea class=\"form-control\" formControlName=\"versionNotes\" rows=\"3\"></textarea>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>", styles: ["::ng-deep .create-or-edit-entry-page .dignite_page{height:calc(100vh - 125px);overflow:auto;background:transparent}::ng-deep .create-or-edit-entry-page .form-control,::ng-deep .create-or-edit-entry-page .form-select{padding:.475rem 1.25rem}::ng-deep .create-or-edit-entry-page .cursor-move{cursor:move}::ng-deep .create-or-edit-entry-page .bordernNavs{border:var(--bs-border-width) solid var(--lpx-border-color);padding-left:inherit;padding-right:inherit}::ng-deep .create-or-edit-entry-page .flex-between{display:flex;align-items:center;justify-content:space-between}\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: i3$1.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: i9.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i9.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "directive", type: i10.NgbDropdown, selector: "[ngbDropdown]", inputs: ["autoClose", "dropdownClass", "open", "placement", "popperOptions", "container", "display"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { kind: "directive", type: i10.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { kind: "directive", type: i10.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { kind: "directive", type: i10.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["tabindex", "disabled"] }, { kind: "directive", type: i10.NgbDropdownButtonItem, selector: "button[ngbDropdownItem]" }, { kind: "component", type: i8$2.DynamicComponent, selector: "df-dynamic", inputs: ["selected", "type", "entity", "culture", "parentFiledName", "fields"] }, { 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 class=\"create-or-edit-entry-page\" [formGroup]=\"_entity\">\n    <div class=\"container \">\n        <div class=\"row\">\n            <div class=\"col-md-8 \">\n                <div class=\"card  p-2\">\n                    <div class=\"mb-2\">\n                        <label class=\"form-label\" for=\"title\">{{'Cms::Title' | abpLocalization}}</label>\n                        <input type=\"text\" class=\"form-control\" (blur)=\"setTitleToSlugBlur($event)\"\n                            formControlName=\"title\">\n                    </div>\n                    <ng-container *ngFor=\"let item of entryTypesItem?.fieldTabs;let i =index\">\n                        <ng-container *ngFor=\"let el of item.fields;let i1 =index\">\n                            <ng-container *ngIf=\"el&&_entity\">\n                                <df-dynamic [entity]=\"_entity\" [fields]=\"el\"\n                                    [selected]=\"entrySelect ? entrySelect.extraProperties[el.field.name] : ''\"\n                                    [parentFiledName]=\"'extraProperties'\" [culture]=\"cultureinput.value\"></df-dynamic>\n                            </ng-container>\n                        </ng-container>\n                    </ng-container>\n                </div>\n            </div>\n            <div class=\"col-md-4 \">\n                <div class=\"card mb-0 p-2\">\n                    <div class=\"mb-2\">\n                        <label class=\"form-label\" for=\"slug\">{{'Cms::Slug' | abpLocalization}}</label>\n                        <input type=\"text\" class=\"form-control\" formControlName=\"slug\">\n                        <div class=\"text-danger invalid-feedback\" *ngIf=\"sluginput.errors?.repetition\">\n                            {{sluginput.errors?.repetition}}\n                        </div>\n                    </div>\n                    <div class=\"mb-2\">\n                        <label class=\"form-label\" for=\"culture\">{{'AbpUi::Languages' | abpLocalization}}</label>\n                        <select class=\"form-select\" formControlName=\"culture\">\n                            <ng-container *ngFor=\"let item of languagesList;let i =index\">\n                                <option [value]=\"item.cultureName\">{{item.displayName}}</option>\n                            </ng-container>\n                        </select>\n                        <input type=\"text\" formControlName=\"culture_shadow\"\n                            style=\"position: absolute;z-index: -1;opacity: 0;\">\n                        <div class=\"text-danger invalid-feedback\" *ngIf=\"culture_shadowInput.errors?.repetition\">\n                            {{culture_shadowInput.errors?.repetition}}\n                        </div>\n                    </div>\n                    <div class=\"mb-2\" *ngIf=\"SectionSelect.type===1\">\n                        <label class=\"form-label\" for=\"parentId\">{{'Cms::ParentEntry' | abpLocalization}}</label>\n                        <select class=\"form-select\" formControlName=\"parentId\">\n                            <option value=\"\"></option>\n                            <ng-container *ngFor=\"let item of entryTypesList;let i =index\">\n                                <option [value]=\"item.id\">{{item.title}}</option>\n                                <ng-container *ngFor=\"let el of item.children\">\n                                    <ng-container *ngTemplateOutlet=\"childTemplate; context: {\n                                        $implicit: {\n                                        value: el,\n                                        }\n                                    }\"></ng-container>\n                                    <ng-template #childTemplate let-data>\n                                        <option [value]=\"data.value.id\">\n                                            <ng-container *ngFor=\"let item of data.value.layer\">--</ng-container>\n                                            {{data.value.title}}</option>\n                                        <ng-container *ngFor=\"let el of data.value.children\">\n                                            <ng-container *ngTemplateOutlet=\"childTemplate; context: {\n                                                $implicit: {\n                                                value: el,\n                                                }\n                                            }\"></ng-container>\n                                        </ng-container>\n\n                                    </ng-template>\n                                </ng-container>\n\n                            </ng-container>\n                        </select>\n\n\n\n                    </div>\n                    <div class=\"mb-2\">\n                        <label class=\"form-label\" for=\"publishTime\">{{'Cms::PublishTime' | abpLocalization}}</label>\n                        <input type=\"datetime-local\" class=\"form-control\" step=\"1\" formControlName=\"publishTime\">\n                    </div>\n                    <div class=\"mb-2\" *ngIf=\"isEdit\">\n                        <label class=\"form-label\" for=\"publishTime\">{{'Cms::Version' | abpLocalization}}</label>\n                        <ul class=\"list-group\">\n                            <ng-container *ngFor=\"let item of AllVersionsList\">\n                                <li class=\"list-group-item flex-between\">\n                                    <div>\n                                        {{item.initialVersionId?(item.creationTime| date: 'YYYY/MM/dd\n                                        HH:mm:s'):('Cms::InitialVersion' | abpLocalization)}}\n                                        <span class=\"badge text-bg-success ms-1\"\n                                            *ngIf=\"item.isActivatedVersion\">{{'Cms::IsActive' | abpLocalization}}</span>\n                                        <span class=\"badge text-bg-primary ms-1\"\n                                            *ngIf=\"item.id === RevisionEntryId\">{{'Cms::Editing' |\n                                            abpLocalization}}</span>\n                                    </div>\n                                    <div>\n                                        <div ngbDropdown class=\"d-inline-block\">\n                                            <button type=\"button\" class=\"btn btn-link-primary p-2 \"\n                                                style=\"line-height: 0;\" id=\"dropdownBasic1\" ngbDropdownToggle>\n                                            </button>\n                                            <div ngbDropdownMenu aria-labelledby=\"dropdownBasic1\">\n                                                <button ngbDropdownItem type=\"button\" *ngIf=\"!item.isActivatedVersion\"\n                                                    (click)=\"ActivatedVersion(item.id)\">\n                                                    <i class=\"fas fa-check me-1\"></i>{{'Cms::IsActive' |\n                                                    abpLocalization}}\n                                                </button>\n                                                <button ngbDropdownItem type=\"button\"\n                                                    routerLink=\"/cms/admin/entries/create\"\n                                                    [queryParams]=\"{RevisionEntryId:item.id}\">\n                                                    <i class=\"fas fa-plus me-1\"></i>{{'Cms::NewVersion' |\n                                                    abpLocalization}}\n                                                </button>\n                                                <button ngbDropdownItem type=\"button\" (click.stop)=\"toEditUrl(item.id)\"\n                                                    *ngIf=\"item.id !== RevisionEntryId\">\n                                                    <i class=\"fas fa-edit me-1\"></i>{{'AbpUi::Edit' | abpLocalization}}\n                                                </button>\n                                                <button ngbDropdownItem type=\"button\"\n                                                    (click.stop)=\"delectVersion(item.id)\"\n                                                    *ngIf=\"item.initialVersionId&&!item.isActivatedVersion&&item.id !== RevisionEntryId\">\n                                                    <i class=\"fas fa-trash me-1\"></i>{{'AbpUi::Delete' |\n                                                    abpLocalization}}\n                                                </button>\n                                            </div>\n                                        </div>\n                                    </div>\n                                </li>\n                            </ng-container>\n                        </ul>\n                    </div>\n                    <div class=\"mb-2\">\n                        <label class=\"form-label\" for=\"versionNotes\">{{'Cms::RevisionNotes' | abpLocalization}}</label>\n                        <textarea class=\"form-control\" formControlName=\"versionNotes\" rows=\"3\"></textarea>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>", styles: ["::ng-deep .create-or-edit-entry-page .dignite_page{height:calc(100vh - 125px);overflow:auto;background:transparent}::ng-deep .create-or-edit-entry-page .form-control,::ng-deep .create-or-edit-entry-page .form-select{padding:.475rem 1.25rem}::ng-deep .create-or-edit-entry-page .cursor-move{cursor:move}::ng-deep .create-or-edit-entry-page .bordernNavs{border:var(--bs-border-width) solid var(--lpx-border-color);padding-left:inherit;padding-right:inherit}::ng-deep .create-or-edit-entry-page .flex-between{display:flex;align-items:center;justify-content:space-between}\n"] }]
+        }], ctorParameters: () => [{ type: i3.ToasterService }, { type: i2.Location }, { type: i1.ConfigStateService }, { type: SectionAdminService }, { type: EntryAdminService }, { type: i2.DatePipe }, { type: i1.LocalizationService }, { type: i3$1.Router }, { type: CmsApiService }], propDecorators: { isEdit: [{
+                type: Input
+            }], ParentQueryParams: [{
+                type: Input
+            }], entity: [{
+                type: Input
+            }], parentEntrySelect: [{
+                type: Input
+            }], FormDynamicontrolRef: [{
+                type: ViewChildren,
+                args: ['FormDynamicontrolRef', { read: ViewContainerRef }]
+            }] } });
+
+class CreateComponent {
+    constructor(toaster, _location, route, _EntryAdminService, _LocalizationService) {
+        this.toaster = toaster;
+        this._location = _location;
+        this.route = route;
+        this._EntryAdminService = _EntryAdminService;
+        this._LocalizationService = _LocalizationService;
+        this.fb = inject(FormBuilder);
+        this._updateListService = inject(UpdateListService);
+        /**是否是草稿 */
+        this.draftType = false;
+        /**页面传值用于传递到子组件 */
+        this.queryParams = '';
+        /**指定id的条目信息 */
+        this.entrySelect = '';
+        this._ValidatorsService = inject(ValidatorsService);
+        /**表单验证状态
+         * {
+         *  title:true,
+         * }
+         */
+        this.formValidation = '';
+        this.isSubmit = false;
+    }
+    async ngOnInit() {
+        this.queryParams = this.route.snapshot.queryParams;
+        this.newEntity = this.fb.group(new CreateOrUpdateEntryInputBase());
+        if (this.queryParams.RevisionEntryId)
+            await this.getEntrySelect();
+    }
+    /**获取条目信息 */
+    getEntrySelect() {
+        return new Promise((resolve, rejects) => {
+            this._EntryAdminService.get(this.queryParams.RevisionEntryId).subscribe(res => {
+                this.entrySelect = res;
+                resolve(res);
+            });
+        });
+    }
+    /**保存 */
+    save(draft) {
+        this.newEntity.patchValue({
+            draft: draft
+        });
+        this.newEntity.get('culture').enable();
+        let input = this.newEntity.value;
+        input.publishTime = new Date(new Date(input.publishTime).getTime() + (8 * 60 * 60 * 1000)).toISOString();
+        input.culture = this.newEntity.get('culture').value;
+        if (!this.isSubmit)
+            return;
+        this.formValidation = this._ValidatorsService.getFormValidationStatus(this.newEntity);
+        if (this._ValidatorsService.isCheckForm(this.formValidation, 'Cms'))
+            return;
+        if (!this.newEntity.valid)
+            return;
+        this._EntryAdminService.create(input).subscribe(res => {
+            this.toaster.success(this._LocalizationService.instant(`AbpUi::SuccessfullyDeleted`));
+            this._location.back();
+            this._updateListService.updateList();
+        });
+    }
+    /**触发点击按钮替身 */
+    clickSubmit(type) {
+        this.isSubmit = true;
+        this.draftType = type;
+        this.submitclick.nativeElement.click();
+    }
+    /**返回上一页 */
+    backTo() {
+        this._location.back();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: CreateComponent, deps: [{ token: i3.ToasterService }, { token: i2.Location }, { token: i3$1.ActivatedRoute }, { token: EntryAdminService }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: CreateComponent, selector: "cms-create", providers: [
+            {
+                provide: EXTENSIONS_IDENTIFIER,
+                useValue: ECmsComponent.Entries_Create,
+            },
+        ], viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<form class=\"row g-3 needs-validation\" [formGroup]=\"newEntity\" (keydown.enter)=\"$event.preventDefault()\" [class]=\"{'was-validated':formValidation}\" (submit)=\"save(draftType)\">\n    <abp-page [title]=\"'Cms::New'| abpLocalization\" [toolbar]=\"true\">\n        <button type=\"submit\" style=\"display: none;\" #submitclick></button>\n        <ng-container *ngIf=\"entrySelect; else elseTemplate\">\n            <cms-create-or-edit-entries [entity]=\"newEntity\" [ParentQueryParams]=\"queryParams\"\n                [parentEntrySelect]=\"entrySelect\" ></cms-create-or-edit-entries>\n        </ng-container>\n        <ng-template #elseTemplate>\n            <cms-create-or-edit-entries [entity]=\"newEntity\"\n                [ParentQueryParams]=\"queryParams\" ></cms-create-or-edit-entries>\n        </ng-template>\n    </abp-page>\n</form>", styles: ["::ng-deep .create-or-edit-entry-page .dignite_page{height:calc(100vh - 125px);overflow:auto;background:transparent}::ng-deep .create-or-edit-entry-page .form-control,::ng-deep .create-or-edit-entry-page .form-select{padding:.475rem 1.25rem}::ng-deep .create-or-edit-entry-page .cursor-move{cursor:move}::ng-deep .create-or-edit-entry-page .bordernNavs{border:var(--bs-border-width) solid var(--lpx-border-color);padding-left:inherit;padding-right:inherit}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.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: i9.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "component", type: i8$1.PageComponent, selector: "abp-page", inputs: ["title", "toolbar", "breadcrumb"] }, { kind: "component", type: CreateOrEditEntriesComponent, selector: "cms-create-or-edit-entries", inputs: ["isEdit", "ParentQueryParams", "entity", "parentEntrySelect"] }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: CreateComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cms-create', providers: [
+                        {
+                            provide: EXTENSIONS_IDENTIFIER,
+                            useValue: ECmsComponent.Entries_Create,
+                        },
+                    ], template: "<form class=\"row g-3 needs-validation\" [formGroup]=\"newEntity\" (keydown.enter)=\"$event.preventDefault()\" [class]=\"{'was-validated':formValidation}\" (submit)=\"save(draftType)\">\n    <abp-page [title]=\"'Cms::New'| abpLocalization\" [toolbar]=\"true\">\n        <button type=\"submit\" style=\"display: none;\" #submitclick></button>\n        <ng-container *ngIf=\"entrySelect; else elseTemplate\">\n            <cms-create-or-edit-entries [entity]=\"newEntity\" [ParentQueryParams]=\"queryParams\"\n                [parentEntrySelect]=\"entrySelect\" ></cms-create-or-edit-entries>\n        </ng-container>\n        <ng-template #elseTemplate>\n            <cms-create-or-edit-entries [entity]=\"newEntity\"\n                [ParentQueryParams]=\"queryParams\" ></cms-create-or-edit-entries>\n        </ng-template>\n    </abp-page>\n</form>", styles: ["::ng-deep .create-or-edit-entry-page .dignite_page{height:calc(100vh - 125px);overflow:auto;background:transparent}::ng-deep .create-or-edit-entry-page .form-control,::ng-deep .create-or-edit-entry-page .form-select{padding:.475rem 1.25rem}::ng-deep .create-or-edit-entry-page .cursor-move{cursor:move}::ng-deep .create-or-edit-entry-page .bordernNavs{border:var(--bs-border-width) solid var(--lpx-border-color);padding-left:inherit;padding-right:inherit}\n"] }]
+        }], ctorParameters: () => [{ type: i3.ToasterService }, { type: i2.Location }, { type: i3$1.ActivatedRoute }, { type: EntryAdminService }, { type: i1.LocalizationService }], propDecorators: { submitclick: [{
+                type: ViewChild,
+                args: ['submitclick', { static: true }]
+            }] } });
+
+/* eslint-disable @angular-eslint/use-lifecycle-interface */
+class EditComponent {
+    constructor(toaster, _location, route, _EntryAdminService, _LocalizationService) {
+        this.toaster = toaster;
+        this._location = _location;
+        this.route = route;
+        this._EntryAdminService = _EntryAdminService;
+        this._LocalizationService = _LocalizationService;
+        this.fb = inject(FormBuilder);
+        this._updateListService = inject(UpdateListService);
+        /**是否是草稿 */
+        this.draftType = false;
+        /**页面传值用于传递到子组件 */
+        this.queryParams = {};
+        /**指定id的条目信息 */
+        this.entrySelect = '';
+        this._ValidatorsService = inject(ValidatorsService);
+        /**表单验证状态
+         * {
+         *  title:true,
+         * }
+         */
+        this.formValidation = '';
+        this.isSubmit = false;
+    }
+    async ngOnInit() {
+        this.queryParams.RevisionEntryId = this.route.snapshot.params.entrieId;
+        this.newEntity = this.fb.group(new CreateOrUpdateEntryInputBase());
+        await this.getEntrySelect();
+    }
+    /**获取条目信息 */
+    getEntrySelect() {
+        return new Promise((resolve, rejects) => {
+            this._EntryAdminService.get(this.queryParams.RevisionEntryId).subscribe(res => {
+                this.entrySelect = res;
+                resolve(res);
+            });
+        });
+    }
+    /**保存 */
+    save(draft) {
+        this.newEntity.patchValue({
+            draft: draft,
+        });
+        this.newEntity.get('culture').enable();
+        let input = this.newEntity.value;
+        input.publishTime = new Date(new Date(input.publishTime).getTime() + 8 * 60 * 60 * 1000).toISOString();
+        input.culture = this.newEntity.get('culture').value;
+        input.concurrencyStamp = this.entrySelect.concurrencyStamp;
+        if (!this.isSubmit)
+            return;
+        this.formValidation = this._ValidatorsService.getFormValidationStatus(this.newEntity);
+        if (this._ValidatorsService.isCheckForm(this.formValidation, 'Cms'))
+            return;
+        if (!this.newEntity.valid)
+            return;
+        this._EntryAdminService.update(this.entrySelect.id, input).subscribe(res => {
+            this.toaster.success(this._LocalizationService.instant(`AbpUi::SuccessfullyDeleted`));
+            this.backTo();
+            this._updateListService.updateList();
+        });
+    }
+    /**触发点击按钮替身 */
+    clickSubmit(type) {
+        this.draftType = type;
+        this.isSubmit = true;
+        this.submitclick.nativeElement.click();
+    }
+    /**返回上一页 */
+    backTo() {
+        this._location.back();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: EditComponent, deps: [{ token: i3.ToasterService }, { token: i2.Location }, { token: i3$1.ActivatedRoute }, { token: EntryAdminService }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: EditComponent, selector: "cms-edit", providers: [
+            {
+                provide: EXTENSIONS_IDENTIFIER,
+                useValue: ECmsComponent.Entries_Edit,
+            },
+        ], viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<form class=\"row g-3 needs-validation\" [formGroup]=\"newEntity\" (keydown.enter)=\"$event.preventDefault()\" [class]=\"{'was-validated':formValidation}\" (submit)=\"save(draftType)\">\n    <abp-page [title]=\"'AbpUi::Edit' | abpLocalization\" [toolbar]=\"true\">\n        <button type=\"submit\" style=\"display: none\" #submitclick></button>\n        <ng-container *ngIf=\"entrySelect\">\n            <cms-create-or-edit-entries [entity]=\"newEntity\" [ParentQueryParams]=\"queryParams\"\n                [parentEntrySelect]=\"entrySelect\" [isEdit]=\"true\"></cms-create-or-edit-entries>\n        </ng-container>\n    </abp-page>\n</form>", styles: ["::ng-deep .edit-entry-page .dignite_page{height:calc(100vh - 125px);overflow:auto;background:transparent}::ng-deep .edit-entry-page .form-control,::ng-deep .edit-entry-page .form-select{padding:.475rem 1.25rem}::ng-deep .edit-entry-page .cursor-move{cursor:move}::ng-deep .edit-entry-page .bordernNavs{border:var(--bs-border-width) solid var(--lpx-border-color);padding-left:inherit;padding-right:inherit}::ng-deep .edit-entry-page .flex-between{display:flex;align-items:center;justify-content:space-between}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.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: i9.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "component", type: i8$1.PageComponent, selector: "abp-page", inputs: ["title", "toolbar", "breadcrumb"] }, { kind: "component", type: CreateOrEditEntriesComponent, selector: "cms-create-or-edit-entries", inputs: ["isEdit", "ParentQueryParams", "entity", "parentEntrySelect"] }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: EditComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cms-edit', providers: [
+                        {
+                            provide: EXTENSIONS_IDENTIFIER,
+                            useValue: ECmsComponent.Entries_Edit,
+                        },
+                    ], template: "<form class=\"row g-3 needs-validation\" [formGroup]=\"newEntity\" (keydown.enter)=\"$event.preventDefault()\" [class]=\"{'was-validated':formValidation}\" (submit)=\"save(draftType)\">\n    <abp-page [title]=\"'AbpUi::Edit' | abpLocalization\" [toolbar]=\"true\">\n        <button type=\"submit\" style=\"display: none\" #submitclick></button>\n        <ng-container *ngIf=\"entrySelect\">\n            <cms-create-or-edit-entries [entity]=\"newEntity\" [ParentQueryParams]=\"queryParams\"\n                [parentEntrySelect]=\"entrySelect\" [isEdit]=\"true\"></cms-create-or-edit-entries>\n        </ng-container>\n    </abp-page>\n</form>", styles: ["::ng-deep .edit-entry-page .dignite_page{height:calc(100vh - 125px);overflow:auto;background:transparent}::ng-deep .edit-entry-page .form-control,::ng-deep .edit-entry-page .form-select{padding:.475rem 1.25rem}::ng-deep .edit-entry-page .cursor-move{cursor:move}::ng-deep .edit-entry-page .bordernNavs{border:var(--bs-border-width) solid var(--lpx-border-color);padding-left:inherit;padding-right:inherit}::ng-deep .edit-entry-page .flex-between{display:flex;align-items:center;justify-content:space-between}\n"] }]
+        }], ctorParameters: () => [{ type: i3.ToasterService }, { type: i2.Location }, { type: i3$1.ActivatedRoute }, { type: EntryAdminService }, { type: i1.LocalizationService }], propDecorators: { submitclick: [{
+                type: ViewChild,
+                args: ['submitclick', { static: true }]
+            }] } });
+
+class FieldAdminService {
+    constructor(restService) {
+        this.restService = restService;
+        this.apiName = 'CmsAdmin';
+        this.create = (input, config) => this.restService.request({
+            method: 'POST',
+            url: '/api/cms-admin/fields',
+            body: input,
+        }, { apiName: this.apiName, ...config });
+        this.delete = (id, config) => this.restService.request({
+            method: 'DELETE',
+            url: `/api/cms-admin/fields/${id}`,
+        }, { apiName: this.apiName, ...config });
+        this.get = (id, config) => this.restService.request({
+            method: 'GET',
+            url: `/api/cms-admin/fields/${id}`,
+        }, { apiName: this.apiName, ...config });
+        this.getList = (input, config) => this.restService.request({
+            method: 'GET',
+            url: '/api/cms-admin/fields',
+            params: { filter: input.filter, groupId: input.groupId, sorting: input.sorting, skipCount: input.skipCount, maxResultCount: input.maxResultCount },
+        }, { apiName: this.apiName, ...config });
+        this.nameExists = (name, config) => this.restService.request({
+            method: 'GET',
+            url: `/api/cms-admin/fields/name-exists/${name}`,
+        }, { apiName: this.apiName, ...config });
+        this.update = (id, input, config) => this.restService.request({
+            method: 'PUT',
+            url: `/api/cms-admin/fields/${id}`,
+            body: input,
+        }, { apiName: this.apiName, ...config });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: FieldAdminService, deps: [{ token: i1.RestService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: FieldAdminService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: FieldAdminService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: i1.RestService }] });
+
+class FieldGroupComponent {
+    constructor(fb, _FieldGroupAdminService, toaster, confirmation, _FieldAbstractsService, _LocalizationService) {
+        this.fb = fb;
+        this._FieldGroupAdminService = _FieldGroupAdminService;
+        this.toaster = toaster;
+        this.confirmation = confirmation;
+        this._FieldAbstractsService = _FieldAbstractsService;
+        this._LocalizationService = _LocalizationService;
+        /**表单已存在的值 */
+        this.selected = {};
+        /**选择的字段分组id */
+        this.fieldGroupId = '';
+        /**创建分组模态框状态 */
+        this.createGroupOpen = false;
+        /**用于确定模态的繁忙状态是否为真 */
+        this.modalBusy = false;
+        /**编辑分组模态框状态 */
+        this.editGroupOpen = 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]],
+        });
+    }
+    /**创建分组模态框状态改变 */
+    createGroupVisibleChange(event) {
+        if (!event) {
+            return;
+        }
+    }
+    /**编辑字段分组 */
+    editGroupBtn(itemName) {
+        this.editGroupOpen = true;
+        this.formValidation = '';
+        this.editGroupForm = this.fb.group({
+            name: [itemName, [Validators.required]],
+        });
+    }
+    /**编辑分组模态框状态改变 */
+    editGroupVisibleChange(event) {
+        if (!event) {
+            return;
+        }
+    }
+    /**创建字段分组保存 */
+    createSave() {
+        let input = this.createForm.value;
+        this.modalBusy = true;
+        this.formValidation = this._ValidatorsService.getFormValidationStatus(this.createForm);
+        if (this._ValidatorsService.isCheckForm(this.formValidation, 'Cms'))
+            return;
+        this._FieldGroupAdminService.create(input).pipe(finalize$1(() => {
+            this.modalBusy = false;
+            this.createGroupOpen = false;
+            this.formValidation = '';
+        })).subscribe(res => {
+            this.toaster.success(this._LocalizationService.instant(`AbpUi::SuccessfullyDeleted`));
+            this._FieldAbstractsService.getfieldGroupList();
+        });
+    }
+    /**编辑字段分组保存 */
+    editSave() {
+        let input = this.editGroupForm.value;
+        this.modalBusy = true;
+        this.formValidation = this._ValidatorsService.getFormValidationStatus(this.createForm);
+        if (this._ValidatorsService.isCheckForm(this.formValidation, 'Cms'))
+            return;
+        this._FieldGroupAdminService.update(this.fieldGroupId, input).pipe(finalize$1(() => {
+            this.modalBusy = false;
+            this.editGroupOpen = false;
+            this.formValidation = '';
+        })).subscribe(res => {
+            this.toaster.success(this._LocalizationService.instant(`AbpUi::SuccessfullyDeleted`));
+            this._FieldAbstractsService.getfieldGroupList();
+        });
+    }
+    /**删除字段分组1 */
+    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.toaster.success(this._LocalizationService.instant(`AbpUi::SuccessfullyDeleted`));
+                    this.fieldGroupId = '';
+                    this._FieldAbstractsService.getfieldGroupList();
+                });
+            }
+        });
+    }
+    /**字段分组改变 */
+    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$1.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\" (keydown.enter)=\"$event.preventDefault()\" [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\" (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\" (keydown.enter)=\"$event.preventDefault()\" [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: 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: i9.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i9.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: [{
+            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\" (keydown.enter)=\"$event.preventDefault()\" [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\" (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\" (keydown.enter)=\"$event.preventDefault()\" [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$1.FormBuilder }, { type: FieldGroupAdminService }, { type: i3.ToasterService }, { type: i3.ConfirmationService }, { type: FieldAbstractsService }, { type: i1.LocalizationService }], propDecorators: { OnGroupClickBack: [{
+                type: Output
+            }] } });
+
+class FieldsComponent {
+    constructor(list, _FieldAdminService, toaster, confirmation, _LocalizationService, router) {
+        this.list = list;
+        this._FieldAdminService = _FieldAdminService;
+        this.toaster = toaster;
+        this.confirmation = confirmation;
+        this._LocalizationService = _LocalizationService;
+        this.router = router;
+        this._UpdateListService = inject(UpdateListService);
+        /**表格单元格布局类型 */
+        this.ColumnMode = ColumnMode;
+        /**表格数据 */
+        this.data = {
+            items: [],
+            totalCount: 0,
+        };
+        /**过滤器 */
+        this.filters = {};
+    }
+    ngOnInit() {
+        this.hookToQuery();
+        this._UpdateListService.updateListEvent.subscribe(() => {
+            this.list.get();
+        });
+    }
+    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({
+            ...query,
+            ...this.filters,
+        });
+        const setData = (list) => (this.data = list);
+        this.list.hookToQuery(getData).subscribe(setData);
+    }
+    /**新建字段按钮 */
+    toFieldsCreateBtn() {
+        this.router.navigate(['/cms/admin/fields/create'], {
+            queryParams: {}
+        });
+    }
+    /**删除字段 */
+    deletefield(row) {
+        this.confirmation.warn(row.displayName, this._LocalizationService.instant(`AbpUi::ItemWillBeDeletedMessage`)).subscribe((status) => {
+            if (status == 'confirm') {
+                this._FieldAdminService.delete(row.id).pipe(finalize(() => {
+                })).subscribe(res => {
+                    this.toaster.success(this._LocalizationService.instant(`AbpUi::SuccessfullyDeleted`));
+                    this.list.get();
+                });
+            }
+        });
+    }
+    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: i3$1.Router }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: FieldsComponent, selector: "cms-fields", providers: [
+            // [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-3\">\n                <div class=\"card mb-0\" style=\"height: 100%;\">\n                    <cms-field-group (OnGroupClickBack)=\"fieldGroupChange($event)\"></cms-field-group>\n                </div>\n            </div>\n            <div class=\"col-9\">\n                <div class=\"card mb-0\">\n                    <div class=\"card-header px-2 py-sm-2   border-bottom\">\n                        <div class=\"input-group\">\n                            <input type=\"text\" class=\"form-control\" [(ngModel)]=\"filters.filter\"\n                                [placeholder]=\"'AbpUi::Search' | abpLocalization\">\n                            <button class=\"btn btn-primary px-3\" type=\"button\" id=\"button-addon2\"\n                                (click)=\"list.get()\"><i class=\"fa fa-search\"></i></button>\n                        </div>\n                    </div>\n                    <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\"\n                                [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::FormControlName' | abpLocalization\"\n                                    prop=\"formControlName\">\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::Group' | abpLocalization\" prop=\"groupId\">\n                                    <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                        {{row.groupName}}\n                                    </ng-template>\n                                </ngx-datatable-column>\n                                <ngx-datatable-column [name]=\"'Cms::CreationTime' | abpLocalization\" prop=\"creationTime\" [width]=\"190\">\n                                    <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                        {{ value|date:'YYYY/MM/dd HH:mm:ss' }}\n                                    </ng-template>\n                                </ngx-datatable-column>\n                                <ngx-datatable-column [sortable]=\"false\" [name]=\"'AbpUi::Actions' | abpLocalization\"\n                                 [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\"\n                                                ngbDropdownToggle> <i class=\"me-1 fa fa-cog\"></i> {{'AbpUi::Actions' | abpLocalization}}</button>\n                                            <div ngbDropdownMenu>\n                                                <button ngbDropdownItem\n                                                    routerLink=\"/cms/admin/fields/{{row.id}}/edit\">{{'AbpUi::Edit' | abpLocalization}}</button>\n                                                <button ngbDropdownItem\n                                                    (click.stop)=\"deletefield(row)\">{{'AbpUi::Delete' | 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        </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.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: "directive", type: i3$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1.StopPropagationDirective, selector: "[click.stop]", outputs: ["click.stop"] }, { kind: "component", type: i8.DatatableComponent, selector: "ngx-datatable", inputs: ["targetMarkerTemplate", "rows", "groupRowsBy", "groupedRows", "columns", "selected", "scrollbarV", "scrollbarH", "rowHeight", "columnMode", "headerHeight", "footerHeight", "externalPaging", "externalSorting", "limit", "count", "offset", "loadingIndicator", "selectionType", "reorderable", "swapColumns", "sortType", "sorts", "cssClasses", "messages", "rowClass", "selectCheck", "displayCheck", "groupExpansionDefault", "trackByProp", "selectAllRowsOnPage", "virtualization", "treeFromRelation", "treeToRelation", "summaryRow", "summaryHeight", "summaryPosition", "rowIdentity"], outputs: ["scroll", "activate", "select", "sort", "page", "reorder", "resize", "tableContextmenu", "treeAction"] }, { kind: "directive", type: i8.DataTableColumnDirective, selector: "ngx-datatable-column", inputs: ["name", "prop", "frozenLeft", "frozenRight", "flexGrow", "resizeable", "comparator", "pipe", "sortable", "draggable", "canAutoResize", "minWidth", "width", "maxWidth", "checkboxable", "headerCheckboxable", "headerClass", "cellClass", "isTreeColumn", "treeLevelIndent", "summaryFunc", "summaryTemplate", "cellTemplate", "headerTemplate", "treeToggleTemplate"] }, { kind: "directive", type: i8.DataTableColumnCellDirective, selector: "[ngx-datatable-cell-template]" }, { kind: "directive", type: i3.NgxDatatableListDirective, selector: "ngx-datatable[list]", inputs: ["list"], exportAs: ["ngxDatatableList"] }, { kind: "directive", type: i10.NgbDropdown, selector: "[ngbDropdown]", inputs: ["autoClose", "dropdownClass", "open", "placement", "popperOptions", "container", "display"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { kind: "directive", type: i10.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { kind: "directive", type: i10.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { kind: "directive", type: i10.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["tabindex", "disabled"] }, { kind: "directive", type: i10.NgbDropdownButtonItem, selector: "button[ngbDropdownItem]" }, { kind: "component", type: i8$1.PageComponent, selector: "abp-page", inputs: ["title", "toolbar", "breadcrumb"] }, { kind: "component", type: FieldGroupComponent, selector: "cms-field-group", outputs: ["OnGroupClickBack"] }, { 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: FieldsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cms-fields', providers: [
+                        // [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-3\">\n                <div class=\"card mb-0\" style=\"height: 100%;\">\n                    <cms-field-group (OnGroupClickBack)=\"fieldGroupChange($event)\"></cms-field-group>\n                </div>\n            </div>\n            <div class=\"col-9\">\n                <div class=\"card mb-0\">\n                    <div class=\"card-header px-2 py-sm-2   border-bottom\">\n                        <div class=\"input-group\">\n                            <input type=\"text\" class=\"form-control\" [(ngModel)]=\"filters.filter\"\n                                [placeholder]=\"'AbpUi::Search' | abpLocalization\">\n                            <button class=\"btn btn-primary px-3\" type=\"button\" id=\"button-addon2\"\n                                (click)=\"list.get()\"><i class=\"fa fa-search\"></i></button>\n                        </div>\n                    </div>\n                    <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\"\n                                [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::FormControlName' | abpLocalization\"\n                                    prop=\"formControlName\">\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::Group' | abpLocalization\" prop=\"groupId\">\n                                    <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                        {{row.groupName}}\n                                    </ng-template>\n                                </ngx-datatable-column>\n                                <ngx-datatable-column [name]=\"'Cms::CreationTime' | abpLocalization\" prop=\"creationTime\" [width]=\"190\">\n                                    <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                        {{ value|date:'YYYY/MM/dd HH:mm:ss' }}\n                                    </ng-template>\n                                </ngx-datatable-column>\n                                <ngx-datatable-column [sortable]=\"false\" [name]=\"'AbpUi::Actions' | abpLocalization\"\n                                 [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\"\n                                                ngbDropdownToggle> <i class=\"me-1 fa fa-cog\"></i> {{'AbpUi::Actions' | abpLocalization}}</button>\n                                            <div ngbDropdownMenu>\n                                                <button ngbDropdownItem\n                                                    routerLink=\"/cms/admin/fields/{{row.id}}/edit\">{{'AbpUi::Edit' | abpLocalization}}</button>\n                                                <button ngbDropdownItem\n                                                    (click.stop)=\"deletefield(row)\">{{'AbpUi::Delete' | 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        </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: i3$1.Router }] });
+
+class CreateOrUpdateFieldInputBase {
+    constructor(data) {
+        /**分组id */
+        this.groupId = ['', []];
+        /**字段名称 Display name of this field */
+        this.displayName = ['', [Validators.required]];
+        /**字段唯一名称 Unique Name*/
+        this.name = ['', [Validators.required]];
+        /**描述 说明 */
+        this.description = ['', []];
+        /**FieldType字段类型 表单控件名称 */
+        this.formControlName = [undefined, [Validators.required]];
+        /**动态表单配置 */
+        this.formConfiguration = new FormGroup({});
+        if (data) {
+            for (const key in data) {
+                if (data.hasOwnProperty(key)) {
+                    this[key] = data[key];
+                }
+            }
+        }
+    }
+}
+
+class CreateOrEditFieldComponent {
+    constructor(_FieldAbstractsService, _CmsApiService, _FieldAdminService, _LocalizationService) {
+        this._FieldAbstractsService = _FieldAbstractsService;
+        this._CmsApiService = _CmsApiService;
+        this._FieldAdminService = _FieldAdminService;
+        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');
+    }
+    set selected(v) {
+        if (v) {
+            this._selected = v || '';
+            this._selected_copy = v;
+            this.dataLoaded();
+        }
+    }
+    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'
+            }));
+            this.submitclick?.nativeElement?.click();
+        }
+    }
+    /**name表单控件 */
+    get nameInput() {
+        return this._Entity.get('name');
+    }
+    nameInputBlur(event) {
+        let value = event.target.value;
+        this.nameInput.patchValue(value);
+    }
+    /**字段标签input失去标点生成字段名字 */
+    disPlayNameInputBlur(event) {
+        let value = event.target.value;
+        let pinyin = this._CmsApiService.chineseToPinyin(value);
+        let nameInput = this.nameInput;
+        if (nameInput.value)
+            return;
+        nameInput.patchValue(pinyin);
+    }
+    /**定义异步验证方法 */
+    repetitionAsyncValidator() {
+        return (ctrl) => {
+            return new Promise(resolve => {
+                if (ctrl.value == this._selected?.name || !ctrl.value) {
+                    resolve(null);
+                    return;
+                }
+                this._FieldAdminService.nameExists(ctrl.value).subscribe(res => {
+                    if (res) {
+                        resolve({ repetition: this._LocalizationService.instant(`Cms::FieldName{0}AlreadyExist`, ctrl.value) });
+                    }
+                    else {
+                        resolve(null);
+                    }
+                });
+            });
+        };
+    }
+    formControlNameChange(event) {
+        // this._selected='';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: CreateOrEditFieldComponent, deps: [{ token: FieldAbstractsService }, { token: CmsApiService }, { token: FieldAdminService }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: CreateOrEditFieldComponent, selector: "cms-create-or-edit-field", inputs: { Entity: "Entity", selected: "selected" }, viewQueries: [{ propertyName: "FormDynamicRef", first: true, predicate: ["FormDynamicRef"], descendants: true, read: ViewContainerRef, static: true }, { propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<form [formGroup]=\"_Entity\">\n  \n    <div class=\"mb-2\">\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-2\">\n        <label class=\"form-label\" for=\"displayName\">{{'DigniteAbpForms::FieldDisplayName' | abpLocalization}}</label>\n        <input type=\"text\" class=\"form-control\" formControlName=\"displayName\" required (blur)=\"disPlayNameInputBlur($event)\">\n    </div>\n    <div class=\"mb-2\">\n        <label class=\"form-label\" for=\"name\">{{'DigniteAbpForms::FieldName' | abpLocalization}}</label>\n        <input type=\"text\" class=\"form-control\" formControlName=\"name\" (input)=\"nameInputBlur($event)\">\n        <div class=\"text-danger invalid-feedback\" *ngIf=\"nameInput.errors?.repetition\">\n            {{nameInput.errors?.repetition}}\n        </div>\n        <div class=\"form-text\">{{'DigniteAbpForms::FieldNameHelpText' | abpLocalization}}</div>\n    </div>\n    <div class=\"mb-2\">\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-2\">\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}}</option>\n            </ng-container>\n        </select>\n    </div>\n    <ng-container *ngIf=\"_Entity.value.formControlName&&_Entity\"> \n        <df-dynamic [type]=\"_Entity.value.formControlName\" [entity]=\"_Entity\" [selected]=\"_selected\"></df-dynamic>\n    </ng-container>\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.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: i9.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i9.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "component", type: i8$2.DynamicComponent, selector: "df-dynamic", inputs: ["selected", "type", "entity", "culture", "parentFiledName", "fields"] }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: CreateOrEditFieldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cms-create-or-edit-field', template: "<form [formGroup]=\"_Entity\">\n  \n    <div class=\"mb-2\">\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-2\">\n        <label class=\"form-label\" for=\"displayName\">{{'DigniteAbpForms::FieldDisplayName' | abpLocalization}}</label>\n        <input type=\"text\" class=\"form-control\" formControlName=\"displayName\" required (blur)=\"disPlayNameInputBlur($event)\">\n    </div>\n    <div class=\"mb-2\">\n        <label class=\"form-label\" for=\"name\">{{'DigniteAbpForms::FieldName' | abpLocalization}}</label>\n        <input type=\"text\" class=\"form-control\" formControlName=\"name\" (input)=\"nameInputBlur($event)\">\n        <div class=\"text-danger invalid-feedback\" *ngIf=\"nameInput.errors?.repetition\">\n            {{nameInput.errors?.repetition}}\n        </div>\n        <div class=\"form-text\">{{'DigniteAbpForms::FieldNameHelpText' | abpLocalization}}</div>\n    </div>\n    <div class=\"mb-2\">\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-2\">\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}}</option>\n            </ng-container>\n        </select>\n    </div>\n    <ng-container *ngIf=\"_Entity.value.formControlName&&_Entity\"> \n        <df-dynamic [type]=\"_Entity.value.formControlName\" [entity]=\"_Entity\" [selected]=\"_selected\"></df-dynamic>\n    </ng-container>\n    <button type=\"submit\" style=\"display: none;\" #submitclick></button>\n</form>" }]
+        }], ctorParameters: () => [{ type: FieldAbstractsService }, { type: CmsApiService }, { type: FieldAdminService }, { type: i1.LocalizationService }], propDecorators: { FormDynamicRef: [{
+                type: ViewChild,
+                args: ['FormDynamicRef', { read: ViewContainerRef, static: true }]
+            }], submitclick: [{
+                type: ViewChild,
+                args: ['submitclick', { static: true }]
+            }], Entity: [{
+                type: Input
+            }], selected: [{
+                type: Input
+            }] } });
+
+class CreateFieldComponent {
+    constructor(fb, _FieldAdminService, toaster, _location, _LocalizationService, _CmsApiService) {
+        this.fb = fb;
+        this._FieldAdminService = _FieldAdminService;
+        this.toaster = toaster;
+        this._location = _location;
+        this._LocalizationService = _LocalizationService;
+        this._CmsApiService = _CmsApiService;
+        this._UpdateListService = inject(UpdateListService);
+        this.isSubmit = false;
+        this._ValidatorsService = inject(ValidatorsService);
+        /**表单验证状态
+         * {
+         *  title:true,
+         * }
+         */
+        this.formValidation = '';
+    }
+    ngOnInit() {
+        //Called after the constructor, initializing input properties, and the first call to ngOnChanges.
+        //Add 'implements OnInit' to the class.
+        this.newEntity = this.fb.group(new CreateOrUpdateFieldInputBase());
+    }
+    /**触发提交按钮 */
+    submitclickBtn() {
+        this.isSubmit = true;
+        this.submitclick.nativeElement.click();
+    }
+    /**保存表单 */
+    save() {
+        let input = this.newEntity.value;
+        // if (!this.isSubmit) return;
+        this.formValidation = this._ValidatorsService.getFormValidationStatus(this.newEntity);
+        if (this._ValidatorsService.isCheckForm(this.formValidation, 'Cms'))
+            return;
+        if (!this.newEntity.valid)
+            return;
+        this._FieldAdminService.create(input).subscribe(res => {
+            this.toaster.success(this._LocalizationService.instant(`AbpUi::SuccessfullyDeleted`));
+            this._location.back();
+            this._UpdateListService.updateList();
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: CreateFieldComponent, deps: [{ token: i1$1.FormBuilder }, { token: FieldAdminService }, { token: i3.ToasterService }, { token: i2.Location }, { token: i1.LocalizationService }, { token: CmsApiService }], 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: "<form  [formGroup]=\"newEntity\" (keydown.enter)=\"$event.preventDefault()\" [class]=\"{'was-validated':formValidation}\" (submit)=\"save()\">\n    <abp-page [title]=\"'Cms::CreateField' | abpLocalization\" [toolbar]=\"true\">\n        <div class=\"create-field-page\">\n            <button form-type=\"submit\" style=\"display: none;\" #submitclick></button>\n            <div class=\"card\">\n                <div class=\"card-body\">\n                    <cms-create-or-edit-field [Entity]=\"newEntity\"></cms-create-or-edit-field>\n                </div>\n            </div>\n        </div>\n    </abp-page>\n</form>", styles: ["::ng-deep .create-field-page .dignite_page{height:calc(100vh - 125px);overflow:auto}::ng-deep .create-field-page .form-control,::ng-deep .create-field-page .form-select{padding:.475rem 1.25rem}\n"], dependencies: [{ kind: "directive", type: i1$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: i9.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "component", type: i8$1.PageComponent, selector: "abp-page", inputs: ["title", "toolbar", "breadcrumb"] }, { kind: "component", type: CreateOrEditFieldComponent, selector: "cms-create-or-edit-field", inputs: ["Entity", "selected"] }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: CreateFieldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cms-create-field', providers: [
+                        {
+                            provide: EXTENSIONS_IDENTIFIER,
+                            useValue: ECmsComponent.FieldsCreate,
+                        },
+                    ], template: "<form  [formGroup]=\"newEntity\" (keydown.enter)=\"$event.preventDefault()\" [class]=\"{'was-validated':formValidation}\" (submit)=\"save()\">\n    <abp-page [title]=\"'Cms::CreateField' | abpLocalization\" [toolbar]=\"true\">\n        <div class=\"create-field-page\">\n            <button form-type=\"submit\" style=\"display: none;\" #submitclick></button>\n            <div class=\"card\">\n                <div class=\"card-body\">\n                    <cms-create-or-edit-field [Entity]=\"newEntity\"></cms-create-or-edit-field>\n                </div>\n            </div>\n        </div>\n    </abp-page>\n</form>", styles: ["::ng-deep .create-field-page .dignite_page{height:calc(100vh - 125px);overflow:auto}::ng-deep .create-field-page .form-control,::ng-deep .create-field-page .form-select{padding:.475rem 1.25rem}\n"] }]
+        }], ctorParameters: () => [{ type: i1$1.FormBuilder }, { type: FieldAdminService }, { type: i3.ToasterService }, { type: i2.Location }, { type: i1.LocalizationService }, { type: CmsApiService }], propDecorators: { submitclick: [{
+                type: ViewChild,
+                args: ['submitclick', { static: true }]
+            }] } });
+
+class EditFieldComponent {
+    constructor(fb, _FieldAbstractsService, _FieldAdminService, route, toaster, _location, _LocalizationService, _CmsApiService) {
+        this.fb = fb;
+        this._FieldAbstractsService = _FieldAbstractsService;
+        this._FieldAdminService = _FieldAdminService;
+        this.route = route;
+        this.toaster = toaster;
+        this._location = _location;
+        this._LocalizationService = _LocalizationService;
+        this._CmsApiService = _CmsApiService;
+        /**字段id */
+        this.fieldId = '';
+        this._UpdateListService = inject(UpdateListService);
+        this.isSubmit = false;
+        this._ValidatorsService = inject(ValidatorsService);
+        /**表单验证状态
+         * {
+         *  title:true,
+         * }
+         */
+        this.formValidation = '';
+    }
+    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,
+            });
+        }
+    }
+    /**获取字段详情 */
+    getFieldEdit() {
+        return new Promise((resolve, reject) => {
+            this._FieldAdminService.get(this.fieldId).subscribe(res => {
+                res.groupId = res.groupId ? res.groupId : '';
+                this.fieldDetails = res;
+                resolve(res);
+            });
+        });
+    }
+    /**触发提交按钮 */
+    submitclickBtn() {
+        this.isSubmit = true;
+        this.submitclick.nativeElement.click();
+    }
+    /**保存表单 */
+    save() {
+        let input = this.newEntity.value;
+        if (!this.isSubmit)
+            return;
+        this.formValidation = this._ValidatorsService.getFormValidationStatus(this.newEntity);
+        if (this._ValidatorsService.isCheckForm(this.formValidation, 'Cms'))
+            return;
+        if (!this.newEntity.valid)
+            return;
+        this._FieldAdminService.update(this.fieldId, input).subscribe(res => {
+            this.toaster.success(this._LocalizationService.instant(`AbpUi::SuccessfullyDeleted`));
+            this._location.back();
+            this._UpdateListService.updateList();
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: EditFieldComponent, deps: [{ token: i1$1.FormBuilder }, { token: FieldAbstractsService }, { token: FieldAdminService }, { token: i3$1.ActivatedRoute }, { token: i3.ToasterService }, { token: i2.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: [
+            {
+                provide: EXTENSIONS_IDENTIFIER,
+                useValue: ECmsComponent.FieldsEdit,
+            },
+        ], viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<form class=\"row g-3 needs-validation\" [formGroup]=\"newEntity\" (keydown.enter)=\"$event.preventDefault()\" (submit)=\"save()\">\n    <abp-page [title]=\"'Cms::EditField' | abpLocalization\" [toolbar]=\"true\">\n        <div class=\"create-field-page\">\n            <button type=\"submit\" style=\"display: none;\" #submitclick></button>\n            <!-- <div class=\"p-3 bg-white rounded-1\"> -->\n            <div class=\"card\">\n                <div class=\"card-body\">\n                    <ng-container *ngIf=\"newEntity&&fieldDetails\">\n                        <cms-create-or-edit-field [Entity]=\"newEntity\"\n                            [selected]=\"fieldDetails\"></cms-create-or-edit-field>\n                    </ng-container>\n                </div>\n            </div>\n        </div>\n    </abp-page>\n</form>", 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: i9.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "component", type: i8$1.PageComponent, selector: "abp-page", inputs: ["title", "toolbar", "breadcrumb"] }, { kind: "component", type: CreateOrEditFieldComponent, selector: "cms-create-or-edit-field", inputs: ["Entity", "selected"] }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: EditFieldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cms-edit-field', providers: [
+                        {
+                            provide: EXTENSIONS_IDENTIFIER,
+                            useValue: ECmsComponent.FieldsEdit,
+                        },
+                    ], template: "<form class=\"row g-3 needs-validation\" [formGroup]=\"newEntity\" (keydown.enter)=\"$event.preventDefault()\" (submit)=\"save()\">\n    <abp-page [title]=\"'Cms::EditField' | abpLocalization\" [toolbar]=\"true\">\n        <div class=\"create-field-page\">\n            <button type=\"submit\" style=\"display: none;\" #submitclick></button>\n            <!-- <div class=\"p-3 bg-white rounded-1\"> -->\n            <div class=\"card\">\n                <div class=\"card-body\">\n                    <ng-container *ngIf=\"newEntity&&fieldDetails\">\n                        <cms-create-or-edit-field [Entity]=\"newEntity\"\n                            [selected]=\"fieldDetails\"></cms-create-or-edit-field>\n                    </ng-container>\n                </div>\n            </div>\n        </div>\n    </abp-page>\n</form>" }]
+        }], ctorParameters: () => [{ type: i1$1.FormBuilder }, { type: FieldAbstractsService }, { type: FieldAdminService }, { type: i3$1.ActivatedRoute }, { type: i3.ToasterService }, { type: i2.Location }, { type: i1.LocalizationService }, { type: CmsApiService }], propDecorators: { submitclick: [{
+                type: ViewChild,
+                args: ['submitclick', { static: true }]
+            }] } });
+
+var SectionType;
+(function (SectionType) {
+    SectionType[SectionType["Single"] = 0] = "Single";
+    SectionType[SectionType["Structure"] = 1] = "Structure";
+    SectionType[SectionType["Channel"] = 2] = "Channel";
+})(SectionType || (SectionType = {}));
+const sectionTypeOptions = mapEnumToOptions(SectionType);
+
+class CreateOrUpdateSectionsInputBase {
+    constructor(data) {
+        /**版块类型 */
+        this.type = [0, [Validators.required]];
+        /**字段名称 Display name of this field */
+        this.displayName = ['', [Validators.required]];
+        /**字段唯一名称 Unique Name*/
+        this.name = ['', [Validators.required]];
+        /**条目路由 */
+        this.route = ['', [Validators.required]];
+        /**页面模板 */
+        this.template = ['', [Validators.required]];
+        /**是否默认 */
+        this.isDefault = [false, []];
+        /**是否激活 */
+        this.isActive = [true, []];
+        if (data) {
+            for (const key in data) {
+                if (data.hasOwnProperty(key)) {
+                    this[key] = data[key];
+                }
+            }
+        }
+    }
+}
+
+class SectionsComponent {
+    constructor(list, _SectionAdminService, toaster, confirmation, fb, _EntryTypeAdminService, _LocalizationService, _CmsApiService) {
+        this.list = list;
+        this._SectionAdminService = _SectionAdminService;
+        this.toaster = toaster;
+        this.confirmation = confirmation;
+        this.fb = fb;
+        this._EntryTypeAdminService = _EntryTypeAdminService;
+        this._LocalizationService = _LocalizationService;
+        this._CmsApiService = _CmsApiService;
+        this._UpdateListService = inject(UpdateListService);
+        this.siteList = [];
+        this.ColumnMode = ColumnMode;
+        this.data = { items: [], totalCount: 0 };
+        this.filters = {};
+        this.visibleOpen = false;
+        this.modalBusy = false;
+        this._SectionType = SectionType;
+        this._sectionTypeOptions = sectionTypeOptions;
+        this._ValidatorsService = inject(ValidatorsService);
+        /**表单验证状态
+         * {
+         *  title:true,
+         * }
+         */
+        this.formValidation = '';
+    }
+    hookToQuery() {
+        const getData = (query) => this._SectionAdminService.getList({ ...query, ...this.filters });
+        const setData = (list) => (this.data = list);
+        this.list.hookToQuery(getData).subscribe(setData);
+    }
+    async ngOnInit() {
+        this.hookToQuery();
+        this._UpdateListService.updateListEvent.subscribe(() => {
+            this.list.get();
+        });
+    }
+    siteIdChange() {
+        this.list.page = 0;
+        this.list.get();
+    }
+    VisibleChange(event) {
+        if (!event) {
+            this.selected = '';
+            return;
+        }
+    }
+    createSectionBtn() {
+        this.visibleOpen = true;
+        this.createOrEditForm = this.fb.group(new CreateOrUpdateSectionsInputBase());
+        this.setAsyncValidatorsFn();
+    }
+    editSectionBtn(row) {
+        this.visibleOpen = true;
+        this.createOrEditForm = this.fb.group(new CreateOrUpdateSectionsInputBase());
+        this.setAsyncValidatorsFn();
+        this._SectionAdminService.get(row.id).subscribe(res => {
+            this.createOrEditForm.patchValue(res);
+            this.selected = res;
+        });
+    }
+    deleteEntryType(row) {
+        this.confirmation
+            .warn(row.displayName, this._LocalizationService.instant(`AbpUi::ItemWillBeDeletedMessage`))
+            .subscribe((status) => {
+            if (status == 'confirm') {
+                this._EntryTypeAdminService
+                    .delete(row.id)
+                    .pipe(finalize(() => { }))
+                    .subscribe(res => {
+                    this.toaster.success(this._LocalizationService.instant(`AbpUi::SuccessfullyDeleted`));
+                    this.list.get();
+                });
+            }
+        });
+    }
+    createOrEditSave() {
+        if (this.selected) {
+            return this.EditSave();
+        }
+        this.createSave();
+    }
+    createSave() {
+        let input = this.createOrEditForm.value;
+        this.formValidation = this._ValidatorsService.getFormValidationStatus(this.createOrEditForm);
+        if (this._ValidatorsService.isCheckForm(this.formValidation, 'Cms'))
+            return;
+        if (!this.createOrEditForm.valid)
+            return;
+        this.modalBusy = true;
+        this._SectionAdminService
+            .create(input)
+            .pipe(finalize(() => {
+            this.modalBusy = false;
+            this.visibleOpen = false;
+        }))
+            .subscribe(res => {
+            this.toaster.success(this._LocalizationService.instant(`AbpUi::SuccessfullyDeleted`));
+            this.list.get();
+        });
+    }
+    EditSave() {
+        setTimeout(() => {
+            let input = this.createOrEditForm.value;
+            input.concurrencyStamp = this.selected.concurrencyStamp;
+            this.formValidation = this._ValidatorsService.getFormValidationStatus(this.createOrEditForm);
+            if (this._ValidatorsService.isCheckForm(this.formValidation, 'Cms'))
+                return;
+            if (!this.createOrEditForm.valid)
+                return;
+            this.modalBusy = true;
+            this._SectionAdminService
+                .update(this.selected.id, input)
+                .pipe(finalize(() => {
+                this.modalBusy = false;
+                this.visibleOpen = false;
+            }))
+                .subscribe(res => {
+                this.toaster.success(this._LocalizationService.instant(`AbpUi::SuccessfullyDeleted`));
+                this.list.get();
+            });
+        }, 100);
+    }
+    deletefield(row) {
+        this.confirmation
+            .warn(row.displayName, this._LocalizationService.instant(`AbpUi::ItemWillBeDeletedMessage`))
+            .subscribe((status) => {
+            if (status == 'confirm') {
+                this._SectionAdminService
+                    .delete(row.id)
+                    .pipe(finalize(() => { }))
+                    .subscribe(res => {
+                    this.toaster.success(this._LocalizationService.instant(`AbpUi::SuccessfullyDeleted`));
+                    this.list.get();
+                });
+            }
+        });
+    }
+    get displayNameInput() {
+        return this.createOrEditForm.get('displayName');
+    }
+    get nameInput() {
+        return this.createOrEditForm.get('name');
+    }
+    get routeInput() {
+        return this.createOrEditForm.get('route');
+    }
+    get templateInput() {
+        return this.createOrEditForm.get('template');
+    }
+    get typeInput() {
+        return this.createOrEditForm.get('type');
+    }
+    radiochange() {
+        this.routeInput.patchValue(this.routeInput.value);
+    }
+    disPlayNameInputBlur(event) {
+        let value = event.target.value;
+        let pinyin = this._CmsApiService.chineseToPinyin(value);
+        let nameInput = this.nameInput;
+        let routeInput = this.routeInput;
+        let templateInput = this.templateInput;
+        if (nameInput.value)
+            return;
+        nameInput.patchValue(pinyin);
+        if (routeInput.value)
+            return;
+        routeInput.patchValue(pinyin + (this.typeInput.value === 0 ? '' : '/{slug}'));
+        if (templateInput.value)
+            return;
+        templateInput.patchValue(pinyin + '/index');
+    }
+    setAsyncValidatorsFn() {
+        this.createOrEditForm.setControl('name', new FormControl(this.nameInput.value || '', {
+            validators: Validators.required,
+            asyncValidators: this.nameRepetitionAsyncValidator(),
+        }));
+        this.createOrEditForm.setControl('route', new FormControl(this.routeInput.value || '', {
+            validators: [Validators.required, this.forbiddenNameValidator()],
+            asyncValidators: [this.routeRepetitionAsyncValidator()],
+        }));
+    }
+    forbiddenNameValidator() {
+        return (control) => {
+            let inputValue = control.value.toLocaleLowerCase();
+            let forbidden = this.typeInput.value == 0 ? false : inputValue.includes('{slug}') ? false : true;
+            return forbidden
+                ? {
+                    repetition: this._LocalizationService.instant(`Cms::RouteVerificationTips`, this._LocalizationService.instant(`Cms::Enum:SectionType:` + SectionType[this.typeInput.value]), '{slug}'),
+                }
+                : null;
+        };
+    }
+    nameRepetitionAsyncValidator() {
+        return (ctrl) => {
+            return new Promise(resolve => {
+                let subslug = this.createOrEditForm?.get('name');
+                if (subslug.value == this.selected?.name) {
+                    resolve(null);
+                    return;
+                }
+                this._SectionAdminService.nameExists({ name: subslug.value }).subscribe(res => {
+                    if (res) {
+                        resolve({
+                            repetition: this._LocalizationService.instant(`Cms::SectionName{0}AlreadyExist`, ctrl.value),
+                        });
+                    }
+                    else {
+                        resolve(null);
+                    }
+                });
+            });
+        };
+    }
+    routeRepetitionAsyncValidator() {
+        return (ctrl) => {
+            return new Promise(resolve => {
+                let subslug = this.createOrEditForm?.get('route').value;
+                if (subslug == this.selected?.route) {
+                    resolve(null);
+                    return;
+                }
+                this._SectionAdminService.routeExists({ route: subslug }).subscribe(res => {
+                    if (res) {
+                        resolve({
+                            repetition: this._LocalizationService.instant(`Cms::SectionRoute{0}AlreadyExist`, ctrl.value),
+                        });
+                    }
+                    else {
+                        resolve(null);
+                    }
+                });
+            });
+        };
+    }
+    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 }, { token: CmsApiService }], 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,
+            // [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.Sections,
+            },
+        ], viewQueries: [{ propertyName: "createOrEditModalSubmitBtn", first: true, predicate: ["createOrEditModalSubmitBtn"], descendants: true }], 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-2 col-3\">\n                        <label class=\"form-label\">{{'Cms::IsActive' | abpLocalization}}\uFF1A</label>\n                        <select class=\"form-select col-auto\" [(ngModel)]=\"filters.isActive\" (change)=\"siteIdChange()\">\n                            <option [value]=\"\"></option>\n                            <option [value]=\"true\">\u662F</option>\n                            <option [value]=\"false\">\u5426</option>\n                        </select>\n                    </div>\n                    <div class=\"mb-2 col-3\">\n                        <label class=\"form-label\">{{'AbpUi::Search' | abpLocalization}}\uFF1A</label>\n                        <input type=\"text\" class=\"form-control\" [(ngModel)]=\"filters.filter\"\n                        [placeholder]=\"'AbpUi::Search' | abpLocalization\" />\n                    </div>\n                    <div class=\"mb-2 col-4\">\n                        <button class=\"btn btn-primary px-3\" type=\"button\" id=\"button-addon2\" (click)=\"list.get()\">\n                            <i class=\"fa fa-search\"></i>\n                        </button>\n                    </div>\n                </div> \n            </div>\n        </div>\n        <div class=\"card mb-0\">\n            <div class=\"card-body p-0\">\n                <div class=\"table-responsive table-fixed-header\">\n                    <ngx-datatable class=\"material \" [rows]=\"data.items\" [list]=\"list\"\n                        [columnMode]=\"ColumnMode.force\" [headerHeight]=\"50\" [footerHeight]=\"50\" rowHeight=\"auto\"\n                        [virtualization]=\"false\" [externalPaging]=\"true\" [count]=\"data.totalCount\" [scrollbarH]=\"true\">\n                        <ngx-datatable-column [name]=\"'Cms::DisplayName' | abpLocalization\" prop=\"displayName\">\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                {{ value }}\n                            </ng-template>\n                        </ngx-datatable-column>\n                        <ngx-datatable-column [name]=\"'Cms::Name' | abpLocalization\" prop=\"name\">\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                {{ value }}\n                            </ng-template>\n                        </ngx-datatable-column>\n                        <ngx-datatable-column [name]=\"'Cms::SectionType' | abpLocalization\" prop=\"type\" [width]=\"80\">\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\">\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\">\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\">\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                <div ngbDropdown container=\"body\">\n                                    <button type=\"button\" class=\"btn btn-link\" ngbDropdownToggle id=\"dropdownBasic1\">\n                                        {{'Cms::EntryType' | abpLocalization}}\n                                    </button>\n                                    <div ngbDropdownMenu aria-labelledby=\"dropdownBasic1\">\n                                        <ng-container *ngFor=\"let item of row.entryTypes;let i =index\">\n                                            <li ngbDropdownItem\n                                                class=\"d-flex align-items-center justify-content-between\" [routerLink]=\"'/cms/admin/sections/'+row.id+'/entry-types/'+item.id+'/edit'\"\n                                                >{{item.displayName}}\n                                                <button class=\"btn btn-light btn-sm p-0\"\n                                                    (click.stop)=\"deleteEntryType(item)\"><i class=\"fas fa-trash p-sm-1\"\n                                                        style=\"font-size: 12px;\" role=\"button\"></i></button>\n                                            </li>\n                                        </ng-container>\n                                        <li ngbDropdownItem [routerLink]=\"'/cms/admin/sections/'+row.id+'/entry-types/create'\"><i\n                                                class=\"fas fa-plus-circle me-2\"></i>{{'Cms::New' |\n                                            abpLocalization}}</li>\n                                    </div>\n                                </div>\n                            </ng-template>\n                        </ngx-datatable-column>\n                        <ngx-datatable-column [name]=\"'Cms::CreationTime' | abpLocalization\" prop=\"creationTime\" [minWidth]=\"190\">\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                {{ value | date : 'yyyy/MM/dd hh:mm:ss' }}\n                            </ng-template>\n                        </ngx-datatable-column>\n                        <ngx-datatable-column [sortable]=\"false\"  [name]=\"'AbpUi::Actions' | abpLocalization\"   [frozenLeft]=\"true\" [width]=\"110\" [maxWidth]=\"110\">\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                <div ngbDropdown container=\"body\">\n                                    <button type=\"button\" class=\"btn btn-primary btn-sm\" ngbDropdownToggle>\n                                        <i class=\"me-1 fa fa-cog\"></i> {{'AbpUi::Actions' | abpLocalization}}\n                                    </button>\n                                    <div ngbDropdownMenu>\n                                        <button ngbDropdownItem (click)=\"editSectionBtn(row)\">{{'AbpUi::Edit' |\n                                            abpLocalization}}</button>\n                                        <button ngbDropdownItem (click)=\"deletefield(row)\">{{'AbpUi::Delete' |\n                                            abpLocalization}}</button>\n                                    </div>\n                                </div>\n                            </ng-template>\n                        </ngx-datatable-column>\n                    </ngx-datatable>\n                </div>\n            </div>\n        </div>\n    </div>\n</abp-page>\n<abp-modal [(visible)]=\"visibleOpen\" [busy]=\"modalBusy\" (visibleChange)=\"VisibleChange($event)\">\n    <ng-template #abpHeader>\n        <h3>{{selected?('AbpUi::Edit' | abpLocalization):('Cms::New' | abpLocalization)}}</h3>\n    </ng-template>\n    <ng-template #abpBody>\n        <ng-template #loaderRef>\n            <div class=\"text-center\"><i class=\"fa fa-pulse fa-spinner\" aria-hidden=\"true\"></i></div>\n        </ng-template>\n        <ng-container *ngIf=\"createOrEditForm; else loaderRef\">\n            <form class=\"sites-modal-form\" [formGroup]=\"createOrEditForm\" (keydown.enter)=\"$event.preventDefault()\" [class]=\"{'was-validated':formValidation}\"  (submit)=\"createOrEditSave()\">\n                <button type=\"submit\" #createOrEditModalSubmitBtn style=\"display: none\"></button>\n                <div class=\"mb-2\">\n                    <label class=\"form-label\">{{'Cms::EntryType' | abpLocalization}}</label>\n                    <div>\n                        <ng-container *ngFor=\"let item of _sectionTypeOptions;let i =index\">\n                            <div class=\"form-check form-check-inline\">\n                                <input class=\"form-check-input\" type=\"radio\" [value]=\"item.value\"\n                                    (change)=\"radiochange()\" formControlName=\"type\" id=\"flexRadioDefault{{i}}\">\n                                <label class=\"form-check-label\" for=\"flexRadioDefault{{i}}\">\n                                    {{ 'Cms::Enum:SectionType:'+item.key | abpLocalization }}\n                                </label>\n                            </div>\n                        </ng-container>\n                    </div>\n                </div>\n                <div class=\"mb-2\">\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-2\">\n                    <label class=\"form-label\">{{'Cms::Name' | abpLocalization}}</label>\n                    <input type=\"text\" class=\"form-control\" formControlName=\"name\" placeholder=\"\" />\n                    <div class=\"text-danger invalid-feedback\" *ngIf=\"nameInput.errors?.repetition\">\n                        {{nameInput.errors?.repetition}}\n                    </div>\n                </div>\n                <div class=\"mb-2\">\n                    <label class=\"form-label\">{{'Cms::Route' | abpLocalization}} </label>\n                    <input type=\"text\" class=\"form-control\" formControlName=\"route\" placeholder=\"\" />\n                    <div class=\"text-danger invalid-feedback\" *ngIf=\"routeInput.errors?.repetition\">\n                        {{routeInput.errors?.repetition}}\n                    </div>\n                    <div class=\"form-text\">\n                        {{'Cms::RouteTips' | abpLocalization}}<br>\n                        &nbsp;&nbsp;blog<br>\n                        &nbsp;&nbsp;{{'blog/{slug}'}}<br>\n                        &nbsp;&nbsp;{{'blog/{publishTime:yyyy}/{publishTime:MM}/{slug}'}}\n                    </div>\n                </div>\n                <div class=\"mb-2\">\n                    <label class=\"form-label\">{{'Cms::Template' | abpLocalization}} </label>\n                    <input type=\"text\" class=\"form-control\" formControlName=\"template\" placeholder=\"\" />\n                    <div class=\"form-text\">\n                        {{\"Cms::TemplateTips\" | abpLocalization}}\n                    </div>\n                </div>\n                <div class=\"mb-2\">\n                    <div class=\"form-check form-check-inline\">\n                        <input class=\"form-check-input\" type=\"checkbox\" value=\"true\" formControlName=\"isDefault\"\n                            id=\"isDefault\" />\n                        <label class=\"form-check-label\" for=\"isDefault\"> {{'Cms::Default' | abpLocalization}} </label>\n                    </div>\n                </div>\n                <div class=\"mb-2\">\n                    <div class=\"form-check form-check-inline\">\n                        <input class=\"form-check-input\" type=\"checkbox\" value=\"true\" formControlName=\"isActive\"\n                            id=\"isActive\" />\n                        <label class=\"form-check-label\" for=\"isActive\"> {{'Cms::IsActive' | abpLocalization}}</label>\n                    </div>\n                </div>\n            </form>\n        </ng-container>\n    </ng-template>\n    <ng-template #abpFooter>\n        <button type=\"button\" class=\"btn btn-secondary\" abpClose>{{'AbpUi::Close' | abpLocalization}}</button>\n        <abp-button iconClass=\"fa fa-check\" (click)=\"createOrEditModalSubmitBtn.nativeElement.click()\">{{'AbpUi::Save' |\n            abpLocalization}}</abp-button>\n    </ng-template>\n</abp-modal>", styles: ["::ng-deep .sections-page .dignite_page{background:transparent}::ng-deep .sections-page .list-group-flush>.list-group-item:first-child{border-top-width:var(--bs-list-group-border-width)}::ng-deep .sections-page .card-header input{flex:2 1 auto}::ng-deep .sections-page .card-header .form-select{padding:.475rem 3.75rem .475rem 1.25rem}::ng-deep .sites-modal-form .form-control{padding:.4rem 1.25rem}\n"], dependencies: [{ kind: "directive", type: 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.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.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.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: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i3$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1.StopPropagationDirective, selector: "[click.stop]", outputs: ["click.stop"] }, { kind: "component", type: i8.DatatableComponent, selector: "ngx-datatable", inputs: ["targetMarkerTemplate", "rows", "groupRowsBy", "groupedRows", "columns", "selected", "scrollbarV", "scrollbarH", "rowHeight", "columnMode", "headerHeight", "footerHeight", "externalPaging", "externalSorting", "limit", "count", "offset", "loadingIndicator", "selectionType", "reorderable", "swapColumns", "sortType", "sorts", "cssClasses", "messages", "rowClass", "selectCheck", "displayCheck", "groupExpansionDefault", "trackByProp", "selectAllRowsOnPage", "virtualization", "treeFromRelation", "treeToRelation", "summaryRow", "summaryHeight", "summaryPosition", "rowIdentity"], outputs: ["scroll", "activate", "select", "sort", "page", "reorder", "resize", "tableContextmenu", "treeAction"] }, { kind: "directive", type: i8.DataTableColumnDirective, selector: "ngx-datatable-column", inputs: ["name", "prop", "frozenLeft", "frozenRight", "flexGrow", "resizeable", "comparator", "pipe", "sortable", "draggable", "canAutoResize", "minWidth", "width", "maxWidth", "checkboxable", "headerCheckboxable", "headerClass", "cellClass", "isTreeColumn", "treeLevelIndent", "summaryFunc", "summaryTemplate", "cellTemplate", "headerTemplate", "treeToggleTemplate"] }, { kind: "directive", type: i8.DataTableColumnCellDirective, selector: "[ngx-datatable-cell-template]" }, { kind: "directive", type: i9.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i9.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "directive", type: i3.NgxDatatableListDirective, selector: "ngx-datatable[list]", inputs: ["list"], exportAs: ["ngxDatatableList"] }, { kind: "component", type: i3.ButtonComponent, selector: "abp-button", inputs: ["buttonId", "buttonClass", "buttonType", "formName", "iconClass", "loading", "disabled", "attributes"], outputs: ["click", "focus", "blur", "abpClick", "abpFocus", "abpBlur"] }, { kind: "component", type: i3.ModalComponent, selector: "abp-modal", inputs: ["visible", "busy", "options", "suppressUnsavedChangesWarning"], outputs: ["visibleChange", "init", "appear", "disappear"] }, { kind: "directive", type: i3.ModalCloseDirective, selector: "[abpClose]" }, { kind: "directive", type: i10.NgbDropdown, selector: "[ngbDropdown]", inputs: ["autoClose", "dropdownClass", "open", "placement", "popperOptions", "container", "display"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { kind: "directive", type: i10.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { kind: "directive", type: i10.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { kind: "directive", type: i10.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["tabindex", "disabled"] }, { kind: "directive", type: i10.NgbDropdownButtonItem, selector: "button[ngbDropdownItem]" }, { kind: "component", type: i8$1.PageComponent, selector: "abp-page", inputs: ["title", "toolbar", "breadcrumb"] }, { 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: SectionsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cms-sections', providers: [
+                        // [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.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-2 col-3\">\n                        <label class=\"form-label\">{{'Cms::IsActive' | abpLocalization}}\uFF1A</label>\n                        <select class=\"form-select col-auto\" [(ngModel)]=\"filters.isActive\" (change)=\"siteIdChange()\">\n                            <option [value]=\"\"></option>\n                            <option [value]=\"true\">\u662F</option>\n                            <option [value]=\"false\">\u5426</option>\n                        </select>\n                    </div>\n                    <div class=\"mb-2 col-3\">\n                        <label class=\"form-label\">{{'AbpUi::Search' | abpLocalization}}\uFF1A</label>\n                        <input type=\"text\" class=\"form-control\" [(ngModel)]=\"filters.filter\"\n                        [placeholder]=\"'AbpUi::Search' | abpLocalization\" />\n                    </div>\n                    <div class=\"mb-2 col-4\">\n                        <button class=\"btn btn-primary px-3\" type=\"button\" id=\"button-addon2\" (click)=\"list.get()\">\n                            <i class=\"fa fa-search\"></i>\n                        </button>\n                    </div>\n                </div> \n            </div>\n        </div>\n        <div class=\"card mb-0\">\n            <div class=\"card-body p-0\">\n                <div class=\"table-responsive table-fixed-header\">\n                    <ngx-datatable class=\"material \" [rows]=\"data.items\" [list]=\"list\"\n                        [columnMode]=\"ColumnMode.force\" [headerHeight]=\"50\" [footerHeight]=\"50\" rowHeight=\"auto\"\n                        [virtualization]=\"false\" [externalPaging]=\"true\" [count]=\"data.totalCount\" [scrollbarH]=\"true\">\n                        <ngx-datatable-column [name]=\"'Cms::DisplayName' | abpLocalization\" prop=\"displayName\">\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                {{ value }}\n                            </ng-template>\n                        </ngx-datatable-column>\n                        <ngx-datatable-column [name]=\"'Cms::Name' | abpLocalization\" prop=\"name\">\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                {{ value }}\n                            </ng-template>\n                        </ngx-datatable-column>\n                        <ngx-datatable-column [name]=\"'Cms::SectionType' | abpLocalization\" prop=\"type\" [width]=\"80\">\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\">\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\">\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\">\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                <div ngbDropdown container=\"body\">\n                                    <button type=\"button\" class=\"btn btn-link\" ngbDropdownToggle id=\"dropdownBasic1\">\n                                        {{'Cms::EntryType' | abpLocalization}}\n                                    </button>\n                                    <div ngbDropdownMenu aria-labelledby=\"dropdownBasic1\">\n                                        <ng-container *ngFor=\"let item of row.entryTypes;let i =index\">\n                                            <li ngbDropdownItem\n                                                class=\"d-flex align-items-center justify-content-between\" [routerLink]=\"'/cms/admin/sections/'+row.id+'/entry-types/'+item.id+'/edit'\"\n                                                >{{item.displayName}}\n                                                <button class=\"btn btn-light btn-sm p-0\"\n                                                    (click.stop)=\"deleteEntryType(item)\"><i class=\"fas fa-trash p-sm-1\"\n                                                        style=\"font-size: 12px;\" role=\"button\"></i></button>\n                                            </li>\n                                        </ng-container>\n                                        <li ngbDropdownItem [routerLink]=\"'/cms/admin/sections/'+row.id+'/entry-types/create'\"><i\n                                                class=\"fas fa-plus-circle me-2\"></i>{{'Cms::New' |\n                                            abpLocalization}}</li>\n                                    </div>\n                                </div>\n                            </ng-template>\n                        </ngx-datatable-column>\n                        <ngx-datatable-column [name]=\"'Cms::CreationTime' | abpLocalization\" prop=\"creationTime\" [minWidth]=\"190\">\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                {{ value | date : 'yyyy/MM/dd hh:mm:ss' }}\n                            </ng-template>\n                        </ngx-datatable-column>\n                        <ngx-datatable-column [sortable]=\"false\"  [name]=\"'AbpUi::Actions' | abpLocalization\"   [frozenLeft]=\"true\" [width]=\"110\" [maxWidth]=\"110\">\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                <div ngbDropdown container=\"body\">\n                                    <button type=\"button\" class=\"btn btn-primary btn-sm\" ngbDropdownToggle>\n                                        <i class=\"me-1 fa fa-cog\"></i> {{'AbpUi::Actions' | abpLocalization}}\n                                    </button>\n                                    <div ngbDropdownMenu>\n                                        <button ngbDropdownItem (click)=\"editSectionBtn(row)\">{{'AbpUi::Edit' |\n                                            abpLocalization}}</button>\n                                        <button ngbDropdownItem (click)=\"deletefield(row)\">{{'AbpUi::Delete' |\n                                            abpLocalization}}</button>\n                                    </div>\n                                </div>\n                            </ng-template>\n                        </ngx-datatable-column>\n                    </ngx-datatable>\n                </div>\n            </div>\n        </div>\n    </div>\n</abp-page>\n<abp-modal [(visible)]=\"visibleOpen\" [busy]=\"modalBusy\" (visibleChange)=\"VisibleChange($event)\">\n    <ng-template #abpHeader>\n        <h3>{{selected?('AbpUi::Edit' | abpLocalization):('Cms::New' | abpLocalization)}}</h3>\n    </ng-template>\n    <ng-template #abpBody>\n        <ng-template #loaderRef>\n            <div class=\"text-center\"><i class=\"fa fa-pulse fa-spinner\" aria-hidden=\"true\"></i></div>\n        </ng-template>\n        <ng-container *ngIf=\"createOrEditForm; else loaderRef\">\n            <form class=\"sites-modal-form\" [formGroup]=\"createOrEditForm\" (keydown.enter)=\"$event.preventDefault()\" [class]=\"{'was-validated':formValidation}\"  (submit)=\"createOrEditSave()\">\n                <button type=\"submit\" #createOrEditModalSubmitBtn style=\"display: none\"></button>\n                <div class=\"mb-2\">\n                    <label class=\"form-label\">{{'Cms::EntryType' | abpLocalization}}</label>\n                    <div>\n                        <ng-container *ngFor=\"let item of _sectionTypeOptions;let i =index\">\n                            <div class=\"form-check form-check-inline\">\n                                <input class=\"form-check-input\" type=\"radio\" [value]=\"item.value\"\n                                    (change)=\"radiochange()\" formControlName=\"type\" id=\"flexRadioDefault{{i}}\">\n                                <label class=\"form-check-label\" for=\"flexRadioDefault{{i}}\">\n                                    {{ 'Cms::Enum:SectionType:'+item.key | abpLocalization }}\n                                </label>\n                            </div>\n                        </ng-container>\n                    </div>\n                </div>\n                <div class=\"mb-2\">\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-2\">\n                    <label class=\"form-label\">{{'Cms::Name' | abpLocalization}}</label>\n                    <input type=\"text\" class=\"form-control\" formControlName=\"name\" placeholder=\"\" />\n                    <div class=\"text-danger invalid-feedback\" *ngIf=\"nameInput.errors?.repetition\">\n                        {{nameInput.errors?.repetition}}\n                    </div>\n                </div>\n                <div class=\"mb-2\">\n                    <label class=\"form-label\">{{'Cms::Route' | abpLocalization}} </label>\n                    <input type=\"text\" class=\"form-control\" formControlName=\"route\" placeholder=\"\" />\n                    <div class=\"text-danger invalid-feedback\" *ngIf=\"routeInput.errors?.repetition\">\n                        {{routeInput.errors?.repetition}}\n                    </div>\n                    <div class=\"form-text\">\n                        {{'Cms::RouteTips' | abpLocalization}}<br>\n                        &nbsp;&nbsp;blog<br>\n                        &nbsp;&nbsp;{{'blog/{slug}'}}<br>\n                        &nbsp;&nbsp;{{'blog/{publishTime:yyyy}/{publishTime:MM}/{slug}'}}\n                    </div>\n                </div>\n                <div class=\"mb-2\">\n                    <label class=\"form-label\">{{'Cms::Template' | abpLocalization}} </label>\n                    <input type=\"text\" class=\"form-control\" formControlName=\"template\" placeholder=\"\" />\n                    <div class=\"form-text\">\n                        {{\"Cms::TemplateTips\" | abpLocalization}}\n                    </div>\n                </div>\n                <div class=\"mb-2\">\n                    <div class=\"form-check form-check-inline\">\n                        <input class=\"form-check-input\" type=\"checkbox\" value=\"true\" formControlName=\"isDefault\"\n                            id=\"isDefault\" />\n                        <label class=\"form-check-label\" for=\"isDefault\"> {{'Cms::Default' | abpLocalization}} </label>\n                    </div>\n                </div>\n                <div class=\"mb-2\">\n                    <div class=\"form-check form-check-inline\">\n                        <input class=\"form-check-input\" type=\"checkbox\" value=\"true\" formControlName=\"isActive\"\n                            id=\"isActive\" />\n                        <label class=\"form-check-label\" for=\"isActive\"> {{'Cms::IsActive' | abpLocalization}}</label>\n                    </div>\n                </div>\n            </form>\n        </ng-container>\n    </ng-template>\n    <ng-template #abpFooter>\n        <button type=\"button\" class=\"btn btn-secondary\" abpClose>{{'AbpUi::Close' | abpLocalization}}</button>\n        <abp-button iconClass=\"fa fa-check\" (click)=\"createOrEditModalSubmitBtn.nativeElement.click()\">{{'AbpUi::Save' |\n            abpLocalization}}</abp-button>\n    </ng-template>\n</abp-modal>", styles: ["::ng-deep .sections-page .dignite_page{background:transparent}::ng-deep .sections-page .list-group-flush>.list-group-item:first-child{border-top-width:var(--bs-list-group-border-width)}::ng-deep .sections-page .card-header input{flex:2 1 auto}::ng-deep .sections-page .card-header .form-select{padding:.475rem 3.75rem .475rem 1.25rem}::ng-deep .sites-modal-form .form-control{padding:.4rem 1.25rem}\n"] }]
+        }], ctorParameters: () => [{ type: i1.ListService }, { type: SectionAdminService }, { type: i3.ToasterService }, { type: i3.ConfirmationService }, { type: i1$1.FormBuilder }, { type: EntryTypeAdminService }, { type: i1.LocalizationService }, { type: CmsApiService }], propDecorators: { createOrEditModalSubmitBtn: [{
+                type: ViewChild,
+                args: ['createOrEditModalSubmitBtn', { static: false }]
+            }] } });
+
+class CreateOrEditEntryTypeInputBase {
+    constructor(data) {
+        /**显示名称 Display name of this field */
+        this.displayName = ['', [Validators.required]];
+        /**名称 Unique Name*/
+        this.name = ['', [Validators.required]];
+        /**条目路由 */
+        this.fieldTabs = new FormArray([]);
+        if (data) {
+            for (const key in data) {
+                if (data.hasOwnProperty(key)) {
+                    this[key] = data[key];
+                }
+            }
+        }
+    }
+}
+class fieldTabsBase {
+    constructor(data) {
+        /**名称 Unique Name*/
+        this.name = ['', [Validators.required]];
+        this.fields = [[], []];
+        if (data) {
+            for (const key in data) {
+                if (data.hasOwnProperty(key)) {
+                    this[key] = data[key];
+                }
+            }
+        }
+    }
+}
+class fieldsBase {
+    constructor(data) {
+        /**字段id Unique Name*/
+        this.fieldId = ['', [Validators.required]];
+        /**显示名称 Unique Name*/
+        this.displayName = ['', [Validators.required]];
+        /**必填 Unique Name*/
+        this.required = [false, []];
+        /**是否在列表中显示 Unique Name*/
+        this.showOnList = [false, []];
+        if (data) {
+            for (const key in data) {
+                if (data.hasOwnProperty(key)) {
+                    this[key] = data[key];
+                }
+            }
+        }
+    }
+}
+class fieldsInputBase {
+    constructor(data) {
+        /**字段id */
+        this.fieldId = ['', [Validators.required]];
+        /**显示名称 Display name of this field */
+        this.displayName = ['', [Validators.required]];
+        /**是否必填 Unique Name*/
+        this.required = [false, []];
+        /**在列表中展示 Unique Name*/
+        this.showOnList = [false, []];
+        if (data) {
+            for (const key in data) {
+                if (data.hasOwnProperty(key)) {
+                    this[key] = data[key];
+                }
+            }
+        }
+    }
+}
+
+class CreateOrEditComponent {
+    constructor(toaster, _location, route, _FieldGroupAdminService, _FieldAdminService, _EntryTypeAdminService, _LocalizationService, _CmsApiService) {
+        this.toaster = toaster;
+        this._location = _location;
+        this.route = route;
+        this._FieldGroupAdminService = _FieldGroupAdminService;
+        this._FieldAdminService = _FieldAdminService;
+        this._EntryTypeAdminService = _EntryTypeAdminService;
+        this._LocalizationService = _LocalizationService;
+        this._CmsApiService = _CmsApiService;
+        this.fb = inject(FormBuilder);
+        this._UpdateListService = inject(UpdateListService);
+        /**表单实体 */
+        this.newEntity = this.fb.group(new CreateOrEditEntryTypeInputBase());
+        /**版块id */
+        this.sectionId = '';
+        /**条目类型id */
+        this.entryTypesId = '';
+        /**
+         * 拖拽 功能*/
+        /**数据源 */
+        /**数据源-字段分组数据-包含字段数据 fields */
+        this.fieldGroupList = [];
+        /**数据源-所有字段列表 */
+        this.fieldList = [];
+        /**目标源 结果*/
+        this.resultSource = [];
+        /**来自数据源的集合，用于从目标源拖回数据源时的判断，与取值 */
+        this.formRightGroup = [];
+        this._ValidatorsService = inject(ValidatorsService);
+        /**表单验证状态
+         * {
+         *  title:true,
+         * }
+         */
+        this.formValidation = '';
+        /**模态框状态 */
+        this.visibleTabsOpen = false;
+        /**是否是忙碌状态 */
+        this.modalBusy = false;
+        /**正在选中的nav */
+        this.navActive = 0;
+        /**编辑字段模态框状态 */
+        this.visibleEditFieldOpen = false;
+    }
+    get fieldTabs() {
+        return this.newEntity.get('fieldTabs');
+    }
+    /**触发提交按钮 */
+    submitclickBtn() {
+        this.submitclick.nativeElement.click();
+    }
+    ngOnInit() {
+        let sectionId = this.route.snapshot.params.sectionsId;
+        this.entryTypesId = this.route.snapshot.params.entryTypesId || '';
+        if (sectionId) {
+            this.sectionId = sectionId;
+            this.addControlToFieldTabs();
+            this.getFieldGroup();
+        }
+    }
+    /**给fieldTabs添加新控件 */
+    addControlToFieldTabs(nameValue = '') {
+        const newFormGroup = this.fb.group(new fieldTabsBase({
+            name: this.fieldTabs.length === 0
+                ? this._LocalizationService.instant(`Cms::FieldTab`)
+                : nameValue,
+        }));
+        this.fieldTabs.push(newFormGroup);
+        this.resultSource.push(newFormGroup.value);
+        this.navActive = this.resultSource.length - 1;
+    }
+    /**获取字段分组 */
+    getFieldGroup() {
+        this._FieldGroupAdminService.getList({}).subscribe(async (res) => {
+            let fieldList = await this.getFieldList();
+            let fieldGroupList = res.items;
+            fieldGroupList.unshift({
+                id: null,
+                name: 'UngroupedFields',
+            });
+            fieldGroupList.forEach((el, index) => {
+                el.fields = fieldList.filter(els => els.groupId === el.id);
+            });
+            this.fieldGroupList = fieldGroupList;
+            this.fieldList = this.deepClone(fieldList);
+            let entryTypesId = this.entryTypesId;
+            if (entryTypesId) {
+                this.entryTypesId = entryTypesId;
+                this.getEntryTypes();
+            }
+        });
+    }
+    /**获取条目类型详情 */
+    getEntryTypes() {
+        let fieldList = this.deepClone(this.fieldList);
+        this._EntryTypeAdminService.get(this.entryTypesId).subscribe(res => {
+            res.fieldTabs.forEach(el => {
+                el.fields.forEach((eld) => {
+                    eld.id = eld.fieldId;
+                    eld.groupId = fieldList.find(elfd => elfd.id == eld.fieldId).groupId;
+                    this.formRightGroup.push(eld);
+                    let fieldindex = fieldList.findIndex(elfl => elfl.id == eld.fieldId);
+                    fieldList.splice(fieldindex, 1);
+                });
+            });
+            this.fieldGroupList.forEach((el, 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 (let key in obj) {
+            if (obj.hasOwnProperty(key)) {
+                if (typeof obj[key] === 'object' && obj[key] !== null) {
+                    if (obj[key] instanceof Date) {
+                        result[key] = new Date(obj[key].getTime());
+                    }
+                    else if (obj[key] instanceof RegExp) {
+                        result[key] = new RegExp(obj[key]);
+                    }
+                    else {
+                        result[key] = this.deepClone(obj[key]);
+                    }
+                }
+                else {
+                    result[key] = obj[key];
+                }
+            }
+        }
+        return result;
+    }
+    /**
+     *
+     * @param nameValue 获取所有字段
+     */
+    getFieldList() {
+        return new Promise((resolve, rejects) => {
+            this._FieldAdminService
+                .getList({
+                maxResultCount: 1000,
+            })
+                .subscribe((res) => {
+                res.items.forEach(el => {
+                    el.required = false;
+                    el.showOnList = false;
+                });
+                resolve(res.items);
+            });
+        });
+    }
+    /**从数据源开始拖拽 */
+    fromDataSourceDragStart(element, fieldIndex, groupIndex) {
+        this.fromDataSourceDragEl = element;
+        this.DataSourceFieldIndex = fieldIndex;
+        this.DataSourceGroupIndex = groupIndex;
+        this.fromResultSourceDragEl = undefined;
+    }
+    /**从目标源开始拖拽 */
+    fromResultSourceDragStart(element) {
+        this.fromResultSourceDragEl = element;
+        this.fromDataSourceDragEl = undefined;
+        this.DataSourceFieldIndex = undefined;
+        this.DataSourceGroupIndex = undefined;
+    }
+    /**拖拽到数据源时触发 */
+    dragToDataSourceDropped() {
+        //从数据源拖拽到数据源-排序
+        if (this.fromDataSourceDragEl) {
+        }
+        let _fromResultSourceDragEl = this.fromResultSourceDragEl;
+        let formRightGroup = this.deepClone(this.formRightGroup);
+        let fieldList = this.deepClone(this.fieldList);
+        if (_fromResultSourceDragEl) {
+            //移动
+            //从目标源拖拽到数据源
+            // 拖拽目标源的下标
+            let dragResultSourceIndex = this.resultSource[this.navActive].fields.findIndex(el => el.id == _fromResultSourceDragEl.id);
+            //删除目标源中的数据
+            this.resultSource[this.navActive].fields.splice(dragResultSourceIndex, 1);
+            formRightGroup.splice(formRightGroup.findIndex(el => el.id == _fromResultSourceDragEl.id), 1);
+            this.fieldGroupList.forEach(el => {
+                if (el.id == _fromResultSourceDragEl.groupId) {
+                    const elFieldsAll = fieldList.filter(els => els.groupId === el.id);
+                    el.fields = elFieldsAll.filter(item => !formRightGroup.some(itemB => item.id === itemB.id));
+                }
+            });
+            this.formRightGroup = formRightGroup;
+        }
+        this.setfieldTabsFrom();
+    }
+    /**拖拽到目标源时触发
+     *
+     */
+    dragToResultSourceDropped(fieldTabstem, fieldTabsIndex) {
+        const _fromDataSourceDragEl = this.fromDataSourceDragEl;
+        //从数据源拖拽到目标源
+        if (_fromDataSourceDragEl) {
+            this.fieldGroupList[this.DataSourceGroupIndex].fields.splice(this.DataSourceFieldIndex, 1);
+            this.resultSource[fieldTabsIndex].fields.push(_fromDataSourceDragEl);
+            this.formRightGroup.push(_fromDataSourceDragEl);
+        }
+        this.setfieldTabsFrom();
+    }
+    /** 从目标源拖拽到目标源*/
+    dragToResultSourceItemDropped(fieldsIndex) {
+        const _fromResultSourceDragEl = this.fromResultSourceDragEl;
+        if (_fromResultSourceDragEl) {
+            // 拖拽目标源的下标
+            let dragResultSourceIndex = this.resultSource[this.navActive].fields.findIndex(el => el.id == _fromResultSourceDragEl.id);
+            //删除目标源中的数据
+            this.resultSource[this.navActive].fields.splice(dragResultSourceIndex, 1);
+            this.resultSource[this.navActive].fields.splice(fieldsIndex, 0, _fromResultSourceDragEl);
+        }
+        this.setfieldTabsFrom();
+    }
+    /**设置formA表单 */
+    setfieldTabsFrom() {
+        let setArray = [];
+        this.resultSource.forEach(el => {
+            let fieldsArray = [];
+            el.fields.forEach(item => {
+                fieldsArray.push({
+                    fieldId: item.id || item.fieldId,
+                    displayName: item.displayName,
+                    required: item?.required,
+                    showOnList: item?.showOnList,
+                });
+            });
+            setArray.push({
+                name: el.name,
+                fields: fieldsArray,
+            });
+        });
+        this.newEntity.patchValue({
+            fieldTabs: setArray,
+        });
+    }
+    /**保存表单 */
+    save() {
+        let input = this.newEntity.value;
+        this.formValidation = this._ValidatorsService.getFormValidationStatus(this.newEntity);
+        if (this._ValidatorsService.isCheckForm(this.formValidation, 'Cms'))
+            return;
+        if (this.entryTypesSelect) {
+            this._EntryTypeAdminService.update(this.entryTypesSelect.id, input).subscribe(res => {
+                this.toaster.success(this._LocalizationService.instant(`AbpUi::SuccessfullyDeleted`));
+                this._location.back();
+                this._UpdateListService.updateList();
+            });
+            return;
+        }
+        input.sectionId = this.sectionId;
+        this._EntryTypeAdminService.create(input).subscribe(res => {
+            this.toaster.success(this._LocalizationService.instant(`AbpUi::SuccessfullyDeleted`));
+            this._location.back();
+            this._UpdateListService.updateList();
+        });
+    }
+    /**模态框状态改变回调 */
+    VisibleTabsChange(event) {
+        if (!event) {
+            this.editFieldTabsSelect = '';
+            return;
+        }
+    }
+    /**新建增加FieldTabs */
+    addFieldTabs() {
+        this.editFieldTabsFrom = this.fb.group(new fieldTabsBase());
+        this.visibleTabsOpen = true;
+    }
+    /**编辑FieldTabs */
+    editFieldTabs(item, i) {
+        this.editFieldTabsFrom = this.fb.group(new fieldTabsBase({
+            name: item.name,
+        }));
+        this.editFieldTabsSelect = item;
+        this.visibleTabsOpen = true;
+        this.newEditFieldTabsIndex = i;
+    }
+    /**保存编辑tabs表单 */
+    editFieldTabsSave() {
+        //编辑
+        if (this.editFieldTabsSelect) {
+            this.resultSource[this.newEditFieldTabsIndex].name = this.editFieldTabsFrom.value.name;
+            this.navActive = this.newEditFieldTabsIndex;
+        }
+        else {
+            //新建
+            this.addControlToFieldTabs(this.editFieldTabsFrom.value.name);
+        }
+        this.visibleTabsOpen = false;
+        this.setfieldTabsFrom();
+    }
+    /**删除某个tabs表单 */
+    deleteFieldTabs(index) {
+        this.fieldTabs.removeAt(index);
+        this.resultSource.splice(index, 1);
+    }
+    /**编辑字段模态框状态状态改变回调 */
+    VisibleEditFieldChange(event) {
+        if (!event) {
+            this.EditFieldIndex = undefined;
+            return;
+        }
+    }
+    /**打开编辑字段模态框 */
+    EditFieldModalOpen(items, elIndex) {
+        this.visibleEditFieldOpen = true;
+        this.EditFieldIndex = elIndex;
+        this.editFieldFrom = this.fb.group(new fieldsBase(this.fieldTabs.value[this.navActive].fields[elIndex]));
+    }
+    /**保存编辑字段 */
+    editFieldSave() {
+        let input = this.editFieldFrom.value;
+        this.resultSource[this.navActive].fields[this.EditFieldIndex].displayName = input.displayName;
+        this.resultSource[this.navActive].fields[this.EditFieldIndex].required = input.required;
+        this.resultSource[this.navActive].fields[this.EditFieldIndex].showOnList = input.showOnList;
+        this.visibleEditFieldOpen = false;
+        this.setfieldTabsFrom();
+    }
+    /**name表单控件 */
+    get nameInput() {
+        return this.newEntity.get('name');
+    }
+    /**字段标签input失去标点生成字段名字 */
+    disPlayNameInputBlur(event) {
+        let value = event.target.value;
+        let pinyin = this._CmsApiService.chineseToPinyin(value);
+        let 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: i2.Location }, { token: i3$1.ActivatedRoute }, { token: FieldGroupAdminService }, { token: FieldAdminService }, { token: EntryTypeAdminService }, { token: i1.LocalizationService }, { token: CmsApiService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: CreateOrEditComponent, selector: "cms-create-or-edit", providers: [
+            {
+                provide: EXTENSIONS_IDENTIFIER,
+                useValue: ECmsComponent.SectionsCreateOrEdit,
+            },
+        ], viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }, { propertyName: "editFieldTabsModalSubmitBtn", first: true, predicate: ["editFieldTabsModalSubmitBtn"], descendants: true }, { propertyName: "editFieldModalSubmitBtn", first: true, predicate: ["editFieldModalSubmitBtn"], descendants: true }], ngImport: i0, template: "<form class=\"row g-3 needs-validation\" [formGroup]=\"newEntity\" (keydown.enter)=\"$event.preventDefault()\" [class]=\"{'was-validated':formValidation}\"  (submit)=\"save()\">\n    <abp-page [title]=\"entryTypesId ? ('AbpUi::Edit' | abpLocalization):('Cms::New' | abpLocalization)\"\n        [toolbar]=\"true\">\n        <div class=\"create-or-edit-entry-type-page\">\n            <div class=\"card\">\n                <button type=\"submit\" style=\"display: none;\" #submitclick></button>\n                <div class=\"card-body\">\n                    <div class=\"\">\n                        <div class=\"mb-2\">\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-2\">\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-2\">\n                                <label class=\"form-label\">{{'Cms::FieldLayout' | abpLocalization}}</label>\n                                <div class=\"container\">\n                                    <div class=\"row\">\n                                        <div class=\"col-sm-8\">\n                                            <ul ngbNav #nav=\"ngbNav\" [(activeId)]=\"navActive\" class=\"nav nav-tabs\">\n                                                <ng-container *ngFor=\"let item of resultSource; let i = index\">\n                                                    <li [ngbNavItem]=\"i\">\n                                                        <button type=\"button\" ngbDropdown ngbNavLink>\n                                                            {{ item.name }}\n                                                            <span class=\"ms-1\" (click.stop)=\"$event.stopPropagation()\"\n                                                                ngbDropdownToggle></span>\n                                                            <div ngbDropdownMenu style=\"z-index: 999;\">\n                                                    <li ngbDropdownItem type=\"button\"\n                                                        (click.stop)=\"editFieldTabs(item,i)\">\n                                                        <i class=\"fas fa-edit\"></i>\n                                                        {{'AbpUi::Edit' | abpLocalization}}\n                                                    </li>\n                                                    <li ngbDropdownItem *ngIf=\"resultSource.length !== 1\" type=\"button\"\n                                                        (click.stop)=\"deleteFieldTabs(i)\">\n                                                        <i class=\"fas fa-trash\"></i>\n                                                        {{'AbpUi::Delete' | abpLocalization}}\n                                                    </li>\n                                        </div>\n                                        </button>\n                                        <ng-template ngbNavContent>\n                                            <div class=\"p-2\" ondragover=\"event.preventDefault();\"\n                                                (drop)=\"dragToResultSourceDropped(item,i)\" style=\"height: 100%;\">\n                                                <p class=\"form-text\" *ngIf=\"item.fields.length === 0\">\n                                                    {{'Cms::DragAndDropFieldTips' | abpLocalization}}\n                                                </p>\n                                                <ul class=\"list-group\" style=\"height: 100%;\">\n                                                    <ng-container *ngFor=\"let el of item.fields; let iel = index\">\n                                                        <li draggable=\"true\" (dragstart)=\"fromResultSourceDragStart(el)\"\n                                                            (drop)=\"dragToResultSourceItemDropped(iel)\"\n                                                            class=\"list-group-item d-flex align-items-center justify-content-between py-1\"\n                                                            style=\"position: unset;\">\n                                                            {{ el.displayName }}\n                                                            <button class=\"p-0 btn btn-sm btn-light\"\n                                                                (click.stop)=\"EditFieldModalOpen(el,iel)\"\n                                                                type=\"button\"><i class=\"fas fa-wrench p-sm-1\"\n                                                                    role=\"button\"></i></button>\n                                                        </li>\n                                                    </ng-container>\n                                                </ul>\n\n                                            </div>\n                                        </ng-template>\n                                        </li>\n                                        </ng-container>\n                                        <li class=\"nav-item\" role=\"presentation\">\n                                            <button type=\"button\" class=\"nav-link\" (click.stop)=\"addFieldTabs()\">\n                                                <i class=\"fas fa-plus-circle\"></i>\n                                                {{'Cms::NewTab' | abpLocalization}}\n                                            </button>\n                                        </li>\n                                        </ul>\n                                        <div [ngbNavOutlet]=\"nav\" class=\"mt-2 bordernNavs p-0\"></div>\n                                    </div>\n                                    <div class=\"col-sm-4\">\n                                        <div ngbAccordion #accordion=\"ngbAccordion\" ondragover=\"event.preventDefault();\"\n                                            (drop)=\"dragToDataSourceDropped()\" style=\"min-height: 80px;\">\n                                            <ng-container *ngFor=\"let item of fieldGroupList; let i = index\">\n                                                <div [ngbAccordionItem]=\"item.name\" *ngIf=\"item.fields.length > 0\">\n                                                    <h2 ngbAccordionHeader>\n                                                        <button ngbAccordionButton>{{\n                                                            ('Cms::'+item.name) | abpLocalization }}</button>\n                                                    </h2>\n                                                    <div ngbAccordionCollapse>\n                                                        <div ngbAccordionBody>\n                                                            <ng-template>\n                                                                <ul class=\"list-group\">\n                                                                    <ng-container\n                                                                        *ngFor=\"let el of item.fields; let ii = index\">\n                                                                        <li draggable=\"true\"\n                                                                            (dragstart)=\"fromDataSourceDragStart(el,ii,i)\"\n                                                                            class=\"list-group-item\">\n                                                                            {{ el.displayName }}\n                                                                        </li>\n                                                                    </ng-container>\n                                                                </ul>\n                                                            </ng-template>\n                                                        </div>\n                                                    </div>\n                                                </div>\n                                            </ng-container>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n\n            </div>\n        </div>\n\n\n        </div>\n    </abp-page>\n\n</form>\n\n<abp-modal [(visible)]=\"visibleTabsOpen\" [busy]=\"modalBusy\" (visibleChange)=\"VisibleTabsChange($event)\">\n    <ng-template #abpHeader>\n        <h3>{{ editFieldTabsSelect ? ('AbpUi::Edit' | abpLocalization):('Cms::New' | abpLocalization)}}</h3>\n    </ng-template>\n    <ng-template #abpBody>\n        <ng-template #loaderRef>\n            <div class=\"text-center\"><i class=\"fa fa-pulse fa-spinner\" aria-hidden=\"true\"></i></div>\n        </ng-template>\n        <ng-container *ngIf=\"editFieldTabsFrom; else loaderRef\">\n            <form class=\"sites-modal-form\" [formGroup]=\"editFieldTabsFrom\" (keydown.enter)=\"$event.preventDefault()\" (submit)=\"editFieldTabsSave()\">\n                <button type=\"submit\" #editFieldTabsModalSubmitBtn style=\"display: none\"></button>\n                <div class=\"mb-2\">\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\" [disabled]=\"!editFieldTabsFrom.valid\"\n            (click)=\"editFieldTabsModalSubmitBtn.nativeElement.click()\">{{'AbpUi::Save' | abpLocalization}}</abp-button>\n    </ng-template>\n</abp-modal>\n\n\n<abp-modal [(visible)]=\"visibleEditFieldOpen\" [busy]=\"modalBusy\" (visibleChange)=\"VisibleEditFieldChange($event)\">\n    <ng-template #abpHeader>\n        <h3>{{'AbpUi::Edit' | abpLocalization}}</h3>\n    </ng-template>\n    <ng-template #abpBody>\n        <ng-template #loaderRef>\n            <div class=\"text-center\"><i class=\"fa fa-pulse fa-spinner\" aria-hidden=\"true\"></i></div>\n        </ng-template>\n        <ng-container *ngIf=\"editFieldFrom; else loaderRef\">\n            <form class=\"sites-modal-form\" [formGroup]=\"editFieldFrom\" (keydown.enter)=\"$event.preventDefault()\" (submit)=\"editFieldSave()\">\n                <button type=\"submit\" #editFieldModalSubmitBtn style=\"display: none\"></button>\n                <div class=\"mb-2\">\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-2\">\n                    <div class=\"form-check form-check-inline\">\n                        <input class=\"form-check-input\" type=\"checkbox\" value=\"true\" formControlName=\"required\"\n                            id=\"required\" />\n                        <label class=\"form-check-label\" for=\"required\"> {{'Cms::Required' | abpLocalization}} </label>\n                    </div>\n                </div>\n                <div class=\"mb-2\">\n                    <div class=\"form-check form-check-inline\">\n                        <input class=\"form-check-input\" type=\"checkbox\" value=\"true\" formControlName=\"showOnList\"\n                            id=\"showOnList\" />\n                        <label class=\"form-check-label\" for=\"showOnList\"> {{'Cms::ShowOnList' | abpLocalization}}\n                        </label>\n                    </div>\n                </div>\n            </form>\n        </ng-container>\n    </ng-template>\n    <ng-template #abpFooter>\n        <button type=\"button\" class=\"btn btn-secondary\" abpClose>{{'AbpUi::Close' | abpLocalization}}</button>\n        <abp-button iconClass=\"fa fa-check\" [disabled]=\"!editFieldFrom.valid\"\n            (click)=\"editFieldModalSubmitBtn.nativeElement.click()\">{{'AbpUi::Save' | abpLocalization}}</abp-button>\n    </ng-template>\n</abp-modal>", styles: ["::ng-deep .create-or-edit-entry-type-page .dignite_page{height:calc(100vh - 125px);overflow:auto}::ng-deep .create-or-edit-entry-type-page .form-control,::ng-deep .create-or-edit-entry-type-page .form-select{padding:.475rem 1.25rem}::ng-deep .create-or-edit-entry-type-page .cursor-move{cursor:move}::ng-deep .create-or-edit-entry-type-page .bordernNavs{border:var(--bs-border-width) solid var(--lpx-border-color);padding-left:inherit;padding-right:inherit;height:calc(100% - 60px)}::ng-deep .create-or-edit-entry-type-page .tab-pane{height:100%}\n"], dependencies: [{ kind: "directive", type: 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.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: i9.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i9.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "component", type: i3.ButtonComponent, selector: "abp-button", inputs: ["buttonId", "buttonClass", "buttonType", "formName", "iconClass", "loading", "disabled", "attributes"], outputs: ["click", "focus", "blur", "abpClick", "abpFocus", "abpBlur"] }, { kind: "component", type: i3.ModalComponent, selector: "abp-modal", inputs: ["visible", "busy", "options", "suppressUnsavedChangesWarning"], outputs: ["visibleChange", "init", "appear", "disappear"] }, { kind: "directive", type: i3.ModalCloseDirective, selector: "[abpClose]" }, { kind: "directive", type: i10.NgbNavContent, selector: "ng-template[ngbNavContent]" }, { kind: "directive", type: i10.NgbNav, selector: "[ngbNav]", inputs: ["activeId", "animation", "destroyOnHide", "orientation", "roles", "keyboard"], outputs: ["activeIdChange", "shown", "hidden", "navChange"], exportAs: ["ngbNav"] }, { kind: "directive", type: i10.NgbNavItem, selector: "[ngbNavItem]", inputs: ["destroyOnHide", "disabled", "domId", "ngbNavItem"], outputs: ["shown", "hidden"], exportAs: ["ngbNavItem"] }, { kind: "directive", type: i10.NgbNavItemRole, selector: "[ngbNavItem]:not(ng-container)" }, { kind: "directive", type: i10.NgbNavLinkButton, selector: "button[ngbNavLink]" }, { kind: "directive", type: i10.NgbNavLinkBase, selector: "[ngbNavLink]" }, { kind: "component", type: i10.NgbNavOutlet, selector: "[ngbNavOutlet]", inputs: ["paneRole", "ngbNavOutlet"] }, { kind: "directive", type: i10.NgbAccordionButton, selector: "button[ngbAccordionButton]" }, { kind: "directive", type: i10.NgbAccordionDirective, selector: "[ngbAccordion]", inputs: ["animation", "closeOthers", "destroyOnHide"], outputs: ["show", "shown", "hide", "hidden"], exportAs: ["ngbAccordion"] }, { kind: "directive", type: i10.NgbAccordionItem, selector: "[ngbAccordionItem]", inputs: ["ngbAccordionItem", "destroyOnHide", "disabled", "collapsed"], outputs: ["show", "shown", "hide", "hidden"], exportAs: ["ngbAccordionItem"] }, { kind: "directive", type: i10.NgbAccordionHeader, selector: "[ngbAccordionHeader]" }, { kind: "directive", type: i10.NgbAccordionBody, selector: "[ngbAccordionBody]" }, { kind: "directive", type: i10.NgbAccordionCollapse, selector: "[ngbAccordionCollapse]", exportAs: ["ngbAccordionCollapse"] }, { kind: "directive", type: i10.NgbDropdown, selector: "[ngbDropdown]", inputs: ["autoClose", "dropdownClass", "open", "placement", "popperOptions", "container", "display"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { kind: "directive", type: i10.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { kind: "directive", type: i10.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { kind: "directive", type: i10.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["tabindex", "disabled"] }, { kind: "component", type: i8$1.PageComponent, selector: "abp-page", inputs: ["title", "toolbar", "breadcrumb"] }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: CreateOrEditComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cms-create-or-edit', providers: [
+                        {
+                            provide: EXTENSIONS_IDENTIFIER,
+                            useValue: ECmsComponent.SectionsCreateOrEdit,
+                        },
+                    ], template: "<form class=\"row g-3 needs-validation\" [formGroup]=\"newEntity\" (keydown.enter)=\"$event.preventDefault()\" [class]=\"{'was-validated':formValidation}\"  (submit)=\"save()\">\n    <abp-page [title]=\"entryTypesId ? ('AbpUi::Edit' | abpLocalization):('Cms::New' | abpLocalization)\"\n        [toolbar]=\"true\">\n        <div class=\"create-or-edit-entry-type-page\">\n            <div class=\"card\">\n                <button type=\"submit\" style=\"display: none;\" #submitclick></button>\n                <div class=\"card-body\">\n                    <div class=\"\">\n                        <div class=\"mb-2\">\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-2\">\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-2\">\n                                <label class=\"form-label\">{{'Cms::FieldLayout' | abpLocalization}}</label>\n                                <div class=\"container\">\n                                    <div class=\"row\">\n                                        <div class=\"col-sm-8\">\n                                            <ul ngbNav #nav=\"ngbNav\" [(activeId)]=\"navActive\" class=\"nav nav-tabs\">\n                                                <ng-container *ngFor=\"let item of resultSource; let i = index\">\n                                                    <li [ngbNavItem]=\"i\">\n                                                        <button type=\"button\" ngbDropdown ngbNavLink>\n                                                            {{ item.name }}\n                                                            <span class=\"ms-1\" (click.stop)=\"$event.stopPropagation()\"\n                                                                ngbDropdownToggle></span>\n                                                            <div ngbDropdownMenu style=\"z-index: 999;\">\n                                                    <li ngbDropdownItem type=\"button\"\n                                                        (click.stop)=\"editFieldTabs(item,i)\">\n                                                        <i class=\"fas fa-edit\"></i>\n                                                        {{'AbpUi::Edit' | abpLocalization}}\n                                                    </li>\n                                                    <li ngbDropdownItem *ngIf=\"resultSource.length !== 1\" type=\"button\"\n                                                        (click.stop)=\"deleteFieldTabs(i)\">\n                                                        <i class=\"fas fa-trash\"></i>\n                                                        {{'AbpUi::Delete' | abpLocalization}}\n                                                    </li>\n                                        </div>\n                                        </button>\n                                        <ng-template ngbNavContent>\n                                            <div class=\"p-2\" ondragover=\"event.preventDefault();\"\n                                                (drop)=\"dragToResultSourceDropped(item,i)\" style=\"height: 100%;\">\n                                                <p class=\"form-text\" *ngIf=\"item.fields.length === 0\">\n                                                    {{'Cms::DragAndDropFieldTips' | abpLocalization}}\n                                                </p>\n                                                <ul class=\"list-group\" style=\"height: 100%;\">\n                                                    <ng-container *ngFor=\"let el of item.fields; let iel = index\">\n                                                        <li draggable=\"true\" (dragstart)=\"fromResultSourceDragStart(el)\"\n                                                            (drop)=\"dragToResultSourceItemDropped(iel)\"\n                                                            class=\"list-group-item d-flex align-items-center justify-content-between py-1\"\n                                                            style=\"position: unset;\">\n                                                            {{ el.displayName }}\n                                                            <button class=\"p-0 btn btn-sm btn-light\"\n                                                                (click.stop)=\"EditFieldModalOpen(el,iel)\"\n                                                                type=\"button\"><i class=\"fas fa-wrench p-sm-1\"\n                                                                    role=\"button\"></i></button>\n                                                        </li>\n                                                    </ng-container>\n                                                </ul>\n\n                                            </div>\n                                        </ng-template>\n                                        </li>\n                                        </ng-container>\n                                        <li class=\"nav-item\" role=\"presentation\">\n                                            <button type=\"button\" class=\"nav-link\" (click.stop)=\"addFieldTabs()\">\n                                                <i class=\"fas fa-plus-circle\"></i>\n                                                {{'Cms::NewTab' | abpLocalization}}\n                                            </button>\n                                        </li>\n                                        </ul>\n                                        <div [ngbNavOutlet]=\"nav\" class=\"mt-2 bordernNavs p-0\"></div>\n                                    </div>\n                                    <div class=\"col-sm-4\">\n                                        <div ngbAccordion #accordion=\"ngbAccordion\" ondragover=\"event.preventDefault();\"\n                                            (drop)=\"dragToDataSourceDropped()\" style=\"min-height: 80px;\">\n                                            <ng-container *ngFor=\"let item of fieldGroupList; let i = index\">\n                                                <div [ngbAccordionItem]=\"item.name\" *ngIf=\"item.fields.length > 0\">\n                                                    <h2 ngbAccordionHeader>\n                                                        <button ngbAccordionButton>{{\n                                                            ('Cms::'+item.name) | abpLocalization }}</button>\n                                                    </h2>\n                                                    <div ngbAccordionCollapse>\n                                                        <div ngbAccordionBody>\n                                                            <ng-template>\n                                                                <ul class=\"list-group\">\n                                                                    <ng-container\n                                                                        *ngFor=\"let el of item.fields; let ii = index\">\n                                                                        <li draggable=\"true\"\n                                                                            (dragstart)=\"fromDataSourceDragStart(el,ii,i)\"\n                                                                            class=\"list-group-item\">\n                                                                            {{ el.displayName }}\n                                                                        </li>\n                                                                    </ng-container>\n                                                                </ul>\n                                                            </ng-template>\n                                                        </div>\n                                                    </div>\n                                                </div>\n                                            </ng-container>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n\n            </div>\n        </div>\n\n\n        </div>\n    </abp-page>\n\n</form>\n\n<abp-modal [(visible)]=\"visibleTabsOpen\" [busy]=\"modalBusy\" (visibleChange)=\"VisibleTabsChange($event)\">\n    <ng-template #abpHeader>\n        <h3>{{ editFieldTabsSelect ? ('AbpUi::Edit' | abpLocalization):('Cms::New' | abpLocalization)}}</h3>\n    </ng-template>\n    <ng-template #abpBody>\n        <ng-template #loaderRef>\n            <div class=\"text-center\"><i class=\"fa fa-pulse fa-spinner\" aria-hidden=\"true\"></i></div>\n        </ng-template>\n        <ng-container *ngIf=\"editFieldTabsFrom; else loaderRef\">\n            <form class=\"sites-modal-form\" [formGroup]=\"editFieldTabsFrom\" (keydown.enter)=\"$event.preventDefault()\" (submit)=\"editFieldTabsSave()\">\n                <button type=\"submit\" #editFieldTabsModalSubmitBtn style=\"display: none\"></button>\n                <div class=\"mb-2\">\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\" [disabled]=\"!editFieldTabsFrom.valid\"\n            (click)=\"editFieldTabsModalSubmitBtn.nativeElement.click()\">{{'AbpUi::Save' | abpLocalization}}</abp-button>\n    </ng-template>\n</abp-modal>\n\n\n<abp-modal [(visible)]=\"visibleEditFieldOpen\" [busy]=\"modalBusy\" (visibleChange)=\"VisibleEditFieldChange($event)\">\n    <ng-template #abpHeader>\n        <h3>{{'AbpUi::Edit' | abpLocalization}}</h3>\n    </ng-template>\n    <ng-template #abpBody>\n        <ng-template #loaderRef>\n            <div class=\"text-center\"><i class=\"fa fa-pulse fa-spinner\" aria-hidden=\"true\"></i></div>\n        </ng-template>\n        <ng-container *ngIf=\"editFieldFrom; else loaderRef\">\n            <form class=\"sites-modal-form\" [formGroup]=\"editFieldFrom\" (keydown.enter)=\"$event.preventDefault()\" (submit)=\"editFieldSave()\">\n                <button type=\"submit\" #editFieldModalSubmitBtn style=\"display: none\"></button>\n                <div class=\"mb-2\">\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-2\">\n                    <div class=\"form-check form-check-inline\">\n                        <input class=\"form-check-input\" type=\"checkbox\" value=\"true\" formControlName=\"required\"\n                            id=\"required\" />\n                        <label class=\"form-check-label\" for=\"required\"> {{'Cms::Required' | abpLocalization}} </label>\n                    </div>\n                </div>\n                <div class=\"mb-2\">\n                    <div class=\"form-check form-check-inline\">\n                        <input class=\"form-check-input\" type=\"checkbox\" value=\"true\" formControlName=\"showOnList\"\n                            id=\"showOnList\" />\n                        <label class=\"form-check-label\" for=\"showOnList\"> {{'Cms::ShowOnList' | abpLocalization}}\n                        </label>\n                    </div>\n                </div>\n            </form>\n        </ng-container>\n    </ng-template>\n    <ng-template #abpFooter>\n        <button type=\"button\" class=\"btn btn-secondary\" abpClose>{{'AbpUi::Close' | abpLocalization}}</button>\n        <abp-button iconClass=\"fa fa-check\" [disabled]=\"!editFieldFrom.valid\"\n            (click)=\"editFieldModalSubmitBtn.nativeElement.click()\">{{'AbpUi::Save' | abpLocalization}}</abp-button>\n    </ng-template>\n</abp-modal>", styles: ["::ng-deep .create-or-edit-entry-type-page .dignite_page{height:calc(100vh - 125px);overflow:auto}::ng-deep .create-or-edit-entry-type-page .form-control,::ng-deep .create-or-edit-entry-type-page .form-select{padding:.475rem 1.25rem}::ng-deep .create-or-edit-entry-type-page .cursor-move{cursor:move}::ng-deep .create-or-edit-entry-type-page .bordernNavs{border:var(--bs-border-width) solid var(--lpx-border-color);padding-left:inherit;padding-right:inherit;height:calc(100% - 60px)}::ng-deep .create-or-edit-entry-type-page .tab-pane{height:100%}\n"] }]
+        }], ctorParameters: () => [{ type: i3.ToasterService }, { type: i2.Location }, { type: i3$1.ActivatedRoute }, { type: FieldGroupAdminService }, { type: FieldAdminService }, { type: EntryTypeAdminService }, { type: i1.LocalizationService }, { type: CmsApiService }], propDecorators: { submitclick: [{
+                type: ViewChild,
+                args: ['submitclick', { static: true }]
+            }], editFieldTabsModalSubmitBtn: [{
+                type: ViewChild,
+                args: ['editFieldTabsModalSubmitBtn', { static: false }]
+            }], editFieldModalSubmitBtn: [{
+                type: ViewChild,
+                args: ['editFieldModalSubmitBtn', { static: false }]
+            }] } });
+
+class EntryConfig {
+    constructor(data) {
+        /**多选 */
+        this['Entry.Multiple'] = [false, []];
+        /**占位符 */
+        this['Entry.Placeholder'] = ['', []];
+        /**版块id */
+        this['Entry.SectionId'] = ['', []];
+        if (data) {
+            for (const key in data) {
+                if (data.hasOwnProperty(key)) {
+                    this[key] = data[key];
+                }
+            }
+        }
+    }
+}
+
+class EntryConfigComponent {
+    constructor(fb, 
+    // private _SiteAdminService: SiteAdminService,
+    _SectionAdminService) {
+        this.fb = fb;
+        this._SectionAdminService = _SectionAdminService;
+        /**站点列表 */
+        this.siteList = [];
+        /**选择的站点id */
+        // siteId: string = ''
+        this.siteId = new FormControl('');
+        /**站点下的版块 */
+        this.SiteOfSectionList = [];
+    }
+    set type(v) {
+        if (v == this._type)
+            return;
+        this._type = v;
+    }
+    set Entity(v) {
+        this._Entity = v;
+    }
+    set selected(v) {
+        this._selected = v;
+    }
+    set culture(v) {
+        this._culture = v;
+    }
+    get formConfiguration() {
+        return this._Entity.get('formConfiguration');
+    }
+    ngAfterContentInit() {
+        //Called after ngOnInit when the component's or directive's content has been initialized.
+        //Add 'implements AfterContentInit' to the class.
+        this.dataLoaded(2);
+    }
+    async dataLoaded(val) {
+        if (this._Entity && this._type) {
+            await this.AfterInit();
+            this.submitclick.nativeElement.click();
+        }
+    }
+    AfterInit() {
+        return new Promise(async (resolve, rejects) => {
+            this._Entity.setControl('formConfiguration', this.fb.group(new EntryConfig()));
+            // await this.getsiteList()
+            await this.getSiteOfSectionList();
+            if (this._selected) {
+                this.formConfiguration.patchValue({
+                    ...this._selected.formConfiguration
+                });
+            }
+            resolve(true);
+        });
+    }
+    /**获取站点列表 */
+    // getsiteList() {
+    //   return new Promise((resolve, rejects) => {
+    //     this._SiteAdminService.getList({}).subscribe(res => {
+    //       this.siteList = res.items
+    //       this.siteId = res.items[0]?.id || ''
+    //       resolve(res.items)
+    //     })
+    //   })
+    // }
+    /**获取站点下的版块 */
+    getSiteOfSectionList() {
+        return new Promise((resolve, rejects) => {
+            this._SectionAdminService.getList({
+                maxResultCount: 1000,
+                // siteId: this.siteId
+            }).subscribe(res => {
+                this.SiteOfSectionList = res.items;
+                this.formConfiguration.patchValue({
+                    'Entry.SectionId': res.items[0]?.id || ''
+                });
+                resolve(res.items);
+            });
+        });
+    }
+    /**切换站点 */
+    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$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", Entity: "Entity", selected: "selected", culture: "culture" }, viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<!-- <div class=\"mb-2\">\n    <label class=\"form-label\">{{'Cms::Sites' | abpLocalization}}</label>\n    <select class=\"form-select col-auto\"  [(ngModel)]=\"siteId\" (change)=\"siteIdChange()\">\n        <ng-container *ngFor=\"let item of siteList\">\n            <option [value]=\"item.id\">{{item.displayName}}</option>\n        </ng-container>\n    </select>\n</div> -->\n<form [formGroup]=\"_Entity\">\n    <div formGroupName=\"formConfiguration\">\n        \n        <div class=\"mb-2\">\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\n        <div class=\"mb-2\">\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-2\">\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: i9.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i9.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: "<!-- <div class=\"mb-2\">\n    <label class=\"form-label\">{{'Cms::Sites' | abpLocalization}}</label>\n    <select class=\"form-select col-auto\"  [(ngModel)]=\"siteId\" (change)=\"siteIdChange()\">\n        <ng-container *ngFor=\"let item of siteList\">\n            <option [value]=\"item.id\">{{item.displayName}}</option>\n        </ng-container>\n    </select>\n</div> -->\n<form [formGroup]=\"_Entity\">\n    <div formGroupName=\"formConfiguration\">\n        \n        <div class=\"mb-2\">\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\n        <div class=\"mb-2\">\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-2\">\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$1.FormBuilder }, { type: SectionAdminService }], propDecorators: { type: [{
+                type: Input
+            }], Entity: [{
+                type: Input
+            }], selected: [{
+                type: Input
+            }], culture: [{
+                type: Input
+            }], submitclick: [{
+                type: ViewChild,
+                args: ['submitclick', { static: true }]
+            }] } });
+
+/* eslint-disable @angular-eslint/component-selector */
+class EntryControlComponent {
+    constructor() {
+        this.fb = inject(FormBuilder);
+        this._EntryAdminService = inject(EntryAdminService);
+        /**字段配置列表 */
+        this._fields = '';
+        /** */
+        this.listOfOption = [];
+    }
+    set entity(v) {
+        this._entity = v;
+        if (v)
+            this.dataLoaded();
+    }
+    set fields(v) {
+        this._fields = v;
+        if (v)
+            this.dataLoaded();
+    }
+    set parentFiledName(v) {
+        this._parentFiledName = v;
+        if (v)
+            this.dataLoaded();
+    }
+    set selected(v) {
+        this._selected = v || [];
+        if (v)
+            this.dataLoaded();
+    }
+    set culture(v) {
+        if (v) {
+            this._culture = v;
+            this.dataLoaded();
+        }
+    }
+    async dataLoaded() {
+        if (this._fields && this._entity && this._parentFiledName && this._culture) {
+            await this.AfterInit();
+            await this.getEntryAssignList();
+            this.submitclick.nativeElement.click();
+        }
+    }
+    AfterInit() {
+        return new Promise((resolve, rejects) => {
+            let ValidatorsArray = [];
+            if (this._fields.required) {
+                ValidatorsArray.push(Validators.required);
+            }
+            let newControl = this.fb.control(this._selected, ValidatorsArray);
+            let extraProperties = this._entity.get(this._parentFiledName);
+            extraProperties.setControl(this._fields.field.name, newControl);
+            resolve(true);
+        });
+    }
+    /**获取对应的条目 */
+    getEntryAssignList(filter = '') {
+        return new Promise((resolve, rejects) => {
+            this._EntryAdminService.getList({
+                culture: this._culture,
+                sectionId: this._fields.field.formConfiguration['Entry.SectionId'],
+                skipCount: 0,
+                maxResultCount: 30,
+                status: EntryStatus.Published,
+                filter: filter
+            }).subscribe(res => {
+                this.listOfOption = res.items;
+                resolve(true);
+            });
+        });
+    }
+    /** */
+    async SelectChange(event) {
+        await this.getEntryAssignList(event);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: 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-2\">\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                <div class=\"form-select\">\r\n                    <nz-select [nzMaxTagCount]=\"5\" (nzOnSearch)=\"SelectChange($event)\" nzShowSearch  nzMode=\"multiple\"  [nzPlaceHolder]=\"_fields.field.formConfiguration['Entry.Placeholder']\"\r\n                    formControlName=\"{{_fields.field.name}}\">\r\n                        <nz-option *ngFor=\"let item of listOfOption\" [nzLabel]=\"item.title\" [nzValue]=\"item.id\"></nz-option>\r\n                    </nz-select>\r\n                </div>\r\n            </ng-container>\r\n            <ng-template #elseTemplate>\r\n                <div class=\"form-select\">\r\n                    <nz-select nzShowSearch (nzOnSearch)=\"SelectChange($event)\" [nzMaxMultipleCount]=\"1\"  nzMode=\"multiple\" [nzPlaceHolder]=\"_fields.field.formConfiguration['Entry.Placeholder']\"\r\n                    formControlName=\"{{_fields.field.name}}\">\r\n                        <nz-option *ngFor=\"let item of listOfOption\" [nzLabel]=\"item.title\" [nzValue]=\"item.id\"></nz-option>\r\n                    </nz-select>\r\n                </div>\r\n            </ng-template>\r\n\r\n            <div class=\"form-text\" *ngIf=\"_fields.field.description\">{{_fields.field.description}}</div>\r\n        </div>\r\n    </div>\r\n    <button type=\"submit\" style=\"display: none;\" #submitclick></button>\r\n</form>", styles: ["::ng-deep .entry-control-page .form-select{padding:0}::ng-deep .entry-control-page nz-select{width:100%}::ng-deep .entry-control-page nz-select .ant-select-selector{background:transparent!important;border:none!important;padding:.275rem 1.25rem!important;box-shadow:none!important;height:auto!important}::ng-deep .entry-control-page nz-select .anticon-search,::ng-deep .entry-control-page nz-select .anticon-down{display:none}\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.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: i9.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i9.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "component", type: i4.NzOptionComponent, selector: "nz-option", inputs: ["nzTitle", "nzLabel", "nzValue", "nzKey", "nzDisabled", "nzHide", "nzCustomContent"], exportAs: ["nzOption"] }, { kind: "component", type: i4.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-2\">\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                <div class=\"form-select\">\r\n                    <nz-select [nzMaxTagCount]=\"5\" (nzOnSearch)=\"SelectChange($event)\" nzShowSearch  nzMode=\"multiple\"  [nzPlaceHolder]=\"_fields.field.formConfiguration['Entry.Placeholder']\"\r\n                    formControlName=\"{{_fields.field.name}}\">\r\n                        <nz-option *ngFor=\"let item of listOfOption\" [nzLabel]=\"item.title\" [nzValue]=\"item.id\"></nz-option>\r\n                    </nz-select>\r\n                </div>\r\n            </ng-container>\r\n            <ng-template #elseTemplate>\r\n                <div class=\"form-select\">\r\n                    <nz-select nzShowSearch (nzOnSearch)=\"SelectChange($event)\" [nzMaxMultipleCount]=\"1\"  nzMode=\"multiple\" [nzPlaceHolder]=\"_fields.field.formConfiguration['Entry.Placeholder']\"\r\n                    formControlName=\"{{_fields.field.name}}\">\r\n                        <nz-option *ngFor=\"let item of listOfOption\" [nzLabel]=\"item.title\" [nzValue]=\"item.id\"></nz-option>\r\n                    </nz-select>\r\n                </div>\r\n            </ng-template>\r\n\r\n            <div class=\"form-text\" *ngIf=\"_fields.field.description\">{{_fields.field.description}}</div>\r\n        </div>\r\n    </div>\r\n    <button type=\"submit\" style=\"display: none;\" #submitclick></button>\r\n</form>", styles: ["::ng-deep .entry-control-page .form-select{padding:0}::ng-deep .entry-control-page nz-select{width:100%}::ng-deep .entry-control-page nz-select .ant-select-selector{background:transparent!important;border:none!important;padding:.275rem 1.25rem!important;box-shadow:none!important;height:auto!important}::ng-deep .entry-control-page nz-select .anticon-search,::ng-deep .entry-control-page nz-select .anticon-down{display:none}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { entity: [{
+                type: Input
+            }], fields: [{
+                type: Input
+            }], parentFiledName: [{
+                type: Input
+            }], selected: [{
+                type: Input
+            }], culture: [{
+                type: Input
+            }], submitclick: [{
+                type: ViewChild,
+                args: ['submitclick', { static: true }]
+            }] } });
+
+class MatrixConfig {
+    constructor(data) {
+        // 矩阵类型
+        this['MatrixBlockTypes'] = new FormArray([]);
+        if (data) {
+            for (const key in data) {
+                if (data.hasOwnProperty(key)) {
+                    this[key] = data[key];
+                }
+            }
+        }
+    }
+}
+class MatrixItemConfig {
+    constructor(data) {
+        this.displayName = ['', [Validators.required]];
+        /**字段名字 */
+        this.name = ['', [Validators.required]];
+        if (data) {
+            for (const key in data) {
+                if (data.hasOwnProperty(key)) {
+                    this[key] = data[key];
+                }
+            }
+        }
+    }
+}
+class matrixFieldInputBase {
+    constructor(data) {
+        /**字段名称 Display name of this field */
+        this.displayName = ['', [Validators.required]];
+        /**字段唯一名称 Unique Name*/
+        this.name = ['', [Validators.required]];
+        /**描述 说明 */
+        this.description = ['', []];
+        /**FieldType字段类型 表单控件名称 */
+        this.formControlName = ['TextEdit', [Validators.required]];
+        /**动态表单配置 */
+        this.formConfiguration = new FormGroup({});
+        if (data) {
+            for (const key in data) {
+                if (data.hasOwnProperty(key)) {
+                    this[key] = data[key];
+                }
+            }
+        }
+    }
+}
+
+/* eslint-disable @angular-eslint/component-selector */
+class MatrixConfigComponent {
+    constructor(fb, _CmsApiService, _FieldAbstractsService) {
+        this.fb = fb;
+        this._CmsApiService = _CmsApiService;
+        this._FieldAbstractsService = _FieldAbstractsService;
+        /**模态框-状态 */
+        this.matrixModalOpen = false;
+        /**模态框-是否正在编辑 */
+        this.isMatrixModalEdit = false;
+        /**模态框-用于确定模态的繁忙状态是否为真 */
+        this.modalBusy = false;
+        /**矩阵块-选择的下标 */
+        this.selectMatrixBlockIndex = 0;
+        /**矩阵块-选择的矩阵下字段的下标 */
+        this.selectMatrixFieldIndex = 0;
+    }
+    set type(v) {
+        this._type = v;
+        this.dataLoaded();
+    }
+    set Entity(v) {
+        this._Entity = v;
+        this.dataLoaded();
+    }
+    set selected(v) {
+        if (v) {
+            this._selected = v;
+            this.dataLoaded();
+        }
+    }
+    async dataLoaded() {
+        if (this._Entity && this._type) {
+            await this.AfterInit();
+            this.submitclick.nativeElement.click();
+        }
+    }
+    AfterInit() {
+        return new Promise(async (resolve, rejects) => {
+            this._FieldControlGroup = this._FieldAbstractsService.getExcludeAssignControl(this._type);
+            this._Entity.setControl('formConfiguration', this.fb.group(new MatrixConfig()));
+            await this.setSelectValue();
+            this.formConfiguration.patchValue(this._selected.formConfiguration);
+            resolve(true);
+        });
+    }
+    setSelectValue() {
+        return new Promise((resolve, rejects) => {
+            if (this._selected && this._selected.formControlName == this._type) {
+                this._selected.formConfiguration['MatrixBlockTypes'].forEach(((el, index) => {
+                    this.addMatrixBlockTypeItem(el);
+                    el.fields.forEach((elf, indexf) => {
+                        this.addMatrixFieldItem(elf, index);
+                    });
+                }));
+                resolve(true);
+            }
+        });
+    }
+    /**获取表单配置 */
+    get formConfiguration() {
+        return this._Entity.get('formConfiguration');
+    }
+    /**获取表单配置下的矩阵块表单数组 */
+    get MatrixBlockTypes() {
+        return this.formConfiguration.controls['MatrixBlockTypes'];
+    }
+    /**模态框-状态改变 */
+    matrixModalVisibleChange(event) {
+        if (!event) {
+            this.isMatrixModalEdit = false;
+            this.matrixModalForm = undefined;
+            return;
+        }
+    }
+    /**矩阵块--新增-打开模态框 */
+    addMatrixBlockType() {
+        this.matrixModalForm = this.fb.group(new MatrixItemConfig());
+        this.matrixModalOpen = true;
+    }
+    /**模态框--矩阵表单保存提交 */
+    createOrEditSave() {
+        let input = this.matrixModalForm.value;
+        if (!this.matrixModalForm.valid)
+            return;
+        if (this.isMatrixModalEdit) {
+            let MatrixBlockTypesItem = this.MatrixBlockTypes.at(this.selectMatrixBlockIndex);
+            MatrixBlockTypesItem.patchValue({
+                ...input
+            });
+        }
+        else {
+            this.addMatrixBlockTypeItem(input);
+        }
+        this.matrixModalOpen = false;
+    }
+    /**新增矩阵块-向数组表单中增加项 */
+    addMatrixBlockTypeItem(input) {
+        this.MatrixBlockTypes.push(new FormGroup({
+            displayName: new FormControl(input.displayName, Validators.required),
+            name: new FormControl(input.name, Validators.required),
+            fields: new FormArray([])
+        }));
+    }
+    /**编辑矩阵块 */
+    EditMatrixBlock(input) {
+        this.matrixModalForm = this.fb.group(new MatrixItemConfig());
+        this.matrixModalForm.patchValue({
+            ...input
+        });
+        this.matrixModalOpen = true;
+        this.isMatrixModalEdit = true;
+    }
+    /**删除矩阵块 */
+    DeleteMatrixBlock(index) {
+        this.MatrixBlockTypes.removeAt(index);
+    }
+    /**矩阵块-选择 */
+    selectMatrixBlockChange(index) {
+        this.selectMatrixBlockIndex = index;
+    }
+    /**矩阵字段-新增 */
+    addMatrixField() {
+        this.addMatrixFieldItem('', this.selectMatrixBlockIndex);
+        let MatrixBlockTypesItemForm = this.MatrixBlockTypes.at(this.selectMatrixBlockIndex);
+        let MatrixFieldItemForm = MatrixBlockTypesItemForm.get('fields');
+        this.selectMatrixFieldChange(0, MatrixFieldItemForm.length - 1);
+    }
+    /**矩阵字段-新增矩阵字段项 */
+    addMatrixFieldItem(input = '', selectMatrixBlockIndex) {
+        /**矩阵下标的矩阵项Form */
+        let MatrixBlockTypesItemForm = this.MatrixBlockTypes.at(selectMatrixBlockIndex);
+        let MatrixFieldItemForm = MatrixBlockTypesItemForm.get('fields');
+        MatrixFieldItemForm.push(this.fb.group({
+            /**字段名称 Display name of this field */
+            displayName: [input.displayName, [Validators.required]],
+            /**字段唯一名称 Unique Name*/
+            name: [input.name, [Validators.required]],
+            /**描述 说明 */
+            description: [input.description, []],
+            /**FieldType字段类型 表单控件名称 */
+            formControlName: [input.formControlName || 'TextEdit', [Validators.required]],
+            //动态表单配置
+            formConfiguration: new FormGroup({}),
+        }));
+        //
+    }
+    /**删除矩阵字段项 */
+    deleteMatrixField(MatrixFieldForm, index) {
+        MatrixFieldForm.removeAt(index);
+        this.selectMatrixFieldIndex = 0;
+    }
+    /**矩阵字段-选择 */
+    selectMatrixFieldChange(MatrixBlockIndex, MatrixFieldIndex) {
+        this.selectMatrixFieldIndex = MatrixFieldIndex;
+    }
+    get nameInput() {
+        return this.matrixModalForm?.get('name');
+    }
+    get FieldnameInput() {
+        let MatrixBlockTypesItemForm = this.MatrixBlockTypes.at(this.selectMatrixBlockIndex);
+        let MatrixFieldItemForm = MatrixBlockTypesItemForm.get('fields');
+        return MatrixFieldItemForm.at(this.selectMatrixFieldIndex).get('name');
+    }
+    /**矩阵displayNameInput字段失去焦点 */
+    displayNameInputBlur(event) {
+        let value = event.target.value;
+        let pinyin = this._CmsApiService.chineseToPinyin(value);
+        let nameInput = this.nameInput;
+        if (nameInput.value)
+            return;
+        nameInput.patchValue(pinyin);
+    }
+    /**矩阵displayNameInput字段失去焦点 */
+    MatrixFieldDisplayNameInputBlur(event) {
+        let value = event.target.value;
+        let pinyin = this._CmsApiService.chineseToPinyin(value);
+        let FieldnameInput = this.FieldnameInput;
+        if (FieldnameInput.value)
+            return;
+        FieldnameInput.patchValue(pinyin);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: MatrixConfigComponent, deps: [{ token: i1$1.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", Entity: "Entity", selected: "selected" }, viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }, { propertyName: "matrixModalModalSubmit", first: true, predicate: ["matrixModalModalSubmit"], descendants: true }], ngImport: i0, template: "<form [formGroup]=\"_Entity\">\n    <div formGroupName=\"formConfiguration\">\n        <div class=\"mb-2\">\n            <label class=\"form-label\">{{'Cms::::FormControl:Matrix' | abpLocalization}}</label>\n            <div class=\"row\">\n                <div class=\"col-md-3\">\n                    <div class=\"list-group\">\n                        <li class=\"list-group-item d-flex align-items-center justify-content-between\"\n                            aria-current=\"true\">\n                            {{'Cms::MatrixBlockType' | abpLocalization}}\n                            <button class=\"btn btn-light btn-sm p-0\" (click.stop)=\"addMatrixBlockType()\">\n                                <i class=\"fas fa-plus-circle p-1\"></i>\n                            </button>\n                        </li>\n                        <ng-container *ngFor=\"let item of MatrixBlockTypes.controls;let i =index\">\n                            <button type=\"button\" (click.stop)=\"selectMatrixBlockChange(i)\"\n                                class=\"list-group-item d-flex align-items-center justify-content-between list-group-item-action \"\n                                [class.active]=\"i===selectMatrixBlockIndex\">\n                                <div>\n                                    <div>{{item.value.displayName}}</div>\n                                    <div>{{item.value.name}}</div>\n                                </div>\n                                <div ngbDropdown class=\"d-inline-block\">\n                                    <button type=\"button\" class=\"btn btn-light btn-sm\" id=\"dropdownBasic1\"\n                                        style=\"z-index: 8;\" ngbDropdownToggle></button>\n                                    <div ngbDropdownMenu aria-labelledby=\"dropdownBasic1\" style=\"z-index: 9;\">\n                                        <button ngbDropdownItem\n                                            (click.stop)=\"EditMatrixBlock(item.value)\">{{'AbpUi::Edit' | abpLocalization}}</button>\n                                        <button ngbDropdownItem\n                                            (click.stop)=\"DeleteMatrixBlock(i)\">{{'AbpUi::Delete' | abpLocalization}}</button>\n                                    </div>\n                                </div>\n                            </button>\n                        </ng-container>\n                    </div>\n                </div>\n                <div class=\"col-md-3\">\n                    <div class=\"list-group\" *ngIf=\"MatrixBlockTypes?.controls.length>0\">\n                        <li class=\"list-group-item d-flex align-items-center justify-content-between\"\n                            aria-current=\"true\">\n                            {{'Cms::Fields' | abpLocalization}}\n                            <button class=\"btn btn-light btn-sm p-0\" (click.stop)=\"addMatrixField()\">\n                                <i class=\"fas fa-plus-circle p-1\"></i>\n                            </button>\n                        </li>\n                        <ng-container *ngFor=\"let item of MatrixBlockTypes.controls;let i =index\">\n                            <ng-container *ngIf=\"i === selectMatrixBlockIndex\">\n                                <ng-container *ngFor=\"let el of item.controls['fields'].controls;let fi =index\">\n                                    <button type=\"button\" (click.stop)=\"selectMatrixFieldChange(i,fi)\"\n                                        class=\"list-group-item d-flex align-items-center justify-content-between list-group-item-action \"\n                                        [class.active]=\"fi===selectMatrixFieldIndex\">\n                                        <div>\n                                            <div>{{el.value.displayName}}</div>\n                                            <div>{{el.value.name}}</div>\n                                        </div>\n                                        <button type=\"button\"\n                                            (click.stop)=\"deleteMatrixField(item.controls['fields'],fi)\"\n                                            class=\"btn btn-sm btn-li\">{{'AbpUi::Delete' | abpLocalization}}</button>\n                                    </button>\n                                </ng-container>\n                            </ng-container>\n                        </ng-container>\n                    </div>\n                </div>\n                <div class=\"col-md-6\" formArrayName=\"MatrixBlockTypes\">\n                    <ng-container *ngFor=\"let item of MatrixBlockTypes.controls;let i =index\">\n                        <div [formGroupName]=\"i\" [hidden]=\"i !== selectMatrixBlockIndex\">\n                            <div formArrayName=\"fields\">\n                                <ng-container *ngFor=\"let itemf of item.controls['fields'].controls;let fi =index\">\n                                    <div [formGroupName]=\"fi\" [hidden]=\"fi !== selectMatrixFieldIndex\">\n                                        <div class=\"mb-2\">\n                                            <label class=\"form-label\"\n                                                for=\"displayName\">{{'Cms::DisplayName' | abpLocalization}}</label>\n                                            <input type=\"text\" class=\"form-control\" formControlName=\"displayName\"\n                                                (blur)=\"MatrixFieldDisplayNameInputBlur($event)\">\n                                        </div>\n                                        <div class=\"mb-2\">\n                                            <label class=\"form-label\"\n                                                for=\"name\">{{'DigniteAbpForms::FieldName' | abpLocalization}}</label>\n                                            <input type=\"text\" class=\"form-control\" formControlName=\"name\">\n                                            <div class=\"form-text\">\n                                                {{'DigniteAbpForms::FieldNameHelpText' | abpLocalization}}</div>\n                                        </div>\n                                        <div class=\"mb-2\">\n                                            <label class=\"form-label\"\n                                                for=\"description\">{{'Cms::Description' | abpLocalization}}</label>\n                                            <input type=\"text\" class=\"form-control\" formControlName=\"description\">\n                                        </div>\n                                        <div class=\"mb-2\">\n                                            <label class=\"form-label\"\n                                                for=\"formControlName\">{{'Cms::FieldType' | abpLocalization}}</label>\n                                            <select class=\"form-select\" formControlName=\"formControlName\" (change)=\"setConfigComponent()\">\n                                                <ng-container *ngFor=\"let itemC of _FieldControlGroup;let i =index\">\n                                                    <option [value]=\"itemC.name\">{{itemC.displayName}}</option>\n                                                </ng-container>\n                                            </select>\n                                        </div>\n                                        <ng-container *ngIf=\"itemf.value.formControlName&&itemf\">\n                                            <df-dynamic [type]=\"itemf.value.formControlName\" [entity]=\"itemf\"\n                                                [selected]=\"_selected?_selected.formConfiguration?.MatrixBlockTypes[i]?.fields[fi]:''\"></df-dynamic>\n                                                \n                                        </ng-container>\n                                    </div>\n                                </ng-container>\n                            </div>\n                        </div>\n                    </ng-container>\n                </div>\n\n            </div>\n        </div>\n        <button type=\"submit\" (abpInit)=\"submitclick?.nativeElement?.click()\" style=\"display: none;\"\n            #submitclick></button>\n    </div>\n</form>\n\n\n\n<abp-modal [(visible)]=\"matrixModalOpen\" [busy]=\"modalBusy\" (visibleChange)=\"matrixModalVisibleChange($event)\" >\n    <ng-template #abpHeader>\n        <h3>{{isMatrixEdit?('AbpUi::Edit' | abpLocalization):('Cms::New' | abpLocalization)}}</h3>\n    </ng-template>\n    <ng-template #abpBody>\n        <ng-template #loaderRef>\n            <div class=\"text-center\"><i class=\"fa fa-pulse fa-spinner\" aria-hidden=\"true\"></i></div>\n        </ng-template>\n        <ng-container *ngIf=\"matrixModalForm; else loaderRef\">\n            <form class=\"sites-modal-form\" #myForm=\"ngForm\" [formGroup]=\"matrixModalForm\"\n                (keydown.enter)=\"$event.preventDefault()\" (submit)=\"createOrEditSave()\">\n                <button type=\"submit\" #matrixModalModalSubmit style=\"display: none\"></button>\n                <div class=\"mb-2\">\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-2\">\n                    <label class=\"form-label\" for=\"name\">{{'Cms::Name' | abpLocalization}}</label>\n                    <input type=\"text\" class=\"form-control\" formControlName=\"name\">\n                </div>\n            </form>\n        </ng-container>\n    </ng-template>\n    <ng-template #abpFooter>\n        <button type=\"button\" class=\"btn btn-secondary\" abpClose>{{'AbpUi::Close' | abpLocalization}}</button>\n        <abp-button iconClass=\"fa fa-check\"\n            (click)=\"matrixModalModalSubmit.nativeElement.click()\">{{'AbpUi::Save' | abpLocalization}}</abp-button>\n    </ng-template>\n</abp-modal>", styles: [""], dependencies: [{ kind: "directive", type: 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: i9.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i9.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "component", type: i3.ButtonComponent, selector: "abp-button", inputs: ["buttonId", "buttonClass", "buttonType", "formName", "iconClass", "loading", "disabled", "attributes"], outputs: ["click", "focus", "blur", "abpClick", "abpFocus", "abpBlur"] }, { kind: "component", type: i3.ModalComponent, selector: "abp-modal", inputs: ["visible", "busy", "options", "suppressUnsavedChangesWarning"], outputs: ["visibleChange", "init", "appear", "disappear"] }, { kind: "directive", type: i3.ModalCloseDirective, selector: "[abpClose]" }, { kind: "directive", type: i10.NgbDropdown, selector: "[ngbDropdown]", inputs: ["autoClose", "dropdownClass", "open", "placement", "popperOptions", "container", "display"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { kind: "directive", type: i10.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { kind: "directive", type: i10.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { kind: "directive", type: i10.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["tabindex", "disabled"] }, { kind: "directive", type: i10.NgbDropdownButtonItem, selector: "button[ngbDropdownItem]" }, { kind: "component", type: i8$2.DynamicComponent, selector: "df-dynamic", inputs: ["selected", "type", "entity", "culture", "parentFiledName", "fields"] }, { 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: "<form [formGroup]=\"_Entity\">\n    <div formGroupName=\"formConfiguration\">\n        <div class=\"mb-2\">\n            <label class=\"form-label\">{{'Cms::::FormControl:Matrix' | abpLocalization}}</label>\n            <div class=\"row\">\n                <div class=\"col-md-3\">\n                    <div class=\"list-group\">\n                        <li class=\"list-group-item d-flex align-items-center justify-content-between\"\n                            aria-current=\"true\">\n                            {{'Cms::MatrixBlockType' | abpLocalization}}\n                            <button class=\"btn btn-light btn-sm p-0\" (click.stop)=\"addMatrixBlockType()\">\n                                <i class=\"fas fa-plus-circle p-1\"></i>\n                            </button>\n                        </li>\n                        <ng-container *ngFor=\"let item of MatrixBlockTypes.controls;let i =index\">\n                            <button type=\"button\" (click.stop)=\"selectMatrixBlockChange(i)\"\n                                class=\"list-group-item d-flex align-items-center justify-content-between list-group-item-action \"\n                                [class.active]=\"i===selectMatrixBlockIndex\">\n                                <div>\n                                    <div>{{item.value.displayName}}</div>\n                                    <div>{{item.value.name}}</div>\n                                </div>\n                                <div ngbDropdown class=\"d-inline-block\">\n                                    <button type=\"button\" class=\"btn btn-light btn-sm\" id=\"dropdownBasic1\"\n                                        style=\"z-index: 8;\" ngbDropdownToggle></button>\n                                    <div ngbDropdownMenu aria-labelledby=\"dropdownBasic1\" style=\"z-index: 9;\">\n                                        <button ngbDropdownItem\n                                            (click.stop)=\"EditMatrixBlock(item.value)\">{{'AbpUi::Edit' | abpLocalization}}</button>\n                                        <button ngbDropdownItem\n                                            (click.stop)=\"DeleteMatrixBlock(i)\">{{'AbpUi::Delete' | abpLocalization}}</button>\n                                    </div>\n                                </div>\n                            </button>\n                        </ng-container>\n                    </div>\n                </div>\n                <div class=\"col-md-3\">\n                    <div class=\"list-group\" *ngIf=\"MatrixBlockTypes?.controls.length>0\">\n                        <li class=\"list-group-item d-flex align-items-center justify-content-between\"\n                            aria-current=\"true\">\n                            {{'Cms::Fields' | abpLocalization}}\n                            <button class=\"btn btn-light btn-sm p-0\" (click.stop)=\"addMatrixField()\">\n                                <i class=\"fas fa-plus-circle p-1\"></i>\n                            </button>\n                        </li>\n                        <ng-container *ngFor=\"let item of MatrixBlockTypes.controls;let i =index\">\n                            <ng-container *ngIf=\"i === selectMatrixBlockIndex\">\n                                <ng-container *ngFor=\"let el of item.controls['fields'].controls;let fi =index\">\n                                    <button type=\"button\" (click.stop)=\"selectMatrixFieldChange(i,fi)\"\n                                        class=\"list-group-item d-flex align-items-center justify-content-between list-group-item-action \"\n                                        [class.active]=\"fi===selectMatrixFieldIndex\">\n                                        <div>\n                                            <div>{{el.value.displayName}}</div>\n                                            <div>{{el.value.name}}</div>\n                                        </div>\n                                        <button type=\"button\"\n                                            (click.stop)=\"deleteMatrixField(item.controls['fields'],fi)\"\n                                            class=\"btn btn-sm btn-li\">{{'AbpUi::Delete' | abpLocalization}}</button>\n                                    </button>\n                                </ng-container>\n                            </ng-container>\n                        </ng-container>\n                    </div>\n                </div>\n                <div class=\"col-md-6\" formArrayName=\"MatrixBlockTypes\">\n                    <ng-container *ngFor=\"let item of MatrixBlockTypes.controls;let i =index\">\n                        <div [formGroupName]=\"i\" [hidden]=\"i !== selectMatrixBlockIndex\">\n                            <div formArrayName=\"fields\">\n                                <ng-container *ngFor=\"let itemf of item.controls['fields'].controls;let fi =index\">\n                                    <div [formGroupName]=\"fi\" [hidden]=\"fi !== selectMatrixFieldIndex\">\n                                        <div class=\"mb-2\">\n                                            <label class=\"form-label\"\n                                                for=\"displayName\">{{'Cms::DisplayName' | abpLocalization}}</label>\n                                            <input type=\"text\" class=\"form-control\" formControlName=\"displayName\"\n                                                (blur)=\"MatrixFieldDisplayNameInputBlur($event)\">\n                                        </div>\n                                        <div class=\"mb-2\">\n                                            <label class=\"form-label\"\n                                                for=\"name\">{{'DigniteAbpForms::FieldName' | abpLocalization}}</label>\n                                            <input type=\"text\" class=\"form-control\" formControlName=\"name\">\n                                            <div class=\"form-text\">\n                                                {{'DigniteAbpForms::FieldNameHelpText' | abpLocalization}}</div>\n                                        </div>\n                                        <div class=\"mb-2\">\n                                            <label class=\"form-label\"\n                                                for=\"description\">{{'Cms::Description' | abpLocalization}}</label>\n                                            <input type=\"text\" class=\"form-control\" formControlName=\"description\">\n                                        </div>\n                                        <div class=\"mb-2\">\n                                            <label class=\"form-label\"\n                                                for=\"formControlName\">{{'Cms::FieldType' | abpLocalization}}</label>\n                                            <select class=\"form-select\" formControlName=\"formControlName\" (change)=\"setConfigComponent()\">\n                                                <ng-container *ngFor=\"let itemC of _FieldControlGroup;let i =index\">\n                                                    <option [value]=\"itemC.name\">{{itemC.displayName}}</option>\n                                                </ng-container>\n                                            </select>\n                                        </div>\n                                        <ng-container *ngIf=\"itemf.value.formControlName&&itemf\">\n                                            <df-dynamic [type]=\"itemf.value.formControlName\" [entity]=\"itemf\"\n                                                [selected]=\"_selected?_selected.formConfiguration?.MatrixBlockTypes[i]?.fields[fi]:''\"></df-dynamic>\n                                                \n                                        </ng-container>\n                                    </div>\n                                </ng-container>\n                            </div>\n                        </div>\n                    </ng-container>\n                </div>\n\n            </div>\n        </div>\n        <button type=\"submit\" (abpInit)=\"submitclick?.nativeElement?.click()\" style=\"display: none;\"\n            #submitclick></button>\n    </div>\n</form>\n\n\n\n<abp-modal [(visible)]=\"matrixModalOpen\" [busy]=\"modalBusy\" (visibleChange)=\"matrixModalVisibleChange($event)\" >\n    <ng-template #abpHeader>\n        <h3>{{isMatrixEdit?('AbpUi::Edit' | abpLocalization):('Cms::New' | abpLocalization)}}</h3>\n    </ng-template>\n    <ng-template #abpBody>\n        <ng-template #loaderRef>\n            <div class=\"text-center\"><i class=\"fa fa-pulse fa-spinner\" aria-hidden=\"true\"></i></div>\n        </ng-template>\n        <ng-container *ngIf=\"matrixModalForm; else loaderRef\">\n            <form class=\"sites-modal-form\" #myForm=\"ngForm\" [formGroup]=\"matrixModalForm\"\n                (keydown.enter)=\"$event.preventDefault()\" (submit)=\"createOrEditSave()\">\n                <button type=\"submit\" #matrixModalModalSubmit style=\"display: none\"></button>\n                <div class=\"mb-2\">\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-2\">\n                    <label class=\"form-label\" for=\"name\">{{'Cms::Name' | abpLocalization}}</label>\n                    <input type=\"text\" class=\"form-control\" formControlName=\"name\">\n                </div>\n            </form>\n        </ng-container>\n    </ng-template>\n    <ng-template #abpFooter>\n        <button type=\"button\" class=\"btn btn-secondary\" abpClose>{{'AbpUi::Close' | abpLocalization}}</button>\n        <abp-button iconClass=\"fa fa-check\"\n            (click)=\"matrixModalModalSubmit.nativeElement.click()\">{{'AbpUi::Save' | abpLocalization}}</abp-button>\n    </ng-template>\n</abp-modal>" }]
+        }], ctorParameters: () => [{ type: i1$1.FormBuilder }, { type: CmsApiService }, { type: FieldAbstractsService }], propDecorators: { type: [{
+                type: Input
+            }], Entity: [{
+                type: Input
+            }], selected: [{
+                type: Input
+            }], submitclick: [{
+                type: ViewChild,
+                args: ['submitclick', { static: true }]
+            }], matrixModalModalSubmit: [{
+                type: ViewChild,
+                args: ['matrixModalModalSubmit', { static: false }]
+            }] } });
+
+/* eslint-disable @angular-eslint/component-selector */
+class MatrixControlComponent {
+    constructor(fb) {
+        this.fb = fb;
+        /**字段配置列表 */
+        this._fields = '';
+        /**矩阵列表 */
+        this.MatrixBlockTypesList = [];
+    }
+    set entity(v) {
+        this._entity = v;
+        this.dataLoaded();
+    }
+    set fields(v) {
+        this._fields = v;
+        this.dataLoaded();
+    }
+    set parentFiledName(v) {
+        this._parentFiledName = v;
+        this.dataLoaded();
+    }
+    set selected(v) {
+        this._selected = v;
+        if (v) {
+            this.dataLoaded();
+        }
+    }
+    set culture(v) {
+        this._culture = v;
+    }
+    /**数据加载完成 */
+    async dataLoaded() {
+        if (this._fields && this._entity && this._parentFiledName) {
+            this.extraProperties = this._entity.get(this._parentFiledName);
+            await this.AfterInit();
+            this.submitclick.nativeElement.click();
+            if (this._selected)
+                this.fieldNameControl.patchValue(this._selected);
+        }
+    }
+    AfterInit() {
+        return new Promise((resolve, rejects) => {
+            let formConfiguration = this._fields.field.formConfiguration;
+            let newArrayGroup = this.fb.array([]);
+            this.extraProperties.setControl(this._fields.field.name, newArrayGroup);
+            this.fieldNameControl = this.extraProperties.get(this._fields.field.name);
+            if (this._selected) {
+                this._selected.forEach(el => {
+                    this.addMatrixControl(formConfiguration.MatrixBlockTypes.find(item => item.name == el.matrixBlockTypeName));
+                });
+            }
+            this.MatrixBlockTypesList = formConfiguration.MatrixBlockTypes;
+            resolve(true);
+        });
+    }
+    /**增加指定矩阵控件项 */
+    addMatrixControl(item) {
+        this.fieldNameControl.push(this.fb.group({
+            extraProperties: new FormGroup({
+                name: new FormControl('')
+            }),
+            matrixBlockTypeName: [item.name],
+            displayName: [item.displayName]
+        }));
+    }
+    /**删除矩阵控件 */
+    deleteMatrixControl(index) {
+        this.fieldNameControl.removeAt(index);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: MatrixControlComponent, deps: [{ token: i1$1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: MatrixControlComponent, selector: "df-matrix-control", inputs: { 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-2\">\n            <label class=\"form-label\" *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\n            <div [formArrayName]=\"_fields.field.name\">\n                <ng-container *ngFor=\"let item of fieldNameControl.controls;let i=index\">\n                    <div class=\"card mb-3 border \" [formGroupName]=\"i\">\n                        <div class=\"card-header d-flex align-items-center justify-content-between border-bottom pt-1\">\n                            <div>{{item.value.displayName}}</div>\n                            <button class=\"btn btn-sm btn-light p-0\" (click.stop)=\"deleteMatrixControl(i)\"><i\n                                    class=\"fas fa-trash p-2\"></i></button>\n                        </div>\n                        <div class=\"card-body\">\n                            <ng-container *ngFor=\"let el of MatrixBlockTypesList;let il =index\">\n                                <ng-container *ngIf=\"el.name===item.value.matrixBlockTypeName\">\n                                    <ng-container *ngFor=\"let elf of el.fields; let fi=index\">\n                                        <ng-container *ngIf=\"item&&elf&&_culture\">\n                                            <df-dynamic [entity]=\"item\"\n                                                [fields]=\"{ field: elf,displayName:elf.displayName }\"\n                                                [selected]=\"_selected ? _selected[i]?_selected[i][_parentFiledName][elf.name]:'': ''\"\n                                                [parentFiledName]=\"'extraProperties'\" [culture]=\"_culture\"></df-dynamic>\n                                        </ng-container>\n                                    </ng-container>\n                                </ng-container>\n                            </ng-container>\n                        </div>\n                    </div>\n                </ng-container>\n            </div>\n            <div>\n                <div class=\"btn-group\" role=\"group\" aria-label=\"Basic example\">\n                    <ng-container *ngFor=\"let item of MatrixBlockTypesList;let i =index\">\n                        <button type=\"button\" class=\"btn btn-primary btn-sm\" (click.stop)=\"addMatrixControl(item)\"><i\n                                class=\"fas fa-plus me-1\"></i>{{item.displayName}}</button>\n                    </ng-container>\n                </div>\n            </div>\n            <div class=\"form-text\" *ngIf=\"_fields.field.description\">{{_fields.field.description}}</div>\n        </div>\n    </div>\n    <button type=\"submit\" style=\"display: none\" #submitclick></button>\n</form>", styles: [""], dependencies: [{ kind: "directive", type: 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: i9.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "component", type: i8$2.DynamicComponent, selector: "df-dynamic", inputs: ["selected", "type", "entity", "culture", "parentFiledName", "fields"] }] }); }
+}
+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-2\">\n            <label class=\"form-label\" *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\n            <div [formArrayName]=\"_fields.field.name\">\n                <ng-container *ngFor=\"let item of fieldNameControl.controls;let i=index\">\n                    <div class=\"card mb-3 border \" [formGroupName]=\"i\">\n                        <div class=\"card-header d-flex align-items-center justify-content-between border-bottom pt-1\">\n                            <div>{{item.value.displayName}}</div>\n                            <button class=\"btn btn-sm btn-light p-0\" (click.stop)=\"deleteMatrixControl(i)\"><i\n                                    class=\"fas fa-trash p-2\"></i></button>\n                        </div>\n                        <div class=\"card-body\">\n                            <ng-container *ngFor=\"let el of MatrixBlockTypesList;let il =index\">\n                                <ng-container *ngIf=\"el.name===item.value.matrixBlockTypeName\">\n                                    <ng-container *ngFor=\"let elf of el.fields; let fi=index\">\n                                        <ng-container *ngIf=\"item&&elf&&_culture\">\n                                            <df-dynamic [entity]=\"item\"\n                                                [fields]=\"{ field: elf,displayName:elf.displayName }\"\n                                                [selected]=\"_selected ? _selected[i]?_selected[i][_parentFiledName][elf.name]:'': ''\"\n                                                [parentFiledName]=\"'extraProperties'\" [culture]=\"_culture\"></df-dynamic>\n                                        </ng-container>\n                                    </ng-container>\n                                </ng-container>\n                            </ng-container>\n                        </div>\n                    </div>\n                </ng-container>\n            </div>\n            <div>\n                <div class=\"btn-group\" role=\"group\" aria-label=\"Basic example\">\n                    <ng-container *ngFor=\"let item of MatrixBlockTypesList;let i =index\">\n                        <button type=\"button\" class=\"btn btn-primary btn-sm\" (click.stop)=\"addMatrixControl(item)\"><i\n                                class=\"fas fa-plus me-1\"></i>{{item.displayName}}</button>\n                    </ng-container>\n                </div>\n            </div>\n            <div class=\"form-text\" *ngIf=\"_fields.field.description\">{{_fields.field.description}}</div>\n        </div>\n    </div>\n    <button type=\"submit\" style=\"display: none\" #submitclick></button>\n</form>" }]
+        }], ctorParameters: () => [{ type: i1$1.FormBuilder }], propDecorators: { entity: [{
+                type: Input
+            }], fields: [{
+                type: Input
+            }], parentFiledName: [{
+                type: Input
+            }], selected: [{
+                type: Input
+            }], culture: [{
+                type: Input
+            }], submitclick: [{
+                type: ViewChild,
+                args: ['submitclick', { static: true }]
+            }] } });
+
+class TableConfig {
+    constructor(data) {
+        // 选项
+        this.TableColumns = new FormArray([]);
+        if (data) {
+            for (const key in data) {
+                if (data.hasOwnProperty(key)) {
+                    this[key] = data[key];
+                }
+            }
+        }
+    }
+}
+class TableFormControl {
+    constructor(data) {
+        /**列标题 */
+        this.displayName = ['', [Validators.required]];
+        /**空间配置 */
+        this.formConfiguration = new FormGroup({});
+        /**列名 */
+        this.name = ['', [Validators.required]];
+        //控件标识
+        this.formControlName = ['', [Validators.required]];
+        /**是否必填 */
+        this.required = [false];
+        /**描述 */
+        this.description = [''];
+        if (data) {
+            for (const key in data) {
+                if (data.hasOwnProperty(key)) {
+                    this[key] = data[key];
+                }
+            }
+        }
+    }
+}
+
+/* eslint-disable @angular-eslint/component-selector */
+class TableConfigComponent {
+    constructor(fb, _CmsApiService, _FieldAbstractsService) {
+        this.fb = fb;
+        this._CmsApiService = _CmsApiService;
+        this._FieldAbstractsService = _FieldAbstractsService;
+        /**创建站点模态框状态 */
+        this.tableSelectOpen = false;
+        /**用于确定模态的繁忙状态是否为真 */
+        this.modalBusy = false;
+    }
+    set Entity(v) {
+        this._Entity = v;
+        this.dataLoaded();
+    }
+    set selected(v) {
+        if (v) {
+            this._selected = v;
+            this.dataLoaded();
+        }
+    }
+    set type(v) {
+        this._type = v;
+        this.dataLoaded();
+    }
+    get formConfiguration() {
+        return this._Entity.get('formConfiguration');
+    }
+    get TableColumns() {
+        return this.formConfiguration.controls['TableColumns'];
+    }
+    async dataLoaded() {
+        if (this._Entity && this._type) {
+            await this.AfterInit();
+            this.submitclick.nativeElement.click();
+        }
+    }
+    /**增加选项 */
+    addTableColumns() {
+        this.TableColumns.push(this.fb.group({
+            ...new TableFormControl(),
+            formConfiguration: [{}]
+        }));
+    }
+    /**删除某个选项 */
+    deleteTableColumns(index) {
+        this.TableColumns.removeAt(index);
+    }
+    AfterInit() {
+        return new Promise((resolve, rejects) => {
+            this._Entity.setControl('formConfiguration', this.fb.group(new TableConfig()));
+            this._fieldControlGroup = this._FieldAbstractsService.getExcludeAssignControl(this._type);
+            if (this._selected && this._selected.formControlName == this._type) {
+                this._selected.formConfiguration['TableColumns'].forEach(el => {
+                    this.addTableColumns();
+                });
+                this.formConfiguration.patchValue(this._selected.formConfiguration);
+            }
+            else {
+                this.addTableColumns();
+            }
+            resolve(true);
+        });
+    }
+    /**选择表格的表单控件 */
+    selectTableControl(event, i, item) {
+        this.CurrentSelectionTableControlName = event.target.value;
+        this.tableSelectOpen = true;
+        this.tableSelectForm = this.fb.group(new TableFormControl());
+        this.TableColumnsIndex = i;
+        this.itemForm = item;
+    }
+    /**创建站点模态框状态改变 */
+    tableSelectVisibleChange(event) {
+        if (!event) {
+            this._tableSelected = undefined;
+            this.tableSelectForm = undefined;
+            this.CurrentSelectionTableControlName = undefined;
+            this.TableColumnsIndex = undefined;
+            return;
+        }
+    }
+    /**表单保存提交 */
+    createOrEditSave() {
+        const formGroup = this.TableColumns.at(this.TableColumnsIndex);
+        let formConfigurationgroup = formGroup.get('formConfiguration');
+        formConfigurationgroup.setValue({
+            ...this.tableSelectForm.value['formConfiguration'],
+        });
+        this.tableSelectOpen = false;
+    }
+    /**编辑站点按钮 */
+    EditSitesBtn(rows, i) {
+        this.CurrentSelectionTableControlName = rows.get('formControlName').value;
+        this.tableSelectForm = this.fb.group(new TableFormControl());
+        this.tableSelectForm.patchValue({
+            ...rows.value
+        });
+        this.tableSelectForm.get('formConfiguration').patchValue({
+            ...rows.value['formConfiguration']
+        });
+        this._tableSelected = rows.value;
+        this.TableColumnsIndex = i;
+        this.tableSelectOpen = true;
+    }
+    /**调整表格位置 */
+    TableArrowUpOrDown(type, index) {
+        let controlAt = this.TableColumns.at(index);
+        this.TableColumns.removeAt(index);
+        let lastindex = type == 'up' ? index - 1 : index + 1;
+        this.TableColumns.insert(lastindex, controlAt);
+    }
+    /**字段标签input失去标点生成字段名字 */
+    disPlayNameInputBlur(event, item) {
+        let value = event.target.value;
+        let pinyin = this._CmsApiService.chineseToPinyin(value);
+        let nameInput = item.get('name');
+        if (nameInput.value)
+            return;
+        nameInput.patchValue(pinyin);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: TableConfigComponent, deps: [{ token: i1$1.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-2\">\n            <label class=\"form-label\">{{'DigniteAbpForms::SelectListItem' | abpLocalization}}</label>\n            <table class=\"table\">\n                <thead>\n                    <tr>\n                        <th scope=\"col\">{{'Cms::TableColumnDisplayName' | abpLocalization}}</th>\n                        <th scope=\"col\">{{'Cms::TableColumnName' | abpLocalization}}</th>\n                        <th scope=\"col\">{{'Cms::TableColumnForm' | abpLocalization}}</th>\n                        <th scope=\"col\" class=\"flex-end\">\n                            <button class=\"btn btn-light btn-sm\" (click.stop)=\"addTableColumns()\">\n                                <i class=\"fas fa-plus-circle\"></i>\n                            </button>\n                        </th>\n                    </tr>\n                </thead>\n                <tbody formArrayName=\"TableColumns\">\n                    <ng-container *ngFor=\"let item of TableColumns.controls;let i=index\">\n                        <tr [formGroupName]=\"i\">\n                            <td><input type=\"text\" class=\"form-control\" formControlName=\"displayName\"  (blur)=\"disPlayNameInputBlur($event,item)\" ></td>\n                            <td><input type=\"text\" class=\"form-control\" formControlName=\"name\"></td>\n                            <td>\n                                <select class=\"form-select\" formControlName=\"formControlName\"\n                                    (change)=\"selectTableControl($event,i,item)\">\n                                    <option value=\"\">SelectFrom</option>\n                                    <ng-container *ngFor=\"let item_f of _fieldControlGroup;let i_f =index\">\n                                        <option [value]=\"item_f.name\">{{item_f.displayName}}</option>\n                                    </ng-container>\n                                </select>\n                            </td>\n                            <td scope=\"row\">\n                                <div class=\"flex-start\">\n                                    <button class=\"btn btn-light btn-sm \" (click.stop)=\"EditSitesBtn(item,i)\">\n                                        <i class=\"fas fa-edit\"></i>\n                                    </button>\n                                    <button class=\"btn btn-light btn-sm ms-1\" (click.stop)=\"deleteTableColumns(i)\">\n                                        <i class=\"fas fa-minus\"></i>\n                                    </button>\n                                    <button class=\"btn btn-light btn-sm ms-1\" *ngIf=\"i!==0\"\n                                        (click.stop)=\"TableArrowUpOrDown('up',i)\">\n                                        <i class=\"fas fa-arrow-up\"></i>\n                                    </button>\n                                    <button class=\"btn btn-light btn-sm ms-1\" *ngIf=\"i!==TableColumns.controls.length-1\"\n                                        (click.stop)=\"TableArrowUpOrDown('down',i)\">\n                                        <i class=\"fas fa-arrow-down\"></i>\n                                    </button>\n                                </div>\n                            </td>\n                        </tr>\n                    </ng-container>\n                </tbody>\n            </table>\n        </div>\n        <button type=\"submit\" (abpInit)=\"submitclick?.nativeElement?.click()\" style=\"display: none;\"\n            #submitclick></button>\n    </div>\n</form>\n\n\n<abp-modal [(visible)]=\"tableSelectOpen\" [busy]=\"modalBusy\" (visibleChange)=\"tableSelectVisibleChange($event)\" [options]=\"{ size: CurrentSelectionTableControlName=='Matrix'?'xl':'' ,scrollable:false }\">\n    <ng-template #abpHeader>\n        <h3>{{_tableSelected?('AbpUi::Edit' | abpLocalization):('Cms::New' | abpLocalization)}}</h3>\n    </ng-template>\n    <ng-template #abpBody>\n        <ng-template #loaderRef>\n            <div class=\"text-center\"><i class=\"fa fa-pulse fa-spinner\" aria-hidden=\"true\"></i></div>\n        </ng-template>\n        <ng-container *ngIf=\"tableSelectForm; else loaderRef\">\n            <form class=\"sites-modal-form\" #myForm=\"ngForm\" [formGroup]=\"tableSelectForm\"\n                (keydown.enter)=\"$event.preventDefault()\" (submit)=\"createOrEditSave()\">\n                <button type=\"submit\" #tableSelectModalSubmit style=\"display: none\"></button>\n                <ng-container *ngIf=\"CurrentSelectionTableControlName&&tableSelectForm\">\n                    <df-dynamic [type]=\"CurrentSelectionTableControlName\" [entity]=\"tableSelectForm\"\n                    [selected]=\"_tableSelected\" [formGroup]=\"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: 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: i9.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i9.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "component", type: i3.ButtonComponent, selector: "abp-button", inputs: ["buttonId", "buttonClass", "buttonType", "formName", "iconClass", "loading", "disabled", "attributes"], outputs: ["click", "focus", "blur", "abpClick", "abpFocus", "abpBlur"] }, { kind: "component", type: i3.ModalComponent, selector: "abp-modal", inputs: ["visible", "busy", "options", "suppressUnsavedChangesWarning"], outputs: ["visibleChange", "init", "appear", "disappear"] }, { kind: "directive", type: i3.ModalCloseDirective, selector: "[abpClose]" }, { kind: "component", type: i8$2.DynamicComponent, selector: "df-dynamic", inputs: ["selected", "type", "entity", "culture", "parentFiledName", "fields"] }, { 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-2\">\n            <label class=\"form-label\">{{'DigniteAbpForms::SelectListItem' | abpLocalization}}</label>\n            <table class=\"table\">\n                <thead>\n                    <tr>\n                        <th scope=\"col\">{{'Cms::TableColumnDisplayName' | abpLocalization}}</th>\n                        <th scope=\"col\">{{'Cms::TableColumnName' | abpLocalization}}</th>\n                        <th scope=\"col\">{{'Cms::TableColumnForm' | abpLocalization}}</th>\n                        <th scope=\"col\" class=\"flex-end\">\n                            <button class=\"btn btn-light btn-sm\" (click.stop)=\"addTableColumns()\">\n                                <i class=\"fas fa-plus-circle\"></i>\n                            </button>\n                        </th>\n                    </tr>\n                </thead>\n                <tbody formArrayName=\"TableColumns\">\n                    <ng-container *ngFor=\"let item of TableColumns.controls;let i=index\">\n                        <tr [formGroupName]=\"i\">\n                            <td><input type=\"text\" class=\"form-control\" formControlName=\"displayName\"  (blur)=\"disPlayNameInputBlur($event,item)\" ></td>\n                            <td><input type=\"text\" class=\"form-control\" formControlName=\"name\"></td>\n                            <td>\n                                <select class=\"form-select\" formControlName=\"formControlName\"\n                                    (change)=\"selectTableControl($event,i,item)\">\n                                    <option value=\"\">SelectFrom</option>\n                                    <ng-container *ngFor=\"let item_f of _fieldControlGroup;let i_f =index\">\n                                        <option [value]=\"item_f.name\">{{item_f.displayName}}</option>\n                                    </ng-container>\n                                </select>\n                            </td>\n                            <td scope=\"row\">\n                                <div class=\"flex-start\">\n                                    <button class=\"btn btn-light btn-sm \" (click.stop)=\"EditSitesBtn(item,i)\">\n                                        <i class=\"fas fa-edit\"></i>\n                                    </button>\n                                    <button class=\"btn btn-light btn-sm ms-1\" (click.stop)=\"deleteTableColumns(i)\">\n                                        <i class=\"fas fa-minus\"></i>\n                                    </button>\n                                    <button class=\"btn btn-light btn-sm ms-1\" *ngIf=\"i!==0\"\n                                        (click.stop)=\"TableArrowUpOrDown('up',i)\">\n                                        <i class=\"fas fa-arrow-up\"></i>\n                                    </button>\n                                    <button class=\"btn btn-light btn-sm ms-1\" *ngIf=\"i!==TableColumns.controls.length-1\"\n                                        (click.stop)=\"TableArrowUpOrDown('down',i)\">\n                                        <i class=\"fas fa-arrow-down\"></i>\n                                    </button>\n                                </div>\n                            </td>\n                        </tr>\n                    </ng-container>\n                </tbody>\n            </table>\n        </div>\n        <button type=\"submit\" (abpInit)=\"submitclick?.nativeElement?.click()\" style=\"display: none;\"\n            #submitclick></button>\n    </div>\n</form>\n\n\n<abp-modal [(visible)]=\"tableSelectOpen\" [busy]=\"modalBusy\" (visibleChange)=\"tableSelectVisibleChange($event)\" [options]=\"{ size: CurrentSelectionTableControlName=='Matrix'?'xl':'' ,scrollable:false }\">\n    <ng-template #abpHeader>\n        <h3>{{_tableSelected?('AbpUi::Edit' | abpLocalization):('Cms::New' | abpLocalization)}}</h3>\n    </ng-template>\n    <ng-template #abpBody>\n        <ng-template #loaderRef>\n            <div class=\"text-center\"><i class=\"fa fa-pulse fa-spinner\" aria-hidden=\"true\"></i></div>\n        </ng-template>\n        <ng-container *ngIf=\"tableSelectForm; else loaderRef\">\n            <form class=\"sites-modal-form\" #myForm=\"ngForm\" [formGroup]=\"tableSelectForm\"\n                (keydown.enter)=\"$event.preventDefault()\" (submit)=\"createOrEditSave()\">\n                <button type=\"submit\" #tableSelectModalSubmit style=\"display: none\"></button>\n                <ng-container *ngIf=\"CurrentSelectionTableControlName&&tableSelectForm\">\n                    <df-dynamic [type]=\"CurrentSelectionTableControlName\" [entity]=\"tableSelectForm\"\n                    [selected]=\"_tableSelected\" [formGroup]=\"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$1.FormBuilder }, { type: CmsApiService }, { type: FieldAbstractsService }], propDecorators: { Entity: [{
+                type: Input
+            }], selected: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], submitclick: [{
+                type: ViewChild,
+                args: ['submitclick', { static: true }]
+            }], tableSelectModalSubmit: [{
+                type: ViewChild,
+                args: ['tableSelectModalSubmit', { static: false }]
+            }] } });
+
+class TableControlComponent {
+    constructor() {
+        this.fb = inject(FormBuilder);
+        /**字段配置列表 */
+        this._fields = '';
+    }
+    set entity(v) {
+        this._entity = v;
+        this.dataLoaded();
+    }
+    set fields(v) {
+        this._fields = v;
+        this.dataLoaded();
+    }
+    set parentFiledName(v) {
+        this._parentFiledName = v;
+        this.dataLoaded();
+    }
+    set selected(v) {
+        this._selected = v;
+        if (v) {
+            this.dataLoaded();
+        }
+    }
+    set culture(v) {
+        this._culture = v;
+    }
+    /**数据加载完成 */
+    async dataLoaded() {
+        if (this._fields && this._entity && this._parentFiledName) {
+            this.extraProperties = this._entity.get(this._parentFiledName);
+            await this.AfterInit();
+            this.submitclick.nativeElement.click();
+        }
+    }
+    AfterInit() {
+        return new Promise((resolve, rejects) => {
+            let ValidatorsArray = [];
+            if (this._fields.required) {
+                ValidatorsArray.push(Validators.required);
+            }
+            let formConfiguration = this._fields.field.formConfiguration;
+            this.formConfiguration = formConfiguration;
+            let newArrayGroup = this.fb.array([]);
+            this.extraProperties.setControl(this._fields.field.name, newArrayGroup);
+            this.fieldNameControl = this.extraProperties.get(this._fields.field.name);
+            if (this._selected) {
+                this._selected.forEach(el => {
+                    this.addTableControlItem();
+                });
+                this.fieldNameControl.patchValue(this._selected);
+            }
+            else {
+                this.addTableControlItem();
+            }
+            resolve(true);
+        });
+    }
+    /**增加表格项 */
+    addTableControlItem() {
+        this.fieldNameControl.push(this.fb.group({
+            'extraProperties': this.fb.group({})
+        }));
+    }
+    /**删除表格项 */
+    minusTableControlItem(index) {
+        this.fieldNameControl.removeAt(index);
+    }
+    /**调整表格位置 */
+    TableArrowUpOrDown(type, index) {
+        let controlAt = this.fieldNameControl.at(index);
+        this.fieldNameControl.removeAt(index);
+        let lastindex = type == 'up' ? index - 1 : index + 1;
+        this.fieldNameControl.insert(lastindex, controlAt);
+        this._selected = this.fieldNameControl.value;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: TableControlComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: TableControlComponent, selector: "df-table-control", inputs: { entity: "entity", fields: "fields", parentFiledName: "parentFiledName", selected: "selected", culture: "culture" }, viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<form [formGroup]=\"_entity\">\n    <div formGroupName=\"extraProperties\">\n        <div class=\"mb-2\">\n            <label class=\"form-label\" *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\n            <table class=\"table\">\n                <thead>\n                    <tr>\n                        <ng-container *ngFor=\"let item of formConfiguration.TableColumns\">\n                            <th scope=\"col\">{{ item.displayName }}</th>\n                        </ng-container>\n                        <th scope=\"col\" class=\"flex-end\">\n                            <button class=\"btn btn-light btn-sm\" (click.stop)=\"addTableControlItem()\">\n                                <i class=\"fas fa-plus-circle\"></i>\n                            </button>\n                        </th>\n                    </tr>\n                </thead>\n                <tbody [formArrayName]=\"_fields.field.name\">\n                    <ng-container *ngFor=\"let item of fieldNameControl.controls; let i = index\">\n                        <tr>\n                            <ng-container *ngFor=\"let el of formConfiguration.TableColumns\">\n                                <td>\n                                    <ng-container *ngIf=\"item&&el\">\n                                        <df-dynamic [entity]=\"item\" [fields]=\"{ field: el }\"\n                                            [selected]=\"_selected[i]?.extraProperties[''+el.name+'']\"\n                                            [parentFiledName]=\"'extraProperties'\"  [culture]=\"_culture\"></df-dynamic>\n                                    </ng-container>\n                                </td>\n                            </ng-container>\n                            <td scope=\"row\" class=\"\">\n                                <div class=\"flex-end mb-2\">\n                                    <button class=\"btn btn-light btn-sm ms-1\" (click.stop)=\"minusTableControlItem(i)\">\n                                        <i class=\"fas fa-minus\"></i>\n                                    </button>\n                                    <button class=\"btn btn-light btn-sm ms-1\" (click.stop)=\"TableArrowUpOrDown('up',i)\"\n                                        *ngIf=\"i!==0\">\n                                        <i class=\"fas fa-arrow-up\"></i>\n                                    </button>\n                                    <button class=\"btn btn-light btn-sm ms-1\"\n                                        (click.stop)=\"TableArrowUpOrDown('down',i)\"\n                                        *ngIf=\"i!==fieldNameControl.controls.length-1\">\n                                        <i class=\"fas fa-arrow-down\"></i>\n                                    </button>\n                                </div>\n                            </td>\n                        </tr>\n                    </ng-container>\n                </tbody>\n            </table>\n            <div class=\"form-text\" *ngIf=\"_fields.field.description\">{{_fields.field.description}}</div>\n        </div>\n    </div>\n    <button type=\"submit\" style=\"display: none\" #submitclick></button>\n</form>", styles: [".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.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: i9.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "component", type: i8$2.DynamicComponent, selector: "df-dynamic", inputs: ["selected", "type", "entity", "culture", "parentFiledName", "fields"] }] }); }
+}
+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-2\">\n            <label class=\"form-label\" *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\n            <table class=\"table\">\n                <thead>\n                    <tr>\n                        <ng-container *ngFor=\"let item of formConfiguration.TableColumns\">\n                            <th scope=\"col\">{{ item.displayName }}</th>\n                        </ng-container>\n                        <th scope=\"col\" class=\"flex-end\">\n                            <button class=\"btn btn-light btn-sm\" (click.stop)=\"addTableControlItem()\">\n                                <i class=\"fas fa-plus-circle\"></i>\n                            </button>\n                        </th>\n                    </tr>\n                </thead>\n                <tbody [formArrayName]=\"_fields.field.name\">\n                    <ng-container *ngFor=\"let item of fieldNameControl.controls; let i = index\">\n                        <tr>\n                            <ng-container *ngFor=\"let el of formConfiguration.TableColumns\">\n                                <td>\n                                    <ng-container *ngIf=\"item&&el\">\n                                        <df-dynamic [entity]=\"item\" [fields]=\"{ field: el }\"\n                                            [selected]=\"_selected[i]?.extraProperties[''+el.name+'']\"\n                                            [parentFiledName]=\"'extraProperties'\"  [culture]=\"_culture\"></df-dynamic>\n                                    </ng-container>\n                                </td>\n                            </ng-container>\n                            <td scope=\"row\" class=\"\">\n                                <div class=\"flex-end mb-2\">\n                                    <button class=\"btn btn-light btn-sm ms-1\" (click.stop)=\"minusTableControlItem(i)\">\n                                        <i class=\"fas fa-minus\"></i>\n                                    </button>\n                                    <button class=\"btn btn-light btn-sm ms-1\" (click.stop)=\"TableArrowUpOrDown('up',i)\"\n                                        *ngIf=\"i!==0\">\n                                        <i class=\"fas fa-arrow-up\"></i>\n                                    </button>\n                                    <button class=\"btn btn-light btn-sm ms-1\"\n                                        (click.stop)=\"TableArrowUpOrDown('down',i)\"\n                                        *ngIf=\"i!==fieldNameControl.controls.length-1\">\n                                        <i class=\"fas fa-arrow-down\"></i>\n                                    </button>\n                                </div>\n                            </td>\n                        </tr>\n                    </ng-container>\n                </tbody>\n            </table>\n            <div class=\"form-text\" *ngIf=\"_fields.field.description\">{{_fields.field.description}}</div>\n        </div>\n    </div>\n    <button type=\"submit\" style=\"display: none\" #submitclick></button>\n</form>", styles: [".flex-end{display:flex;align-items:center;justify-content:flex-end}.flex-start{display:flex;align-items:center;justify-content:flex-start}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { entity: [{
+                type: Input
+            }], fields: [{
+                type: Input
+            }], parentFiledName: [{
+                type: Input
+            }], selected: [{
+                type: Input
+            }], culture: [{
+                type: Input
+            }], submitclick: [{
+                type: ViewChild,
+                args: ['submitclick', { static: true }]
+            }] } });
+
+/**
+ * 表单控件分组-包含配置，控件，显示的数组
+ */
+const FieldControlGroup = [
+    {
+        displayName: '表格',
+        name: 'Table',
+        fieldConfigComponent: TableConfigComponent,
+        fieldComponent: TableControlComponent,
+    },
+    {
+        displayName: '矩阵',
+        name: 'Matrix',
+        fieldConfigComponent: MatrixConfigComponent,
+        fieldComponent: MatrixControlComponent,
+    },
+    {
+        displayName: '条目',
+        name: 'Entry',
+        fieldConfigComponent: EntryConfigComponent,
+        fieldComponent: EntryControlComponent,
+    },
+];
+
+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;
+}
+
+.form-label{
+    font-size: 12px;
+}
+: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);
+    let 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([
+    {
+        text: 'Cms::New',
+        action: data => {
+            const component = data.getInjected(SectionsComponent);
+            component.createSectionBtn();
+        },
+        btnClass: '',
+        permission: 'CmsAdmin.Entry.Create',
+        icon: 'fa fa-plus',
+    },
+]);
+/**版块-创建-编辑 */
+const Sections_Create_Or_Edit_Defaults_Toolbar_Action = ToolbarAction.createMany([
+    {
+        text: 'AbpUi::Save',
+        action: data => {
+            const component = data.getInjected(CreateOrEditComponent);
+            component.submitclickBtn();
+        },
+        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([
+    {
+        text: 'Cms::New',
+        action: data => {
+            const component = data.getInjected(FieldsComponent);
+            component.toFieldsCreateBtn();
+        },
+        btnClass: '',
+        permission: 'CmsAdmin.Entry.Create',
+        icon: 'fa fa-plus',
+    },
+]);
+/**字段-创建 */
+const Fields_Create_Defaults_Toolbar_Action = ToolbarAction.createMany([
+    {
+        text: 'AbpUi::Save',
+        action: data => {
+            const component = data.getInjected(CreateFieldComponent);
+            component.submitclickBtn();
+        },
+        btnClass: '',
+        permission: 'CmsAdmin.Entry.Create',
+        icon: 'fas fa-save',
+    },
+]);
+/**字段-创建 */
+const Fields_Edit_Defaults_Toolbar_Action = ToolbarAction.createMany([
+    {
+        text: 'AbpUi::Save',
+        action: data => {
+            const component = data.getInjected(EditFieldComponent);
+            component.submitclickBtn();
+        },
+        btnClass: '',
+        permission: 'CmsAdmin.Entry.Create',
+        icon: 'fas fa-save',
+    },
+]);
+/**条目 */
+const Entries_Defaults_Toolbar_Action = ToolbarAction.createMany([
+    {
+        text: 'Cms::New',
+        action: data => {
+            const component = data.getInjected(EntriesComponent);
+            component.createEntriesBtn();
+        },
+        btnClass: '',
+        permission: 'CmsAdmin.Entry.Create',
+        icon: 'fa fa-plus',
+    },
+]);
+/**条目-创建 */
+const Entries_Create_Defaults_Toolbar_Action = ToolbarAction.createMany([
+    {
+        text: 'AbpUi::Cancel',
+        action: data => {
+            const component = data.getInjected(CreateComponent);
+            component.backTo();
+        },
+        btnClass: 'btn btn-light btn-sm',
+        permission: 'CmsAdmin.Entry.Create',
+        icon: '',
+    },
+    {
+        text: 'AbpUi::Save',
+        action: data => {
+            const component = data.getInjected(CreateComponent);
+            component.clickSubmit(true);
+        },
+        btnClass: 'btn btn-info btn-sm',
+        permission: 'CmsAdmin.Entry.Create',
+        icon: 'fas fa-save',
+    },
+    {
+        text: 'Cms::Publish',
+        action: data => {
+            const component = data.getInjected(CreateComponent);
+            component.clickSubmit(false);
+        },
+        btnClass: '',
+        permission: 'CmsAdmin.Entry.Create',
+        icon: 'fa fa-paper-plane',
+    },
+]);
+/**条目编辑 */
+const Entries_Edit_Defaults_Toolbar_Action = ToolbarAction.createMany([
+    {
+        text: 'AbpUi::Cancel',
+        action: data => {
+            const component = data.getInjected(EditComponent);
+            component.backTo();
+        },
+        btnClass: 'btn btn-light btn-sm',
+        permission: 'CmsAdmin.Entry.Create',
+        icon: '',
+    },
+    {
+        text: 'AbpUi::Save',
+        action: data => {
+            const component = data.getInjected(EditComponent);
+            component.clickSubmit(true);
+        },
+        btnClass: 'btn btn-info btn-sm',
+        permission: 'CmsAdmin.Entry.Create',
+        icon: 'fas fa-save',
+    },
+    {
+        text: 'Cms::Publish',
+        action: data => {
+            const component = data.getInjected(EditComponent);
+            component.clickSubmit(false);
+        },
+        btnClass: '',
+        permission: 'CmsAdmin.Entry.Create',
+        icon: 'fa fa-paper-plane',
+    },
+]);
+
+/**默认-实体-操作 */
+const Default_Entity_Actions = {
+// [ModuleComponent.AbpTable]: Abp_Table_Entity_Action,
+};
+/**默认实体属性-表格列名 */
+const Default_Entity_Props = {
+// [PageName.Guides]: Guides_Entity_Props,
+};
+/**默认-工具栏-操作 */
+const Default_Toolbar_Actions = {
+    // [ModuleComponent.Page]: Page_Toolbar_Action,
+    // [eCmsKitPageName.FaqQuestion]:FaqQuestion_Toolbar_Action
+    [ECmsComponent.Entries]: Entries_Defaults_Toolbar_Action,
+    [ECmsComponent.Entries_Create]: Entries_Create_Defaults_Toolbar_Action,
+    [ECmsComponent.Entries_Edit]: Entries_Edit_Defaults_Toolbar_Action,
+    [ECmsComponent.Fields]: Fields_Defaults_Toolbar_Action,
+    [ECmsComponent.FieldsCreate]: Fields_Create_Defaults_Toolbar_Action,
+    [ECmsComponent.FieldsEdit]: Fields_Edit_Defaults_Toolbar_Action,
+    [ECmsComponent.Sections]: Sections_Defaults_Toolbar_Action,
+    [ECmsComponent.SectionsCreateOrEdit]: Sections_Create_Or_Edit_Defaults_Toolbar_Action,
+};
+/**
+ *
+ * @param 在Extensions_Props_Action_Token_Resolver方法中使用
+ * @param 在.module.ts中使用,
+    export class CmsModule {
+        static forChild(options: any = {}): ModuleWithProviders<CmsModule> {
+            return {
+                ngModule: CmsModule,
+                providers: [
+                    {
+                      provide: Toolbar_Action_Contributors,
+                      useValue: options.toolbarActionContributors,
+                    },
+                    {
+                      provide: Entity_Action_Contributors,
+                      useValue: options.entityActionContributors,
+                    },
+                    {
+                      provide: Entity_Props_Contributors,
+                      useValue: options.entityPropContributors,
+                    },
+                ]
+            };
+        }
+        static forLazy(options: any = {}): NgModuleFactory<CmsModule> {
+            return new LazyModuleFactory(CmsModule.forChild(options));
+        }
+    }
+ *
+ *
+ */
+/**实体-操作-贡献者 */
+const Entity_Action_Contributors = new InjectionToken('Entity_Action_Contributors');
+/**实体-属性-贡献者 */
+const Entity_Props_Contributors = new InjectionToken('Entity_Props_Contributors');
+const Toolbar_Action_Contributors = new InjectionToken('Toolbar_Action_Contributors');
+/**
+ * 属性-操作-贡献者-解析器
+ *
+ * 用于放在-routing.module.ts路由守卫中
+ *
+ *
+    const routes: Routes = [
+        {
+            path: 'demo',
+            canActivate: [AuthGuard, PermissionGuard],
+            resolve: [Extensions_Props_Action_Token_Resolver],
+            children: []
+        },
+    ]
+ *
+ *
+ */
+const Extensions_Props_Action_Token_Resolver = () => {
+    const configState = inject(ConfigStateService);
+    const extensions = inject(ExtensionsService);
+    const config = { optional: true };
+    const actionContributors = inject(Entity_Action_Contributors, config) || {};
+    const propContributors = inject(Entity_Props_Contributors, config) || {};
+    const toolbarContributors = inject(Toolbar_Action_Contributors, config) || {};
+    return getObjectExtensionEntitiesFromStore(configState, 'TenantManagement').pipe(map(entities => ({
+    // [ModuleComponent.AbpTable]: entities.Tenant,
+    })), mapEntitiesToContributors(configState, 'TenantManagement'), tap(objectExtensionContributors => {
+        //actions
+        mergeWithDefaultActions(extensions.entityActions, Default_Entity_Actions, actionContributors);
+        //props
+        mergeWithDefaultProps(extensions.entityProps, Default_Entity_Props, objectExtensionContributors.prop, propContributors);
+        //Toolbar
+        mergeWithDefaultActions(extensions.toolbarActions, Default_Toolbar_Actions, toolbarContributors);
+    }));
+};
+// /**
+//  * @deprecated Use `tenantManagementExtensions_Props_Action_Token_Resolver` *function* instead.
+//  */
+// @Injectable()
+// export class TenantManagementExtensionsGuard implements IAbpGuard {
+//   protected readonly configState = inject(ConfigStateService);
+//   protected readonly extensions = inject(ExtensionsService);
+//   canActivate(): Observable<boolean> {
+//     const config = { optional: true };
+//     const actionContributors = inject(TENANT_MANAGEMENT_Entity_Action_Contributors, config) || {};
+//     const propContributors = inject(TENANT_MANAGEMENT_Entity_Props_Contributors, config) || {};
+//     return getObjectExtensionEntitiesFromStore(this.configState, 'TenantManagement').pipe(
+//       map(entities => ({
+//         // [eTenantManagementComponents.Tenants]: entities.Tenant,
+//       })),
+//       mapEntitiesToContributors(this.configState, 'TenantManagement'),
+//       tap(objectExtensionContributors => {
+//         mergeWithDefaultActions(
+//           this.extensions.entityActions,
+//           DEFAULT_TENANT_MANAGEMENT_ENTITY_ACTIONS,
+//           actionContributors,
+//         );
+//         mergeWithDefaultProps(
+//           this.extensions.entityProps,
+//           DEFAULT_TENANT_MANAGEMENT_ENTITY_PROPS,
+//           objectExtensionContributors.prop,
+//           propContributors,
+//         );
+//       }),
+//       map(() => true),
+//     );
+//   }
+// }
+
+const routes = [
+    {
+        path: 'admin',
+        canActivate: [AuthGuard, PermissionGuard],
+        resolve: [Extensions_Props_Action_Token_Resolver, appentStyle],
+        children: [
+            {
+                path: 'entries',
+                children: [
+                    {
+                        path: '',
+                        component: EntriesComponent,
+                        data: { keep: true }
+                    },
+                    {
+                        path: 'create',
+                        component: CreateComponent,
+                    },
+                    {
+                        path: ':entrieId/edit',
+                        component: EditComponent,
+                    },
+                ],
+            },
+            {
+                path: '',
+                children: [
+                    {
+                        path: 'fields',
+                        children: [
+                            {
+                                path: '',
+                                component: FieldsComponent,
+                                data: { keep: true }
+                            },
+                            {
+                                path: 'create',
+                                component: CreateFieldComponent,
+                            },
+                            {
+                                path: ':id/edit',
+                                component: EditFieldComponent,
+                            },
+                        ],
+                    },
+                    {
+                        path: 'sections',
+                        children: [
+                            {
+                                path: '',
+                                data: { keep: true },
+                                component: SectionsComponent,
+                            },
+                            {
+                                path: ':sectionsId/entry-types',
+                                children: [
+                                    {
+                                        path: 'create',
+                                        component: CreateOrEditComponent,
+                                    },
+                                    {
+                                        path: ':entryTypesId/edit',
+                                        component: CreateOrEditComponent,
+                                    },
+                                ],
+                            },
+                        ],
+                    },
+                ],
+            },
+        ],
+    },
+];
+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: [i3$1.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: [{
+            type: NgModule,
+            args: [{
+                    imports: [RouterModule.forChild(routes)],
+                    exports: [RouterModule],
+                }]
+        }] });
+
+class CmsModule {
+    static forChild(options = {}) {
+        return {
+            ngModule: CmsModule,
+            providers: [
+                {
+                    provide: Toolbar_Action_Contributors,
+                    useValue: options.toolbarActionContributors,
+                },
+                {
+                    provide: Entity_Action_Contributors,
+                    useValue: options.entityActionContributors,
+                },
+                {
+                    provide: Entity_Props_Contributors,
+                    useValue: options.entityPropContributors,
+                },
+            ],
+        };
+    }
+    static forLazy(options = {}) {
+        return new LazyModuleFactory(CmsModule.forChild(options));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: CmsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.5", ngImport: i0, type: CmsModule, declarations: [EntriesComponent,
+            FieldsComponent,
+            SectionsComponent,
+            FieldGroupComponent,
+            CreateFieldComponent,
+            EditFieldComponent,
+            CreateOrEditFieldComponent,
+            CreateOrEditComponent,
+            CreateComponent,
+            EditComponent,
+            CreateOrEditEntriesComponent,
+            TableConfigComponent,
+            TableControlComponent,
+            MatrixConfigComponent,
+            MatrixControlComponent,
+            EntryConfigComponent,
+            EntryControlComponent], imports: [CoreModule,
+            ThemeSharedModule,
+            FormsModule,
+            CmsRoutingModule,
+            NgbNavModule,
+            NgbAccordionModule,
+            NgbDropdownModule,
+            PageModule,
+            NzSelectModule, i8$2.DynamicFormModule], exports: [TableConfigComponent,
+            TableControlComponent,
+            MatrixConfigComponent,
+            MatrixControlComponent,
+            EntryConfigComponent,
+            EntryControlComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: CmsModule, imports: [CoreModule,
+            ThemeSharedModule,
+            FormsModule,
+            CmsRoutingModule,
+            NgbNavModule,
+            NgbAccordionModule,
+            NgbDropdownModule,
+            PageModule,
+            NzSelectModule,
+            DynamicFormModule.forRoot({
+                cmsFieldControlGroup: [...FieldControlGroup, ...fielFieldControlGroup, ...ckEditorFieldControlGroup]
+            })] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: CmsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        EntriesComponent,
+                        FieldsComponent,
+                        SectionsComponent,
+                        FieldGroupComponent,
+                        CreateFieldComponent,
+                        EditFieldComponent,
+                        CreateOrEditFieldComponent,
+                        CreateOrEditComponent,
+                        CreateComponent,
+                        EditComponent,
+                        CreateOrEditEntriesComponent,
+                        TableConfigComponent,
+                        TableControlComponent,
+                        MatrixConfigComponent,
+                        MatrixControlComponent,
+                        EntryConfigComponent,
+                        EntryControlComponent,
+                    ],
+                    imports: [
+                        CoreModule,
+                        ThemeSharedModule,
+                        FormsModule,
+                        CmsRoutingModule,
+                        NgbNavModule,
+                        NgbAccordionModule,
+                        NgbDropdownModule,
+                        PageModule,
+                        NzSelectModule,
+                        DynamicFormModule.forRoot({
+                            cmsFieldControlGroup: [...FieldControlGroup, ...fielFieldControlGroup, ...ckEditorFieldControlGroup]
+                        }),
+                    ],
+                    exports: [
+                        TableConfigComponent,
+                        TableControlComponent,
+                        MatrixConfigComponent,
+                        MatrixControlComponent,
+                        EntryConfigComponent,
+                        EntryControlComponent,
+                    ],
+                    providers: [],
+                }]
+        }] });
+
+/*
+ * Public API Surface of cms
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CmsModule, EntryConfig, EntryConfigComponent, EntryControlComponent, FieldControlGroup, MatrixConfig, MatrixConfigComponent, MatrixControlComponent, MatrixItemConfig, TableConfig, TableConfigComponent, TableControlComponent, TableFormControl, matrixFieldInputBase };
+//# sourceMappingURL=dignite-ng-expand.cms.mjs.map